@adyen/kyc-components 3.83.0-beta.3 → 3.83.0

package/dist/{SourceOfFundsPage-DnPc36e1.js → SourceOfFundsPage-DF3muJcW.js}

@@ -2,45 +2,44 @@
 {
   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] = "ff3b5e61-d82c-44f0-a3a4-ab02462eea82", e._sentryDebugIdIdentifier = "sentry-dbid-ff3b5e61-d82c-44f0-a3a4-ab02462eea82");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "24dae386-8d1f-45bd-989f-2ba79a2c808e", e._sentryDebugIdIdentifier = "sentry-dbid-24dae386-8d1f-45bd-989f-2ba79a2c808e");
   } catch (e) {
   }
 }
 ;
-import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-DVrJwQIP.js";
+import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-C21WMjvq.js";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { b as useApiContext, j as useQuery, o as httpGet, aF as useMutation, k as httpPost, y as LegalEntityTypes, x as Typography, u as useI18nContext, B as Button, a7 as isEmpty, a as useTranslation, L as Loader, V as Icon, P as IconButton, N as createLogger, aH as useQueryClient, c as useLegalEntity, R as ROOT_LE, U as useAnalyticsContext, bM as useLegalEntities, J as EntityTypes, g as getLegalEntityCountry } from "./StoreProvider-C-tQ-rUA.js";
-import { T as TextArea, I as Image, d as getPropsFromConfigurations, b as useCapabilityProblems, g as getProblemsForEntity } from "./fieldConfigurations--yr7Xy-K.js";
+import { b as useApiContext, j as useQuery, o as httpGet, aF as useMutation, k as httpPost, y as LegalEntityTypes, x as Typography, a as useTranslation, B as Button, u as useI18nContext, a7 as isEmpty, L as Loader, V as Icon, P as IconButton, N as createLogger, aH as useQueryClient, c as useLegalEntity, R as ROOT_LE, U as useAnalyticsContext, bM as useLegalEntities, J as EntityTypes, g as getLegalEntityCountry } from "./StoreProvider-DGxWcgrS.js";
+import { T as TextArea, I as Image, d as getPropsFromConfigurations, b as useCapabilityProblems, g as getProblemsForEntity } from "./fieldConfigurations-BzmPcPW1.js";
 import { useState, useMemo, useEffect, useCallback, useRef } from "preact/hooks";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-CbDzqtMB.js";
