@adyen/kyc-components 3.83.0 → 3.85.0-beta.1

package/dist/{BusinessFinancingDropin-R940kp66.js → BusinessFinancingDropin-CCci5zHD.js}

@@ -2,33 +2,36 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f01235c8-a0b3-4326-a614-6d98067b6a8e", e._sentryDebugIdIdentifier = "sentry-dbid-f01235c8-a0b3-4326-a614-6d98067b6a8e");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "38068872-4254-48f6-975a-4b0f25b39956", e._sentryDebugIdIdentifier = "sentry-dbid-38068872-4254-48f6-975a-4b0f25b39956");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useRef, useEffect, useMemo, useState, useCallback } from "preact/hooks";
-import { R as RadioGroup, u as useFormContext, c as useCreateLegalEntity, d as useUpdateLegalEntity, a as useMultiForm, F as FormContextProvider, b as FormFlow } from "./RadioGroup-QZCH1TCn.js";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-D4w2gBxd.js";
-import { aV as reverseMapping, aW as isEeaCountry, y as LegalEntityTypes, aE as cloneObject, b as useApiContext, j as useQuery, o as httpGet, u as useI18nContext, a as useTranslation, x as Typography, w as translateStringOrObject, U as useAnalyticsContext, m as useSettingsContext, L as Loader, B as Button } from "./StoreProvider-DGxWcgrS.js";
-import { I as InputText, S as SettingNames } from "./InputText-CqLs_M75.js";
-import { g as getAssociatedLeAnalyticsPayload } from "./analytics-B9jlnux-.js";
-import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-CPl7E0oh.js";
-import { c as createFormUtils, b as getFieldProps, F as FormHeader, E as ErrorPanel, g as getRequiredForms, a as addValidityToForms, u as useFormComposer, t as trackNavigation } from "./CountryField-DrB-OFMR.js";
-import { E as EndStateLayout } from "./EndStateLayout-BuVgF0ER.js";
-import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-zbgp4iB7.js";
-import { a as datasetUtilities } from "./useDataset-CYBhIC5y.js";
-import { l as localizeDateString } from "./localizeDateString-CjJb5ip4.js";
-import { m as mapFinancialReportsToFinancialInformation, a as mapFinancialInformationToFinancialReport, L as LegalFormField, I as InputNumber, C as Currency, b as CURRENCY_FIELD, c as InputCurrency } from "./Currency-DD63TDvu.js";
+import { R as RadioGroup, u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./RadioGroup-Br5v8w0a.js";
+import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-D58NfzLh.js";
+import { aO as reverseMapping, aP as isEeaCountry, y as LegalEntityTypes, aB as cloneObject, b as useApiContext, j as useQuery, o as httpGet, af as useI18nContext, u as useTranslation, x as Typography, w as translateStringOrObject, P as useAnalyticsContext, m as useSettingsContext, L as Loader, B as Button } from "./StoreProvider-DadhkEyO.js";
+import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-Bx1n-f4V.js";
+import { I as InputText, S as SettingNames } from "./InputText-zem7Kt4i.js";
+import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-Cd77TYXt.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer, t as trackNavigation } from "./dropinUtils-wWEQXoqU.js";
+import { u as useMultiForm } from "./useMultiForm-D-wGVJq1.js";
+import { E as EndStateLayout } from "./EndStateLayout-CePzY6oB.js";
+import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-kAn6qx2R.js";
+import { C as Checkbox, g as getAssociatedLeAnalyticsPayload } from "./analytics-awjVudvY.js";
+import { a as datasetUtilities } from "./useDataset-B-72Ufk7.js";
+import { l as localizeDateString } from "./localizeDateString--iXm1oBl.js";
+import { m as mapFinancialReportsToFinancialInformation, a as mapFinancialInformationToFinancialReport, L as LegalFormField, I as InputNumber, C as Currency, b as CURRENCY_FIELD, c as InputCurrency } from "./Currency-2wpP-9m3.js";
 import { f as formatObject } from "./utils-DNSfZiio.js";
-import { c as currencyByCountry } from "./types-IWh9Nm-W.js";
-import { F as Field, S as Select, C as Checkbox } from "./useForm-NtB5fMq5.js";
-import { L as Link } from "./Link-CaxhkJ24.js";
-import { I as InputDate } from "./InputDate-By5i2Hlf.js";
-import { A as Address } from "./Address-DzNHaLQd.js";
-import { g as getAddressSchemaForCountry, C as COUNTRIES_WITH_STATES_DATASET, a as getAddressSchemaLabelsByCountry } from "./utils-BMvr9mIu.js";
-import { b as businessFinancingMultiformRules } from "./validate-BiuAh7Ub.js";
+import { c as createFormUtils, g as getFieldProps, H as Header, E as ErrorPanel } from "./CountryField-DunKeW_n.js";
+import { c as currencyByCountry } from "./types-28yvE9dj.js";
+import { F as Field, c as Select } from "./useForm-Aw38WiTE.js";
+import { L as Link } from "./Link-BZJgg2rS.js";
+import { I as InputDate } from "./InputDate-DggMbeJG.js";
+import { A as Address } from "./Address-BBHj9Aas.js";
+import { g as getAddressSchemaForCountry, C as COUNTRIES_WITH_STATES_DATASET, a as getAddressSchemaLabelsByCountry } from "./utils-qNiMqbmo.js";
+import { b as businessFinancingMultiformRules } from "./validate-BY5vrcXH.js";
 const businessFinancingBaseMapping = {
   legalProceedingsDate: "organization.dateOfInitiationOfLegalProceeding",
   legalInformationInsolvency: "organization.statusOfLegalProceeding",
@@ -361,9 +364,9 @@ const customLabels = {
     isThisAddressTheMainHeadquarters: "addressIsHeadquarters"
   }
 };
