@adyen/kyc-components 4.0.0-compact.0 → 4.0.0-compact.2

package/dist/{BusinessFinancingDropin-C-xm14b8.js → BusinessFinancingDropin-CxvdCIOR.js}

@@ -2,37 +2,35 @@
 {
   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] = "5a4593d9-7ee6-41c5-9767-897f6979c0ff", e._sentryDebugIdIdentifier = "sentry-dbid-5a4593d9-7ee6-41c5-9767-897f6979c0ff");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "bd0fbda1-4547-4927-9e06-7f3bffa5a5ec", e._sentryDebugIdIdentifier = "sentry-dbid-bd0fbda1-4547-4927-9e06-7f3bffa5a5ec");
   } 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 useCreateLegalEntity, a as useUpdateLegalEntity } from "./RadioGroup-CYDXrtrO.js";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-DGMeMy5R.js";
-import { aS as reverseMapping, aT as isEeaCountry, y as LegalEntityTypes, ay 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-BlaJzXSZ.js";
-import { F as FormContextProvider, a as FormFlow } from "./FormFlow-CZ9f5X0C.js";
-import { I as InputText, S as SettingNames } from "./InputText-BX5sG9WJ.js";
-import { g as getAssociatedLeAnalyticsPayload } from "./analytics-3-a-Od7Z.js";
-import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-G30FPhOX.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer, t as trackNavigation } from "./dropinUtils-DHp5v5jB.js";
-import { u as useMultiForm } from "./useMultiForm-BucfLW49.js";
-import { E as EndStateLayout } from "./EndStateLayout-CyGtLyvf.js";
-import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-DOCbfk7K.js";
-import { a as datasetUtilities } from "./useDataset-BgvQQEKd.js";
-import { l as localizeDateString } from "./localizeDateString-DHsivjy2.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-BECbMsi5.js";
+import { useRef, useEffect, useMemo, useState } from "preact/hooks";
+import { u as useCreateLegalEntity } from "./useCreateLegalEntity-BNSFNiHp.js";
+import { c as useInvalidateRootLegalEntity, a as useToastContext } from "./useToastContext-CbM0O-ZH.js";
+import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-DnbryhbN.js";
+import { a_ as reverseMapping, a$ as isEeaCountry, r as LegalEntityTypes, aB as cloneObject, b as useApiContext, j as useQuery, m as httpGet, V as useI18nContext, u as useTranslation, G as Typography, z as translateStringOrObject, a2 as useAnalyticsContext, o as useSettingsContext, L as Loader, B as Button } from "./StoreProvider-D0o_745u.js";
+import { F as FormContextProvider, a as FormFlow } from "./FormFlow-KgmudcUf.js";
+import { I as InputText, S as SettingNames } from "./InputText-DXkZ7fwq.js";
+import { u as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-BXXTCq2H.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-D0iun-Wp.js";
+import { u as useMultiForm } from "./useMultiForm-2sO8cnmJ.js";
+import { E as EndStateLayout } from "./EndStateLayout-Dyji8Wu9.js";
+import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-BVdpr3ww.js";
+import { a as datasetUtilities } from "./useDataset-CLPw5wNd.js";
+import { l as localizeDateString } from "./localizeDateString-DYxbMJdq.js";
+import { m as mapFinancialReportsToFinancialInformation, a as mapFinancialInformationToFinancialReport } from "./mapFinancialReportsToFinancialInformation-DBdQzrBs.js";
 import { f as formatObject } from "./utils-DNSfZiio.js";
-import { c as createFormUtils, g as getFieldProps, F as FormHeader, E as ErrorPanel } from "./CountryField-D0YZrov9.js";
-import { u as useFormContext } from "./useFormContext-beqGS11A.js";
-import { c as currencyByCountry } from "./types-K58FM7k4.js";
-import { F as Field, c as Select, C as Checkbox } from "./useForm-C1DW3mPC.js";
-import { L as Link } from "./Link-BFdxU8qh.js";
-import { I as InputDate } from "./InputDate-CHygOGiS.js";
-import { A as Address } from "./Address-DSwfzWFu.js";
-import { g as getAddressSchemaForCountry, C as COUNTRIES_WITH_STATES_DATASET, a as getAddressSchemaLabelsByCountry } from "./utils-CgOzbb9O.js";
-import { b as businessFinancingMultiformRules } from "./validate-B5PwC1oL.js";
+import { c as createFormUtils, a as Link, d as getFieldProps, H as Header, E as ErrorPanel } from "./CountryField-BKLmbhSX.js";
+import { R as RadioGroup, I as InputDate, u as useFormContext, g as getAddressSchemaForCountry, C as COUNTRIES_WITH_STATES_DATASET, A as Address, d as getAddressSchemaLabelsByCountry } from "./Address-brlyMNsL.js";
+import { c as currencyByCountry } from "./types-BXl6V78E.js";
+import { F as Field, S as Select } from "./useForm-BkgSiM1i.js";
+import { L as LegalFormField, I as InputNumber, b as Currency, C as CURRENCY_FIELD, a as InputCurrency } from "./Currency-MPPfYpO2.js";
+import { C as Checkbox } from "./debouncedInputEvent-DbzJEMPo.js";
+import { b as businessFinancingMultiformRules } from "./validate-Cf-TAdac.js";
 const businessFinancingBaseMapping = {
   legalProceedingsDate: "organization.dateOfInitiationOfLegalProceeding",
   legalInformationInsolvency: "organization.statusOfLegalProceeding",
@@ -365,9 +363,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 {
@@ -384,7 +382,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) {
@@ -392,14 +390,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 {
@@ -429,13 +427,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 = {
@@ -476,13 +474,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 = {
@@ -570,6 +568,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",
@@ -590,14 +600,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,
       {
@@ -630,13 +641,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,
@@ -650,6 +671,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
@@ -668,7 +690,7 @@ function BusinessFinancingBusinessInformation(props) {
           fieldValidationErrors
         ),
         isValid: valid?.legalEntityIdentifier,
-        helper: t(($) => $["enterNCharactersWithAMixForExample"], {
+        helper: commonT(($) => $["enterNCharactersWithAMixForExample"], {
           numChars: 20,
           example: "529900T8BM49AURSDO55"
         }),
@@ -701,8 +723,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;
@@ -716,13 +739,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(
@@ -748,18 +771,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,
@@ -773,32 +796,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,
@@ -819,6 +822,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")
+            }
+          )
+        }
       )
     ] })
   ] });
