@adyen/kyc-components 2.46.1 → 2.47.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";
@@ -451,7 +452,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.";
@@ -465,7 +465,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";
@@ -1354,7 +1353,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";
@@ -1365,6 +1363,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,
@@ -1584,6 +1604,7 @@ const defaultTrans = {
   shareholderDocument,
   role,
   selectAllTheRolesThatThisDecisionMakerHolds,
+  selectedSomeRolesBasedOnMyinfo,
   selectTheApplicableRoles,
   back,
   next,
@@ -1778,7 +1799,6 @@ const defaultTrans = {
   bankAccountVerification,
   bankStatementDocument,
   requirements,
-  ifDocumentMoreThan12months,
   whyDoINeedToFillInThisInformation,
   reasonForFillingCompanyRegistrationDetails,
   reasonForFillingCompanyAddressDetails,
@@ -1792,7 +1812,6 @@ const defaultTrans = {
   signatoryGuideDescription,
   directorGuideDescription,
   someoneAppointedToManageACompanysBusinessAndAffairs,
-  whatIfDocumentIsMoreThan12MonthsOld,
   depositSlip,
   screenshotOfOnlineBankingEnviroment,
   officialEmailOrALetterFromYourBank,
@@ -2691,7 +2710,6 @@ const defaultTrans = {
   differentCountryOfGoverningLaw,
   countryOfGoverningLaw,
   nationalInsuranceNumber,
-  detailsForCapital,
   parentCompany,
   ultimateParentCompany,
   numberOfEmployees,
@@ -2701,7 +2719,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" ? {
@@ -3566,19 +3606,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) {
@@ -3591,6 +3618,16 @@ function getNestedOuterFormPropsFromOuterFormProps(props, innerFormId) {
     helperText,
     masks
   } = newProps;
+  const {
+    readOnlyFields,
+    requiredFields,
+    optionalFields,
+    obscuredFields,
+    verifyFields,
+    problems,
+    validators: validators2,
+    shouldValidate
+  } = props;
   return {
     placeholders,
     labels: labels2,
@@ -3598,15 +3635,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) {
@@ -4546,12 +4583,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
@@ -4706,13 +4741,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,
@@ -4789,10 +4840,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
       })]
@@ -5772,7 +5827,7 @@ function CompanyNameAndCountry(props) {
       labels: formUtils.getFieldLabels(COUNTRY_FIELD, {
         country: "countryRegionOfEstablishment"
       }),
-      readonly: !isAllowedEditPrefilledCountry || Boolean(props == null ? void 0 : props.disableCountry),
+      readonly: formUtils.isReadOnly("country") || !isAllowedEditPrefilledCountry || Boolean(props == null ? void 0 : props.disableCountry),
       classNameModifiers: ["country"],
       allowedCountries: mergedProps.isTopLevelEntity ? allowedCountries : void 0,
       handleChangeFor: handleChangeForCountries
@@ -8424,7 +8479,8 @@ function BusinessRegistrationNumber(props) {
     registrationNumberType
   }, defaultFieldMetadata$9);
   const mergedProps = mergeFieldMetadataIntoProps("registrationNumber", metadata, {
-    requiredFields: schema
+    requiredFields: schema,
+    readOnlyFields: props.readOnlyFields
   });
   const {
     handleChangeFor,
@@ -11390,7 +11446,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",
@@ -12473,7 +12529,8 @@ function FieldContainer(props) {
     trimOnBlur,
     hideField,
     maxlength,
-    handleChangeFor
+    handleChangeFor,
+    readOnly
   } = props;
   const formUtils = formUtilities(props, i18n);
   const errorMessage = formUtils.getErrorMessage(fieldName, errors, fieldProblems);
@@ -12495,7 +12552,7 @@ function FieldContainer(props) {
           labels: {
             country: formUtils.getLabel(field)
           },
-          readonly: formUtils.isReadOnly(field),
+          readonly: readOnly,
           classNameModifiers,
           className: hideField ? "adyen-kyc-u-display-none" : "",
           handleChangeFor
@@ -12514,7 +12571,7 @@ function FieldContainer(props) {
           labels: {
             stateOrProvince: formUtils.getLabel(field)
           },
-          readonly: formUtils.isReadOnly(field),
+          readonly: readOnly,
           classNameModifiers,
           selectedCountry: data.country,
           handleChangeFor
@@ -12537,7 +12594,8 @@ function FieldContainer(props) {
             "aria-required": true,
             "aria-label": props == null ? void 0 : props["aria-label"],
             "aria-invalid": !valid[field],
-            trimOnBlur
+            trimOnBlur,
+            readonly: readOnly
           })
         });
     }
@@ -13386,7 +13444,7 @@ function RegistrationAddressComponent(props) {
     readOnlyFields: registrationAddressReadOnlyFields,
     obscuredFields: registrationAddressObscuredFields,
     verifyFields: registrationAddressVerifyFields
-  } = getFormProps(props, props.id);
+  } = getFormProps(props, registrationAddressFormID);
   const {
     data: formData,
     valid: formValid,
@@ -13584,29 +13642,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")
+        })
       })]
     })
   });
