@adyen/kyc-components 3.20.1 → 3.21.0

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

@@ -257,6 +257,7 @@ const validationPleaseEnterAValidStockISIN = "Please enter a valid ISIN. For exa
 const shareholderDocument = "Shareholder document";
 const role = "Role";
 const selectAllTheRolesThatThisDecisionMakerHolds = "Select all the roles that this decision-maker holds.";
+const selectedSomeRolesBasedOnMyinfo = "We selected some roles based on Myinfo business data about your company's appointment holders and shareholders.";
 const selectTheApplicableRoles = "Select the applicable role(s)";
 const back = "Back";
 const next = "Next";
@@ -455,7 +456,6 @@ const issuedInTheLastXMonths = "Issued in the last %{number} months";
 const bankAccountVerification = "Bank account verification";
 const bankStatementDocument = "Bank statement";
 const requirements = "Requirements:";
-const ifDocumentMoreThan12months = "If your document is older than 12 months, then it should contain a statement with the company’s assets and liabilities. You will need to have it signed and dated by someone with decision-making or signing power within the company. Make sure the date, title, and legal entity name are included.";
 const whyDoINeedToFillInThisInformation = "Why do I need to fill in this information?";
 const reasonForFillingCompanyRegistrationDetails = "We have to make sure the businesses using our services will not be misusing the funds or causing harm. To do that, we’ll check all of this information against official records. This is a part of the financial regulations that we have to follow as a payments provider.";
 const reasonForFillingCompanyAddressDetails = "We have to make sure the businesses using our services will not be misusing the funds or causing harm. To do that, we’ll check all of this information against official records. This is a part of the financial regulations that we have to follow as a payments provider.";
@@ -469,7 +469,6 @@ const controllingPersonGuideDescription = "A <strong>controlling person</strong>
 const signatoryGuideDescription = "A <strong>signatory</strong> has been given authority to sign official documents on behalf of the company. Usually a signatory is also an owner or a controlling person.";
 const directorGuideDescription = "A <strong>director</strong> is someone appointed to manage a company's business and affairs. Who your directors are can be found on the companies register.";
 const someoneAppointedToManageACompanysBusinessAndAffairs = "Someone appointed to manage a company's business and affairs.";
-const whatIfDocumentIsMoreThan12MonthsOld = "What if my document is more than 12 months old?";
 const depositSlip = "Deposit slip";
 const screenshotOfOnlineBankingEnviroment = "Screenshot of online banking environment";
 const officialEmailOrALetterFromYourBank = "Official email or a letter from your bank";
@@ -931,7 +930,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.";
@@ -1372,7 +1372,6 @@ const startANewSessionFromTheSamePlaceYouOriginallyAccessed = "Start a new sessi
 const differentCountryOfGoverningLaw = "This company has a different country/region of governing law";
 const countryOfGoverningLaw = "Country/region of governing law";
 const nationalInsuranceNumber = "National Insurance Number (NINO)";
-const detailsForCapital = "Details for capital";
 const parentCompany = "Parent company";
 const ultimateParentCompany = "Ultimate parent company";
 const numberOfEmployees = "Number of employees";
@@ -1383,6 +1382,28 @@ const businessStructure = "Business structure";
 const selectOne = "Select one";
 const industryAndNaceCode = "Industry and NACE code";
 const youMustXYearsOldToContinue = "You must be at least %{minimumAge} years old to continue";