@@ -830,30 +853,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,
       {
@@ -871,7 +895,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,
@@ -914,21 +938,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(
@@ -936,7 +959,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,
           {
@@ -944,6 +976,7 @@ function BusinessFinancingOwnershipStructure(props) {
             name: "isCompanyOwnedByAnotherCompany",
             items: businessFinancingRadioItems,
             value: data?.isCompanyOwnedByAnotherCompany,
+            className: styles.businessFinancingLeiRadio,
             disabled: false,
             onChange: handleFieldChange("isCompanyOwnedByAnotherCompany"),
             "aria-required": true,
@@ -957,9 +990,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,
@@ -972,6 +1013,7 @@ function BusinessFinancingOwnershipStructure(props) {
             name: "isParentOwnedByAnotherCompany",
             items: businessFinancingRadioItems,
             value: data.isParentOwnedByAnotherCompany,
+            className: styles.businessFinancingLeiRadio,
             disabled: false,
             onChange: handleFieldChange("isParentOwnedByAnotherCompany"),
             "aria-required": true,
@@ -983,12 +1025,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);
@@ -1000,10 +1043,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(
@@ -1063,13 +1107,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,
       {
@@ -1077,7 +1122,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,
@@ -1115,7 +1160,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;
@@ -1138,7 +1183,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,
       {
@@ -1152,7 +1197,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,
@@ -1161,7 +1206,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: [
@@ -1190,9 +1235,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,
@@ -1205,6 +1249,7 @@ function BusinessFinancingRegisteredAddress(props) {
             name: "isThisAddressTheMainHeadquarters",
             items: businessFinancingRadioItems,
             value: data?.isThisAddressTheMainHeadquarters,
+            className: styles.businessFinancingLeiRadio,
             disabled: false,
             onChange: handleFieldChange("isThisAddressTheMainHeadquarters"),
             "aria-required": true,
@@ -1217,12 +1262,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);
@@ -1239,8 +1288,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,
       {
@@ -1308,8 +1357,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();
@@ -1329,8 +1382,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,
       {
@@ -1424,7 +1477,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);
@@ -1483,7 +1537,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);
@@ -1512,7 +1566,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;
@@ -1607,7 +1661,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({});
@@ -1616,7 +1670,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");
     }
@@ -1637,17 +1691,14 @@ 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({
-    associatedLegalEntity: rootLegalEntity
-  });
   const omittedSummaryKeys = [
     "naceCodeLabel",
     "legalFormLabel",
@@ -1703,35 +1754,16 @@ function BusinessFinancingDropin(props) {
     shouldValidate
   } = useFormComposer({
     problems,
-    navigationTrackingParams: associatedLeTrackingParams,
     forms,
     onSubmit
   });
-  const handleTrackNavigation = useCallback(
-    (props2) => {
-      trackNavigation({
-        ...props2,
-        additionalTrackingParams: associatedLeTrackingParams
-      });
-    },
-    [associatedLeTrackingParams]
-  );
-  const homeClick = () => {
-    trackNavigation({
-      userEvents,
-      actionType: "save",
-      toForm: "home",
-      label: "home"
-    });
-    handleHomeClick?.();
-  };
   const renderActiveForm = (selectedForm) => /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-form-wrapper", children: [
     selectedForm.formId === companyFormId && /* @__PURE__ */ jsx(
       AdditionalFieldsForBusinessFinancingCompany,
       {
         data: defaultData?.company,
         legalEntity: rootLegalEntity,
-        heading: i18n.get("additionalInformationForBusinessFinancing"),
+        heading: businessFinancingT(($) => $["additionalInformationForBusinessFinancing"]),
         id: companyFormId,
         country,
         shouldValidate,
@@ -1745,7 +1777,7 @@ function BusinessFinancingDropin(props) {
       AdditionalFieldsForBusinessFinancingParentCompany,
       {
         data: defaultData?.parentCompany,
-        heading: i18n.get("parentCompanyInformation"),
+        heading: commonT(($) => $["parentCompanyInformation"]),
         id: companyFormId,
         country,
         shouldValidate,
@@ -1757,7 +1789,7 @@ function BusinessFinancingDropin(props) {
       AdditionalFieldsForBusinessFinancingUltimateParentCompany,
       {
         data: defaultData?.ultimateParentCompany,
-        heading: i18n.get("ultimateParentCompanyInformation"),
+        heading: commonT(($) => $["ultimateParentCompanyInformation"]),
         id: companyFormId,
         country,
         shouldValidate,
@@ -1772,16 +1804,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
@@ -1790,7 +1823,6 @@ function BusinessFinancingDropin(props) {
           keys: omittedSummaryKeys
         },
         problems,
-        trackNavigation: handleTrackNavigation,
         labels: customLabels
       },
       currentStep: steps.current,
@@ -1798,7 +1830,7 @@ function BusinessFinancingDropin(props) {
       forms,
       gotoFormByFormIndex,
       handleBackClick,
-      handleCancelClick: homeClick,
+      handleCancelClick: handleHomeClick,
       handleNextClick,
       loadingStatus,
       totalSteps: steps.total,