@@ -13721,9 +13765,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, {
@@ -14308,7 +14352,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 = {
@@ -16825,60 +16869,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;
@@ -16890,13 +16934,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) => {
@@ -21898,7 +21942,7 @@ const trustRegistrationDetailsValidations = {
   },
   legalName: {
     modes: ["blur"],
-    validate: (legalName) => !!legalName,
+    validate: (legalName2) => !!legalName2,
     errorMessage: "fieldIsRequired"
   },
   objectOfTrust: {
@@ -22765,55 +22809,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"
@@ -22853,8 +22848,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, {
@@ -22936,9 +22932,9 @@ function Summary({
   return jsxs("div", {
     role: "region",
     className: "adyen-kyc-summary",
-    children: [jsx("h2", {
-      className: "adyen-kyc-summary__heading",
-      children: i18n.get("summary")
+    children: [jsx(FormHeader, {
+      heading: i18n.get("summary"),
+      classNames: "adyen-kyc-summary__heading"
     }), jsx(ErrorPanel, {
       validationErrors: allValidationErrors,
       verificationErrors: allVerificationErrors,
@@ -26570,6 +26566,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
@@ -26619,7 +26651,8 @@ function CompanyDropinComponent({
   handleUpdateLegalEntity,
   handleHomeClick,
   onTypeSwitch,
-  onChange
+  onChange,
+  trustedFieldsProvider
 }) {
   var _a, _b;
   const {
@@ -26683,7 +26716,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: {
@@ -26946,7 +26987,8 @@ function CompanyDropinComponent({
       onCountryChange: setCountry,
       ref: formRef,
       shouldValidate,
-      isTopLevelEntity: taskType === TaskTypes.COMPANY
+      isTopLevelEntity: taskType === TaskTypes.COMPANY,
+      readOnlyFields: trustedFieldsOfProvider
     })
   });
 }
@@ -29019,6 +29061,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);
 };
@@ -29593,11 +29640,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, {
@@ -29937,11 +29986,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", {
@@ -30154,8 +30205,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, {
@@ -30243,8 +30294,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",
@@ -30991,8 +31042,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", {
@@ -31244,8 +31296,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", {
@@ -31367,13 +31420,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)
@@ -31384,7 +31441,6 @@ function TaskListComponent({
           icon: "edit",
           tertiary: true,
           onClick: onEditBusinessSetupClick,
-          className: "adyen-kyc-u-margin-left-4",
           type: "button"
         })]
       })]
@@ -35716,7 +35772,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, {
@@ -36481,6 +36538,30 @@ function CreateTransferInstrumentComponent({
     taskType: TaskTypes.PAYOUT
   }) : null;
 }
+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"],
@@ -36501,16 +36582,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,
@@ -36537,8 +36728,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,
@@ -36553,14 +36744,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,
@@ -36582,8 +36772,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,
@@ -36605,58 +36795,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
+      })]
     })]
   });
 }
-const highExposureCompanyDetailsFields = ["numberOfEmployees", "legalForm", "naceCode"];
+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 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
@@ -36677,6 +37047,7 @@ function AdditionalFieldsForHighExposureCompany(props) {
     fieldProblems: props == null ? void 0 : props.fieldValidationErrors
   });
   const formUtils = formUtilities(props, i18n);