+const doesTheCompanyEarnMoreThanHalf = "Does the company earn more than 50% of its income from selling goods or non-financial services?";
+const doesYourCompanyHaveLEI = "Does your company have a Legal Entity Identifier (LEI)?";
+const anLEIIsAUniqueCode = "An LEI is a unique code that identifies legal entities, including companies, who engage in financial transactions.";
+const lookUpYourLEI = "Look up your LEI.";
+const legalEntityIdentifier = "Legal Entity Identifier (LEI)";
+const yourBusinessDetails = "Your business details";
+const progress = "Progress";
+const ownershipStructure = "Ownership structure";
+const isCompanyOwnedByAnotherCompany = "Is %{company} owned by another company?";
+const isParentOwnedByAnotherCompany = "Is your parent company owned by another company?";
+const thisMeansYouHaveAParentCompany = "If yes, this means you have a parent company, such as a global headquarters or a holding company.";
+const thisMeansYouHaveAnUltimateParentCompany = "If yes, this means you have an ultimate parent company. An ultimate parent company is the company that’s highest in the corporate structure. Learn more.";
+const additionalInformationIsRequiredForLoan = "Additional information is required to complete your capital loan application.";
+const beforeYourCapitalLoanApplicationCanBeSubmitted = "Before your capital loan application can be submitted, we need to collect a bit more information about you. All information collected here is required.";
+const legalName = "Legal name";
+const businessInformation = "Business information";
+const parentCompanyInformation = "Parent company information";
+const inTheLastStepOwnedByAParentCompany = "In the last step, you indicated that your business is owned by a parent company. We need to know some information about this company before submitting your application.";
+const ultimateParentCompanyInformation = "Ultimate parent company information";
+const inThePreviousStepOwnedByAnUltimateParentCompany = "In a previous step, you indicated that your business’ parent company was owned by an ultimate parent company. We need to know some information about this company before submitting your application.";
+const doesThisCompanyHaveLEI = "Does this company have a Legal Entity Identifier (LEI)?";
+const iDontKnow = "I don't know";
 const defaultTrans = {
   smartling,
   close,
@@ -1602,6 +1623,7 @@ const defaultTrans = {
   shareholderDocument,
   role,
   selectAllTheRolesThatThisDecisionMakerHolds,
+  selectedSomeRolesBasedOnMyinfo,
   selectTheApplicableRoles,
   back,
   next,
@@ -1800,7 +1822,6 @@ const defaultTrans = {
   bankAccountVerification,
   bankStatementDocument,
   requirements,
-  ifDocumentMoreThan12months,
   whyDoINeedToFillInThisInformation,
   reasonForFillingCompanyRegistrationDetails,
   reasonForFillingCompanyAddressDetails,
@@ -1814,7 +1835,6 @@ const defaultTrans = {
   signatoryGuideDescription,
   directorGuideDescription,
   someoneAppointedToManageACompanysBusinessAndAffairs,
-  whatIfDocumentIsMoreThan12MonthsOld,
   depositSlip,
   screenshotOfOnlineBankingEnviroment,
   officialEmailOrALetterFromYourBank,
@@ -2285,6 +2305,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,
@@ -2727,7 +2748,6 @@ const defaultTrans = {
   differentCountryOfGoverningLaw,
   countryOfGoverningLaw,
   nationalInsuranceNumber,
-  detailsForCapital,
   parentCompany,
   ultimateParentCompany,
   numberOfEmployees,
@@ -2737,7 +2757,29 @@ const defaultTrans = {
   businessStructure,
   selectOne,
   industryAndNaceCode,
-  youMustXYearsOldToContinue
+  youMustXYearsOldToContinue,
+  doesTheCompanyEarnMoreThanHalf,
+  doesYourCompanyHaveLEI,
+  anLEIIsAUniqueCode,
+  lookUpYourLEI,
+  legalEntityIdentifier,
+  yourBusinessDetails,
+  progress,
+  ownershipStructure,
+  isCompanyOwnedByAnotherCompany,
+  isParentOwnedByAnotherCompany,
+  thisMeansYouHaveAParentCompany,
+  thisMeansYouHaveAnUltimateParentCompany,
+  additionalInformationIsRequiredForLoan,
+  beforeYourCapitalLoanApplicationCanBeSubmitted,
+  legalName,
+  businessInformation,
+  parentCompanyInformation,
+  inTheLastStepOwnedByAParentCompany,
+  ultimateParentCompanyInformation,
+  inThePreviousStepOwnedByAnUltimateParentCompany,
+  doesThisCompanyHaveLEI,
+  iDontKnow
 };
 const FALLBACK_LOCALE = "en-US";
 const defaultTranslation = Object.entries(defaultTrans).reduce((acc, [translationKey, translationValue]) => translationKey !== "smartling" ? {
@@ -2946,6 +2988,7 @@ var SettingNames = /* @__PURE__ */ ((SettingNames2) => {
   SettingNames2["HideOnboardingIntroductionSoleProprietor"] = "hideOnboardingIntroductionSoleProprietor";
   SettingNames2["TransferInstrumentLimit"] = "transferInstrumentLimit";
   SettingNames2["ViewOnboardingGuidance"] = "viewOnboardingGuidance";
+  SettingNames2["InstantBankVerification"] = "instantBankVerification";
   return SettingNames2;
 })(SettingNames || {});
 const SettingsContext = createContext(void 0);
@@ -3613,19 +3656,6 @@ function getFormProps(props, innerFormId) {
     shouldValidate: (activeFormId ? activeFormId === innerFormId : true) && props.shouldValidate
   };
 }
-function removeFormLayer(obj, formId) {
-  if (!obj) {
-    return obj;
-  }
-  const formIdWithDelimiter = `${formId}.`;
-  return Object.entries(obj).reduce((acc, [key, value]) => {
-    const newKey = key.startsWith(formIdWithDelimiter) ? key.substring(formIdWithDelimiter.length, key.length) : key;
-    return {
-      ...acc,
-      [newKey]: value
-    };
-  }, {});
-}
 function getNestedOuterFormPropsFromOuterFormProps(props, innerFormId) {
   const newProps = getFormProps(props, innerFormId);
   if (newProps === null) {
@@ -3638,6 +3668,16 @@ function getNestedOuterFormPropsFromOuterFormProps(props, innerFormId) {
     helperText,
     masks
   } = newProps;
+  const {
+    readOnlyFields,
+    requiredFields,
+    optionalFields,
+    obscuredFields,
+    verifyFields,
+    problems,
+    validators: validators2,
+    shouldValidate
+  } = props;
   return {
     placeholders,
     labels: labels2,
@@ -3645,15 +3685,15 @@ function getNestedOuterFormPropsFromOuterFormProps(props, innerFormId) {
     helperText,
     masks,
     // maintain the structure of the special fields
-    readOnlyFields: removeFormLayer(props.readOnlyFields, innerFormId),
-    requiredFields: removeFormLayer(props.requiredFields, innerFormId),
-    optionalFields: removeFormLayer(props.optionalFields, innerFormId),
-    obscuredFields: removeFormLayer(props.obscuredFields, innerFormId),
-    verifyFields: removeFormLayer(props.verifyFields, innerFormId),
+    readOnlyFields,
+    requiredFields,
+    optionalFields,
+    obscuredFields,
+    verifyFields,
     // the rest we just pass along for now, as they will be eventually be processed by getFormProps
-    problems: props.problems,
-    validators: props.validators,
-    shouldValidate: props.shouldValidate
+    problems,
+    validators: validators2,
+    shouldValidate
   };
 }
 function getFieldProps(props, innerFormFields) {
@@ -4332,6 +4372,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
@@ -4584,12 +4633,10 @@ const Loader = ({
 });
 const Tag = ({
   className,
-  isBasic = false,
+  variant = "blue",
   children
 }) => {
-  const classNames = cx("adyen-kyc-tag", className, {
-    "adyen-kyc-tag--basic": isBasic
-  });
+  const classNames = cx("adyen-kyc-tag", className, `adyen-kyc-tag--${variant}`);
   return jsx("span", {
     className: classNames,
     children
@@ -4744,13 +4791,29 @@ const SelectButtonContentMulti = ({
   className: "adyen-kyc-dropdown-selected-items",
   children: active.map((item) => jsx(Tag, {
     className: item.className,
-    isBasic: true,
+    variant: "grey",
     children: (item == null ? void 0 : item.selectedOptionName) || (item == null ? void 0 : item.name) || placeholder
   }, item.id))
 }) : jsx("span", {
   className: "adyen-kyc-dropdown-button__text adyen-kyc-dropdown-button__text--placeholder",
   children: placeholder
 });
+const Typography = ({
+  el = "p",
+  variant = "body",
+  color = "primary",
+  className,
+  children,
+  ...props
+}) => {
+  const TypographyElement = el;
+  const classNames = cx(className, "adyen-kyc-typography", `adyen-kyc-typography--${color}`, `adyen-kyc-typography--${variant}`);
+  return jsx(TypographyElement, {
+    ...props,
+    className: classNames,
+    children
+  });
+};
 function Checkbox({
   classNameModifiers = [],
   label,
@@ -4827,10 +4890,14 @@ const SelectListItem = ({
       className: "adyen-kyc-dropdown-element__icon",
       children: item.icon
     }), item.description ? jsxs(Fragment, {
-      children: [jsx("span", {
-        className: "adyen-kyc-dropdown-element__label adyen-kyc-u-font-weight-semi-bold",
+      children: [jsx(Typography, {
+        el: "span",
+        variant: "body-strongest",
+        className: "adyen-kyc-dropdown-element__label",
         children: item.name
-      }), jsx("span", {
+      }), jsx(Typography, {
+        el: "span",
+        color: "secondary",
         className: "adyen-kyc-dropdown-element-description__text",
         children: item.description
       })]
@@ -5387,189 +5454,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 +5703,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: formUtils.isReadOnly("country") || !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 +7818,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"
 };
@@ -8437,7 +8529,8 @@ function BusinessRegistrationNumber(props) {
     registrationNumberType
   }, defaultFieldMetadata$9);
   const mergedProps = mergeFieldMetadataIntoProps("registrationNumber", metadata, {
-    requiredFields: schema
+    requiredFields: schema,
+    readOnlyFields: props.readOnlyFields
   });
   const {
     handleChangeFor,
@@ -10756,9 +10849,6 @@ const businessDetailsFieldsPerScenario = {
 };
 const countryConfig$3 = {
   [CountryCodes.Australia]: {
-    legalCompanyName: {
-      helperText: "legalCompanyName__helperText__AU"
-    },
     legalEntityType: {
       label: "companyType"
     }
@@ -10811,9 +10901,6 @@ const countryConfig$3 = {
   [CountryCodes.Gibraltar]: {},
   [CountryCodes.Guernsey]: {},
   [CountryCodes.HongKong]: {
-    legalCompanyName: {
-      helperText: "legalCompanyName__helperText__HK"
-    },
     legalEntityType: {
       label: "typeOfCompany"
     },
@@ -10867,9 +10954,6 @@ const countryConfig$3 = {
   },
   [CountryCodes.Monaco]: {},
   [CountryCodes.Netherlands]: {
-    legalCompanyName: {
-      helperText: "legalCompanyName__helperText__NL"
-    },
     vatAbsenceReason: {
       label: "vatAbsenceReason"
     }
@@ -10905,9 +10989,6 @@ const countryConfig$3 = {
     country: {
       label: "country__US__business"
     },
-    legalCompanyName: {
-      helperText: "legalCompanyName__helperText__US"
-    },
     tradingName: {
       label: "doingBusinessAs"
     },
@@ -10927,9 +11008,6 @@ const countryConfig$3 = {
     registrationNumber: {
       label: "uen"
     },
-    legalCompanyName: {
-      helperText: "legalCompanyName__helperText__SG"
-    },
     legalEntityType: {
       label: "companyType"
     },
@@ -10958,10 +11036,6 @@ const countryConfig$3 = {
     stateOrProvince: {
       label: "stateOrProvince__US__business"
     },
-    legalCompanyName: {
-      label: "legalCompanyName__US",
-      helperText: "legalCompanyName__helperText__US"
-    },
     tradingName: {
       label: "doingBusinessAs"
     },
@@ -11422,7 +11496,7 @@ function isEmptyEntity(legalEntity) {
   const sortedFieldsOnEntity = fieldsOnEntity.toSorted();
   return sortedFieldsOnEntity.every((value, index) => value === sortedMinimumFields[index]);
 }
-const capabilitiesToPreventTypeChange = ["receivePayments", "issueCard", "useCard", "withdrawFromAtm", "withdrawFromAtmInRestrictedCountries", "receiveFromTransferInstrument", "useCardInRestrictedCountries", "useCardInRestrictedIndustries", "issueBankAccount", "sendToThirdParty", "receiveFromThirdParty", "getGrantOffers", "receiveGrants"];
+const capabilitiesToPreventTypeChange = ["receivePayments", "issueCard", "useCard", "withdrawFromAtm", "withdrawFromAtmInRestrictedCountries", "useCardInRestrictedCountries", "useCardInRestrictedIndustries", "issueBankAccount", "sendToThirdParty", "receiveFromThirdParty", "getGrantOffers", "receiveGrants"];
 const entityTypeToCorrespondingAccountHolderOption = {
   [LegalEntityType.INDIVIDUAL]: "myName",
   [LegalEntityType.ORGANIZATION]: "theCompanyIWorkFor",
@@ -12504,7 +12578,8 @@ function FieldContainer(props) {
     trimOnBlur,
     hideField,
     maxlength,
-    handleChangeFor
+    handleChangeFor,
+    readOnly
   } = props;
   const formUtils = formUtilities(props, i18n);
   const errorMessage = formUtils.getErrorMessage(fieldName, errors, fieldProblems);
@@ -12526,7 +12601,7 @@ function FieldContainer(props) {
           labels: {
             country: formUtils.getLabel(field)
           },
-          readonly: formUtils.isReadOnly(field),
+          readonly: readOnly,
           classNameModifiers,
           className: hideField ? "adyen-kyc-u-display-none" : "",
           handleChangeFor
@@ -12545,7 +12620,7 @@ function FieldContainer(props) {
           labels: {
             stateOrProvince: formUtils.getLabel(field)
           },
-          readonly: formUtils.isReadOnly(field),
+          readonly: readOnly,
           classNameModifiers,
           selectedCountry: data.country,
           handleChangeFor
@@ -12568,7 +12643,8 @@ function FieldContainer(props) {
             "aria-required": true,
             "aria-label": props == null ? void 0 : props["aria-label"],
             "aria-invalid": !valid[field],
-            trimOnBlur
+            trimOnBlur,
+            readonly: readOnly
           })
         });
     }
@@ -13417,7 +13493,7 @@ function RegistrationAddressComponent(props) {
     readOnlyFields: registrationAddressReadOnlyFields,
     obscuredFields: registrationAddressObscuredFields,
     verifyFields: registrationAddressVerifyFields
-  } = getFormProps(props, props.id);
+  } = getFormProps(props, registrationAddressFormID);
   const {
     data: formData,
     valid: formValid,
@@ -13615,29 +13691,15 @@ const GuidanceContent$1 = ({
           })
         })]
       })]
-    }) : jsxs(Fragment, {
-      children: [jsxs("div", {
-        className: "adyen-kyc-u-margin-bottom-24",
-        children: [jsxs("strong", {
-          children: [" ", i18n.get("requirements")]
-        }), jsxs(List, {
-          className: "adyen-kyc-upload-field__requirements",
-          children: [jsx(ListItem, {
-            children: i18n.get("documentIssuedByGovernmentAuthority")
-          }), jsx(ListItem, {
-            children: i18n.get("dateOnDocumentNoOlderThanXMonths", {
-              values: {
-                numberOfMonths: 12
-              }
-            })
-          })]
-        })]
-      }), jsx(ContextGuidance, {
-        page: "Company registration document",
-        titleId: "whatIfDocumentIsMoreThan12MonthsOld",
-        contentId: "ifDocumentMoreThan12months",
-        title: i18n.get("whatIfDocumentIsMoreThan12MonthsOld"),
-        content: i18n.get("ifDocumentMoreThan12months")
+    }) : jsxs("div", {
+      className: "adyen-kyc-u-margin-bottom-24",
+      children: [jsxs("strong", {
+        children: [" ", i18n.get("documentRequirements")]
+      }), jsx(List, {
+        className: "adyen-kyc-upload-field__requirements",
+        children: jsx(ListItem, {
+          children: i18n.get("documentIssuedByGovernmentAuthority")
+        })
       })]
     })
   });
@@ -13752,9 +13814,9 @@ const GuidanceContent = ({
       })]
     }) : jsxs("div", {
       className: "adyen-kyc-u-margin-bottom-24",
-      children: [jsxs("div", {
+      children: [jsx("div", {
         className: "adyen-kyc-upload-field__subtitle",
-        children: [" ", i18n.get("requirements")]
+        children: i18n.get("documentRequirements")
       }), jsxs(List, {
         className: "adyen-kyc-upload-field__requirements",
         children: [jsx(ListItem, {
@@ -14413,7 +14475,7 @@ const mandatoryApiFields = {
   ORGANIZATION: ["companyNameAndCountry.legalCompanyName", "companyNameAndCountry.country"],
   SOLE_PROPRIETORSHIP: ["solePropNameAndCountry.legalCompanyName", "solePropNameAndCountry.country"],
   TRUST: ["trustRegistrationDetails.legalName", "trustRegistrationDetails.country"],
-  HIGH_EXPOSURE: ["company.numberOfEmployees", "parentCompany.numberOfEmployees", "ultimateParentCompany.numberOfEmployees"]
+  HIGH_EXPOSURE: ["company.numberOfEmployees", "parentCompany.parentNumberOfEmployees", "ultimateParentCompany.ultimateParentNumberOfEmployees"]
 };
 const individualObscuredFields = ["personalDetails.idNumber", "personalDetails.idNumberExempt"];
 const individualBaseMapping = {
@@ -16941,60 +17003,60 @@ const roleMetadata = {
   [DecisionMakerType.CONTROLLING_PERSON]: {
     name: "controllingPerson",
     description: "controllingPersonDescription",
-    className: "adyen-kyc-tag--teal"
+    variant: "teal"
   },
   [DecisionMakerType.OWNER]: {
     name: "owner",
     description: "ownerDescription",
-    className: "adyen-kyc-tag--purple"
+    variant: "red"
   },
   [DecisionMakerType.SIGNATORY]: {
     name: "signatory",
     description: "signatoryDescription",
-    className: "adyen-kyc-tag--light-blue"
+    variant: "green"
   },
   [DecisionMakerType.DIRECTOR]: {
     name: "director",
     description: "directorDescription",
-    className: "adyen-kyc-tag--orange"
+    variant: "orange"
   },
   [TrustMemberTypes.DEFINED_BENEFICIARY]: {
     name: "definedBeneficiary",
     description: "definedBeneficiaryDescription",
-    className: "adyen-kyc-tag--orange"
+    variant: "orange"
   },
   [TrustMemberTypes.UNDEFINED_BENEFICIARY]: {
     name: "undefinedBeneficiary",
     description: "undefinedBeneficiaryDescription",
-    className: "adyen-kyc-tag--orange"
+    variant: "orange"
   },
   [TrustMemberTypes.PROTECTOR]: {
     name: "protector",
     description: "personAppointmentUnderTrustInstrument",
-    className: "adyen-kyc-tag--orange"
+    variant: "orange"
   },
   [TrustMemberTypes.TRUSTEE]: {
     name: "trustee",
     description: "legalOwnerOfProperty",
-    className: "adyen-kyc-tag--light-blue"
+    variant: "green"
   },
   [TrustMemberTypes.SETTLOR]: {
     name: "settlor",
     description: "entityEstablishingTrust",
-    className: "adyen-kyc-tag--orange"
+    variant: "orange"
   },
   [TrustMemberGuidanceLabel.BENEFICIARY]: {
     name: TrustMemberGuidanceLabel.BENEFICIARY,
-    className: "adyen-kyc-tag--orange"
+    variant: "orange"
   },
   [TrustMemberGuidanceLabel.TRUSTEE]: {
     name: TrustMemberGuidanceLabel.TRUSTEE,
-    className: "adyen-kyc-tag--light-blue"
+    variant: "green"
   }
 };
-const getRoleTagColor = (role2) => {
+const getRoleTagVariant = (role2) => {
   var _a;
-  return ((_a = roleMetadata[role2]) == null ? void 0 : _a.className) ?? "adyen-kyc-tag--blue";
+  return ((_a = roleMetadata[role2]) == null ? void 0 : _a.variant) ?? "blue";
 };
 const getRoleName = (role2) => {
   var _a;
@@ -17006,13 +17068,13 @@ const makeSelectItemForRole = (role2, i18n) => {
   const {
     name,
     description: description2,
-    className
+    variant
   } = metadata;
   return {
     id: role2,
     name: i18n.get(name),
     description: description2 ? i18n.get(description2) : void 0,
-    className
+    className: `adyen-kyc-tag--${variant}`
   };
 };
 const handleKeys = (keys, callback, propagationMode = "stopIfMatches") => (event) => {
@@ -22070,7 +22132,7 @@ const trustRegistrationDetailsValidations = {
   },
   legalName: {
     modes: ["blur"],
-    validate: (legalName) => !!legalName,
+    validate: (legalName2) => !!legalName2,
     errorMessage: "fieldIsRequired"
   },
   objectOfTrust: {
@@ -22991,55 +23053,6 @@ function ErrorPanel({
     })]
   });
 }
-const headingTypes = {
-  1: ({
-    children,
-    className
-  }) => jsx("h1", {
-    className,
-    children
-  }),
-  2: ({
-    children,
-    className
-  }) => jsx("h2", {
-    className,
-    children
-  }),
-  3: ({
-    children,
-    className
-  }) => jsx("h3", {
-    className,
-    children
-  }),
-  4: ({
-    children,
-    className
-  }) => jsx("h4", {
-    className,
-    children
-  }),
-  sub: ({
-    children,
-    className
-  }) => jsx("div", {
-    className,
-    children
-  })
-};
-function Heading({
-  className,
-  level,
-  children
-}) {
-  const HeadingElement = headingTypes[level] || headingTypes[1];
-  const classNames = cx("adyen-kyc-heading", `adyen-kyc-heading--${level}`, className);
-  return jsx(HeadingElement, {
-    className: classNames,
-    children
-  });
-}
 const summaryStep = {
   formId: "summary",
   formName: "summary"
@@ -23081,8 +23094,9 @@ function Summary({
   }, i18n);
   const summarySectionHeader = (formName, formId) => jsxs("header", {
     className: "adyen-kyc-summary-section__header",
-    children: [jsx(Heading, {
-      level: 4,
+    children: [jsx(Typography, {
+      el: "h4",
+      variant: "title",
       className: "adyen-kyc-summary-section__heading",
       children: formName
     }), jsx(Button, {
@@ -23166,9 +23180,9 @@ function Summary({
   return jsxs("div", {
     role: "region",
     className: "adyen-kyc-summary",
-    children: [showFormHeader && jsx("h2", {
-      className: "adyen-kyc-summary__heading",
-      children: i18n.get("summary")
+    children: [showFormHeader && jsx(FormHeader, {
+      heading: i18n.get("summary"),
+      classNames: "adyen-kyc-summary__heading"
     }), jsx(ErrorPanel, {
       validationErrors: allValidationErrors,
       verificationErrors: allVerificationErrors,
@@ -24259,13 +24273,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,
@@ -24622,13 +24629,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":
@@ -26805,6 +26808,42 @@ function BusinessDetailsDropinComponent({
     })
   });
 }
+const getTrustedFieldsByProvider = (provider, trustedFields2) => trustedFields2.find((tf) => tf.provider === provider);
+const parseTrustedFieldsIntoReadOnlyFields = (trustedFields2, mapping) => {
+  const formFieldsMapped = [];
+  trustedFields2.fields.forEach((field) => {
+    for (const [key, value] of Object.entries(mapping)) {
+      if (value === field) {
+        formFieldsMapped.push(key);
+      }
+    }
+  });
+  const readOnlyFields = {};
+  formFieldsMapped.forEach((field) => {
+    const tokenizedField = field.split(".");
+    const formField = tokenizedField.pop();
+    const formId = tokenizedField.pop();
+    if (formField && formId) {
+      if (formId in readOnlyFields) {
+        readOnlyFields[formId].push(formField);
+      } else {
+        readOnlyFields[formId] = [formField];
+      }
+    }
+  });
+  return readOnlyFields;
+};
+const trustedFields = ({
+  fields,
+  trustedFieldsProvider,
+  apiMapping
+}) => {
+  if (!fields || !trustedFieldsProvider || !apiMapping) {
+    return {};
+  }
+  const trustedFieldsOfProvider = getTrustedFieldsByProvider(trustedFieldsProvider, fields);
+  return trustedFieldsOfProvider ? parseTrustedFieldsIntoReadOnlyFields(trustedFieldsOfProvider, apiMapping) : {};
+};
 const parseConfiguration$6 = ({
   country: country2,
   matchingScenario
@@ -26854,7 +26893,8 @@ function CompanyDropinComponent({
   handleUpdateLegalEntity,
   handleHomeClick,
   onTypeSwitch,
-  onChange
+  onChange,
+  trustedFieldsProvider
 }) {
   var _a, _b;
   const {
@@ -26918,7 +26958,15 @@ function CompanyDropinComponent({
     isSettingEnabled,
     isExperimentEnabled
   }), [country2, data, taskType, requiredFields, isSettingEnabled]);
-  const derivedProps = useMemo(() => getPropsFromConfigurations(fieldConfigurations, companyForms, (problems == null ? void 0 : problems.remediationActions) ? Object.values(problems == null ? void 0 : problems.remediationActions) : [], (problems == null ? void 0 : problems.missingData) ?? [], legalEntityResponse ? getFieldsWithExistingData(legalEntityResponse) : [], fieldsFromCustomRules), [fieldConfigurations, fieldsFromCustomRules, problems == null ? void 0 : problems.remediationActions]);
+  const legalEntityTrustedFields = legalEntityResponse == null ? void 0 : legalEntityResponse.trustedFields;
+  const trustedFieldsOfProvider = useMemo(() => trustedFields({
+    fields: legalEntityTrustedFields,
+    trustedFieldsProvider,
+    apiMapping: companyComponentsKeyMapping
+  }), [legalEntityTrustedFields, trustedFieldsProvider]);
+  const derivedProps = useMemo(() => ({
+    ...getPropsFromConfigurations(fieldConfigurations, companyForms, (problems == null ? void 0 : problems.remediationActions) ? Object.values(problems == null ? void 0 : problems.remediationActions) : [], (problems == null ? void 0 : problems.missingData) ?? [], legalEntityResponse ? getFieldsWithExistingData(legalEntityResponse) : [], fieldsFromCustomRules)
+  }), [fieldConfigurations, fieldsFromCustomRules, problems == null ? void 0 : problems.remediationActions]);
   const isCountryOfGoverningLawEnabled = isExperimentEnabled("EnableCountryOfGoverningLawForUKCompanies");
   const {
     state: {
@@ -27181,7 +27229,8 @@ function CompanyDropinComponent({
       onCountryChange: setCountry,
       ref: formRef,
       shouldValidate,
-      isTopLevelEntity: taskType === TaskTypes.COMPANY
+      isTopLevelEntity: taskType === TaskTypes.COMPANY,
+      readOnlyFields: trustedFieldsOfProvider
     })
   });
 }
@@ -27790,13 +27839,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({
@@ -27860,13 +27902,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,
@@ -27876,13 +27914,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,
@@ -27892,7 +27926,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,
@@ -29269,6 +29303,11 @@ function useSalesChannelsSettings() {
     return settings;
   }, [isSettingEnabled]);
 }
+var TrustedFieldsProvider = /* @__PURE__ */ ((TrustedFieldsProvider2) => {
+  TrustedFieldsProvider2["SINGPASS"] = "singpass";
+  TrustedFieldsProvider2["KOMPANY"] = "kompany";
+  return TrustedFieldsProvider2;
+})(TrustedFieldsProvider || {});
 const downloadFile = async (base64, filename) => {
   saveBlobAsFile(base64ToBlob(base64), filename);
 };
@@ -29843,11 +29882,13 @@ const BusinessTypeSelection = ({
       className: "adyen-kyc-business-type-selection",
       children: [jsxs("header", {
         className: "adyen-kyc-u-margin-bottom-32",
-        children: [jsx(Heading, {
-          level: 2,
+        children: [jsx(Typography, {
+          el: "h2",
+          variant: "title-m",
           children: i18n.get(businessTypeSelectionStepTitles[currentStep])
-        }), currentStep === 3 && jsx(Heading, {
-          level: "sub",
+        }), currentStep === 3 && jsx(Typography, {
+          el: "p",
+          variant: "title",
           children: i18n.get("someInformationWillNotBeSaved")
         })]
       }), currentStep === 0 && jsx(Field, {
@@ -30208,11 +30249,13 @@ function Card({
     onKeyDown,
     children: [title && jsxs("header", {
       className: "adyen-kyc-card__header",
-      children: [jsx(Heading, {
-        level: 4,
+      children: [jsx(Typography, {
+        el: "h4",
+        variant: "title",
         children: title
-      }), subTitle && jsx(Heading, {
-        level: "sub",
+      }), subTitle && jsx(Typography, {
+        el: "p",
+        variant: "body",
         children: subTitle
       })]
     }), jsx("div", {
@@ -30425,8 +30468,8 @@ const EntityAssociation = ({
       })]
     }), jsx("div", {
       children: types.map((type) => jsx(Tag, {
-        className: `adyen-kyc-entity-association__tag ${getRoleTagColor(type)}`,
-        isBasic: true,
+        className: "adyen-kyc-entity-association__tag",
+        variant: getRoleTagVariant(type),
         children: i18n.get(getRoleName(type))
       }, type))
     }), status === TaskStatus.ERROR && jsx(VerificationErrorAlert, {
@@ -30514,8 +30557,8 @@ const EntityGuidanceStatus = ({
     children: [jsx(EntityStatusIcon, {
       status
     }), jsx(Tag, {
-      className: `adyen-kyc-entity-status__tag ${getRoleTagColor(entityLabel)}`,
-      isBasic: true,
+      className: "adyen-kyc-entity-status__tag",
+      variant: getRoleTagVariant(entityLabel),
       children: i18n.get(getRoleName(entityLabel))
     }, entityLabel), jsx("span", {
       className: "adyen-kyc-entity-status--text",
@@ -31262,8 +31305,9 @@ const SingpassSelection = (props) => {
       className: "adyen-kyc-singpass-selection",
       children: [jsx("header", {
         className: "adyen-kyc-u-margin-bottom-32",
-        children: jsx(Heading, {
-          level: 2,
+        children: jsx(Typography, {
+          el: "h2",
+          variant: "title-m",
           children: i18n.get("howWouldYouLikeToSetUpYourAccount")
         })
       }), jsx("form", {
@@ -31515,8 +31559,9 @@ const TaskListGroup = ({
   className: "adyen-task-list-group",
   children: [title && jsx("header", {
     className: "adyen-task-list-group__header",
-    children: jsx(Heading, {
-      level: 4,
+    children: jsx(Typography, {
+      el: "h4",
+      variant: "title",
       children: title
     })
   }), jsx("div", {
@@ -31638,13 +31683,17 @@ function TaskListComponent({
       })
     }), isEnableNewEntryFlowEnabled && jsxs("header", {
       className: "adyen-task-list__heading",
-      children: [jsx(Heading, {
-        level: 1,
+      children: [jsx(Typography, {
+        el: "h1",
+        variant: "title-l",
         children: i18n.get("setUpYourAccount")
-      }), jsxs(Heading, {
-        level: "sub",
-        children: [jsx("span", {
-          className: "adyen-kyc-u-font-weight-semi-bold",
+      }), jsxs(Typography, {
+        el: "p",
+        variant: "title",
+        className: "adyen-task-list__description",
+        children: [jsx(Typography, {
+          el: "span",
+          variant: "body-strongest",
           children: i18n.get("yourBusinessSetup", {
             values: {
               businessSetup: i18n.get(businessSetup)
@@ -31655,7 +31704,6 @@ function TaskListComponent({
           icon: "edit",
           tertiary: true,
           onClick: onEditBusinessSetupClick,
-          className: "adyen-kyc-u-margin-left-4",
           type: "button"
         })]
       })]
@@ -32833,7 +32881,7 @@ function PayoutDetailsDropinComponent({
   const [documents2, setDocuments] = useState();
   const fallbackCurrency = (_a = currencyByCountry[defaultPayoutCountry]) == null ? void 0 : _a[0];
   const accountHolderName = accountHolder2 || getLegalEntityNameBasedOnType(legalEntityResponse);
-  const instantVerificationEnabled = Boolean(!transferInstrument && handleGetBankVerificationVendors);
+  const instantVerificationEnabled = Boolean(!transferInstrument && handleGetBankVerificationVendors && isSettingEnabled("instantBankVerification"));
   const taskType = propTaskType ?? TaskTypes.PAYOUT;
   const [trustedTransferInstrumentId, setTrustedTransferInstrumentId] = useState();
   const prefilledData = {
@@ -33597,28 +33645,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)) {
@@ -33646,31 +33694,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
@@ -33686,9 +33734,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);
@@ -33707,8 +33755,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);
@@ -33746,7 +33794,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,
@@ -33806,8 +33854,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),
@@ -33946,7 +33994,8 @@ function RoleAndTypeDropinComponent({
   navigateBack,
   addOrUpdateTrustMember,
   getLegalEntityHandler,
-  isOrganizationSettlorWithExemptionEnabled
+  isOrganizationSettlorWithExemptionEnabled,
+  country: country2
 }) {
   var _a, _b;
   const {
@@ -34039,7 +34088,8 @@ function RoleAndTypeDropinComponent({
           onChange: onTrustMemberChange,
           shouldValidate,
           getLegalEntityHandler,
-          isOrganizationSettlorWithExemptionEnabled
+          isOrganizationSettlorWithExemptionEnabled,
+          country: country2
         })
       }), isSummaryStep && jsx("div", {
         className: "adyen-kyc-form-wrapper",
@@ -35974,7 +36024,8 @@ function DropinComposerComponent({
         handleAddressSearch: args == null ? void 0 : args.handleAddressSearch,
         handleFindAddress: args == null ? void 0 : args.handleFindAddress,
         onTypeSwitch: navigateToTypeSwitcher,
-        isTargetLegalEntityType: legalEntityType === LegalEntityType.ORGANIZATION
+        isTargetLegalEntityType: legalEntityType === LegalEntityType.ORGANIZATION,
+        trustedFieldsProvider: eligibleForSingpass && TrustedFieldsProvider.SINGPASS
       });
     case TaskTypes.COMPANY_SEARCH:
       return jsx(CompanySearchDropinComponent, {
@@ -37018,10 +37069,11 @@ function AddTransferInstrument({
     i18n
   } = useI18nContext();
   return jsxs(Fragment, {
-    children: [jsx(Heading, {
-      level: 1,
+    children: [jsx(Typography, {
+      el: "h1",
+      variant: "title-l",
       children: i18n.get("bankDetails")
-    }), jsx("p", {
+    }), jsx(Typography, {
       children: i18n.get("addMissingBankDetails")
     }), jsx(Button, {
       label: i18n.get("addBankDetails"),
@@ -37119,8 +37171,9 @@ function ManageTransferInstrumentOverviewItem({
     className: "adyen-kyc-manage-ti-overview-item__header",
     children: [jsxs("div", {
       className: "adyen-kyc-manage-ti-overview-item__title",
-      children: [status, jsx(Heading, {
-        level: 2,
+      children: [status, jsx(Typography, {
+        el: "h2",
+        variant: "title-m",
         children: transferInstrumentReference.transferInstrument.accountIdentifier
       })]
     }), jsx("p", {
@@ -37359,6 +37412,30 @@ function OnboardingDropinComponent({
     handleGetBankVerificationVendors: (country2) => getBankVerificationVendor2(country2, openBankingPartnerConfigId)
   });
 }
+var HighExposurePagesEnums = /* @__PURE__ */ ((HighExposurePagesEnums2) => {
+  HighExposurePagesEnums2["COMPANY_PAGE"] = "COMPANY_PAGE";
+  HighExposurePagesEnums2["PARENT_COMPANY_PAGE"] = "PARENT_COMPANY_PAGE";
+  HighExposurePagesEnums2["ULTIMATE_PARENT_COMPANY_PAGE"] = "ULTIMATE_PARENT_COMPANY_PAGE";
+  return HighExposurePagesEnums2;
+})(HighExposurePagesEnums || {});
+const highExposureRadioItems = [{
+  id: "Yes",
+  name: "yes"
+}, {
+  id: "No",
+  name: "no"
+}];
+const highExposureParentRadioItems = [...highExposureRadioItems, {
+  id: "I don't know",
+  name: "iDontKnow"
+}];
+const validateLegalEntityIdentifier = (legalEntityIdentifier2, doesYourCompanyHaveLEI2, isDisabled) => {
+  if (isDisabled) return true;
+  const isRequired = doesYourCompanyHaveLEI2 === "Yes";
+  const isValidLength = legalEntityIdentifier2 ? legalEntityIdentifier2.length === 20 : false;
+  const hasLettersAndNumbers = legalEntityIdentifier2 ? /[a-zA-Z]/.test(legalEntityIdentifier2) && /[0-9]/.test(legalEntityIdentifier2) : false;
+  return !isRequired || !isEmpty(legalEntityIdentifier2) && isValidLength && hasLettersAndNumbers;
+};
 const highExposureCompanyDetailsValidations = {
   country: {
     modes: ["blur"],
@@ -37379,16 +37456,126 @@ const highExposureCompanyDetailsValidations = {
     modes: ["blur"],
     validate: (naceCode) => !isEmpty(naceCode),
     errorMessage: "fieldIsRequired"
+  },
+  doesTheCompanyEarnMoreThanHalf: {
+    modes: ["blur"],
+    validate: (doesTheCompanyEarnMoreThanHalf2) => !isEmpty(doesTheCompanyEarnMoreThanHalf2),
+    errorMessage: "fieldIsRequired"
+  },
+  doesYourCompanyHaveLEI: {
+    modes: ["blur"],
+    validate: (doesYourCompanyHaveLEI2) => !isEmpty(doesYourCompanyHaveLEI2),
+    errorMessage: "fieldIsRequired"
+  },
+  legalEntityIdentifier: {
+    modes: ["blur"],
+    validate: (legalEntityIdentifier2, context) => {
+      var _a, _b;
+      return validateLegalEntityIdentifier(legalEntityIdentifier2, (_b = (_a = context == null ? void 0 : context.state) == null ? void 0 : _a.data) == null ? void 0 : _b.doesTheCompanyEarnMoreThanHalf);
+    },
+    errorMessage: "fieldIsRequired"
+  },
+  isCompanyOwnedByAnotherCompany: {
+    modes: ["blur"],
+    validate: (isCompanyOwnedByAnotherCompany2) => !isEmpty(isCompanyOwnedByAnotherCompany2),
+    errorMessage: "fieldIsRequired"
+  },
+  isParentOwnedByAnotherCompany: {
+    modes: ["blur"],
+    validate: (isParentOwnedByAnotherCompany2, context) => {
+      var _a, _b;
+      return ((_b = (_a = context == null ? void 0 : context.state) == null ? void 0 : _a.data) == null ? void 0 : _b.isCompanyOwnedByAnotherCompany) ? !isEmpty(isParentOwnedByAnotherCompany2) : true;
+    },
+    errorMessage: "fieldIsRequired"
+  }
+};
+const highExposureParentCompanyDetailsValidations = {
+  parentLegalName: {
+    modes: ["blur"],
+    validate: (parentLegalName) => !isEmpty(parentLegalName),
+    errorMessage: "fieldIsRequired"
+  },
+  parentNumberOfEmployees: {
+    modes: ["blur"],
+    validate: (parentNumberOfEmployees) => !isEmpty(parentNumberOfEmployees),
+    errorMessage: "fieldIsRequired"
+  },
+  parentLegalForm: {
+    modes: ["blur"],
+    validate: (parentLegalForm) => !isEmpty(parentLegalForm),
+    errorMessage: "fieldIsRequired"
+  },
+  parentNaceCode: {
+    modes: ["blur"],
+    validate: (parentNaceCode) => !isEmpty(parentNaceCode),
+    errorMessage: "fieldIsRequired"
+  },
+  doesTheParentCompanyEarnMoreThanHalf: {
+    modes: ["blur"],
+    validate: (doesTheParentCompanyEarnMoreThanHalf) => !isEmpty(doesTheParentCompanyEarnMoreThanHalf),
+    errorMessage: "fieldIsRequired"
+  },
+  doesYourParentCompanyHaveLEI: {
+    modes: ["blur"],
+    validate: (doesYourParentCompanyHaveLEI) => !isEmpty(doesYourParentCompanyHaveLEI),
+    errorMessage: "fieldIsRequired"
+  },
+  parentLegalEntityIdentifier: {
+    modes: ["blur"],
+    validate: (parentLegalEntityIdentifier, context) => {
+      var _a, _b, _c, _d;
+      return validateLegalEntityIdentifier(parentLegalEntityIdentifier, (_b = (_a = context == null ? void 0 : context.state) == null ? void 0 : _a.data) == null ? void 0 : _b.doesYourParentCompanyHaveLEI, Boolean((_d = (_c = context == null ? void 0 : context.state) == null ? void 0 : _c.data) == null ? void 0 : _d.doesNotKnowParentNumberOfEmployees));
+    },
+    errorMessage: "fieldIsRequired"
+  }
+};
+const highExposureUltimateParentCompanyDetailsValidations = {
+  ultimateParentLegalName: {
+    modes: ["blur"],
+    validate: (ultimateParentLegalName) => !isEmpty(ultimateParentLegalName),
+    errorMessage: "fieldIsRequired"
+  },
+  ultimateParentNumberOfEmployees: {
+    modes: ["blur"],
+    validate: (ultimateParentNumberOfEmployees) => !isEmpty(ultimateParentNumberOfEmployees),
+    errorMessage: "fieldIsRequired"
+  },
+  ultimateParentLegalForm: {
+    modes: ["blur"],
+    validate: (ultimateParentLegalForm) => !isEmpty(ultimateParentLegalForm),
+    errorMessage: "fieldIsRequired"
+  },
+  ultimateParentNaceCode: {
+    modes: ["blur"],
+    validate: (ultimateParentNaceCode) => !isEmpty(ultimateParentNaceCode),
+    errorMessage: "fieldIsRequired"
+  },
+  doesTheUltimateParentCompanyEarnMoreThanHalf: {
+    modes: ["blur"],
+    validate: (doesTheUltimateParentCompanyEarnMoreThanHalf) => !isEmpty(doesTheUltimateParentCompanyEarnMoreThanHalf),
+    errorMessage: "fieldIsRequired"
+  },
+  doesYourUltimateParentCompanyHaveLEI: {
+    modes: ["blur"],
+    validate: (doesYourUltimateParentCompanyHaveLEI) => !isEmpty(doesYourUltimateParentCompanyHaveLEI),
+    errorMessage: "fieldIsRequired"
+  },
+  ultimateParentLegalEntityIdentifier: {
+    modes: ["blur"],
+    validate: (ultimateParentLegalEntityIdentifier, context) => {
+      var _a, _b, _c, _d;
+      return validateLegalEntityIdentifier(ultimateParentLegalEntityIdentifier, (_b = (_a = context == null ? void 0 : context.state) == null ? void 0 : _a.data) == null ? void 0 : _b.doesYourUltimateParentCompanyHaveLEI, Boolean((_d = (_c = context == null ? void 0 : context.state) == null ? void 0 : _c.data) == null ? void 0 : _d.doesNotKnowUltimateParentNumberOfEmployees));
+    },
+    errorMessage: "fieldIsRequired"
   }
 };
-const LEGAL_FORM_FIELD = ["legalForm"];
 const logger$8 = createLogger("LegalFormField");
 function LegalFormField({
   name = "legalForm",
   data,
   valid,
-  errors,
-  labels: labels2,
+  errorMessage,
+  label,
   readonly,
   handleChangeFor,
   helperText,
@@ -37415,8 +37602,8 @@ function LegalFormField({
   }, [countryCode]);
   return jsx(Field, {
     name,
-    label: (labels2 == null ? void 0 : labels2.legalForm) || i18n.get("businessStructure"),
-    errorMessage: errors.legalForm,
+    label: label || i18n.get("businessStructure"),
+    errorMessage,
     classNameModifiers,
     isValid: valid.legalForm,
     helper: helperText == null ? void 0 : helperText.legalForm,
@@ -37431,14 +37618,13 @@ function LegalFormField({
     })
   });
 }
-const NACE_CODE_FIELD = ["naceCode"];
 const logger$7 = createLogger("NaceCodeField");
 function NaceCodeField({
   name = "naceCode",
   data,
   valid,
-  errors,
-  labels: labels2,
+  errorMessage,
+  label,
   readonly,
   handleChangeFor,
   helperText,
@@ -37460,8 +37646,8 @@ function NaceCodeField({
   }, []);
   return jsx(Field, {
     name,
-    label: (labels2 == null ? void 0 : labels2.naceCode) || i18n.get("industryAndNaceCode"),
-    errorMessage: errors.naceCode,
+    label: label || i18n.get("industryAndNaceCode"),
+    errorMessage,
     classNameModifiers,
     isValid: valid.naceCode,
     helper: helperText == null ? void 0 : helperText.naceCode,
@@ -37483,58 +37669,238 @@ function HighExposureBusinessInformation({
   errors,
   fieldProblems,
   handleChangeFor,
-  country: country2
+  country: country2,
+  fieldMapping,
+  targetPage,
+  sectionHeading
 }) {
+  const {
+    i18n
+  } = useI18nContext();
+  const getFieldName = (fieldKey) => fieldMapping[fieldKey] ?? fieldKey;
+  const getFieldData = (fieldKey) => {
+    const fieldData = data[getFieldName(fieldKey)];
+    return fieldData ? fieldData.toString() : void 0;
+  };
+  const isMainCompany = targetPage === HighExposurePagesEnums.COMPANY_PAGE;
   return jsxs(Fragment, {
-    children: [jsx(LegalFormField, {
+    children: [jsx(Typography, {
+      el: "h3",
+      variant: "title",
+      children: i18n.get(sectionHeading || "yourBusinessDetails")
+    }), !isMainCompany && jsx(Field, {
+      name: getFieldName("legalName"),
+      label: formUtils.getLabel(getFieldName("legalName"), "legalName"),
+      classNameModifiers: ["legalName"],
+      errorMessage: formUtils.getErrorMessage(getFieldName("legalName"), errors, fieldProblems),
+      isValid: valid[getFieldName("legalName")],
+      children: (childProps) => jsx(InputText, {
+        ...childProps,
+        name: getFieldName("legalName"),
+        value: getFieldData("legalName"),
+        readonly: false,
+        classNameModifiers: ["legalName"],
+        onInput: handleChangeFor(getFieldName("legalName"), "input"),
+        onBlur: handleChangeFor(getFieldName("legalName"), "blur"),
+        "aria-required": true,
+        "aria-label": formUtils.getLabel(getFieldName("legalName")),
+        "aria-invalid": !valid[getFieldName("legalName")]
+      })
+    }), jsx(LegalFormField, {
+      name: getFieldName("legalForm"),
       countryCode: country2,
       data: {
-        legalForm: data.legalForm
+        legalForm: getFieldData("legalForm")
       },
       valid: {
-        legalForm: valid.legalForm
+        legalForm: valid[getFieldName("legalForm")]
       },
-      errors: formUtils.getFieldErrors(errors, fieldProblems, LEGAL_FORM_FIELD),
-      handleChangeFor: () => handleChangeFor("legalForm", "blur"),
+      errorMessage: formUtils.getErrorMessage(getFieldName("legalForm"), errors, fieldProblems),
+      handleChangeFor: () => handleChangeFor(getFieldName("legalForm"), "blur"),
       readonly: false,
-      labels: formUtils.getFieldLabels(LEGAL_FORM_FIELD, {
-        legalForm: "businessStructure"
-      })
+      label: formUtils.getLabel(getFieldName("legalForm"), "businessStructure")
     }), jsx(NaceCodeField, {
+      name: getFieldName("naceCode"),
       data: {
-        naceCode: data.naceCode
+        naceCode: getFieldData("naceCode")
       },
       valid: {
-        naceCode: valid.naceCode
+        naceCode: valid[getFieldName("naceCode")]
       },
-      errors: formUtils.getFieldErrors(errors, fieldProblems, NACE_CODE_FIELD),
-      handleChangeFor: () => handleChangeFor("naceCode", "blur"),
+      errorMessage: formUtils.getErrorMessage(getFieldName("naceCode"), errors, fieldProblems),
+      handleChangeFor: () => handleChangeFor(getFieldName("naceCode"), "blur"),
       readonly: false,
-      labels: formUtils.getFieldLabels(NACE_CODE_FIELD, {
-        naceCode: "industryAndNaceCode"
-      })
+      label: formUtils.getLabel(getFieldName("naceCode"), "industryAndNaceCode")
     }), jsx(Field, {
-      name: "numberOfEmployees",
-      label: formUtils.getLabel("numberOfEmployees", "numberOfEmployees"),
+      name: getFieldName("numberOfEmployees"),
+      label: formUtils.getLabel(getFieldName("numberOfEmployees"), "numberOfEmployees"),
       classNameModifiers: ["legalName"],
-      errorMessage: formUtils.getErrorMessage("numberOfEmployees", errors, fieldProblems),
-      isValid: valid.numberOfEmployees,
+      errorMessage: formUtils.getErrorMessage(getFieldName("numberOfEmployees"), errors, fieldProblems),
+      isValid: valid[getFieldName("numberOfEmployees")],
       children: (childProps) => jsx(InputText, {
         ...childProps,
-        name: "numberOfEmployees",
-        value: data.numberOfEmployees,
-        readonly: formUtils.isReadOnly("numberOfEmployees"),
+        name: getFieldName("numberOfEmployees"),
+        value: getFieldData("numberOfEmployees"),
+        readonly: false,
         classNameModifiers: ["legalName"],
-        onInput: handleChangeFor("numberOfEmployees", "input"),
-        onBlur: handleChangeFor("numberOfEmployees", "blur"),
+        onInput: handleChangeFor(getFieldName("numberOfEmployees"), "input"),
+        onBlur: handleChangeFor(getFieldName("numberOfEmployees"), "blur"),
+        "aria-required": true,
+        "aria-label": formUtils.getLabel(getFieldName("numberOfEmployees")),
+        "aria-invalid": !valid[getFieldName("numberOfEmployees")]
+      })
+    }), jsx(Field, {
+      name: getFieldName("doesTheCompanyEarnMoreThanHalf"),
+      classNameModifiers: ["highExposureBusinessInformation"],
+      label: i18n.get("doesTheCompanyEarnMoreThanHalf"),
+      errorMessage: formUtils.getErrorMessage(getFieldName("doesTheCompanyEarnMoreThanHalf"), errors, fieldProblems),
+      children: (childProps) => jsx(RadioGroup, {
+        ...childProps,
+        name: getFieldName("doesTheCompanyEarnMoreThanHalf"),
+        items: isMainCompany ? highExposureRadioItems : highExposureParentRadioItems,
+        value: getFieldData("doesTheCompanyEarnMoreThanHalf"),
+        disabled: false,
+        onChange: handleChangeFor(getFieldName("doesTheCompanyEarnMoreThanHalf")),
+        "aria-required": true,
+        "aria-label": i18n.get("doesTheCompanyEarnMoreThanHalf"),
+        "aria-invalid": !valid[getFieldName("doesTheCompanyEarnMoreThanHalf")]
+      })
+    }), jsx(Field, {
+      name: getFieldName("doesYourCompanyHaveLEI"),
+      classNameModifiers: ["highExposureBusinessInformation"],
+      label: i18n.get(isMainCompany ? "doesYourCompanyHaveLEI" : "doesThisCompanyHaveLEI"),
+      helper: jsxs("div", {
+        children: [jsx("span", {
+          children: i18n.get("anLEIIsAUniqueCode")
+        }), " ", jsx(Link, {
+          href: "https://search.gleif.org/#/search/",
+          external: true,
+          className: ["adyen-kyc__high-exposure-link"],
+          children: i18n.get("lookUpYourLEI")
+        })]
+      }),
+      errorMessage: formUtils.getErrorMessage(getFieldName("doesYourCompanyHaveLEI"), errors, fieldProblems),
+      children: (childProps) => jsx(RadioGroup, {
+        ...childProps,
+        name: getFieldName("doesYourCompanyHaveLEI"),
+        items: isMainCompany ? highExposureRadioItems : highExposureParentRadioItems,
+        value: getFieldData("doesYourCompanyHaveLEI"),
+        disabled: false,
+        onChange: handleChangeFor(getFieldName("doesYourCompanyHaveLEI")),
         "aria-required": true,
-        "aria-label": formUtils.getLabel("numberOfEmployees"),
-        "aria-invalid": !valid.numberOfEmployees
+        "aria-label": i18n.get(isMainCompany ? "doesYourCompanyHaveLEI" : "doesThisCompanyHaveLEI"),
+        "aria-invalid": !valid[getFieldName("doesYourCompanyHaveLEI")]
+      })
+    }), getFieldData("doesYourCompanyHaveLEI") === "Yes" && jsxs(Fragment, {
+      children: [jsx(Field, {
+        name: getFieldName("legalEntityIdentifier"),
+        label: formUtils.getLabel(getFieldName("legalEntityIdentifier"), "legalEntityIdentifier"),
+        errorMessage: formUtils.getErrorMessage(getFieldName("legalEntityIdentifier"), errors, fieldProblems),
+        isValid: valid.legalEntityIdentifier,
+        helper: i18n.get("enterNCharactersWithAMixForExample", {
+          values: {
+            numChars: 20,
+            example: "529900T8BM49AURSDO55"
+          }
+        }),
+        helperPosition: "below",
+        children: (childProps) => jsx(InputText, {
+          ...childProps,
+          name: getFieldName("legalEntityIdentifier"),
+          value: getFieldData("legalEntityIdentifier"),
+          readonly: Boolean(getFieldData("doesNotKnowNumberOfEmployees")),
+          classNameModifiers: ["legalName"],
+          onInput: handleChangeFor(getFieldName("legalEntityIdentifier"), "input"),
+          onBlur: handleChangeFor(getFieldName("legalEntityIdentifier"), "blur"),
+          "aria-required": true,
+          "aria-label": formUtils.getLabel(getFieldName("legalEntityIdentifier")),
+          "aria-invalid": !valid[getFieldName("legalEntityIdentifier")],
+          isValid: valid[getFieldName("legalEntityIdentifier")]
+        })
+      }), !isMainCompany && jsx(Checkbox, {
+        name: getFieldName("doesNotKnowNumberOfEmployees"),
+        label: i18n.get("iDontKnow"),
+        value: getFieldData("doesNotKnowNumberOfEmployees"),
+        readonly: false,
+        classNameModifiers: ["exempted-from-tax"],
+        checked: Boolean(getFieldData("doesNotKnowNumberOfEmployees")),
+        onChange: handleChangeFor(getFieldName("doesNotKnowNumberOfEmployees")),
+        "aria-required": false,
+        "aria-label": i18n.get("iDontKnow"),
+        "aria-invalid": false
+      })]
+    })]
+  });
+}
+function HighExposureOwnershipStructure({
+  formUtils,
+  data,
+  valid,
+  errors,
+  fieldProblems,
+  handleChangeFor,
+  legalEntity
+}) {
+  const {
+    i18n
+  } = useI18nContext();
+  return jsxs(Fragment, {
+    children: [jsx(Typography, {
+      el: "h3",
+      variant: "title",
+      children: i18n.get("ownershipStructure")
+    }), jsx(Field, {
+      name: "isCompanyOwnedByAnotherCompany",
+      classNameModifiers: ["highExposureBusinessInformation"],
+      label: i18n.get("isCompanyOwnedByAnotherCompany", {
+        values: {
+          company: (legalEntity == null ? void 0 : legalEntity.organization) ? legalEntity.organization.legalName : ""
+        }
+      }),
+      errorMessage: formUtils.getErrorMessage("isCompanyOwnedByAnotherCompany", errors, fieldProblems),
+      helper: i18n.get("thisMeansYouHaveAParentCompany"),
+      children: (childProps) => jsx(RadioGroup, {
+        ...childProps,
+        name: "isCompanyOwnedByAnotherCompany",
+        items: highExposureRadioItems,
+        value: data.isCompanyOwnedByAnotherCompany,
+        disabled: false,
+        onChange: handleChangeFor("isCompanyOwnedByAnotherCompany"),
+        "aria-required": true,
+        "aria-label": formUtils.getLabel("isCompanyOwnedByAnotherCompany"),
+        "aria-invalid": !valid.isCompanyOwnedByAnotherCompany
+      })
+    }), (data == null ? void 0 : data.isCompanyOwnedByAnotherCompany) === "Yes" && jsx(Field, {
+      name: "isParentOwnedByAnotherCompany",
+      classNameModifiers: ["highExposureBusinessInformation"],
+      label: formUtils.getLabel("isParentOwnedByAnotherCompany"),
+      helper: i18n.get("thisMeansYouHaveAnUltimateParentCompany"),
+      errorMessage: formUtils.getErrorMessage("isParentOwnedByAnotherCompany", errors, fieldProblems),
+      children: (childProps) => jsx(RadioGroup, {
+        ...childProps,
+        name: "isParentOwnedByAnotherCompany",
+        items: highExposureRadioItems,
+        value: data.isParentOwnedByAnotherCompany,
+        disabled: false,
+        onChange: handleChangeFor("isParentOwnedByAnotherCompany"),
+        "aria-required": true,
+        "aria-label": formUtils.getLabel("isParentOwnedByAnotherCompany"),
+        "aria-invalid": !valid.doesYourCompanyHaveLEI
       })
     })]
   });
 }
-const highExposureCompanyDetailsFields = ["numberOfEmployees", "legalForm", "naceCode"];
+const companyFieldMapping = {
+  legalForm: "legalForm",
+  naceCode: "naceCode",
+  numberOfEmployees: "numberOfEmployees",
+  doesTheCompanyEarnMoreThanHalf: "doesTheCompanyEarnMoreThanHalf",
+  doesYourCompanyHaveLEI: "doesYourCompanyHaveLEI",
+  legalEntityIdentifier: "legalEntityIdentifier",
+  isCompanyOwnedByAnotherCompany: "isCompanyOwnedByAnotherCompany",
+  isParentOwnedByAnotherCompany: "isParentOwnedByAnotherCompany"
+};
+const highExposureCompanyDetailsFields = Object.values(companyFieldMapping);
 function AdditionalFieldsForHighExposureCompany(props) {
   const {
     i18n
@@ -37555,6 +37921,7 @@ function AdditionalFieldsForHighExposureCompany(props) {
     fieldProblems: props == null ? void 0 : props.fieldValidationErrors
   });
   const formUtils = formUtilities(props, i18n);
+  const highExposureHandleChangeFor = handleChangeFor;
   const {
     updateStateSlice
   } = useGlobalDataSlice("company");
@@ -37567,9 +37934,19 @@ function AdditionalFieldsForHighExposureCompany(props) {
     });
   }, [data, valid, errors, fieldProblems]);
   return jsxs("form", {
-    className: "adyen-kyc__registration-details",
-    children: [jsx(FormHeader, {
-      heading: props.heading
+    className: "adyen-kyc__high-exposure-company",
+    children: [jsx(Typography, {
+      el: "h1",
+      variant: "title-l",
+      children: i18n.get("additionalInformationIsRequiredForLoan")
+    }), jsx(Typography, {
+      el: "p",
+      variant: "body",
+      children: i18n.get("beforeYourCapitalLoanApplicationCanBeSubmitted")
+    }), jsx(Typography, {
+      el: "p",
+      variant: "body",
+      children: i18n.get("euFinancialRegulationsRequireUs")
     }), jsx(ErrorPanel, {
       verificationErrors: props.formVerificationErrors,
       validationErrors: props == null ? void 0 : props.fieldValidationErrors,
@@ -37577,21 +37954,39 @@ function AdditionalFieldsForHighExposureCompany(props) {
       id: "ariaErrorField"
     }), jsx(HighExposureBusinessInformation, {
       ...props,
-      handleChangeFor,
+      handleChangeFor: highExposureHandleChangeFor,
       errors,
       data,
       valid,
       country: props.country,
       formUtils,
+      fieldProblems,
+      targetPage: HighExposurePagesEnums.COMPANY_PAGE,
+      fieldMapping: companyFieldMapping
+    }), jsx(HighExposureOwnershipStructure, {
+      ...props,
+      handleChangeFor,
+      errors,
+      data,
+      valid,
+      legalEntity: props.legalEntity,
+      formUtils,
       fieldProblems
     })]
   });
 }
-const highExposureParentCompanyDetailsFields = ["numberOfEmployees"];
-function AdditionalFieldsForHighExposureParentCompany({
-  requiredFields,
-  ...props
-}) {
+const parentCompanyFieldMapping$1 = {
+  legalName: "parentLegalName",
+  legalForm: "parentLegalForm",
+  naceCode: "parentNaceCode",
+  numberOfEmployees: "parentNumberOfEmployees",
+  doesTheCompanyEarnMoreThanHalf: "doesTheParentCompanyEarnMoreThanHalf",
+  doesYourCompanyHaveLEI: "doesYourParentCompanyHaveLEI",
+  legalEntityIdentifier: "parentLegalEntityIdentifier",
+  doesNotKnowNumberOfEmployees: "doesNotKnowParentNumberOfEmployees"
+};
+const highExposureParentCompanyDetailsFields = Object.values(parentCompanyFieldMapping$1);
+function AdditionalFieldsForHighExposureParentCompany(props) {
   const {
     i18n
   } = useI18nContext();
@@ -37603,14 +37998,15 @@ function AdditionalFieldsForHighExposureParentCompany({
     fieldProblems
   } = useForm({
     ...props,
-    schema: ["numberOfEmployees"],
+    schema: highExposureParentCompanyDetailsFields,
     defaultData: {
       ...props.data
     },
-    rules: props.validators || highExposureCompanyDetailsValidations,
+    rules: props.validators || highExposureParentCompanyDetailsValidations,
     fieldProblems: props == null ? void 0 : props.fieldValidationErrors
   });
   const formUtils = formUtilities(props, i18n);
+  const highExposureHandleChangeFor = handleChangeFor;
   const {
     updateStateSlice
   } = useGlobalDataSlice("parentCompany");
@@ -37623,39 +38019,47 @@ function AdditionalFieldsForHighExposureParentCompany({
     });
   }, [data, valid, errors, fieldProblems]);
   return jsxs("form", {
-    className: "adyen-kyc__registration-details",
-    children: [jsx(FormHeader, {
-      heading: props.heading
+    className: "adyen-kyc__high-exposure-company",
+    children: [jsx(Typography, {
+      el: "h1",
+      variant: "title-l",
+      children: i18n.get("parentCompanyInformation")
+    }), jsx(Typography, {
+      el: "p",
+      variant: "body",
+      children: i18n.get("inTheLastStepOwnedByAParentCompany")
     }), jsx(ErrorPanel, {
       verificationErrors: props.formVerificationErrors,
       validationErrors: props == null ? void 0 : props.fieldValidationErrors,
       formUtils,
       id: "ariaErrorField"
-    }), formUtils.isRequiredField("numberOfEmployees") && jsx(Field, {
-      name: "numberOfEmployees",
-      label: formUtils.getLabel("numberOfEmployees", "numberOfEmployees"),
-      classNameModifiers: ["legalName"],
-      errorMessage: formUtils.getErrorMessage("numberOfEmployees", errors, fieldProblems),
-      isValid: valid.numberOfEmployees,
-      children: (childProps) => jsx(InputText, {
-        ...childProps,
-        name: "numberOfEmployees",
-        value: data.numberOfEmployees,
-        readonly: formUtils.isReadOnly("numberOfEmployees"),
-        classNameModifiers: ["legalName"],
-        onInput: handleChangeFor("numberOfEmployees", "input"),
-        onBlur: handleChangeFor("numberOfEmployees", "blur"),
-        "aria-required": true,
-        "aria-label": formUtils.getLabel("numberOfEmployees"),
-        "aria-invalid": !valid.numberOfEmployees
-      })
+    }), jsx(HighExposureBusinessInformation, {
+      ...props,
+      handleChangeFor: highExposureHandleChangeFor,
+      sectionHeading: "businessInformation",
+      errors,
+      data,
+      valid,
+      country: props.country,
+      formUtils,
+      fieldProblems,
+      targetPage: HighExposurePagesEnums.PARENT_COMPANY_PAGE,
+      fieldMapping: parentCompanyFieldMapping$1
     })]
   });
 }
-function AdditionalFieldsForHighExposureUltimateParentCompany({
-  requiredFields,
-  ...props
-}) {
+const parentCompanyFieldMapping = {
+  legalName: "ultimateParentLegalName",
+  legalForm: "ultimateParentLegalForm",
+  naceCode: "ultimateParentNaceCode",
+  numberOfEmployees: "ultimateParentNumberOfEmployees",
+  doesTheCompanyEarnMoreThanHalf: "doesTheUltimateParentCompanyEarnMoreThanHalf",
+  doesYourCompanyHaveLEI: "doesYourUltimateParentCompanyHaveLEI",
+  legalEntityIdentifier: "ultimateParentLegalEntityIdentifier",
+  doesNotKnowNumberOfEmployees: "doesNotKnowUltimateParentNumberOfEmployees"
+};
+const highExposureUltimateParentCompanyDetailsFields = Object.values(parentCompanyFieldMapping);
+function AdditionalFieldsForHighExposureUltimateParentCompany(props) {
   const {
     i18n
   } = useI18nContext();
@@ -37667,14 +38071,15 @@ function AdditionalFieldsForHighExposureUltimateParentCompany({
     fieldProblems
   } = useForm({
     ...props,
-    schema: ["numberOfEmployees"],
+    schema: highExposureUltimateParentCompanyDetailsFields,
     defaultData: {
       ...props.data
     },
-    rules: props.validators || highExposureCompanyDetailsValidations,
+    rules: props.validators || highExposureUltimateParentCompanyDetailsValidations,
     fieldProblems: props == null ? void 0 : props.fieldValidationErrors
   });
   const formUtils = formUtilities(props, i18n);
+  const highExposureHandleChangeFor = handleChangeFor;
   const {
     updateStateSlice
   } = useGlobalDataSlice("ultimateParentCompany");
@@ -37687,32 +38092,32 @@ function AdditionalFieldsForHighExposureUltimateParentCompany({
     });
   }, [data, valid, errors, fieldProblems]);
   return jsxs("form", {
-    className: "adyen-kyc__registration-details",
-    children: [jsx(FormHeader, {
-      heading: props.heading
+    className: "adyen-kyc__high-exposure-company",
+    children: [jsx(Typography, {
+      el: "h1",
+      variant: "title-l",
+      children: i18n.get("ultimateParentCompanyInformation")
+    }), jsx(Typography, {
+      el: "p",
+      variant: "body",
+      children: i18n.get("inThePreviousStepOwnedByAnUltimateParentCompany")
     }), jsx(ErrorPanel, {
       verificationErrors: props.formVerificationErrors,
       validationErrors: props == null ? void 0 : props.fieldValidationErrors,
       formUtils,
       id: "ariaErrorField"
-    }), formUtils.isRequiredField("numberOfEmployees") && jsx(Field, {
-      name: "numberOfEmployees",
-      label: formUtils.getLabel("numberOfEmployees", "numberOfEmployees"),
-      classNameModifiers: ["legalName"],
-      errorMessage: formUtils.getErrorMessage("numberOfEmployees", errors, fieldProblems),
-      isValid: valid.numberOfEmployees,
-      children: (childProps) => jsx(InputText, {
-        ...childProps,
-        name: "numberOfEmployees",
-        value: data.numberOfEmployees,
-        readonly: formUtils.isReadOnly("numberOfEmployees"),
-        classNameModifiers: ["legalName"],
-        onInput: handleChangeFor("numberOfEmployees", "input"),
-        onBlur: handleChangeFor("numberOfEmployees", "blur"),
-        "aria-required": true,
-        "aria-label": formUtils.getLabel("numberOfEmployees"),
-        "aria-invalid": !valid.numberOfEmployees
-      })
+    }), jsx(HighExposureBusinessInformation, {
+      ...props,
+      handleChangeFor: highExposureHandleChangeFor,
+      sectionHeading: "businessInformation",
+      errors,
+      data,
+      valid,
+      country: props.country,
+      formUtils,
+      fieldProblems,
+      targetPage: HighExposurePagesEnums.ULTIMATE_PARENT_COMPANY_PAGE,
+      fieldMapping: parentCompanyFieldMapping
     })]
   });
 }
@@ -37743,20 +38148,15 @@ function HighExposureDropinComponent(props) {
   const highExposureCompanyDetailsFormProps = getFormProps(props, companyFormId);
   const highExposureParentCompanyDetailsFormProps = getFormProps(props, parentCompanyFormId);
   const highExposureUltimateParentCompanyDetailsFormProps = getFormProps(props, ultimateParentCompanyFormId);
-  const renderActiveForm = (activeForm) => jsxs("div", {
+  const renderActiveForm = (activeForm) => jsx("div", {
     className: "adyen-kyc",
-    children: [jsx(ContextGuidance, {
-      page: "High exposure company details page",
-      titleId: "whyDoINeedToFillInThisInformation",
-      contentId: "euFinancialRegulationsRequireUs",
-      title: i18n.get("whyDoINeedToFillInThisInformation"),
-      content: i18n.get("euFinancialRegulationsRequireUs")
-    }), jsxs("div", {
+    children: jsxs("div", {
       className: "adyen-kyc-form-wrapper",
       children: [activeForm.formId === companyFormId && jsx(AdditionalFieldsForHighExposureCompany, {
         ...highExposureCompanyDetailsFormProps,
         legalEntityId: props.legalEntityId,
-        heading: i18n.get("detailsForCapital"),
+        legalEntity: props.legalEntity,
+        heading: i18n.get("yourBusinessDetails"),
         id: companyFormId,
         country: props.country
       }), activeForm.formId === parentCompanyFormId && jsx(AdditionalFieldsForHighExposureParentCompany, {
@@ -37772,7 +38172,7 @@ function HighExposureDropinComponent(props) {
         id: companyFormId,
         country: props.country
       })]
-    })]
+    })
   });
   return jsx("div", {
     className: "adyen-kyc",
@@ -37787,6 +38187,24 @@ const customLabels = {
   company: {
     legalForm: "businessStructure",
     naceCode: "industryAndNaceCode"
+  },
+  parentCompany: {
+    parentLegalName: "legalName",
+    parentLegalForm: "businessStructure",
+    parentNaceCode: "industryAndNaceCode",
+    parentNumberOfEmployees: "numberOfEmployees",
+    doesTheParentCompanyEarnMoreThanHalf: "doesTheCompanyEarnMoreThanHalf",
+    doesYourParentCompanyHaveLEI: "doesThisCompanyHaveLEI",
+    parentLegalEntityIdentifier: "legalEntityIdentifier"
+  },
+  ultimateParentCompany: {
+    ultimateParentLegalName: "legalName",
+    ultimateParentLegalForm: "businessStructure",
+    ultimateParentNaceCode: "industryAndNaceCode",
+    ultimateParentNumberOfEmployees: "numberOfEmployees",
+    doesTheUltimateParentCompanyEarnMoreThanHalf: "doesTheCompanyEarnMoreThanHalf",
+    doesYourUltimateParentCompanyHaveLEI: "doesThisCompanyHaveLEI",
+    ultimateParentLegalEntityIdentifier: "legalEntityIdentifier"
   }
 };
 function UpdateLegalEntityForHighExposure({
@@ -37800,16 +38218,17 @@ function UpdateLegalEntityForHighExposure({
   hideDropinLayout,
   handleHomeClick,
   homeButtonLabel,
-  legalEntityId
+  legalEntityId,
+  legalEntity: legalEntityProps
 }) {
-  var _a;
+  var _a, _b, _c;
   const {
     getLegalEntity: getLegalEntity2
   } = useComponentApi(legalEntityId);
   const {
     i18n
   } = useI18nContext();
-  const [legalEntity, setLegalEntity] = useState();
+  const [legalEntity, setLegalEntity] = useState(legalEntityProps);
   const fetchLegalEntity = useCallback(async () => {
     const legalEntityResponse = await getLegalEntity2(legalEntityId);
     setLegalEntity(legalEntityResponse);
@@ -37834,6 +38253,7 @@ function UpdateLegalEntityForHighExposure({
   } = useToastContext();
   const [loadingStatus, setLoadingStatus] = useState("success");
   const formRef = useRef(null);
+  const [highExposureRequiredForms, setHighExposureRequiredForms] = useState(highExposureForms);
   const getConfigurationData = useCallback(() => getConfiguration2({
     legalEntityType: LegalEntityType.ORGANIZATION,
     capabilities,
@@ -37860,10 +38280,33 @@ function UpdateLegalEntityForHighExposure({
     });
     onChange == null ? void 0 : onChange(currentState);
   }, [currentState]);
+  useEffect(() => {
+    var _a2, _b2;
+    const showParentCompany = ((_a2 = data == null ? void 0 : data.company) == null ? void 0 : _a2.isCompanyOwnedByAnotherCompany) === "Yes";
+    const showUltimateParentCompany = ((_b2 = data == null ? void 0 : data.company) == null ? void 0 : _b2.isParentOwnedByAnotherCompany) === "Yes";
+    let updateForms = {
+      company: {
+        ...highExposureForms.company
+      }
+    };
+    if (showParentCompany) {
+      updateForms = {
+        ...updateForms,
+        parentCompany: highExposureForms.parentCompany
+      };
+    }
+    if (showParentCompany && showUltimateParentCompany) {
+      updateForms = {
+        ...updateForms,
+        ultimateParentCompany: highExposureForms.ultimateParentCompany
+      };
+    }
+    setHighExposureRequiredForms(updateForms);
+  }, [(_a = data == null ? void 0 : data.company) == null ? void 0 : _a.isCompanyOwnedByAnotherCompany, (_b = data == null ? void 0 : data.company) == null ? void 0 : _b.isParentOwnedByAnotherCompany]);
   const forms2 = useMemo(() => {
-    const requiredForms = getRequiredForms(highExposureForms, derivedProps == null ? void 0 : derivedProps.requiredFields, derivedProps == null ? void 0 : derivedProps.optionalFields);
+    const requiredForms = getRequiredForms(highExposureRequiredForms, derivedProps == null ? void 0 : derivedProps.requiredFields, derivedProps == null ? void 0 : derivedProps.optionalFields);
     return addValidityToForms(requiredForms, formValidity, problems);
-  }, [derivedProps, formValidity, problems]);
+  }, [derivedProps == null ? void 0 : derivedProps.optionalFields, derivedProps == null ? void 0 : derivedProps.requiredFields, formValidity, highExposureRequiredForms, problems]);
   const onSubmit = async () => {
     setLoadingStatus("loading");
     const exposureDetails = mapHighExposureToLegalEntity(data);
@@ -37928,7 +38371,7 @@ function UpdateLegalEntityForHighExposure({
     onSubmit
   });
   return jsx(FormWrapper, {
-    taskName: "detailsForCapital",
+    taskName: "progress",
     handleNextClick,
     handleBackClick,
     gotoFormByFormIndex,
@@ -37954,10 +38397,11 @@ function UpdateLegalEntityForHighExposure({
       activeForm,
       capabilities,
       data,
-      country: ((_a = data == null ? void 0 : data.company) == null ? void 0 : _a.country) ?? country2,
+      country: ((_c = data == null ? void 0 : data.company) == null ? void 0 : _c.country) ?? country2,
       problems,
       shouldValidate,
-      ref: formRef
+      ref: formRef,
+      legalEntity
     })
   });
 }
@@ -38632,7 +39076,7 @@ const ConfigurationApiProvider = ({
     isEmbeddedDropin,
     loadingContext
   } = authContext;
-  const sdkVersion = "3.20.1";
+  const sdkVersion = "3.21.0";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -38811,7 +39255,8 @@ const settingsDefaults = {
   hideOnboardingIntroductionTrust: true,
   hideOnboardingIntroductionSoleProprietor: true,
   viewOnboardingGuidance: false,
-  transferInstrumentLimit: 0
+  transferInstrumentLimit: 0,
+  instantBankVerification: true
 };
 function SettingsProvider({
   children,
@@ -39016,8 +39461,7 @@ const Toast = ({
   onToastAction
 }) => {
   const toastRef = useRef(null);
-  const loading2 = type === "loading";
-  const successToast = type === "loading";
+  const isLoading = type === "loading";
   const labelId = getUniqueId("toast");
   const handleShow = useCallback(() => {
     var _a;
@@ -39034,52 +39478,49 @@ const Toast = ({
       setTimeout(() => handleHide(), duration);
     }
   }, [label, duration, handleHide, handleShow]);
+  const statusClassMap = Object.freeze({
+    info: "",
+    loading: "adyen-kyc-toast__loading",
+    success: "adyen-kyc-toast__success",
+    error: "adyen-kyc-toast__error"
+  });
   return jsxs("div", {
     ref: toastRef,
     role: actionLabel ? "alertdialog" : "alert",
-    className: "adyen-kyc-toast",
+    className: `adyen-kyc-toast ${statusClassMap[type]}`,
     "aria-labelledby": labelId,
-    children: [loading2 && jsx("div", {
+    children: [isLoading && jsx("div", {
       className: "adyen-kyc-toast__loader",
-      children: jsx("div", {
-        className: "adyen-kyc-loading-indicator adyen-kyc-loading-indicator--small adyen-kyc-loading-indicator--dark"
+      children: jsx(Spinner, {
+        size: "small"
       })
-    }), !loading2 && jsxs("div", {
-      className: cx("adyen-kyc-toast__status", {
-        "adyen-kyc-toast__status--success": successToast,
-        "adyen-kyc-toast__status--error": !successToast
-      }),
-      children: [successToast && jsx(Icon, {
-        className: "adyen-kyc-toast__status-icon",
-        name: "checkmark"
-      }), !successToast && jsx(Icon, {
-        className: "adyen-kyc-toast__status-icon",
-        name: "cross"
-      })]
     }), jsxs("div", {
       className: "adyen-kyc-toast__message",
       children: [jsx("span", {
         id: labelId,
         className: "adyen-kyc-toast__title",
         children: label
-      }), actionLabel && jsx("button", {
-        className: "adyen-kyc-link adyen-kyc-toast__action",
-        title: "performAction",
-        type: "button",
-        onClick: onToastAction,
-        children: actionLabel
-      }), !loading2 && subLabel && jsx("span", {
+      }), !isLoading && subLabel && jsx("span", {
         className: "adyen-kyc-toast__subtitle",
         children: subLabel
       })]
-    }), !loading2 && jsx("button", {
-      className: "adyen-kyc-toast__close",
-      title: "close",
-      type: "button",
-      onClick: handleHide,
-      children: jsx(Icon, {
-        name: "cross"
-      })
+    }), jsxs("div", {
+      className: "adyen-kyc-toast__actions",
+      children: [!isLoading && jsx("button", {
+        className: "adyen-kyc-toast__close",
+        title: "close",
+        type: "button",
+        onClick: handleHide,
+        children: jsx(Icon, {
+          name: "cross"
+        })
+      }), actionLabel && jsx(Button, {
+        onClick: onToastAction ?? noop,
+        className: "adyen-kyc-link adyen-kyc-toast__action adyen-kyc-u-margin-right-8",
+        title: "performAction",
+        label: actionLabel,
+        tertiary: true
+      })]
     })]
   });
 };
@@ -40090,18 +40531,12 @@ const validateCoreOptions = (coreOptions) => {
   if (!(coreOptions.sdkToken && coreOptions.getSdkToken) && !coreOptions.clientKey) {
     throw new Error(`
 
-Please specify either sdkToken and getSdkToken handler or a clientKey for the SDK to initialize!
-      
-
-- For more information please check: https://docs.adyen.com/platforms/onboard-users/components/?tab=npm_recommended__1#step-7-initiate-the-onboarding-component`);
+Missing or invalid parameters. Specify either the sdkToken and getSdkToken handler or a clientKey in your request to initialize the component.`);
   }
   if (missing.length > 0) {
     throw new Error(`
 
-Please specify a ${listify(missing)} for the SDK to initialize!
-
-- For more information please check: https://docs.adyen.com/platforms/onboard-users/components/?tab=npm_recommended__1#step-7-initiate-the-onboarding-component
-           `);
+Missing or invalid parameters. Specify ${listify(missing)} in your request to initialize the component.`);
   }
 };
 const validateComponentOptions = (componentName, options) => {