-const getTranslatedLegalInsolvency = (i18n, insolvencyData) => {
+const getTranslatedLegalInsolvency = (t, insolvencyData) => {
   if (!insolvencyData) return void 0;
-  return insolvencyData === "noLegalActionsTaken" ? i18n.get("no") : i18n.get(insolvencyData);
+  return insolvencyData === "noLegalActionsTaken" ? t(($) => $["no"]) : t(($) => $[insolvencyData]);
 };
 const getValidUserLocale = (locale) => {
   try {
@@ -380,7 +383,7 @@ const getFormattedAmount = (value, currency) => {
   const formattedValue = Number(value).toLocaleString(userLocale);
   return `${currency} ${formattedValue}`;
 };
-const formatDataForSummary = (i18n, datasetUtils, data, rootLeAddress) => {
+const formatDataForSummary = (language, t, datasetUtils, data, rootLeAddress) => {
   const summaryData = cloneObject(data) || {};
   const { company, parentCompany, ultimateParentCompany } = summaryData;
   if (company) {
@@ -388,14 +391,14 @@ const formatDataForSummary = (i18n, datasetUtils, data, rootLeAddress) => {
     company.naceCode = company.naceCodeLabel;
     company.legalEntityIdentifier = company.legalEntityIdentifier ?? "None";
     company.legalInformationInsolvency = getTranslatedLegalInsolvency(
-      i18n,
+      t,
       company?.legalInformationInsolvency
     );
     company.annualTurnover = getFormattedAmount(company.annualTurnover, company.currency);
     company.netAssets = getFormattedAmount(company.netAssets, company.currency);
     const { legalProceedingsDate, financialReportingDate } = company;
-    company.legalProceedingsDate = legalProceedingsDate ? localizeDateString(legalProceedingsDate, i18n.locale) : void 0;
-    company.financialReportingDate = financialReportingDate ? localizeDateString(financialReportingDate, i18n.locale) : void 0;
+    company.legalProceedingsDate = legalProceedingsDate ? localizeDateString(legalProceedingsDate, language) : void 0;
+    company.financialReportingDate = financialReportingDate ? localizeDateString(financialReportingDate, language) : void 0;
   }
   if (parentCompany) {
     const {
@@ -425,13 +428,13 @@ const formatDataForSummary = (i18n, datasetUtils, data, rootLeAddress) => {
       }
       parentCompany.legalEntityIdentifier = legalEntityIdentifier ?? "None";
       parentCompany.legalInformationInsolvency = getTranslatedLegalInsolvency(
-        i18n,
+        t,
         legalInformationInsolvency
       );
       parentCompany.annualTurnover = getFormattedAmount(annualTurnover, currency);
       parentCompany.netAssets = getFormattedAmount(netAssets, currency);
-      parentCompany.legalProceedingsDate = legalProceedingsDate ? localizeDateString(legalProceedingsDate, i18n.locale) : void 0;
-      parentCompany.financialReportingDate = financialReportingDate ? localizeDateString(financialReportingDate, i18n.locale) : void 0;
+      parentCompany.legalProceedingsDate = legalProceedingsDate ? localizeDateString(legalProceedingsDate, language) : void 0;
+      parentCompany.financialReportingDate = financialReportingDate ? localizeDateString(financialReportingDate, language) : void 0;
       if (sameAddressAsRootEntity) {
         delete parentCompany.country;
         summaryData.parentCompany = {
@@ -472,13 +475,13 @@ const formatDataForSummary = (i18n, datasetUtils, data, rootLeAddress) => {
       }
       ultimateParentCompany.legalEntityIdentifier = legalEntityIdentifier ?? "None";
       ultimateParentCompany.legalInformationInsolvency = getTranslatedLegalInsolvency(
-        i18n,
+        t,
         legalInformationInsolvency
       );
       ultimateParentCompany.annualTurnover = getFormattedAmount(annualTurnover, currency);
       ultimateParentCompany.netAssets = getFormattedAmount(netAssets, currency);
-      ultimateParentCompany.legalProceedingsDate = legalProceedingsDate ? localizeDateString(legalProceedingsDate, i18n.locale) : void 0;
-      ultimateParentCompany.financialReportingDate = financialReportingDate ? localizeDateString(financialReportingDate, i18n.locale) : void 0;
+      ultimateParentCompany.legalProceedingsDate = legalProceedingsDate ? localizeDateString(legalProceedingsDate, language) : void 0;
+      ultimateParentCompany.financialReportingDate = financialReportingDate ? localizeDateString(financialReportingDate, language) : void 0;
       if (sameAddressAsRootEntity) {
         delete ultimateParentCompany.country;
         summaryData.ultimateParentCompany = {
@@ -566,6 +569,18 @@ function NaceCodeField({
     }
   );
 }
+const businessFinancingLeiRadio = "adyen-kyc-business-financing-lei-radio";
+const businessFinancingTitle = "adyen-kyc-business-financing-title";
+const businessFinancingBody = "adyen-kyc-business-financing-body";
+const businessFinancingExposureFinancials = "adyen-kyc-business-financing-exposure-financials";
+const businessFinancingStructuredAddress = "adyen-kyc-business-financing-structured-address";
+const styles = {
+  businessFinancingLeiRadio,
+  businessFinancingTitle,
+  businessFinancingBody,
+  businessFinancingExposureFinancials,
+  businessFinancingStructuredAddress
+};
 const businessInformationFields = [
   "legalForm",
   "naceCode",
@@ -586,14 +601,15 @@ function BusinessFinancingBusinessInformation(props) {
     sectionHeading,
     hideSectionHeading
   } = props;
-  const { t } = useTranslation(["common", "efp"]);
-  const formUtils = createFormUtils(props, t);
+  const { t: businessFinancingT } = useTranslation("businessFinancing");
+  const { t: commonT } = useTranslation("common");
+  const formUtils = createFormUtils(props, commonT);
   if (!handleFieldChange) {
     return;
   }
   const isMainCompany = targetPage === BusinessFinancingPages.COMPANY_PAGE;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !hideSectionHeading && /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", children: sectionHeading ? translateStringOrObject(t, sectionHeading) : t(($) => $["yourBusinessInformation"]) }),
+    !hideSectionHeading && /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", className: styles.businessFinancingTitle, children: sectionHeading ? businessFinancingT(($) => $[sectionHeading]) : businessFinancingT(($) => $["yourBusinessInformation"]) }),
     /* @__PURE__ */ jsx(
       LegalFormField,
       {
@@ -626,13 +642,23 @@ function BusinessFinancingBusinessInformation(props) {
       {
         el: "fieldset",
         name: "doesYourCompanyHaveLEI",
-        classNameModifiers: ["highExposureBusinessInformation"],
-        label: t(($) => $[isMainCompany ? "doesYourCompanyHaveLEI" : "doesThisCompanyHaveLEI"]),
-        helper: /* @__PURE__ */ jsxs(Typography, { el: "div", variant: "body", color: "secondary", children: [
-          /* @__PURE__ */ jsx("span", { children: t(($) => $["anLEIIsAUniqueCode"], { ns: "efp" }) }),
-          " ",
-          /* @__PURE__ */ jsx(Link, { href: "https://search.gleif.org/#/search/", external: true, inline: true, children: t(($) => $["lookUpYourLEI"], { ns: "efp" }) })
-        ] }),
+        label: businessFinancingT(
+          ($) => $[isMainCompany ? "doesYourCompanyHaveLEI" : "doesThisCompanyHaveLEI"]
+        ),
+        helper: /* @__PURE__ */ jsxs(
+          Typography,
+          {
+            el: "div",
+            variant: "body",
+            color: "secondary",
+            className: styles.businessFinancingBody,
+            children: [
+              businessFinancingT(($) => $["anLEIIsAUniqueCode"]),
+              " ",
+              /* @__PURE__ */ jsx(Link, { href: "https://search.gleif.org/#/search/", external: true, inline: true, children: businessFinancingT(($) => $["lookUpYourLEI"]) })
+            ]
+          }
+        ),
         errorMessage: formUtils.getErrorMessage(
           "doesYourCompanyHaveLEI",
           errors,
@@ -646,6 +672,7 @@ function BusinessFinancingBusinessInformation(props) {
             items: isMainCompany ? businessFinancingRadioItems : businessFinancingParentRadioItems,
             value: data?.doesYourCompanyHaveLEI,
             disabled: false,
+            className: styles.businessFinancingLeiRadio,
             onChange: handleFieldChange("doesYourCompanyHaveLEI"),
             "aria-required": true,
             "aria-invalid": !valid?.doesYourCompanyHaveLEI
@@ -664,7 +691,7 @@ function BusinessFinancingBusinessInformation(props) {
           fieldValidationErrors
         ),
         isValid: valid?.legalEntityIdentifier,
-        helper: t(($) => $["enterNCharactersWithAMixForExample"], {
+        helper: commonT(($) => $["enterNCharactersWithAMixForExample"], {
           numChars: 20,
           example: "529900T8BM49AURSDO55"
         }),
@@ -697,8 +724,9 @@ const financialInformationFields = [
 ];
 function BusinessFinancingFinancialInformation(props) {
   const { data, valid, errors, country, sectionHeading, handleFieldChange, fieldValidationErrors } = props;
-  const { t, i18n: i18next } = useTranslation(["common", "efp"]);
-  const formUtils = createFormUtils(props, t);
+  const { t: businessFinancingT, i18n: i18next } = useTranslation("businessFinancing");
+  const { t: commonT } = useTranslation("common");
+  const formUtils = createFormUtils(props, commonT);
   const currenciesForCurrCountry = useMemo(() => currencyByCountry[country] ?? [], [country]);
   if (!handleFieldChange) {
     return;
@@ -712,13 +740,13 @@ function BusinessFinancingFinancialInformation(props) {
     handleFieldChange("currency")(firstCurrency);
   }
   return /* @__PURE__ */ jsxs("section", { children: [
-    /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", children: sectionHeading ? translateStringOrObject(t, sectionHeading) : t(($) => $["businessFinancials"]) }),
+    /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", className: styles.businessFinancingTitle, children: sectionHeading ? businessFinancingT(($) => $[sectionHeading]) : businessFinancingT(($) => $["businessFinancials"]) }),
     /* @__PURE__ */ jsx(
       Field,
       {
         name: "numberOfEmployees",
         label: formUtils.getLabel("numberOfEmployees", "numberOfEmployees"),
-        helper: t(($) => $["theNumberOfIndividualsReceivingAWageOrSalary"], { ns: "efp" }),
+        helper: businessFinancingT(($) => $["theNumberOfIndividualsReceivingAWageOrSalary"]),
         errorMessage: formUtils.getErrorMessage("numberOfEmployees", errors, fieldValidationErrors),
         isValid: valid?.numberOfEmployees,
         children: (childProps) => /* @__PURE__ */ jsx(
@@ -744,18 +772,18 @@ function BusinessFinancingFinancialInformation(props) {
         data: formUtils.getFieldData(financialData, CURRENCY_FIELD),
         errors: formUtils.getFieldErrors(financialErrors, fieldValidationErrors, CURRENCY_FIELD),
         handleChangeFor: handleFieldChange,
-        labels: { currency: t(($) => $["financialStatementReportingCurrency"]) },
+        labels: { currency: businessFinancingT(($) => $["financialStatementReportingCurrency"]) },
         readonly: formUtils.isReadOnly("currency"),
         valid: formUtils.getFieldValid(isFinancialDataValid, CURRENCY_FIELD)
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-high-exposure-financials", children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.businessFinancingExposureFinancials, children: [
       /* @__PURE__ */ jsx(
         Field,
         {
           name: "netAssets",
           label: formUtils.getLabel("netAssets", "balanceSheetTotal"),
-          helper: t(($) => $["theSumOfTotalLiabilities"], { ns: "efp" }),
+          helper: businessFinancingT(($) => $["theSumOfTotalLiabilities"]),
           errorMessage: formUtils.getErrorMessage("netAssets", errors, fieldValidationErrors),
           children: (childProps) => /* @__PURE__ */ jsx(
             InputCurrency,
@@ -769,32 +797,12 @@ function BusinessFinancingFinancialInformation(props) {
           )
         }
       ),
-      /* @__PURE__ */ jsx(
-        Field,
-        {
-          name: "annualTurnover",
-          label: formUtils.getLabel("annualTurnover", "annualTurnover"),
-          helper: t(($) => $["theAnnualSalesRevenue"], { ns: "efp" }),
-          errorMessage: formUtils.getErrorMessage("annualTurnover", errors, fieldValidationErrors),
-          children: (childProps) => /* @__PURE__ */ jsx(
-            InputCurrency,
-            {
-              ...childProps,
-              name: "annualTurnover",
-              locale: i18next.language,
-              currency: data?.currency ?? defaultCurrency,
-              amount: data?.annualTurnover ? Number(data?.annualTurnover) : void 0,
-              onAmountChanged: handleFieldChange("annualTurnover")
-            }
-          )
-        }
-      ),
       /* @__PURE__ */ jsx(
         Field,
         {
           name: "financialReportingDate",
           label: formUtils.getLabel("financialReportingDate", "statementReportingDate"),
-          helper: t(($) => $["useTheMoreRecentOfTheReportingDates"], { ns: "efp" }),
+          helper: businessFinancingT(($) => $["useTheMoreRecentOfTheReportingDates"]),
           errorMessage: formUtils.getErrorMessage(
             "financialReportingDate",
             errors,
@@ -815,6 +823,26 @@ function BusinessFinancingFinancialInformation(props) {
             }
           )
         }
+      ),
+      /* @__PURE__ */ jsx(
+        Field,
+        {
+          name: "annualTurnover",
+          label: formUtils.getLabel("annualTurnover", "annualTurnover"),
+          helper: businessFinancingT(($) => $["theAnnualSalesRevenue"]),
+          errorMessage: formUtils.getErrorMessage("annualTurnover", errors, fieldValidationErrors),
+          children: (childProps) => /* @__PURE__ */ jsx(
+            InputCurrency,
+            {
+              ...childProps,
+              name: "annualTurnover",
+              locale: i18next.language,
+              currency: data?.currency ?? defaultCurrency,
+              amount: data?.annualTurnover ? Number(data?.annualTurnover) : void 0,
+              onAmountChanged: handleFieldChange("annualTurnover")
+            }
+          )
+        }
       )
     ] })
   ] });
@@ -826,30 +854,31 @@ const legalInformationFields = [
 ];
 function BusinessFinancingLegalInformation(props) {
   const { data, valid, errors, fieldValidationErrors, handleFieldChange, sectionHeading } = props;
-  const { t } = useTranslation(["common", "efp"]);
-  const formUtils = createFormUtils(props, t);
+  const { t: businessFinancingT } = useTranslation("businessFinancing");
+  const { t: commonT } = useTranslation("common");
+  const formUtils = createFormUtils(props, commonT);
   if (!handleFieldChange) {
     return;
   }
   const legalInformationInsolvencyItems = [
-    { id: "noLegalActionsTaken", name: t(($) => $["no"]) },
+    { id: "noLegalActionsTaken", name: commonT(($) => $["no"]) },
     {
       id: "underJudicialAdministration",
-      name: t(($) => $["yesTheCompanyIsUnderJudicialAdministration"], { ns: "efp" })
+      name: businessFinancingT(($) => $["yesTheCompanyIsUnderJudicialAdministration"])
     },
     {
       id: "bankruptcyInsolvency",
-      name: t(($) => $["yesTheCompanyIsFilingForBankruptcy"], { ns: "efp" })
+      name: businessFinancingT(($) => $["yesTheCompanyIsFilingForBankruptcy"])
     },
     {
       id: "otherLegalMeasures",
-      name: t(($) => $["yesTheCompanyIsFacingOtherLegalMeasures"], { ns: "efp" })
+      name: businessFinancingT(($) => $["yesTheCompanyIsFacingOtherLegalMeasures"])
     },
-    { id: "iDontKnow", name: t(($) => $["iDontKnow"]) }
+    { id: "iDontKnow", name: commonT(($) => $["iDontKnow"]) }
   ];
   const showLegalProceedingsDateField = data?.legalInformationInsolvency && !["noLegalActionsTaken", "iDontKnow"].includes(data?.legalInformationInsolvency);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", children: sectionHeading ? translateStringOrObject(t, sectionHeading) : t(($) => $["legalInformation"]) }),
+    /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", className: styles.businessFinancingTitle, children: sectionHeading ? businessFinancingT(($) => $[sectionHeading]) : businessFinancingT(($) => $["legalInformation"]) }),
     /* @__PURE__ */ jsx(
       Field,
       {
@@ -867,7 +896,7 @@ function BusinessFinancingLegalInformation(props) {
             ...childProps,
             onChange: handleFieldChange("legalInformationInsolvency", "blur"),
             name: "legalInformationInsolvency",
-            placeholder: t(($) => $["selectOne"]),
+            placeholder: commonT(($) => $["selectOne"]),
             selected: data?.legalInformationInsolvency,
             items: legalInformationInsolvencyItems,
             "aria-required": true,
@@ -910,21 +939,20 @@ const ownershipStructureFields = [
 ];
 function BusinessFinancingOwnershipStructure(props) {
   const { data, valid, errors = {}, legalEntity, fieldValidationErrors, handleFieldChange } = props;
-  const { t } = useTranslation(["efp"]);
+  const { t: businessFinancingT } = useTranslation("businessFinancing");
   const { t: commonT } = useTranslation("common");
   const formUtils = createFormUtils(props, commonT);
   if (!handleFieldChange) {
     return;
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", children: t(($) => $["ownershipStructure"]) }),
+    /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", className: styles.businessFinancingTitle, children: businessFinancingT(($) => $["ownershipStructure"]) }),
     /* @__PURE__ */ jsx(
       Field,
       {
         el: "fieldset",
         name: "isCompanyOwnedByAnotherCompany",
-        classNameModifiers: ["highExposureBusinessInformation"],
-        label: t(($) => $["isCompanyOwnedByAnotherCompany"], {
+        label: businessFinancingT(($) => $["isCompanyOwnedByAnotherCompany"], {
           company: legalEntity?.organization ? legalEntity.organization.legalName : ""
         }),
         errorMessage: formUtils.getErrorMessage(
@@ -932,7 +960,16 @@ function BusinessFinancingOwnershipStructure(props) {
           errors,
           fieldValidationErrors
         ),
-        helper: /* @__PURE__ */ jsx(Typography, { el: "div", variant: "body", color: "secondary", children: /* @__PURE__ */ jsx("span", { children: t(($) => $["thisMeansYouHaveAParentCompany"]) }) }),
+        helper: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            el: "div",
+            variant: "body",
+            color: "secondary",
+            className: styles.businessFinancingBody,
+            children: businessFinancingT(($) => $["thisMeansYouHaveAParentCompany"])
+          }
+        ),
         children: (childProps) => /* @__PURE__ */ jsx(
           RadioGroup,
           {
@@ -940,6 +977,7 @@ function BusinessFinancingOwnershipStructure(props) {
             name: "isCompanyOwnedByAnotherCompany",
             items: businessFinancingRadioItems,
             value: data?.isCompanyOwnedByAnotherCompany,
+            className: styles.businessFinancingLeiRadio,
             disabled: false,
             onChange: handleFieldChange("isCompanyOwnedByAnotherCompany"),
             "aria-required": true,
@@ -953,9 +991,17 @@ function BusinessFinancingOwnershipStructure(props) {
       {
         el: "fieldset",
         name: "isParentOwnedByAnotherCompany",
-        classNameModifiers: ["highExposureBusinessInformation"],
         label: formUtils.getLabel("isParentOwnedByAnotherCompany"),
-        helper: /* @__PURE__ */ jsx(Typography, { el: "div", variant: "body", color: "secondary", children: /* @__PURE__ */ jsx("span", { children: t(($) => $["thisMeansYouHaveAnUltimateParentCompany"]) }) }),
+        helper: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            el: "div",
+            variant: "body",
+            color: "secondary",
+            className: styles.businessFinancingBody,
+            children: businessFinancingT(($) => $["thisMeansYouHaveAnUltimateParentCompany"])
+          }
+        ),
         errorMessage: formUtils.getErrorMessage(
           "isParentOwnedByAnotherCompany",
           errors,
@@ -968,6 +1014,7 @@ function BusinessFinancingOwnershipStructure(props) {
             name: "isParentOwnedByAnotherCompany",
             items: businessFinancingRadioItems,
             value: data.isParentOwnedByAnotherCompany,
+            className: styles.businessFinancingLeiRadio,
             disabled: false,
             onChange: handleFieldChange("isParentOwnedByAnotherCompany"),
             "aria-required": true,
@@ -979,12 +1026,13 @@ function BusinessFinancingOwnershipStructure(props) {
   ] });
 }
 function AdditionalFieldsForBusinessFinancingCompany(props) {
-  const { t } = useTranslation(["common", "efp"]);
+  const { t: businessFinancingT } = useTranslation("businessFinancing");
+  const { t: commonT } = useTranslation("common");
   const {
     form: { handleChangeFor, data, setValid }
   } = useFormContext();
   const { country, formVerificationErrors, legalEntity, fieldValidationErrors } = props;
-  const formUtils = createFormUtils(props, t);
+  const formUtils = createFormUtils(props, commonT);
   const handleChange = (fieldName, mode) => handleChangeFor(fieldName, "company", mode);
   const ownershipStructureProps = getFieldProps(props, ownershipStructureFields);
   const businessInformationProps = getFieldProps(props, businessInformationFields);
@@ -996,10 +1044,11 @@ function AdditionalFieldsForBusinessFinancingCompany(props) {
   }
   return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc__high-exposure-company", children: [
     /* @__PURE__ */ jsx(
-      FormHeader,
+      Header,
       {
-        heading: t(($) => $["additionalInformationForBusinessFinancing"]),
-        description: t(($) => $["toProcessYourFundsWeNeedMoreInformation"], { ns: "efp" })
+        title: businessFinancingT(($) => $["additionalInformationForBusinessFinancing"]),
+        description: businessFinancingT(($) => $["toProcessYourFundsWeNeedMoreInformation"]),
+        secondary: true
       }
     ),
     /* @__PURE__ */ jsx(
@@ -1059,13 +1108,14 @@ const basicInformationFields = [
 ];
 function BusinessFinancingBasicCompanyInformation(props) {
   const { data, valid, errors, fieldValidationErrors, handleFieldChange, sectionHeading } = props;
-  const { t } = useTranslation(["common", "efp"]);
-  const formUtils = createFormUtils(props, t);
+  const { t: businessFinancingT } = useTranslation("businessFinancing");
+  const { t: commonT } = useTranslation("common");
+  const formUtils = createFormUtils(props, commonT);
   if (!handleFieldChange) {
     return;
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", children: sectionHeading ? translateStringOrObject(t, sectionHeading) : t(($) => $["basicCompanyInformation"]) }),
+    /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", className: styles.businessFinancingTitle, children: sectionHeading ? businessFinancingT(($) => $[sectionHeading]) : businessFinancingT(($) => $["basicCompanyInformation"]) }),
     /* @__PURE__ */ jsx(
       Field,
       {
@@ -1073,7 +1123,7 @@ function BusinessFinancingBasicCompanyInformation(props) {
         label: formUtils.getLabel("legalName", "legalName"),
         errorMessage: formUtils.getErrorMessage("legalName", errors, fieldValidationErrors),
         isValid: valid?.legalName,
-        helper: t(($) => $["legalNameIsUsedToIdentifyABusinessWithTheGovernment"], { ns: "efp" }),
+        helper: businessFinancingT(($) => $["legalNameIsUsedToIdentifyABusinessWithTheGovernment"]),
         helperPosition: "below",
         children: (childProps) => /* @__PURE__ */ jsx(
           InputText,
@@ -1111,7 +1161,7 @@ function BusinessFinancingRegisteredAddress(props) {
     legalEntity,
     sectionHeading
   } = props;
-  const { t: efpT, i18n } = useTranslation(["efp"]);
+  const { t: businessFinancingT, i18n } = useTranslation("businessFinancing");
   const { t: commonT } = useTranslation("common");
   const formUtils = createFormUtils(props, commonT);
   const addressCountry = data?.registrationAddress?.country;
@@ -1134,7 +1184,7 @@ function BusinessFinancingRegisteredAddress(props) {
     handleFieldChange("registrationAddress")(state.data);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", children: sectionHeading ? translateStringOrObject(commonT, sectionHeading) : commonT(($) => $["registeredAddress"]) }),
+    /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", className: styles.businessFinancingTitle, children: sectionHeading ? translateStringOrObject(commonT, sectionHeading) : commonT(($) => $["registeredAddress"]) }),
     /* @__PURE__ */ jsx(
       Field,
       {
@@ -1148,7 +1198,7 @@ function BusinessFinancingRegisteredAddress(props) {
             "aria-required": formUtils.isRequiredField("sameAddressAsRootEntity"),
             "aria-invalid": !valid?.sameAddressAsRootEntity,
             name: "sameAddressAsRootEntity",
-            label: efpT(($) => $["sameAddressAsRootEntity"], {
+            label: businessFinancingT(($) => $["sameAddressAsRootEntity"], {
               rootLegalEntityName: legalEntity?.organization?.legalName ?? ""
             }),
             checked: data?.sameAddressAsRootEntity ?? false,
@@ -1157,7 +1207,7 @@ function BusinessFinancingRegisteredAddress(props) {
         )
       }
     ),
-    data?.sameAddressAsRootEntity && legalEntity?.organization?.registeredAddress ? /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-high-exposure-structured-address", children: [
+    data?.sameAddressAsRootEntity && legalEntity?.organization?.registeredAddress ? /* @__PURE__ */ jsxs("div", { className: styles.businessFinancingStructuredAddress, children: [
       /* @__PURE__ */ jsx("div", { children: legalEntity.organization.registeredAddress.street }),
       /* @__PURE__ */ jsx("div", { children: legalEntity.organization.registeredAddress.street2 }),
       /* @__PURE__ */ jsxs("div", { children: [
@@ -1186,9 +1236,8 @@ function BusinessFinancingRegisteredAddress(props) {
       {
         el: "fieldset",
         name: "isThisAddressTheMainHeadquarters",
-        classNameModifiers: ["highExposureBusinessInformation"],
-        label: efpT(($) => $["areTheMainHeadquartersAtThisAddress"]),
-        helper: efpT(($) => $["addressRegisteredWithGovernment"]),
+        label: businessFinancingT(($) => $["areTheMainHeadquartersAtThisAddress"]),
+        helper: businessFinancingT(($) => $["addressRegisteredWithGovernment"]),
         errorMessage: formUtils.getErrorMessage(
           "isThisAddressTheMainHeadquarters",
           errors,
@@ -1201,6 +1250,7 @@ function BusinessFinancingRegisteredAddress(props) {
             name: "isThisAddressTheMainHeadquarters",
             items: businessFinancingRadioItems,
             value: data?.isThisAddressTheMainHeadquarters,
+            className: styles.businessFinancingLeiRadio,
             disabled: false,
             onChange: handleFieldChange("isThisAddressTheMainHeadquarters"),
             "aria-required": true,
@@ -1213,12 +1263,16 @@ function BusinessFinancingRegisteredAddress(props) {
 }
 const parentCompanyFormId$1 = businessFinancingForms.parentCompany.formId;
 function AdditionalFieldsForBusinessFinancingParentCompany(props) {
-  const { t } = useTranslation(["common", "efp"]);
+  const { t: businessFinancingT } = useTranslation("businessFinancing");
+  const { t: commonT } = useTranslation("common");
   const {
     form: { handleChangeFor, data, setValid }
   } = useFormContext();
   const { country, formVerificationErrors, fieldValidationErrors, legalEntity } = props;
-  const formUtils = createFormUtils(props, t);
+  const formUtils = createFormUtils(
+    props,
+    commonT
+  );
   const handleChange = (fieldName, mode) => handleChangeFor(fieldName, "parentCompany", mode);
   setValid("sameAddressAsRootEntity", true, "parentCompany");
   const basicCompanyInformationProps = getFieldProps(props, basicInformationFields);
@@ -1235,8 +1289,8 @@ function AdditionalFieldsForBusinessFinancingParentCompany(props) {
     setValid("currency", true, "parentCompany");
   }
   return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc__high-exposure-parent-company", children: [
-    /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: t(($) => $["parentCompanyInformation"]) }),
-    /* @__PURE__ */ jsx(Typography, { el: "p", variant: "body", children: t(($) => $["inThePreviousStepOwnedByAParentCompany"], { ns: "efp" }) }),
+    /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", className: styles.businessFinancingBody, children: commonT(($) => $["parentCompanyInformation"]) }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", variant: "body", className: styles.businessFinancingBody, children: businessFinancingT(($) => $["inThePreviousStepOwnedByAParentCompany"]) }),
     /* @__PURE__ */ jsx(
       ErrorPanel,
       {
@@ -1304,8 +1358,12 @@ function AdditionalFieldsForBusinessFinancingParentCompany(props) {
 const ultimateParentCompanyFormId$1 = businessFinancingForms.ultimateParentCompany.formId;
 function AdditionalFieldsForBusinessFinancingUltimateParentCompany(props) {
   const { formVerificationErrors, country, fieldValidationErrors, legalEntity } = props;
-  const { t } = useTranslation(["common", "efp"]);
-  const formUtils = createFormUtils(props, t);
+  const { t: businessFinancingT } = useTranslation("businessFinancing");
+  const { t: commonT } = useTranslation("common");
+  const formUtils = createFormUtils(
+    props,
+    commonT
+  );
   const {
     form: { handleChangeFor, data, setValid }
   } = useFormContext();
@@ -1325,8 +1383,8 @@ function AdditionalFieldsForBusinessFinancingUltimateParentCompany(props) {
     setValid("currency", true, "ultimateParentCompany");
   }
   return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc__high-exposure-ultimate-parent-company", children: [
-    /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: t(($) => $["ultimateParentCompanyInformation"]) }),
-    /* @__PURE__ */ jsx(Typography, { el: "p", variant: "body", children: t(($) => $["inThePreviousStepOwnedByAnUltimateParentCompany"], { ns: "efp" }) }),
+    /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", className: styles.businessFinancingBody, children: commonT(($) => $["ultimateParentCompanyInformation"]) }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", variant: "body", className: styles.businessFinancingBody, children: businessFinancingT(($) => $["inThePreviousStepOwnedByAnUltimateParentCompany"]) }),
     /* @__PURE__ */ jsx(
       ErrorPanel,
       {
@@ -1420,7 +1478,8 @@ function BusinessFinancingDropin(props) {
     isStandaloneComponent,
     handleHomeClick
   } = props;
-  const { i18n } = useI18nContext();
+  const { t: businessFinancingT } = useTranslation("businessFinancing");
+  const { t: commonT, i18n } = useTranslation("common");
   const userEvents = useAnalyticsContext();
   const [defaultData, setDefaultData] = useState();
   useRef(null);
@@ -1479,7 +1538,7 @@ function BusinessFinancingDropin(props) {
       setDefaultData({ ...derivedData });
     }
   }, [derivedData]);
-  const datasetUtils = datasetUtilities(i18n.locale);
+  const datasetUtils = datasetUtilities(i18n.language);
   const [problems, setProblems] = useState();
   const [loadingStatus, setLoadingStatus] = useState("success");
   const [showEndState, setShowEndState] = useState(false);
@@ -1508,7 +1567,7 @@ function BusinessFinancingDropin(props) {
       rootLegalEntity
     );
     if (!companyBusinessFinancingDetails || !rootLegalEntity) {
-      showToast({ label: i18n.get("missingCompanyDetails"), variant: "error" });
+      showToast({ label: businessFinancingT(($) => $["missingCompanyDetails"]), variant: "error" });
       return;
     }
     let parentCompanyFailed = false;
@@ -1603,7 +1662,7 @@ function BusinessFinancingDropin(props) {
             externalOnSubmit?.({ ...umfData });
           }
         } catch (e) {
-          showToast({ label: i18n.get("failedToUpdateDetails"), variant: "error" });
+          showToast({ label: commonT(($) => $["failedToUpdateDetails"]), variant: "error" });
           handleSubmissionError(e, BusinessFinancingIndices.COMPANY);
         }
         setProblems({});
@@ -1612,7 +1671,7 @@ function BusinessFinancingDropin(props) {
       if (!parentCompanyFailed && !ultimateParentCompanyFailed) {
         handleSubmissionError(e, BusinessFinancingIndices.COMPANY);
       }
-      showToast({ label: i18n.get("failedToUpdateDetails"), variant: "error" });
+      showToast({ label: commonT(($) => $["failedToUpdateDetails"]), variant: "error" });
     } finally {
       setLoadingStatus("success");
     }
@@ -1633,12 +1692,12 @@ function BusinessFinancingDropin(props) {
       }));
     } else if (isMaintenanceModeError(error)) {
       showToast({
-        label: i18n.get("maintenanceModeMessage"),
+        label: commonT(($) => $["maintenanceModeMessage"]),
         variant: "error",
         duration: "indefinite"
       });
     } else {
-      showToast({ label: i18n.get("failedToUpdateDetails"), variant: "error" });
+      showToast({ label: commonT(($) => $["failedToUpdateDetails"]), variant: "error" });
     }
   };
   const associatedLeTrackingParams = getAssociatedLeAnalyticsPayload({
@@ -1727,7 +1786,7 @@ function BusinessFinancingDropin(props) {
       {
         data: defaultData?.company,
         legalEntity: rootLegalEntity,
-        heading: i18n.get("additionalInformationForBusinessFinancing"),
+        heading: businessFinancingT(($) => $["additionalInformationForBusinessFinancing"]),
         id: companyFormId,
         country,
         shouldValidate,
@@ -1741,7 +1800,7 @@ function BusinessFinancingDropin(props) {
       AdditionalFieldsForBusinessFinancingParentCompany,
       {
         data: defaultData?.parentCompany,
-        heading: i18n.get("parentCompanyInformation"),
+        heading: commonT(($) => $["parentCompanyInformation"]),
         id: companyFormId,
         country,
         shouldValidate,
@@ -1753,7 +1812,7 @@ function BusinessFinancingDropin(props) {
       AdditionalFieldsForBusinessFinancingUltimateParentCompany,
       {
         data: defaultData?.ultimateParentCompany,
-        heading: i18n.get("ultimateParentCompanyInformation"),
+        heading: commonT(($) => $["ultimateParentCompanyInformation"]),
         id: companyFormId,
         country,
         shouldValidate,
@@ -1768,16 +1827,17 @@ function BusinessFinancingDropin(props) {
   return showEndState ? /* @__PURE__ */ jsx(
     EndStateLayout,
     {
-      title: i18n.get("submissionReceived"),
-      description: i18n.get("yourLoanApplicationHasBeenReceived"),
-      action: externalOnSubmit && !showBusinessFinancingFirst ? /* @__PURE__ */ jsx(Button, { onClick: () => externalOnSubmit?.({ ...umfData }), children: externalOnSubmitLabel || i18n.get("finish") }) : void 0
+      title: businessFinancingT(($) => $["submissionReceived"]),
+      description: businessFinancingT(($) => $["theInformationProvidedIsBeingReviewed"]),
+      action: externalOnSubmit && !showBusinessFinancingFirst ? /* @__PURE__ */ jsx(Button, { onClick: () => externalOnSubmit?.({ ...umfData }), children: externalOnSubmitLabel || commonT(($) => $["finish"]) }) : void 0
     }
   ) : /* @__PURE__ */ jsx(FormContextProvider, { form, children: /* @__PURE__ */ jsx(
     FormFlow,
     {
       summary: {
         data: formatDataForSummary(
-          i18n,
+          i18n.language,
+          businessFinancingT,
           datasetUtils,
           umfData,
           rootLegalEntity?.organization?.registeredAddress