+  const highExposureHandleChangeFor = handleChangeFor;
   const {
     updateStateSlice
   } = useGlobalDataSlice("company");
@@ -36689,9 +37060,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,
@@ -36699,21 +37080,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();
@@ -36725,14 +37124,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");
@@ -36745,39 +37145,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();
@@ -36789,14 +37197,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");
@@ -36809,32 +37218,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
     })]
   });
 }
@@ -36865,20 +37274,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, {
@@ -36894,7 +37298,7 @@ function HighExposureDropinComponent(props) {
         id: companyFormId,
         country: props.country
       })]
-    })]
+    })
   });
   return jsx("div", {
     className: "adyen-kyc",
@@ -36909,6 +37313,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({
@@ -36922,16 +37344,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);
@@ -36956,6 +37379,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,
@@ -36982,10 +37406,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);
@@ -37050,7 +37497,7 @@ function UpdateLegalEntityForHighExposure({
     onSubmit
   });
   return jsx(FormWrapper, {
-    taskName: "detailsForCapital",
+    taskName: "progress",
     handleNextClick,
     handleBackClick,
     gotoFormByFormIndex,
@@ -37076,10 +37523,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
     })
   });
 }
@@ -37667,39 +38115,40 @@ const verifyIdNumber = async (context, request) => {
 const getKycExternalApi = ({
   loadingContext,
   clientKey
-}) => {
-  const datasetBaseUrl = `/onboardingcomponents/api/${COMPONENTS_API_VERSION}/datasets/`;
-  return {
-    getConfiguration: async (request) => getConfiguration({
-      loadingContext,
-      clientKey
-    }, request),
-    getAllowedCountries: async () => getAllowedCountries({
-      loadingContext,
-      clientKey
-    }),
-    getAllowedLocales: async () => getAllowedLocales({
-      loadingContext,
-      clientKey
-    }),
-    getDataset: async (name, locale) => getDataset({
-      loadingContext,
-      clientKey
-    }, name, locale),
-    loadDocumentGuidance: async () => loadDocumentGuidance(loadingContext),
-    verifyIdNumber: async (request) => verifyIdNumber({
-      loadingContext,
-      clientKey
-    }, request),
-    validatePhoneNumber: async (phoneNumber2) => validatePhoneNumber({
-      loadingContext,
-      clientKey
-    }, phoneNumber2),
-    getImageUrl: () => `${loadingContext}static/images/`,
-    getLegalForms: async (countryCode) => getLegalForms(datasetBaseUrl, countryCode),
-    getNaceCodes: async () => getNaceCodes(datasetBaseUrl)
-  };
-};
+}) => ({
+  getConfiguration: async (request) => getConfiguration({
+    loadingContext,
+    clientKey
+  }, request),
+  getAllowedCountries: async () => getAllowedCountries({
+    loadingContext,
+    clientKey
+  }),
+  getAllowedLocales: async () => getAllowedLocales({
+    loadingContext,
+    clientKey
+  }),
+  getDataset: async (name, locale) => getDataset({
+    loadingContext,
+    clientKey
+  }, name, locale),
+  loadDocumentGuidance: async () => loadDocumentGuidance(loadingContext),
+  verifyIdNumber: async (request) => verifyIdNumber({
+    loadingContext,
+    clientKey
+  }, request),
+  validatePhoneNumber: async (phoneNumber2) => validatePhoneNumber({
+    loadingContext,
+    clientKey
+  }, phoneNumber2),
+  getImageUrl: () => `${loadingContext}static/images/`,
+  getLegalForms: async () => {
+    throw new Error("getLegalForms not implemented in kycexternalapi");
+  },
+  getNaceCodes: async () => {
+    throw new Error("getNaceCodes not implemented in kycexternalapi");
+  }
+});
 const ConfigurationApiProvider = ({
   children,
   onUserEvent,
@@ -37711,7 +38160,7 @@ const ConfigurationApiProvider = ({
     isEmbeddedDropin,
     loadingContext
   } = authContext;
-  const sdkVersion = "2.46.1";
+  const sdkVersion = "2.47.0";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -38095,8 +38544,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;
@@ -38113,52 +38561,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
+      })]
     })]
   });
 };
@@ -39152,18 +39597,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) => {