-import { R as RadioGroup, c as useCreateLegalEntity, d as useUpdateLegalEntity } from "./RadioGroup-C2ra80YG.js";
-import { h as hasDataChanged } from "./hasDataChanged-J_6w1bhM.js";
-import { u as useGlobalDataSlice, c as useStateContext, F as FormWrapper } from "./useGlobalData-4zloXt7p.js";
-import { C as CountryField, E as ErrorPanel, c as createFormUtils, l as getFormProps, g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./CountryField-DsNgjve_.js";
-import { c as createDocumentRequest, d as documentApiUtils } from "./validate-BSQrgK6A.js";
+import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-D4w2gBxd.js";
+import { R as RadioGroup, c as useCreateLegalEntity, d as useUpdateLegalEntity } from "./RadioGroup-QZCH1TCn.js";
+import { h as hasDataChanged } from "./hasDataChanged-Di3pJ9RD.js";
+import { u as useGlobalDataSlice, c as useStateContext, F as FormWrapper } from "./useGlobalData-COgPG9qd.js";
+import { C as CountryField, E as ErrorPanel, c as createFormUtils, l as getFormProps, g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./CountryField-DrB-OFMR.js";
+import { c as createDocumentRequest, d as documentApiUtils } from "./validate-C6-L7Vfa.js";
 import { f as formatObject } from "./utils-DNSfZiio.js";
 import { signal } from "@preact/signals";
-import { F as Field, S as Select, a as useForm } from "./useForm-C35E-c4c.js";
-import { I as InputDate } from "./InputDate-B6pvrg11.js";
+import { F as Field, S as Select, a as useForm } from "./useForm-NtB5fMq5.js";
+import { I as InputDate } from "./InputDate-By5i2Hlf.js";
 import { I as InputGroup } from "./InputGroup-WBfGDV5F.js";
-import { I as InputText } from "./InputText-Colyh-Kh.js";
+import { I as InputText } from "./InputText-CqLs_M75.js";
 import { C as Currencies } from "./currency-BGwQyxBo.js";
 import { a as formatAmountWithCurrency } from "./formatCurrency-CMOSdJMB.js";
-import { l as localizeDateString } from "./localizeDateString-BmDSv9jw.js";
-import { t as toCapitalized } from "./toCapitalized-Bq7laD0b.js";
-import { A as Avatar } from "./Avatar-5boVtx49.js";
-import { a as Alert } from "./Alert-BVGR7MHn.js";
-import { M as Modal } from "./Modal-C9YSZFg-.js";
-import { C as Confirm, S as StructuredList } from "./useDataset-BxIVweaP.js";
-import { v as validateDateNotInTheFuture } from "./validate-Cq9bDLs2.js";
-import { T as TileGroup } from "./TileGroup-CMptjQhE.js";
+import { l as localizeDateString } from "./localizeDateString-CjJb5ip4.js";
+import { A as Avatar } from "./Avatar-ERL8LlcN.js";
+import { a as Alert } from "./Alert-Ce3pDSUY.js";
+import { M as Modal } from "./Modal-BaaNj5F-.js";
+import { C as Confirm, S as StructuredList } from "./useDataset-CYBhIC5y.js";
+import { v as validateDateNotInTheFuture } from "./validate-BiuAh7Ub.js";
+import { T as TileGroup } from "./TileGroup-AskMVW9b.js";
 import { lazy } from "preact/compat";
-import { T as TaskStatusIndicator } from "./TaskStatusIndicator-2paxCAz3.js";
-import { L as LandingLayout } from "./bafinUtils-BAGrFdfY.js";
-import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-D2JTkNNh.js";
-import { i as isEmpty$1 } from "./isEmpty-BibPoa4k.js";
-import { C as Card } from "./Card-C7Q3YRU0.js";
-import { D as Dropzone } from "./Dropzone-BOUeRyEd.js";
+import { T as TaskStatusIndicator } from "./TaskStatusIndicator-CEZcV_gi.js";
+import { L as LandingLayout } from "./bafinUtils-BJao1Xb_.js";
+import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-DIf93Tzb.js";
+import { i as isEmpty$1 } from "./isEmpty-Cg1sEY56.js";
+import { C as Card } from "./Card-Cma0bwYR.js";
+import { D as Dropzone } from "./Dropzone-DXfuqm2D.js";
 const getBusinessLines = async (legalEntityId, baseUrl) => {
   return httpGet({
     baseUrl,
@@ -241,28 +240,28 @@ const getAdditionalDataSchemaKeys = (sourceOfFundsType, originatorType) => {
       return [];
   }
 };
-const getServiceTranslation = (i18n, service) => {
+const getServiceTranslation = (t, service) => {
   switch (service) {
     case "banking":
-      return i18n.get("bankingService");
+      return t(($) => $["businessBankAccounts"]);
     case "issuing":
-      return i18n.get("issuingService");
+      return t(($) => $["paymentCards"]);
     case "paymentProcessing":
-      return i18n.get("paymentService");
+      return t(($) => $["acceptingPayments"]);
     default:
-      return i18n.get("supportingDocuments");
+      return t(($) => $["supportingDocuments"]);
   }
 };
-const getServiceTranslationSelectTitle = (i18n, service) => {
+const getServiceTranslationSelectTitle = (t, service) => {
   switch (service) {
     case "banking":
-      return i18n.get("bankingServiceSelectTitle");
+      return t(($) => $["forYourBusinessBankAccounts"]);
     case "issuing":
-      return i18n.get("issuingServiceSelectTitle");
+      return t(($) => $["forYourPaymentCards"]);
     case "paymentProcessing":
-      return i18n.get("paymentServiceSelectTitle");
+      return t(($) => $["whenAcceptingPayments"]);
     default:
-      return i18n.get("supportingDocuments");
+      return t(($) => $["supportingDocuments"]);
   }
 };
 const getServiceTranslationKey = (service) => {
@@ -277,40 +276,40 @@ const getServiceTranslationKey = (service) => {
       return "supportingDocuments";
   }
 };
-const getGettingStartedCardDetails = (sourceOfFundsType, i18n, data) => {
+const getGettingStartedCardDetails = (sourceOfFundsType, t, data) => {
   const details = [];
   sourceOfFundsType?.forEach((type) => {
     switch (type) {
       case "amount":
         details.push({
-          term: i18n.get("amount"),
+          term: t(($) => $["amount"]),
           details: data?.amount?.currency && data?.amount?.value ? formatAmountWithCurrency(data.amount.value, data.amount.currency) : ""
         });
         break;
       case "description":
         details.push({
-          term: i18n.get("description"),
+          term: t(($) => $["description"]),
           details: data?.description || ""
         });
         break;
       case "dateOfFundsReceived":
         details.push({
-          term: i18n.get("date"),
-          details: localizeDateString(data?.dateOfFundsReceived || "", i18n.locale)
+          term: t(($) => $["date"]),
+          details: localizeDateString(data?.dateOfFundsReceived || "", navigator.language)
         });
         break;
       case "purpose":
         details.push({
-          term: i18n.get("reason"),
+          term: t(($) => $["reason"]),
           details: data?.purpose || ""
         });
         break;
       case "relationship":
-        details.push({ term: i18n.get("relationship"), details: data?.relationship || "" });
+        details.push({ term: t(($) => $["relationship"]), details: data?.relationship || "" });
         break;
       case "originatorLegalEntityId":
         details.push({
-          term: i18n.get("benefactorDetails"),
+          term: t(($) => $["benefactorDetails"]),
           details: [
             data?.legalName ? `${data?.legalName}` : `${data?.firstName} ${data?.lastName}`,
             /* @__PURE__ */ jsx(Typography, { color: "secondary", children: data?.country || "" }, "location")
@@ -320,7 +319,7 @@ const getGettingStartedCardDetails = (sourceOfFundsType, i18n, data) => {
       case "financiers":
         data?.financiers?.map((financier) => {
           return details.push({
-            term: i18n.get("investor"),
+            term: t(($) => $["investor"]),
             details: [
               `${financier?.firstName} ${financier?.lastName}`,
               /* @__PURE__ */ jsx(Typography, { color: "secondary", children: financier?.location || "" }, "location"),
@@ -334,19 +333,19 @@ const getGettingStartedCardDetails = (sourceOfFundsType, i18n, data) => {
         break;
       case "cryptocurrencyExchange":
         details.push({
-          term: i18n.get("cryptocurrencyExchange"),
+          term: t(($) => $["cryptocurrencyExchange"]),
           details: data?.cryptocurrencyExchange || ""
         });
         break;
       case "dateOfSourceEvent":
         details.push({
-          term: i18n.get("dateOfSourceEvent"),
-          details: localizeDateString(data?.dateOfSourceEvent || "", i18n.locale)
+          term: t(($) => $["dateOfSourceEvent"]),
+          details: localizeDateString(data?.dateOfSourceEvent || "", navigator.language)
         });
         break;
       case "website":
         details.push({
-          term: i18n.get("website"),
+          term: t(($) => $["website"]),
           details: data?.website || ""
         });
         break;
@@ -550,7 +549,7 @@ const getDocumentRequirements = {
     "investmentAmount",
     "fundDepositDate"
   ],
-  partnerShipAgreement: [
+  partnershipAgreement: [
     "yourBusinessName",
     "nameAddressSignatureOfAllInvestors",
     "investmentAmount",
@@ -636,7 +635,7 @@ const getDocumentLists = (sourceOfFundsType) => {
         "brokerStatements"
       ];
     case "thirdPartyFunding":
-      return ["investorContract", "investorMemo", "notarizedStatement", "partnerShipAgreement"];
+      return ["investorContract", "investorMemo", "notarizedStatement", "partnershipAgreement"];
     case "assetSale":
       return [
         "proofOfOwnership",
@@ -646,7 +645,7 @@ const getDocumentLists = (sourceOfFundsType) => {
         "titleDeed"
       ];
     case "rentalIncome":
-      return ["rentalAgreementOrLease", "proofOfOwnershipRent"];
+      return ["rentalAgreementOrLease", "proofOfOwnership"];
     case "donations":
       return ["giftOrDonationAgreement"];
     case "royaltyIncome":
@@ -668,7 +667,7 @@ const getDocumentLists = (sourceOfFundsType) => {
       return [];
   }
 };
-const parseSOFDocumentDescription = (i18n, documentDescription) => {
+const parseSOFDocumentDescription = (t, documentDescription) => {
   if (!documentDescription || documentDescription.trim() === "" || !documentDescription.startsWith("$")) {
     return void 0;
   }
@@ -676,8 +675,8 @@ const parseSOFDocumentDescription = (i18n, documentDescription) => {
   const selectedService = servicePart.split(":")[1];
   const documentType = typePart.split(":")[1];
   const parsed = {
-    selectedService: getServiceTranslation(i18n, selectedService || ""),
-    documentType: i18n.get(documentType)
+    selectedService: getServiceTranslation(t, selectedService || ""),
+    documentType: t(($) => $[documentType])
   };
   return `${parsed.selectedService} (${parsed.documentType})`;
 };
@@ -842,15 +841,15 @@ const formatDateForInput = (isoDateString) => {
     return "";
   }
 };
-const getSofCardDetails = (i18n, sourceOfFunds2) => {
+const getSofCardDetails = (t, sourceOfFunds2) => {
   if (!sourceOfFunds2) {
     return "";
   }
   if (sourceOfFunds2?.adyenProcessedFunds) {
-    return i18n.get("sofTypeAdyenLabel");
+    return t(($) => $["transactionsOnThisPlatform"]);
   }
   if (sourceOfFunds2?.type) {
-    return i18n.get(`sofType${toCapitalized(sourceOfFunds2?.type)}Label`);
+    return sourceOfFunds2?.type ? t(($) => $[sofCategoryItemMapper[sourceOfFunds2.type]]) : "";
   }
   return "";
 };
@@ -871,10 +870,27 @@ const getUniqueRemediationActions = (error) => {
   ];
   return allActions.filter((action, i, arr) => arr.findIndex((a) => a.code === action.code) === i);
 };
+const sofCategoryItemMapper = {
+  business: "otherBusinessEarnings",
+  employment: "employmentWages",
+  cryptocurrencyIncome: "cryptocurrency",
+  dividendIncome: "dividends",
+  loans: "loans",
+  financialAid: "financialAid",
+  thirdPartyFunding: "thirdPartyFunding",
+  rentalIncome: "rentalIncome",
+  royaltyIncome: "royaltyIncome",
+  gamblingWinnings: "gambling",
+  inheritance: "inheritance",
+  pensionIncome: "pensionIncome",
+  insuranceSettlement: "insuranceSettlement",
+  assetSale: "propertySale",
+  donations: "giftOrDonation"
+};
 function AdditionalDataForAssetSale(props) {
-  const { i18n } = useI18nContext();
   const [isFocused, setIsFocused] = useState(false);
   const { formUtils, data, errors, valid, fieldProblems, handleChangeFor, handleAmountChange } = props;
+  const { t: commonT } = useTranslation("common");
   const handleOnAmountBlur = () => {
     setIsFocused(false);
     handleAmountChange("amount");
@@ -900,11 +916,11 @@ function AdditionalDataForAssetSale(props) {
                   Select,
                   {
                     name: "currency",
-                    "aria-label": i18n.get("currency"),
+                    "aria-label": commonT(($) => $["currency"]),
                     isMulti: false,
                     items: allowedCurrencies,
                     selected: data.amount?.currency,
-                    placeholder: i18n.get("select"),
+                    placeholder: commonT(($) => $["select"]),
                     onChange: handleAmountChange("currency"),
                     minimal: true
                   }
@@ -976,9 +992,9 @@ function AdditionalDataForAssetSale(props) {
   ] });
 }
 function AdditionalDataForBusiness(props) {
-  const { i18n } = useI18nContext();
   const [isFocused, setIsFocused] = useState(false);
   const { formUtils, data, errors, valid, fieldProblems, handleChangeFor, handleAmountChange } = props;
+  const { t: commonT } = useTranslation("common");
   const handleOnAmountBlur = () => {
     setIsFocused(false);
     handleAmountChange("amount");
@@ -991,7 +1007,7 @@ function AdditionalDataForBusiness(props) {
         name: "amount",
         label: formUtils.getLabel("amount", "annualTurnover"),
         errorMessage: formUtils.getErrorMessage("amount", errors, fieldProblems),
-        helper: i18n.get("useFiguresFromTheMostRecentYearAvailable"),
+        helper: commonT(($) => $["useFiguresFromTheMostRecentYearAvailable"]),
         helperPosition: "below",
         children: (childProps) => /* @__PURE__ */ jsxs(
           InputGroup,
@@ -1005,11 +1021,11 @@ function AdditionalDataForBusiness(props) {
                 Select,
                 {
                   name: "currency",
-                  "aria-label": i18n.get("currency"),
+                  "aria-label": commonT(($) => $["currency"]),
                   isMulti: false,
                   items: allowedCurrencies,
                   selected: data.amount?.currency,
-                  placeholder: i18n.get("select"),
+                  placeholder: commonT(($) => $["select"]),
                   onChange: handleAmountChange("currency"),
                   minimal: true
                 }
@@ -1058,7 +1074,7 @@ function AdditionalDataForBusiness(props) {
   ] });
 }
 function AdditionalDataForCryptocurrency(props) {
-  const { i18n } = useI18nContext();
+  const { t: sofT } = useTranslation("sof");
   const { formUtils, data, errors, valid, fieldProblems, handleChangeFor } = props;
   return /* @__PURE__ */ jsx(
     Field,
@@ -1067,7 +1083,7 @@ function AdditionalDataForCryptocurrency(props) {
       label: formUtils.getLabel("cryptocurrencyExchange", "cryptocurrencyExchange"),
       errorMessage: formUtils.getErrorMessage("cryptocurrencyExchange", errors, fieldProblems),
       isValid: valid.cryptocurrencyExchange,
-      helper: i18n.get("nameOfTheExchangeWhereTheCryptocurrencyWasHeldPriorToSale"),
+      helper: sofT(($) => $["nameOfTheExchangeWhereTheCryptocurrencyWasHeldPriorToSale"]),
       helperPosition: "below",
       children: (childProps) => /* @__PURE__ */ jsx(
         InputText,
@@ -1097,9 +1113,10 @@ const radioItems = [
   }
 ];
 function AdditionalDataOriginatorLegalEntity(props) {
-  const { i18n } = useI18nContext();
+  const { t: sofT } = useTranslation("sof");
   const { formUtils, data, errors, valid, fieldProblems, handleChangeFor, sourceOfFundsType } = props;
   const isDonations = useMemo(() => sourceOfFundsType === "donations", [sourceOfFundsType]);
+  const countryTranslationKey = isDonations && data?.originatorType === "individual" ? "donorsCountryOfResidence" : data?.originatorType === "organization" ? "organizationsCountryOfOperation" : "decedentsCountryOfDeath";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Field,
@@ -1107,8 +1124,8 @@ function AdditionalDataOriginatorLegalEntity(props) {
         el: "fieldset",
         name: "originatorType",
         className: styles.sourceOfFundsUploadModalContentField,
-        label: i18n.get(
-          isDonations ? "whereDidThisGiftOrDonationComeFrom" : "whereDidThisInheritanceComeFrom"
+        label: sofT(
+          ($) => $[isDonations ? "whereDidThisGiftOrDonationComeFrom" : "whereDidThisInheritanceComeFrom"]
         ),
         errorMessage: formUtils.getErrorMessage("originatorType", errors, fieldProblems),
         isValid: valid.originatorType,
@@ -1240,9 +1257,7 @@ function AdditionalDataOriginatorLegalEntity(props) {
             country: formUtils.getErrorMessage("country", errors, fieldProblems)
           },
           labels: {
-            country: i18n.get(
-              isDonations && data?.originatorType === "individual" ? "donorsCountryOfResidence" : data?.originatorType === "organization" ? "organizationsCountryOfOperation" : "decedentsCountryOfDeath"
-            )
+            country: sofT(($) => $[countryTranslationKey])
           },
           readonly: formUtils.isReadOnly("country"),
           handleChangeFor
@@ -1316,7 +1331,8 @@ function AdditionalDataForDonation(props) {
   ] });
 }
 function AdditionalDataForGambling(props) {
-  const { i18n } = useI18nContext();
+  const { t: sofT } = useTranslation("sof");
+  const { t: commonT } = useTranslation("common");
   const [focusedInput, setFocusedInput] = useState();
   const { formUtils, data, errors, valid, fieldProblems, handleChangeFor, handleAmountChange } = props;
   const handleOnAmountBlur = () => {
@@ -1347,11 +1363,11 @@ function AdditionalDataForGambling(props) {
                 Select,
                 {
                   name: "currency",
-                  "aria-label": i18n.get("currency"),
+                  "aria-label": commonT(($) => $["currency"]),
                   isMulti: false,
                   items: allowedCurrencies,
                   selected: data.amount?.currency,
-                  placeholder: i18n.get("select"),
+                  placeholder: commonT(($) => $["select"]),
                   onChange: handleAmountChange("currency"),
                   minimal: true
                 }
@@ -1380,7 +1396,7 @@ function AdditionalDataForGambling(props) {
       Field,
       {
         name: "dateOfSourceEvent",
-        label: formUtils.getLabel("dateOfSourceEvent", "dateOfWinnings"),
+        label: formUtils.getLabel("dateOfSourceEvent", "dateOfWinning"),
         errorMessage: formUtils.getErrorMessage("dateOfSourceEvent", errors, fieldProblems),
         isValid: valid.dateOfSourceEvent,
         children: (childProps) => /* @__PURE__ */ jsx(
@@ -1404,7 +1420,7 @@ function AdditionalDataForGambling(props) {
         name: "website",
         label: formUtils.getLabel("website", "sourceOfWinnings"),
         errorMessage: formUtils.getErrorMessage("website", errors, fieldProblems),
-        helper: i18n.get("nameOfCasinoLotteryGambling"),
+        helper: sofT(($) => $["nameOfCasinoLottery"]),
         helperPosition: "below",
         children: (childProps) => /* @__PURE__ */ jsx(
           InputGroup,
@@ -1436,9 +1452,9 @@ function AdditionalDataForGambling(props) {
   ] });
 }
 function AdditionalDataForInheritance(props) {
-  const { i18n } = useI18nContext();
   const [isFocused, setIsFocused] = useState(false);
   const { formUtils, data, errors, valid, fieldProblems, handleChangeFor, handleAmountChange } = props;
+  const { t: commonT } = useTranslation("common");
   const handleOnAmountBlur = () => {
     setIsFocused(false);
     handleAmountChange("amount");
@@ -1476,11 +1492,11 @@ function AdditionalDataForInheritance(props) {
                   Select,
                   {
                     name: "currency",
-                    "aria-label": i18n.get("currency"),
+                    "aria-label": commonT(($) => $["currency"]),
                     isMulti: false,
                     items: allowedCurrencies ?? [],
                     selected: data.amount?.currency,
-                    placeholder: i18n.get("select"),
+                    placeholder: commonT(($) => $["select"]),
                     onChange: handleAmountChange("currency"),
                     minimal: true
                   }
@@ -1531,7 +1547,8 @@ function AdditionalDataForInheritance(props) {
   ] });
 }
 const SOFFinancierModal = (props) => {
-  const { i18n } = useI18nContext();
+  const { t: sofT } = useTranslation("sof");
+  const { t: commonT } = useTranslation("common");
   const { financier, handleModalClose, indexNumber, handleFinancierUpdate } = props;
   const [formData, setFormData] = useState(financier);
   const [formErrors, setFormErrors] = useState({});
@@ -1597,7 +1614,7 @@ const SOFFinancierModal = (props) => {
         };
       }, {});
       setFormErrors(errors);
-      setErrorMessage(i18n.get("pleaseFillInAllFields"));
+      setErrorMessage(sofT(($) => $["pleaseFillInAllFields"]));
     }
   };
   const handleFinancierDelete = async () => {
@@ -1605,21 +1622,21 @@ const SOFFinancierModal = (props) => {
     handleModalClose();
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Modal, { onClose: handleModalClose, ariaLabel: i18n.get("investorDetails"), inset: true, children: /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsModal, children: [
+    /* @__PURE__ */ jsx(Modal, { onClose: handleModalClose, ariaLabel: sofT(($) => $["investorDetails"]), inset: true, children: /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsModal, children: [
       /* @__PURE__ */ jsx(
         Typography,
         {
           variant: "title-l",
           el: "h3",
           className: styles.sourceOfFundsGettingStartedHelpHeader,
-          children: i18n.get("investorDetails")
+          children: sofT(($) => $["investorDetails"])
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsSofFinancierForm, children: [
         errorMessage && /* @__PURE__ */ jsx(
           Alert,
           {
-            title: i18n.get("errorSubmittingData"),
+            title: sofT(($) => $["errorSubmittingData"]),
             variant: "error",
             className: styles.sourceOfFundsSofFinancierFormError,
             children: errorMessage
@@ -1630,7 +1647,7 @@ const SOFFinancierModal = (props) => {
             Field,
             {
               name: "firstName",
-              label: i18n.get("firstName"),
+              label: commonT(($) => $["firstName"]),
               errorMessage: formErrors.firstName,
               isValid: !formErrors.firstName,
               children: (childProps) => /* @__PURE__ */ jsx(
@@ -1652,7 +1669,7 @@ const SOFFinancierModal = (props) => {
             Field,
             {
               name: "lastName",
-              label: i18n.get("lastName"),
+              label: commonT(($) => $["lastName"]),
               errorMessage: formErrors.lastName,
               isValid: !formErrors.lastName,
               children: (childProps) => /* @__PURE__ */ jsx(
@@ -1675,12 +1692,12 @@ const SOFFinancierModal = (props) => {
           Field,
           {
             name: "location",
-            label: i18n.get("investorLocation"),
+            label: sofT(($) => $["investorLocation"]),
             errorMessage: formErrors.location,
             isValid: !formErrors.location,
             helperPosition: "below",
             showErrorIconBottom: true,
-            helper: i18n.get("theCityAndCountryRegion"),
+            helper: sofT(($) => $["theCityAndCountryRegion"]),
             children: (childProps) => /* @__PURE__ */ jsx(
               InputText,
               {
@@ -1701,7 +1718,7 @@ const SOFFinancierModal = (props) => {
           {
             el: "fieldset",
             name: "amount",
-            label: i18n.get("investmentAmount"),
+            label: sofT(($) => $["investmentAmount"]),
             errorMessage: formErrors.amount,
             isValid: !formErrors.amount,
             children: (childProps) => /* @__PURE__ */ jsxs(InputGroup, { ...childProps, id: "currencyGroup", isFocused, children: [
@@ -1710,11 +1727,11 @@ const SOFFinancierModal = (props) => {
                 {
                   minimal: true,
                   name: "currency",
-                  "aria-label": i18n.get("currency"),
+                  "aria-label": commonT(($) => $["currency"]),
                   isMulti: false,
                   items: allowedCurrencies,
                   selected: formData?.amount?.currency,
-                  placeholder: i18n.get("select"),
+                  placeholder: commonT(($) => $["select"]),
                   onChange: (e) => handleInputUpdate("currency", e)
                 }
               ),
@@ -1735,15 +1752,15 @@ const SOFFinancierModal = (props) => {
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsFinancierFooter, children: [
-        /* @__PURE__ */ jsx(Button, { onClick: handleFinancierSave, children: i18n.get("save") }),
-        Number.isFinite(indexNumber) && /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: () => setConfirmOpen(true), children: i18n.get("deleteInvestorDetails") })
+        /* @__PURE__ */ jsx(Button, { onClick: handleFinancierSave, children: commonT(($) => $["save"]) }),
+        Number.isFinite(indexNumber) && /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: () => setConfirmOpen(true), children: sofT(($) => $["deleteInvestorDetails"]) })
       ] })
     ] }) }),
     confirmOpen && /* @__PURE__ */ jsx(
       Confirm,
       {
-        title: i18n.get("areYouSureYouWantToDeleteThisInvestorDetails"),
-        confirmText: i18n.get("delete"),
+        title: sofT(($) => $["areYouSureYouWantToDeleteThisInvestorDetails"]),
+        confirmText: commonT(($) => $["delete"]),
         onConfirm: handleFinancierDelete,
         onCancel: () => setConfirmOpen(false),
         critical: true
@@ -1756,6 +1773,7 @@ function AdditionalDataForThirdParty(props) {
   const [activeFinancier, setActiveFinancier] = useState();
   const [activeIndex, setActiveIndex] = useState();
   const { data, fieldProblems, errors, handleChangeFor, formUtils, valid } = props;
+  const { t: sofT } = useTranslation("sof");
   const { i18n } = useI18nContext();
   const handleToggleFinancierModal = () => {
     setActiveFinancier(void 0);
@@ -1806,7 +1824,7 @@ function AdditionalDataForThirdParty(props) {
         ),
         variant: "error",
         className: styles.sourceOfFundsSofFinancierFormError,
-        children: i18n.get("addAtLeastOneInvestor")
+        children: sofT(($) => $["addAtLeastOneInvestor"])
       }
     ),
     data.financiers?.map((financier, index) => /* @__PURE__ */ jsxs(
@@ -1843,7 +1861,7 @@ function AdditionalDataForThirdParty(props) {
         onClick: handleToggleFinancierModal,
         children: /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingNameAvatarGroup, children: [
           /* @__PURE__ */ jsx(Avatar, { iconName: "plus", variant: "tertiary", circle: true }),
-          /* @__PURE__ */ jsx(Typography, { el: "div", variant: "body-strongest", children: i18n.get("addInvestor") })
+          /* @__PURE__ */ jsx(Typography, { el: "div", variant: "body-strongest", children: sofT(($) => $["addInvestor"]) })
         ] })
       }
     ),
@@ -2153,7 +2171,7 @@ function SourceOfFundsAdditionalData(props) {
 }
 const sourceOfFundsTypeFields = ["type"];
 function SourceOfFundsType(props) {
-  const { t } = useTranslation("common");
+  const { t } = useTranslation(["common", "sof"]);
   const { i18n } = useI18nContext();
   const {
     data: sourceOfFundsTypeDefaultData,
@@ -2191,12 +2209,12 @@ function SourceOfFundsType(props) {
   const categoryItems = [
     {
       value: "adyen",
-      label: i18n.get("sofTypeAdyenLabel"),
+      label: t(($) => $["transactionsOnThisPlatform"], { ns: "sof" }),
       icon: getIconById("adyen")
     },
     ...categories?.map((item) => ({
       value: item.id,
-      label: i18n.get(`sofType${toCapitalized(item.name)}Label`),
+      label: t(($) => $[sofCategoryItemMapper[item.name]], { ns: "sof" }),
       icon: getIconById(item.id)
     })) ?? []
   ];
@@ -2251,9 +2269,9 @@ function getIconById(id) {
   }
 }
 function SourceOfFunds(props) {
-  const { i18n } = useI18nContext();
   const { activeForm, activeBusinessLine, sourceOfFundsType } = props;
   const { data: sourceOfFundsTypesData, isLoading } = useSourceOfFundsTypes();
+  const { t: sofT } = useTranslation("sof");
   const formWrapperClasses = (formId) => activeForm?.formId !== formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper";
   const pageHeadings = useMemo(
     () => getPageHeadings(sourceOfFundsType ?? "adyen"),
@@ -2261,20 +2279,15 @@ function SourceOfFunds(props) {
   );
   return isLoading || !activeBusinessLine ? /* @__PURE__ */ jsx("div", { className: styles.sourceOfFundsWrapperLoading, children: /* @__PURE__ */ jsx(Loader, {}) }) : /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-form-wrapper", children: [
     /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsWrapperHeading, children: [
-      /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: i18n.get(
-        activeForm?.formId === "additionalData" ? pageHeadings.heading : {
-          key: "selectASourceOfFunding",
-          values: {
-            type: getServiceTranslationSelectTitle(
-              i18n,
-              activeBusinessLine?.service || ""
-            ).toLowerCase()
-          }
-        }
-      ) }),
+      /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: activeForm?.formId === "additionalData" ? sofT(($) => $[pageHeadings.heading]) : sofT(($) => $["selectASourceOfFunding"], {
+        type: getServiceTranslationSelectTitle(
+          sofT,
+          activeBusinessLine?.service || ""
+        ).toLowerCase()
+      }) }),
       /* @__PURE__ */ jsxs(Typography, { className: styles.sourceOfFundsWrapperDescription, children: [
-        activeForm?.formId === "additionalData" && pageHeadings.description && i18n.get(pageHeadings.description),
-        sourceOfFundsTypesData?.length === 0 && i18n.get("noCategoriesAvailable")
+        activeForm?.formId === "additionalData" && pageHeadings.description && sofT(($) => $[pageHeadings.description]),
+        sourceOfFundsTypesData?.length === 0 && sofT(($) => $["noCategoriesAvailable"])
       ] })
     ] }),
     sofErrorMessage.value && /* @__PURE__ */ jsxs(
@@ -2305,12 +2318,12 @@ function SourceOfFunds(props) {
         sourceOfFundsType
       }
     ) }),
-    activeForm?.formId === "companySourceOfFunds" && /* @__PURE__ */ jsx("div", { className: formWrapperClasses("companySourceOfFunds"), children: /* @__PURE__ */ jsx("div", { children: i18n.get("uploadADocument") }) })
+    activeForm?.formId === "companySourceOfFunds" && /* @__PURE__ */ jsx("div", { className: formWrapperClasses("companySourceOfFunds"), children: /* @__PURE__ */ jsx("div", { children: sofT(($) => $["uploadADocument"]) }) })
   ] });
 }
 function SourceOfFundsGettingStartedCard(props) {
   const { id, title, onClick, isEdit, meta } = props;
-  const { i18n } = useI18nContext();
+  const { t: commonT } = useTranslation("common");
   return /* @__PURE__ */ jsx(
     Card,
     {
@@ -2324,7 +2337,7 @@ function SourceOfFundsGettingStartedCard(props) {
           variant: "primary",
           testId: "source-of-funds-getting-card-secondary-button",
           onClick,
-          children: i18n.get("start")
+          children: commonT(($) => $["start"])
         }
       ),
       children: isEdit && meta?.length && /* @__PURE__ */ jsx(
@@ -2349,6 +2362,8 @@ const SourceOfFundsGettingStarted = ({
   legalEntity,
   isSoFDocumentMissing
 }) => {
+  const { t: sofT } = useTranslation("sof");
+  const { t: commonT } = useTranslation("common");
   const { i18n } = useI18nContext();
   const hasSourceOfFunds = businessLines?.some(
     (businessLine) => !isEmpty$1(businessLine.sourceOfFunds)
@@ -2363,36 +2378,36 @@ const SourceOfFundsGettingStarted = ({
       const cards = lines.map((line) => {
         const SoF = mapSourceOfFundToSourceOfFundsSchema(line);
         return {
-          title: getServiceTranslation(i18n, line.service || ""),
+          title: getServiceTranslation(sofT, line.service || ""),
           type: line?.sourceOfFunds?.type,
           isEdit: !!line?.sourceOfFunds?.type || !!line?.sourceOfFunds?.adyenProcessedFunds,
           onClick: () => handleSourceOfFundsClick(SoF, line),
           meta: [
             {
-              term: i18n.get("sourceOfFunds"),
-              details: getSofCardDetails(i18n, line?.sourceOfFunds)
+              term: sofT(($) => $["sourceOfFunds"]),
+              details: getSofCardDetails(sofT, line?.sourceOfFunds)
             },
             ...getGettingStartedCardDetails(
               getAdditionalDataSchemaKeys(
                 line?.sourceOfFunds?.type || "adyen",
                 line?.sourceOfFunds?.originatorType
               ),
-              i18n,
+              sofT,
               line?.sourceOfFunds
             )
           ]
         };
       }).sort((a) => a?.type ? 1 : -1);
       const uploadCard = {
-        title: getServiceTranslation(i18n),
+        title: getServiceTranslation(sofT),
         type: "",
         isEdit: !!sofDocuments?.length,
         onClick: handleNavigateToUploadPage,
         meta: sofDocuments?.length ? sofDocuments.map((doc) => ({
-          term: i18n.get("fileName"),
+          term: sofT(($) => $["fileName"]),
           details: [
             doc?.fileName,
-            /* @__PURE__ */ jsx(Typography, { color: "secondary", children: parseSOFDocumentDescription(i18n, doc?.description) || "" }, "docDescription")
+            /* @__PURE__ */ jsx(Typography, { color: "secondary", children: parseSOFDocumentDescription(sofT, doc?.description) || "" }, "docDescription")
           ]
         })) : []
       };
@@ -2433,8 +2448,8 @@ const SourceOfFundsGettingStarted = ({
           LandingLayout,
           {
             media: /* @__PURE__ */ jsx(Image, { lazyLoadedImage: digitalWallet }),
-            title: i18n.get("fundingSourcesForFinancialProducts"),
-            description: i18n.get("inTheNextStepWellCollectInformation"),
+            title: sofT(($) => $["fundingSourcesForFinancialProducts"]),
+            description: sofT(($) => $["inTheNextStepWellCollectInformation"]),
             actions: /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(
                 Button,
@@ -2442,7 +2457,7 @@ const SourceOfFundsGettingStarted = ({
                   fullWidth: true,
                   testId: "source-of-funds-getting-primary-button",
                   onClick: handleGettingStartedClick,
-                  children: i18n.get("gettingStarted")
+                  children: sofT(($) => $["getStarted"])
                 }
               ),
               handleCancelClick && /* @__PURE__ */ jsx(
@@ -2452,7 +2467,7 @@ const SourceOfFundsGettingStarted = ({
                   fullWidth: true,
                   testId: "source-of-funds-getting-cancel-button",
                   onClick: handleCancelClick,
-                  children: i18n.get("backToTaskList")
+                  children: commonT(($) => $["backToTaskList"])
                 }
               )
             ] })
@@ -2471,10 +2486,10 @@ const SourceOfFundsGettingStarted = ({
               className: styles.sourceOfFundsGettingStartedHeading,
               el: "h2",
               variant: "title-l",
-              children: i18n.get("fundingSourcesForFinancialProducts")
+              children: sofT(($) => $["fundingSourcesForFinancialProducts"])
             }
           ),
-          /* @__PURE__ */ jsx(Typography, { className: styles.sourceOfFundsGettingStartedBody, children: i18n.get("addAllSourcesOfFundsBeingUsed") }),
+          /* @__PURE__ */ jsx(Typography, { className: styles.sourceOfFundsGettingStartedBody, children: sofT(($) => $["addAllSourcesOfFundsBeingUsed"]) }),
           errorObjects && errorObjects.map((errorObj, index) => {
             const uniqueActions = getUniqueRemediationActions(errorObj);
             const errorItems = errorObj.subErrors?.map((subError) => subError.message) || [];
@@ -2508,7 +2523,7 @@ const SourceOfFundsGettingStarted = ({
               variant: "secondary",
               testId: "source-of-funds-getting-return-button",
               onClick: handleCancelClick,
-              children: i18n.get("backToTaskList")
+              children: commonT(($) => $["backToTaskList"])
             }
           )
         ] })
@@ -2517,9 +2532,10 @@ const SourceOfFundsGettingStarted = ({
   );
 };
 const SOFUploadModal = (props) => {
-  const { i18n } = useI18nContext();
   const { showToast } = useToastContext();
   const logger2 = createLogger();
+  const { t: sofT } = useTranslation("sof");
+  const { t: commonT } = useTranslation("common");
   const { businessLines, handleModalClose, documentUtils } = props;
   const firstService = businessLines?.length === 1 ? businessLines?.[0]?.service : void 0;
   const [selectedService, setSelectedService] = useState(
@@ -2536,9 +2552,9 @@ const SOFUploadModal = (props) => {
   const serviceRadioItems = useMemo(() => {
     return businessLines.map((businessLine) => ({
       id: businessLine.service,
-      name: getServiceTranslationKey(businessLine?.service || "")
+      name: sofT(($) => $[getServiceTranslationKey(businessLine?.service || "")])
     }));
-  }, [businessLines]);
+  }, [businessLines, sofT]);
   const canUpload = useMemo(() => selectedService && documentType, [selectedService, documentType]);
   const selectedBusinessLineId = businessLines?.find((businessLine) => businessLine.service === selectedService)?.id || "";
   const documentLists = useMemo(() => {
@@ -2549,18 +2565,18 @@ const SOFUploadModal = (props) => {
       const lists = getDocumentLists(selectedType);
       const items = lists.map((list) => ({
         id: list,
-        name: i18n.get(list)
+        name: sofT(($) => $[list])
       }));
       return items;
     }
     return [];
-  }, [businessLines, i18n, selectedService]);
+  }, [businessLines, sofT, selectedService]);
   const documentRequirements = useMemo(() => {
     return documentType ? getDocumentRequirements[documentType] : [];
   }, [documentType]);
   const onFileUpload = async (files) => {
     if (!canUpload) {
-      showToast({ label: i18n.get("unableToUploadDocument"), variant: "error" });
+      showToast({ label: sofT(($) => $["unableToUploadDocument"]), variant: "error" });
       return;
     }
     const formattedDocument = await createDocumentRequest({
@@ -2574,81 +2590,89 @@ const SOFUploadModal = (props) => {
       try {
         await documentUtils.uploadDocuments([formattedDocument], selectedBusinessLineId);
         showToast({
-          label: i18n.get("documentUploadedSuccessfully"),
+          label: sofT(($) => $["documentUploadedSuccessfully"]),
           variant: "success",
           duration: 1e4
         });
         handleModalClose();
       } catch (e) {
         logger2.log(e);
-        showToast({ label: i18n.get("unableToUploadDocument"), variant: "error" });
+        showToast({ label: sofT(($) => $["unableToUploadDocument"]), variant: "error" });
       }
     }
   };
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Modal, { onClose: handleModalClose, ariaLabel: i18n.get("uploadASupportingDocument"), inset: true, children: /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsModal, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h2", children: i18n.get("uploadASupportingDocument") }),
-    /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsUploadModalContent, children: [
-      businessLines?.length > 1 ? /* @__PURE__ */ jsx(
-        Field,
-        {
-          el: "fieldset",
-          name: "service",
-          className: styles.sourceOfFundsUploadModalContentField,
-          label: i18n.get("whatFinancialProductIsThisFor"),
-          children: (childProps) => /* @__PURE__ */ jsx(
-            RadioGroup,
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Modal,
+    {
+      onClose: handleModalClose,
+      ariaLabel: sofT(($) => $["uploadASupportingDocument"]),
+      inset: true,
+      children: /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsModal, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h2", children: sofT(($) => $["uploadASupportingDocument"]) }),
+        /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsUploadModalContent, children: [
+          businessLines?.length > 1 ? /* @__PURE__ */ jsx(
+            Field,
             {
-              ...childProps,
+              el: "fieldset",
               name: "service",
-              className: styles.sourceOfFundsUploadModalContentFieldRadioGroup,
-              items: serviceRadioItems,
-              value: selectedService,
-              disabled: false,
-              onChange: onRadioChange,
-              "aria-required": true
+              className: styles.sourceOfFundsUploadModalContentField,
+              label: sofT(($) => $["whatFinancialProductIsThisFor"]),
+              children: (childProps) => /* @__PURE__ */ jsx(
+                RadioGroup,
+                {
+                  ...childProps,
+                  name: "service",
+                  className: styles.sourceOfFundsUploadModalContentFieldRadioGroup,
+                  items: serviceRadioItems,
+                  value: selectedService,
+                  disabled: false,
+                  onChange: onRadioChange,
+                  "aria-required": true
+                }
+              )
             }
-          )
-        }
-      ) : null,
-      selectedService && /* @__PURE__ */ jsx(
-        Field,
-        {
-          name: "documentType",
-          label: i18n.get("documentType"),
-          "data-testid": "documentType",
-          className: styles.sourceOfFundsUploadModalContentField,
-          children: (childProps) => /* @__PURE__ */ jsx(
-            Select,
+          ) : null,
+          selectedService && /* @__PURE__ */ jsx(
+            Field,
             {
-              ...childProps,
               name: "documentType",
-              placeholder: i18n.get("selectOne"),
-              selected: documentType,
-              items: documentLists,
-              onChange: onDocumentTypeChange
+              label: commonT(($) => $["documentType"]),
+              "data-testid": "documentType",
+              className: styles.sourceOfFundsUploadModalContentField,
+              children: (childProps) => /* @__PURE__ */ jsx(
+                Select,
+                {
+                  ...childProps,
+                  name: "documentType",
+                  placeholder: commonT(($) => $["selectOne"]),
+                  selected: documentType,
+                  items: documentLists,
+                  onChange: onDocumentTypeChange
+                }
+              )
+            }
+          ),
+          documentRequirements?.length ? /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsUploadModalContentRequirementsContainer, children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "div", children: sofT(($) => $["documentShouldShow"]) }),
+            /* @__PURE__ */ jsx("ul", { children: documentRequirements?.map((requirement) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", el: "div", children: sofT(($) => $[requirement]) }) }, requirement)) })
+          ] }) : null,
+          canUpload && /* @__PURE__ */ jsx(
+            Dropzone,
+            {
+              disabled: !canUpload,
+              onChange: onFileUpload,
+              showMinimal: true,
+              hidePageCount: true,
+              maxSize: 4194304,
+              enableTracking: true,
+              name: "documentField",
+              allowedFileTypes: ["JPG", "JPEG", "PNG", "PDF"]
             }
           )
-        }
-      ),
-      documentRequirements?.length ? /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsUploadModalContentRequirementsContainer, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "div", children: i18n.get("documentShouldShow") }),
-        /* @__PURE__ */ jsx("ul", { children: documentRequirements?.map((requirement) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", el: "div", children: i18n.get(requirement) }) }, requirement)) })
-      ] }) : null,
-      canUpload && /* @__PURE__ */ jsx(
-        Dropzone,
-        {
-          disabled: !canUpload,
-          onChange: onFileUpload,
-          showMinimal: true,
-          hidePageCount: true,
-          maxSize: 4194304,
-          enableTracking: true,
-          name: "documentField",
-          allowedFileTypes: ["JPG", "JPEG", "PNG", "PDF"]
-        }
-      )
-    ] })
-  ] }) }) });
+        ] })
+      ] })
+    }
+  ) });
 };
 const SourceOfFundsUpload = ({
   businessLines,
@@ -2656,12 +2680,13 @@ const SourceOfFundsUpload = ({
   legalEntity,
   handleNavigateToSummary
 }) => {
-  const { i18n } = useI18nContext();
   const [showUploadModal, setShowUploadModal] = useState(false);
   const [docToDelete, setDocToDelete] = useState(void 0);
   const { showToast } = useToastContext();
   const logger2 = createLogger();
   const queryClient = useQueryClient();
+  const { t: sofT } = useTranslation("sof");
+  const { t: commonT } = useTranslation("common");
   const handleModalClose = async () => {
     setShowUploadModal(false);
     await queryClient.invalidateQueries({
@@ -2676,6 +2701,29 @@ const SourceOfFundsUpload = ({
     [legalEntity]
   );
   const sourceOfFundsCategories = businessLines?.map((line) => line.sourceOfFunds?.type)?.filter(Boolean);
+  const getTranslatedCategoryName = (categoryKey) => {
+    const translationKey2 = sofCategoryItemMapper[categoryKey];
+    if (!categoryKey || !translationKey2) {
+      return "";
+    }
+    return sofT(($) => $[translationKey2]).toLowerCase();
+  };
+  let translationKey;
+  let translationParams;
+  if (sourceOfFundsCategories?.length > 1) {
+    translationKey = "weNeedProofOfFundingForMultipleCategories";
+    translationParams = {
+      category1_name: getTranslatedCategoryName(sourceOfFundsCategories[0]),
+      category2_name: getTranslatedCategoryName(sourceOfFundsCategories[1])
+    };
+  } else if (sourceOfFundsCategories?.length === 1) {
+    translationKey = "weNeedProofOfFunding";
+    translationParams = {
+      category_name: getTranslatedCategoryName(sourceOfFundsCategories[0])
+    };
+  } else {
+    translationKey = "weNeedProofOfFundingForNoCategory";
+  }
   const handleFileDelete = async (documentId) => {
     if (documentUtils.deleteDocument) {
       try {
@@ -2684,48 +2732,33 @@ const SourceOfFundsUpload = ({
           queryKey: ["legalEntity", legalEntity.id]
         });
         showToast({
-          label: i18n.get("documentDeletedSuccessfully"),
+          label: sofT(($) => $["documentDeletedSuccessfully"]),
           variant: "success",
           duration: 1e4
         });
       } catch (e) {
         logger2.log(e);
-        showToast({ label: i18n.get("unableToDeleteDocument"), variant: "error" });
+        showToast({ label: sofT(($) => $["unableToDeleteDocument"]), variant: "error" });
       }
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsUploadList, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsUploadListHeading, children: [
-      /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: i18n.get("supportingDocuments") }),
-      /* @__PURE__ */ jsx(Typography, { className: styles.sourceOfFundsWrapperDescription, children: sourceOfFundsCategories?.length > 1 ? i18n.get("weNeedProofOfFundingPlural", {
-        values: {
-          category1_name: sourceOfFundsCategories[0] ? i18n.get(
-            `sofType${toCapitalized(sourceOfFundsCategories[0])}Label`
-          ).toLowerCase() : "",
-          category2_name: sourceOfFundsCategories[1] ? i18n.get(
-            `sofType${toCapitalized(sourceOfFundsCategories[1])}Label`
-          ).toLowerCase() : ""
-        }
-      }) : i18n.get("weNeedProofOfFunding", {
-        values: {
-          category_name: sourceOfFundsCategories[0] ? i18n.get(
-            `sofType${toCapitalized(sourceOfFundsCategories[0])}Label`
-          ).toLowerCase() : ""
-        }
-      }) })
+      /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: sofT(($) => $["supportingDocuments"]) }),
+      /* @__PURE__ */ jsx(Typography, { className: styles.sourceOfFundsWrapperDescription, children: sofT(($) => $[translationKey], translationParams) })
     ] }),
     documents?.map((document) => /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingFinancierGroup, children: [
       /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingNameAvatarGroup, children: [
         /* @__PURE__ */ jsx(Avatar, { iconName: "document", circle: true }),
         /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingNameAddressGroup, children: [
           /* @__PURE__ */ jsx(Typography, { el: "div", variant: "body-strongest", children: document.fileName }),
-          /* @__PURE__ */ jsx(Typography, { el: "div", variant: "caption", children: parseSOFDocumentDescription(i18n, document.description) })
+          /* @__PURE__ */ jsx(Typography, { el: "div", variant: "caption", children: parseSOFDocumentDescription(sofT, document.description) })
         ] })
       ] }),
       /* @__PURE__ */ jsx(
         IconButton,
         {
-          ariaLabel: i18n.get("deleteDocument"),
+          ariaLabel: commonT(($) => $["deleteDocument"]),
           variant: "tertiary",
           icon: "cross",
           onClick: () => setDocToDelete(document),
@@ -2741,22 +2774,19 @@ const SourceOfFundsUpload = ({
         onClick: openUploadModal,
         "data-testId": "source-of-funds-upload-button",
         children: /* @__PURE__ */ jsxs("div", { className: styles.sourceOfFundsThirdPartyFundingNameAvatarGroup, children: [
-          /* @__PURE__ */ jsx(Avatar, { label: i18n.get("addDocument"), iconName: "plus", circle: true }),
-          /* @__PURE__ */ jsx(Typography, { el: "div", variant: "body-strongest", children: i18n.get("addDocument") })
+          /* @__PURE__ */ jsx(Avatar, { label: sofT(($) => $["addDocument"]), iconName: "plus", circle: true }),
+          /* @__PURE__ */ jsx(Typography, { el: "div", variant: "body-strongest", children: sofT(($) => $["addDocument"]) })
         ] })
       }
     ),
-    handleNavigateToSummary && /* @__PURE__ */ jsx("div", { className: styles.sourceOfFundsGettingStartedActions, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleNavigateToSummary, children: documents?.length > 0 ? i18n.get("finish") : i18n.get("cancel") }) }),
+    handleNavigateToSummary && /* @__PURE__ */ jsx("div", { className: styles.sourceOfFundsGettingStartedActions, children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleNavigateToSummary, children: documents?.length > 0 ? commonT(($) => $["finish"]) : commonT(($) => $["cancel"]) }) }),
     !!docToDelete && /* @__PURE__ */ jsx(
       Confirm,
       {
-        title: i18n.get({
-          key: "areYouSureYouWantToDeleteThisDocument",
-          values: {
-            deleteDocName: docToDelete?.fileName || ""
-          }
+        title: sofT(($) => $["areYouSureYouWantToDeleteThisDocument"], {
+          documentName: docToDelete?.fileName || ""
         }),
-        confirmText: i18n.get("delete"),
+        confirmText: commonT(($) => $["delete"]),
         onConfirm: () => handleFileDelete(docToDelete?.id),
         onCancel: () => setDocToDelete(void 0),
         critical: true
@@ -2792,7 +2822,7 @@ function SourceOfFundsDropin({
   } = useStateContext();
   const formValidity = currentState.validityByForm;
   const { baseUrl, rootLegalEntityId } = useApiContext();
-  const { i18n } = useI18nContext();
+  const { t: sofT } = useTranslation("sof");
   const userEvents = useAnalyticsContext();
   const { showToast } = useToastContext();
   const { data: businessLinesData, isLoading: isLoadingBusinessLines } = useBusinessLines();
@@ -2829,7 +2859,7 @@ function SourceOfFundsDropin({
         updatedBusinessLine = parseOriginatorDetails(result.data, updatedBusinessLine);
       } else if (result && result.isError) {
         logger.error(`Error fetching legal entity for BL ${businessLine.id}:`, result.error);
-        showToast({ label: i18n.get("unableToLoadRelatedEntity"), variant: "error" });
+        showToast({ label: sofT(($) => $["unableToLoadRelatedEntity"]), variant: "error" });
       }
       if (updatedBusinessLine.sourceOfFunds?.adyenProcessedFunds) {
         updatedBusinessLine.sourceOfFunds.type = "adyen";
@@ -2866,13 +2896,13 @@ function SourceOfFundsDropin({
           }
         }
       } catch (error) {
-        showToast({ label: i18n.get("failedToLoadBusinessLines"), variant: "error" });
+        showToast({ label: sofT(($) => $["unableToLoadRelatedEntity"]), variant: "error" });
         logger.error(error);
       } finally {
         setLoading(false);
       }
     }
-  }, [filteredBusinessLines, areLegalEntitiesLoading, normalizedBusinessLines, i18n, logger]);
+  }, [filteredBusinessLines, areLegalEntitiesLoading, normalizedBusinessLines, sofT, logger]);
   useEffect(() => {
     userEvents.addTaskEvent("Landed on page", {
       actionType: "start"
@@ -2951,7 +2981,7 @@ function SourceOfFundsDropin({
       try {
         sofPayload.originatorLegalEntityId = await createOrUpdateOriginator(additionalData);
       } catch (e) {
-        setSofErrorMessage(e?.message || i18n.get("errorUpdatingSourceOfFunds"));
+        setSofErrorMessage(e?.message || sofT(($) => $["errorUpdatingSourceOfFunds"]));
         logger.log("Error updating source of funds", e);
       }
       eventsAdditionalData.originatorType = additionalData?.originatorType ?? "";
@@ -2975,10 +3005,10 @@ function SourceOfFundsDropin({
       setActiveSourceOfFund({});
       gotoFormByFormIndex(0);
       setSofErrorMessage("");
-      showToast({ label: i18n.get("successAddedFundingSources"), variant: "success" });
+      showToast({ label: sofT(($) => $["successAddedFundingSources"]), variant: "success" });
       handleHomeClick?.();
     } catch (e) {
-      setSofErrorMessage(e?.message || i18n.get("errorUpdatingSourceOfFunds"));
+      setSofErrorMessage(e?.message || sofT(($) => $["errorUpdatingSourceOfFunds"]));
       logger.log("Error updating source of funds", e);
     }
     setLoadingStatus("success");
@@ -3077,7 +3107,10 @@ const SourceOfFundsPage = ({ onSubmit, handleHomeClick }) => {
   const capabilityProblems = useCapabilityProblems();
   const { i18n } = useTranslation();
   addResourceBundles(i18n, i18n.language, [
-    { ns: "efp", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/bg-BG.json": () => import("./bg-BG-D5192UVe.js"), "../language/cs-CZ.json": () => import("./cs-CZ-DOqH0WeT.js"), "../language/da-DK.json": () => import("./da-DK-B45X2VaJ.js"), "../language/de-DE.json": () => import("./de-DE-CWvgMDqU.js"), "../language/el-GR.json": () => import("./el-GR-C3rkK_oc.js"), "../language/en-US.json": () => import("./en-US-DIdQJky-.js"), "../language/es-ES.json": () => import("./es-ES-DKCCgVF8.js"), "../language/et-EE.json": () => import("./et-EE-Bc6ioJRG.js"), "../language/fi-FI.json": () => import("./fi-FI-Hhku9Lmc.js"), "../language/fr-FR.json": () => import("./fr-FR-BYuKsZIb.js"), "../language/hr-HR.json": () => import("./hr-HR-CPO5Yw2B.js"), "../language/hu-HU.json": () => import("./hu-HU-mo_0ULJG.js"), "../language/it-IT.json": () => import("./it-IT-Nl57jui-.js"), "../language/ja-JP.json": () => import("./ja-JP-D3oQAH7z.js"), "../language/lt-LT.json": () => import("./lt-LT-CVasDmF3.js"), "../language/lv-LV.json": () => import("./lv-LV-Sbsv8-nD.js"), "../language/nl-NL.json": () => import("./nl-NL-BHkRnVrj.js"), "../language/no-NO.json": () => import("./no-NO-kaAdT9B8.js"), "../language/pl-PL.json": () => import("./pl-PL-DD8JN4Qf.js"), "../language/pt-BR.json": () => import("./pt-BR-DeDXIlM_.js"), "../language/pt-PT.json": () => import("./pt-PT-Xm-pm3mb.js"), "../language/ro-RO.json": () => import("./ro-RO-C3m6aJVP.js"), "../language/sk-SK.json": () => import("./sk-SK-BVc-vNQm.js"), "../language/sl-SI.json": () => import("./sl-SI-D_rqR0D7.js"), "../language/sv-SE.json": () => import("./sv-SE-B3zoXMuH.js") }), `../language/${i18n.language}.json`, 3) }
+    {
+      ns: "sof",
+      importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../tasks/SourceOfFundsDropin/language/bg-BG.json": () => import("./bg-BG-Cr0ewJCW.js"), "../tasks/SourceOfFundsDropin/language/cs-CZ.json": () => import("./cs-CZ-7xfNBIeH.js"), "../tasks/SourceOfFundsDropin/language/da-DK.json": () => import("./da-DK-DC8dAHWf.js"), "../tasks/SourceOfFundsDropin/language/de-DE.json": () => import("./de-DE-CY7fT1B5.js"), "../tasks/SourceOfFundsDropin/language/el-GR.json": () => import("./el-GR-C7ThPKtr.js"), "../tasks/SourceOfFundsDropin/language/en-US.json": () => import("./en-US-CozY33On.js"), "../tasks/SourceOfFundsDropin/language/es-ES.json": () => import("./es-ES-Dm8otLm9.js"), "../tasks/SourceOfFundsDropin/language/et-EE.json": () => import("./et-EE-XPQ-Sf9x.js"), "../tasks/SourceOfFundsDropin/language/fi-FI.json": () => import("./fi-FI-CLg2__EV.js"), "../tasks/SourceOfFundsDropin/language/fr-FR.json": () => import("./fr-FR-D7U2da1i.js"), "../tasks/SourceOfFundsDropin/language/hr-HR.json": () => import("./hr-HR-BVzZeaDc.js"), "../tasks/SourceOfFundsDropin/language/hu-HU.json": () => import("./hu-HU-BJpO-WrQ.js"), "../tasks/SourceOfFundsDropin/language/it-IT.json": () => import("./it-IT-5QHf-hkt.js"), "../tasks/SourceOfFundsDropin/language/ja-JP.json": () => import("./ja-JP-a6UbRzaS.js"), "../tasks/SourceOfFundsDropin/language/lt-LT.json": () => import("./lt-LT-Dsy0UVdI.js"), "../tasks/SourceOfFundsDropin/language/lv-LV.json": () => import("./lv-LV-BiilWzcg.js"), "../tasks/SourceOfFundsDropin/language/nl-NL.json": () => import("./nl-NL-DKYvsnqM.js"), "../tasks/SourceOfFundsDropin/language/no-NO.json": () => import("./no-NO-Bj0_2wjm.js"), "../tasks/SourceOfFundsDropin/language/pl-PL.json": () => import("./pl-PL-B8pWxq6T.js"), "../tasks/SourceOfFundsDropin/language/pt-PT.json": () => import("./pt-PT-Gsd7I9Ff.js"), "../tasks/SourceOfFundsDropin/language/ro-RO.json": () => import("./ro-RO-B4ASHhK6.js"), "../tasks/SourceOfFundsDropin/language/sk-SK.json": () => import("./sk-SK-DibZzOqt.js"), "../tasks/SourceOfFundsDropin/language/sl-SI.json": () => import("./sl-SI-D9rl7bIN.js"), "../tasks/SourceOfFundsDropin/language/sv-SE.json": () => import("./sv-SE-Ez33Bdgp.js") }), `../tasks/SourceOfFundsDropin/language/${i18n.language}.json`, 5)
+    }
   ]);
   if (!rootLe) {
     return /* @__PURE__ */ jsx(Loader, {});