@adyen/kyc-components 4.0.0-compact.1 → 4.0.0-compact.3

package/dist/{SourceOfFundsPage-BOFtbQbF.js → SourceOfFundsPage-cWwthA_A.js}

@@ -2,61 +2,40 @@
 {
   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] = "2a6ce199-2a5c-412c-b60b-19e04d238480", e._sentryDebugIdIdentifier = "sentry-dbid-2a6ce199-2a5c-412c-b60b-19e04d238480");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "2a8427c8-b4d1-479d-8831-6ac40f648137", e._sentryDebugIdIdentifier = "sentry-dbid-2a8427c8-b4d1-479d-8831-6ac40f648137");
   } catch (e) {
   }
 }
 ;
-import { a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-RPPT5Bll.js";
-import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { b as useApiContext, j as useQuery, o as httpGet, aA as useMutation, k as httpPost, y as LegalEntityTypes, x as Typography, u as useI18nContext, B as Button, a9 as isEmpty, a as useTranslation, L as Loader, V as Icon, P as IconButton, N as createLogger, aC as useQueryClient, c as useLegalEntity, R as ROOT_LE, U as useAnalyticsContext, bM as useLegalEntities, J as EntityTypes, g as getLegalEntityCountry } from "./StoreProvider-D4cRWOo4.js";
-import { T as TextArea, I as Image, b as useCapabilityProblems, g as getProblemsForEntity } from "./fieldConfigurations-kDKvJ6je.js";
+import { b as useApiContext, $ as useMutation, k as httpPost, j as useQuery, m as httpGet, u as useTranslation, G as Typography, B as Button, V as useI18nContext, W as isEmpty, L as Loader, a3 as Icon, Y as IconButton, P as createLogger, a1 as useQueryClient, c as useLegalEntity, R as ROOT_LE, a2 as useAnalyticsContext, bM as useLegalEntities, a as addResourceBundles, M as EntityTypes, g as getLegalEntityCountry, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-jtUYKLRz.js";
+import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
+import { t as TextArea, I as Image, i as useCapabilityProblems, j as getProblemsForEntity } from "./Spacer-D4I0f08n.js";
 import { useState, useMemo, useEffect, useCallback, useRef } from "preact/hooks";
-import { a as useInvalidateRootLegalEntity, u as useToastContext } from "./useToastContext-kLS15CCB.js";
-import { R as RadioGroup, u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./RadioGroup-htJh3Lz5.js";
-import { h as hasDataChanged } from "./hasDataChanged-CA7cMLCV.js";
-import { u as useGlobalDataSlice, c as useStateContext, F as FormWrapper } from "./useGlobalData-TJeJM5fq.js";
-import { c as createDocumentRequest, b as getPropsFromConfigurations, d as documentApiUtils } from "./validate-Dz7xvgxq.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-CXnvPFZN.js";
+import { n as normalizedTaskStatusStore, T as useBusinessLines } from "./OnboardingDropinComponent-D3dYF_4W.js";
+import { c as useInvalidateRootLegalEntity, a as useToastContext } from "./useToastContext-FI3dwzzs.js";
+import { u as useCreateLegalEntity } from "./useCreateLegalEntity-BvvwB9r0.js";
+import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-Q3Icdeo6.js";
+import { h as hasDataChanged } from "./hasDataChanged-CWdnpJrE.js";
+import { u as useGlobalDataSlice, c as useStateContext } from "./useGlobalData-D9dz7GIi.js";
+import { g as getPropsFromConfigurations } from "./process-field-configurations-N1jHgPa8.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-BK1u6OTG.js";
+import { F as FormWrapper } from "./FormWrapper-BOrTn1C8.js";
+import { c as createDocumentRequest, d as documentApiUtils } from "./documentUtils-DIcRD9lR.js";
 import { f as formatObject } from "./utils-DNSfZiio.js";
 import { signal } from "@preact/signals";
-import { C as CountryField, E as ErrorPanel, c as createFormUtils, f as getFormProps } from "./CountryField-50Iboayh.js";
-import { F as Field, c as Select, a as useForm } from "./useForm-Bikkn7wR.js";
-import { I as InputDate } from "./InputDate-DX90XEmr.js";
-import { I as InputGroup } from "./InputGroup-WBfGDV5F.js";
-import { I as InputText } from "./InputText-CnEQJihB.js";
-import { C as Currencies } from "./currency-BGwQyxBo.js";
-import { a as formatAmountWithCurrency } from "./formatCurrency-CMOSdJMB.js";
-import { l as localizeDateString } from "./localizeDateString-cCOzCBvl.js";
-import { t as toCapitalized } from "./toCapitalized-Bq7laD0b.js";
-import { A as Avatar } from "./Avatar-CeHhAxxR.js";
-import { a as Alert } from "./Alert-C_-UwoDE.js";
-import { M as Modal } from "./Modal-ltKHtBfL.js";
-import { C as Confirm } from "./Confirm-DyWhqxmU.js";
-import { v as validateDateNotInTheFuture } from "./validate-DGgXfXyg.js";
-import { T as TileGroup } from "./TileGroup-CTesI0Vt.js";
+import { C as CountryField, E as ErrorPanel, c as createFormUtils, g as getFormProps, H as Header } from "./CountryField-CzRN1OE8.js";
+import { F as Field, S as Select, u as useForm } from "./useForm-DLxHtZTP.js";
+import { I as InputDate, R as RadioGroup } from "./Address-e41CN3CB.js";
+import { aa as InputGroup, ab as TileGroup, B as isEmpty$1, M as LandingLayout, ac as Dropzone } from "./IndividualOnfido-CmmyKC7J.js";
+import { I as InputText } from "./InputText-BfL9DgWp.js";
+import { a as allowedCurrencies, T as TODAY_DATE, S as SOF_CHARACTERS_LIMIT, b as formatDateForInput, g as getInputErrors, c as formatAmountWithCurrency, d as getAdditionalDataSchemaKeys, s as sofCategoryItemMapper, e as getPageHeadings, h as getServiceTranslationSelectTitle, i as sourceOfFundsForms, j as getSofCardDetails, k as getGettingStartedCardDetails, l as getServiceTranslation, p as parseSOFDocumentDescription, m as getRelevantErrors, n as getUniqueRemediationActions, o as SOF_INVALID_INPUT_ERROR_CODES, q as getServiceTranslationKey, r as getDocumentLists, t as getDocumentRequirements, M as MISSING_DATA_SOF_UPLOAD_CODE, u as parseOriginatorDetails, v as getSourceOfFundsRequiredForms, w as sourceOfFundsRequiredFields, x as getSourceOfFundsPayload, y as parseSofOriginatorPayload, A as ALLOWED_SOF_SERVICES } from "./utils-DQLhii3U.js";
+import { A as Avatar } from "./Avatar-efxn8pKz.js";
+import { a as Alert } from "./Alert-Dk-oZlnx.js";
+import { M as Modal } from "./Modal-CJ_hgcGb.js";
+import { C as Confirm, S as StructuredList } from "./useDataset-8WyOJBhU.js";
+import { v as validateDateNotInTheFuture } from "./validate-BD3wn-YX.js";
 import { lazy } from "preact/compat";
-import { T as TaskStatusIndicator } from "./TaskStatusIndicator-8ug09mhu.js";
-import { L as LandingLayout } from "./bafinUtils-Sy6B6Lec.js";
-import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-BgFPF-FG.js";
-import { i as isEmpty$1 } from "./isEmpty-C9y5I8Tl.js";
-import { S as StructuredList } from "./StructuredList-DaepaiVE.js";
-import { C as Card } from "./Card-D0gduObT.js";
-import { D as Dropzone } from "./Dropzone-Cp2PTdED.js";
-const getBusinessLines = async (legalEntityId, baseUrl) => {
-  return httpGet({
-    baseUrl,
-    path: `legalEntities/${legalEntityId}/businessLines`
-  });
-};
-const useBusinessLines = (options) => {
-  const { rootLegalEntityId, baseUrl } = useApiContext();
-  return useQuery({
-    queryKey: ["businessLines"],
-    queryFn: () => getBusinessLines(rootLegalEntityId.value, baseUrl.value),
-    ...options
-  });
-};
+import { C as Card } from "./Card-CqXQA0AI.js";
 const updateSourceOfFunds = async (businessLineId, legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -125,8 +104,6 @@ const sourceOfFundsWrapperLoading = "adyen-kyc-source-of-funds-wrapper-loading";
 const sourceOfFundsWrapperHeading = "adyen-kyc-source-of-funds-wrapper-heading";
 const sourceOfFundsWrapperDescription = "adyen-kyc-source-of-funds-wrapper-description";
 const sourceOfFundsGettingStarted = "adyen-kyc-source-of-funds-getting-started";
-const sourceOfFundsGettingStartedHeading = "adyen-kyc-source-of-funds-getting-started-heading";
-const sourceOfFundsGettingStartedBody = "adyen-kyc-source-of-funds-getting-started-body";
 const sourceOfFundsGettingStartedError = "adyen-kyc-source-of-funds-getting-started-error";
 const sourceOfFundsGettingStartedErrorActions = "adyen-kyc-source-of-funds-getting-started-error-actions";
 const sourceOfFundsGettingStartedCards = "adyen-kyc-source-of-funds-getting-started-cards";
@@ -153,8 +130,6 @@ const styles = {
   sourceOfFundsWrapperHeading,
   sourceOfFundsWrapperDescription,
   sourceOfFundsGettingStarted,
-  sourceOfFundsGettingStartedHeading,
-  sourceOfFundsGettingStartedBody,
   sourceOfFundsGettingStartedError,
   sourceOfFundsGettingStartedErrorActions,
   sourceOfFundsGettingStartedCards,
@@ -176,707 +151,10 @@ const styles = {
   sourceOfFundsUploadListHeading,
   sourceOfFundsModal
 };
-const additionalDataSchemaKeys = [
-  "description",
-  "dateOfFundsReceived",
-  "purpose",
-  "relationship",
-  "originatorLegalEntityId",
-  "amount",
-  "financiers",
-  "cryptocurrencyExchange",
-  "dateOfSourceEvent",
-  "website"
-];
-const allowedCurrencies = Object.entries(Currencies).map(([key]) => ({
-  name: key,
-  id: key
-}));
-const SOF_CHARACTERS_LIMIT = 200;
-const TODAY_DATE = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
-const getSchemaForOriginator = (baseSchema, originatorType) => {
-  if (originatorType === "organization") {
-    return [...baseSchema, "legalName"];
-  }
-  if (originatorType === "individual") {
-    return [...baseSchema, "firstName", "lastName"];
-  }
-  return baseSchema;
-};
-const getAdditionalDataSchemaKeys = (sourceOfFundsType, originatorType) => {
-  switch (sourceOfFundsType) {
-    case "business":
-      return ["amount", "description"];
-    case "donations":
-      return getSchemaForOriginator(
-        [
-          "dateOfFundsReceived",
-          "purpose",
-          "relationship",
-          "originatorLegalEntityId",
-          "country",
-          "originatorType"
-        ],
-        originatorType
-      );
-    case "inheritance":
-      return getSchemaForOriginator(
-        [
-          "dateOfFundsReceived",
-          "amount",
-          "relationship",
-          "originatorLegalEntityId",
-          "country",
-          "originatorType"
-        ],
-        originatorType
-      );
-    case "thirdPartyFunding":
-      return ["financiers"];
-    case "cryptocurrencyIncome":
-      return ["cryptocurrencyExchange"];
-    case "assetSale":
-      return ["dateOfSourceEvent", "description", "amount"];
-    case "gamblingWinnings":
-      return ["dateOfSourceEvent", "website", "amount"];
-    default:
-      return [];
-  }
-};
-const getServiceTranslation = (i18n, service) => {
-  switch (service) {
-    case "banking":
-      return i18n.get("bankingService");
-    case "issuing":
-      return i18n.get("issuingService");
-    case "paymentProcessing":
-      return i18n.get("paymentService");
-    default:
-      return i18n.get("supportingDocuments");
-  }
-};
-const getServiceTranslationSelectTitle = (i18n, service) => {
-  switch (service) {
-    case "banking":
-      return i18n.get("bankingServiceSelectTitle");
-    case "issuing":
-      return i18n.get("issuingServiceSelectTitle");
-    case "paymentProcessing":
-      return i18n.get("paymentServiceSelectTitle");
-    default:
-      return i18n.get("supportingDocuments");
-  }
-};
-const getServiceTranslationKey = (service) => {
-  switch (service) {
-    case "banking":
-      return "bankingService";
-    case "issuing":
-      return "issuingService";
-    case "paymentProcessing":
-      return "paymentService";
-    default:
-      return "supportingDocuments";
-  }
-};
-const getGettingStartedCardDetails = (sourceOfFundsType, i18n, data) => {
-  const details = [];
-  sourceOfFundsType?.forEach((type) => {
-    switch (type) {
-      case "amount":
-        details.push({
-          term: i18n.get("amount"),
-          details: data?.amount?.currency && data?.amount?.value ? formatAmountWithCurrency(data.amount.value, data.amount.currency) : ""
-        });
-        break;
-      case "description":
-        details.push({
-          term: i18n.get("description"),
-          details: data?.description || ""
-        });
-        break;
-      case "dateOfFundsReceived":
-        details.push({
-          term: i18n.get("date"),
-          details: localizeDateString(data?.dateOfFundsReceived || "", i18n.locale)
-        });
-        break;
-      case "purpose":
-        details.push({
-          term: i18n.get("reason"),
-          details: data?.purpose || ""
-        });
-        break;
-      case "relationship":
-        details.push({ term: i18n.get("relationship"), details: data?.relationship || "" });
-        break;
-      case "originatorLegalEntityId":
-        details.push({
-          term: i18n.get("benefactorDetails"),
-          details: [
-            data?.legalName ? `${data?.legalName}` : `${data?.firstName} ${data?.lastName}`,
-            /* @__PURE__ */ jsx(Typography, { color: "secondary", children: data?.country || "" }, "location")
-          ]
-        });
-        break;
-      case "financiers":
-        data?.financiers?.map((financier) => {
-          return details.push({
-            term: i18n.get("investor"),
-            details: [
-              `${financier?.firstName} ${financier?.lastName}`,
-              /* @__PURE__ */ jsx(Typography, { color: "secondary", children: financier?.location || "" }, "location"),
-              /* @__PURE__ */ jsx(Typography, { color: "secondary", children: financier?.amount?.currency && financier?.amount?.value ? formatAmountWithCurrency(
-                financier.amount.value,
-                financier.amount.currency
-              ) || "" : "" }, "value")
-            ]
-          });
-        });
-        break;
-      case "cryptocurrencyExchange":
-        details.push({
-          term: i18n.get("cryptocurrencyExchange"),
-          details: data?.cryptocurrencyExchange || ""
-        });
-        break;
-      case "dateOfSourceEvent":
-        details.push({
-          term: i18n.get("dateOfSourceEvent"),
-          details: localizeDateString(data?.dateOfSourceEvent || "", i18n.locale)
-        });
-        break;
-      case "website":
-        details.push({
-          term: i18n.get("website"),
-          details: data?.website || ""
-        });
-        break;
-    }
-  });
-  return details;
-};
-const sourceOfFundsForms = {
-  sourceOfFundsType: {
-    formId: "sourceOfFundsType",
-    formName: "selectASourceOfFunding",
-    fields: ["type"]
-  },
-  additionalData: {
-    formId: "additionalData",
-    formName: "tellUsMoreAboutThisSource",
-    fields: [...additionalDataSchemaKeys]
-  }
-};
-const sourceOfFundsRequiredFields = {
-  sourceOfFundsType: sourceOfFundsForms.sourceOfFundsType.fields,
-  additionalData: sourceOfFundsForms.additionalData.fields
-};
-const typesRequiringAdditionalData = [
-  "business",
-  "donations",
-  "inheritance",
-  "thirdPartyFunding",
-  "cryptocurrencyIncome",
-  "assetSale",
-  "gamblingWinnings"
-];
-const getSourceOfFundsRequiredForms = (data) => {
-  return Object.fromEntries(
-    Object.entries(sourceOfFundsForms).filter(([form]) => {
-      if (!data?.type || !typesRequiringAdditionalData.includes(data?.type))
-        return form !== sourceOfFundsForms.additionalData.formId;
-      return form;
-    })
-  );
-};
-const getInputErrors = ({
-  formErrors,
-  data,
-  key,
-  value
-}) => {
-  const isEmpty2 = value === "" || value === null || value === void 0;
-  let errors = { ...formErrors };
-  if (isEmpty2) {
-    errors = { ...formErrors, [key]: "fieldIsRequired" };
-  } else {
-    errors = { ...formErrors, [key]: void 0 };
-  }
-  if (["amount", "currency"].includes(key)) {
-    if (data?.amount?.value && data?.amount?.currency) {
-      errors = { ...formErrors, amount: void 0 };
-    }
-    if (!data?.amount?.currency) {
-      errors = { ...formErrors, amount: "currencyIsRequired" };
-    }
-    if (!data?.amount?.value) {
-      errors = { ...formErrors, amount: "amountIsRequired" };
-    } else if (isNaN(data?.amount.value)) {
-      errors = { ...formErrors, amount: "pleaseEnterAValidAmount" };
-    }
-  }
-  return errors;
-};
-const getPageHeadings = (type) => {
-  switch (type) {
-    case "cryptocurrencyIncome":
-      return {
-        heading: "cryptocurrencyProceedDetails",
-        description: "tellUsMoreAboutTheCryptocurrency"
-      };
-    case "assetSale":
-      return {
-        heading: "propertySaleDetails",
-        description: "tellUsMoreAboutTheProperty"
-      };
-    case "gamblingWinnings":
-      return {
-        heading: "gamblingProceedDetails",
-        description: "tellUsMoreAboutTheGamblingProceeds"
-      };
-    case "business":
-      return {
-        heading: "businessEarningDetails",
-        description: "tellUsMoreAboutThePreviousBusinessEarnings"
-      };
-    case "thirdPartyFunding":
-      return {
-        heading: "thirdPartyInvestmentDetails",
-        description: "tellUsMoreAboutTheInvestors"
-      };
-    case "inheritance":
-      return {
-        heading: "inheritanceDetails",
-        description: "tellUsMoreAboutTheInheritanceProceeds"
-      };
-    case "donations":
-      return {
-        heading: "giftOrDonationDetails",
-        description: "tellUsMoreAboutTheGiftOrDonationProceeds"
-      };
-    default:
-      return {
-        heading: "tellUsMoreAboutThisSource"
-      };
-  }
-};
-const getDocumentRequirements = {
-  loanAgreement: [
-    "yourBusinessName",
-    "lendersNameAndAddress",
-    "principalAmount",
-    "loanDate",
-    "purposeOfLoan"
-  ],
-  loanStatement: [
-    "yourBusinessName",
-    "lendersNameAndAddress",
-    "principalAmount",
-    "loanDate",
-    "purposeOfLoan"
-  ],
-  proofOfWalletOwnership: [
-    "yourBusinessName",
-    "nameOfTheCryptocurrencyExchange",
-    "nameOfTheCoins",
-    "issueDateWithinTheLast12Months"
-  ],
-  transactionStatement: [
-    "showsYourBusinessName",
-    "showsTheNameOfTheCryptocurrencyExchange",
-    "showsTheNameOfTheCoins",
-    "issueDateWithinTheLast12Months"
-  ],
-  taxFiling: [
-    "showsYourBusinessName",
-    "showsTheNameOfTheCryptocurrencyExchange",
-    "showsTheNameOfTheCoins",
-    "issueDateWithinTheLast12Months"
-  ],
-  proofOfWinnings: ["winningProceedAmount", "dateOfWinning", "nameOfCasinoLottery"],
-  winReport: ["winningProceedAmount", "dateOfWinning", "nameOfCasinoLottery"],
-  winLossStatement: ["winningProceedAmount", "dateOfWinning", "nameOfCasinoLottery"],
-  taxDeclaration: ["winningProceedAmount", "issuedWithinTheLast12Months"],
-  annualStatements: [
-    "yourBusinessName",
-    "proofOfAnnualTurnoverAmount",
-    "issueDateWithinTheLast12Months"
-  ],
-  latestTaxFiling: [
-    "yourBusinessName",
-    "proofOfAnnualTurnoverAmount",
-    "issueDateWithinTheLast12Months"
-  ],
-  letterFromAccountant: [
-    "yourBusinessName",
-    "proofOfAnnualTurnoverAmount",
-    "signatureAndDateWithinTheLast12Months"
-  ],
-  recentInvoices: ["yourBusinessName", "invoicesFromThe3MostRecentMonths"],
-  bankStatements: [
-    "yourBusinessName",
-    "issueDate",
-    "banksLogoAndName",
-    "allStatementsFrom3MostRecentMonths"
-  ],
-  payslips: ["employersName", "issueDate", "banksLogoAndName", "allPayslipsFrom3MostRecentMonths"],
-  contractSpecifyingDividends: [
-    "theBusinessName",
-    "termLengthAndDividendYield",
-    "namesOfInvolvedParties"
-  ],
-  latestTaxReturn: ["theBusinessName", "reportedDividendAmount"],
-  investmentCertificate: ["theBusinessName", "termLengthAndDividendYield"],
-  brokerStatements: [
-    "theBrokerageName",
-    "dividendAmount",
-    "issueDateWithinTheLast3Months",
-    "namesOfInvolvedParties"
-  ],
-  investorContract: [
-    "yourBusinessName",
-    "nameAddressSignatureOfAllInvestors",
-    "investmentAmount",
-    "fundDepositDate"
-  ],
-  investorMemo: [
-    "yourBusinessName",
-    "nameAddressSignatureOfAllInvestors",
-    "investmentAmount",
-    "fundDepositDate"
-  ],
-  notarizedStatement: [
-    "yourBusinessName",
-    "nameAddressSignatureOfAllInvestors",
-    "investmentAmount",
-    "fundDepositDate"
-  ],
-  partnerShipAgreement: [
-    "yourBusinessName",
-    "nameAddressSignatureOfAllInvestors",
-    "investmentAmount",
-    "fundDepositDate"
-  ],
-  proofOfOwnership: [
-    "descriptionOfProperty",
-    "netProceedAmount",
-    "fundDepositDate",
-    "propertyAddress"
-  ],
-  letterFromAttorney: [
-    "descriptionOfProperty",
-    "netProceedAmount",
-    "fundDepositDate",
-    "propertyAddress"
-  ],
-  saleContract: ["descriptionOfProperty", "netProceedAmount", "fundDepositDate", "propertyAddress"],
-  taxDeclarationProperty: [
-    "descriptionOfProperty",
-    "netProceedAmount",
-    "fundDepositDate",
-    "propertyAddress"
-  ],
-  titleDeed: ["descriptionOfProperty", "netProceedAmount", "fundDepositDate", "propertyAddress"],
-  rentalAgreementOrLease: ["namesOfLandlordAndTenant", "propertyAddress", "rentAmount"],
-  proofOfOwnershipRent: ["yourName", "propertyAddress"],
-  giftOrDonationAgreement: ["donorsName", "fundTransferDate", "fundDepositAmount"],
-  royaltyAgreement: ["descriptionOfIntellectualProperty", "royaltyAmount", "agreementPeriod"],
-  taxDocuments: ["royaltyAmount", "provideMostRecentYearAvailable"],
-  certificateOfInheritance: [
-    "decedentsName",
-    "inheritanceAmount",
-    "fundDepositDate",
-    "estateAttorneysName"
-  ],
-  grantOfProbate: ["decedentsName", "inheritanceAmount", "fundDepositDate", "estateAttorneysName"],
-  letterFromAttorneyOrNotary: [
-    "decedentsName",
-    "inheritanceAmount",
-    "fundDepositDate",
-    "estateAttorneysName"
-  ],
-  signedCopyOfTheWill: [
-    "decedentsName",
-    "inheritanceAmount",
-    "fundDepositDate",
-    "estateAttorneysName"
-  ],
-  pensionSlip: ["yourFullName", "previousEmployersName", "pensionPaymentAmount"],
-  letterFromPreviousEmployer: [
-    "yourFullName",
-    "previousEmployersName",
-    "pensionPaymentAmountOrTotalValue"
-  ],
-  pensionStatement: ["yourFullName", "previousEmployersName", "pensionPaymentAmountOrTotalValue"],
-  courtOrder: ["yourFullName", "totalSettlementAmount", "fundDepositDate"],
-  letterFromAttorneyInsurance: ["yourFullName", "totalSettlementAmount", "fundDepositDate"],
-  letterFromInsurer: ["yourFullName", "totalSettlementAmount", "fundDepositDate"],
-  confirmationOfGrantOrSubsidy: [
-    "benefactorsName",
-    "subsidyOrGrantAmount",
-    "timePeriodIfApplicable"
-  ]
-};
-const getDocumentLists = (sourceOfFundsType) => {
-  switch (sourceOfFundsType) {
-    case "loans":
-      return ["loanAgreement", "loanStatement"];
-    case "gamblingWinnings":
-      return ["proofOfWinnings", "winReport", "winLossStatement", "taxDeclaration"];
-    case "cryptocurrencyIncome":
-      return ["proofOfWalletOwnership", "transactionStatement", "taxFiling"];
-    case "business":
-      return ["annualStatements", "latestTaxFiling", "letterFromAccountant", "recentInvoices"];
-    case "employment":
-      return ["bankStatements", "payslips"];
-    case "dividendIncome":
-      return [
-        "contractSpecifyingDividends",
-        "latestTaxReturn",
-        "investmentCertificate",
-        "brokerStatements"
-      ];
-    case "thirdPartyFunding":
-      return ["investorContract", "investorMemo", "notarizedStatement", "partnerShipAgreement"];
-    case "assetSale":
-      return [
-        "proofOfOwnership",
-        "letterFromAttorney",
-        "saleContract",
-        "taxDeclarationProperty",
-        "titleDeed"
-      ];
-    case "rentalIncome":
-      return ["rentalAgreementOrLease", "proofOfOwnershipRent"];
-    case "donations":
-      return ["giftOrDonationAgreement"];
-    case "royaltyIncome":
-      return ["royaltyAgreement", "taxDocuments"];
-    case "inheritance":
-      return [
-        "certificateOfInheritance",
-        "grantOfProbate",
-        "letterFromAttorneyOrNotary",
-        "signedCopyOfTheWill"
-      ];
-    case "pensionIncome":
-      return ["pensionSlip", "letterFromPreviousEmployer", "pensionStatement"];
-    case "insuranceSettlement":
-      return ["courtOrder", "letterFromAttorneyInsurance", "letterFromInsurer"];
-    case "financialAid":
-      return ["confirmationOfGrantOrSubsidy"];
-    default:
-      return [];
-  }
-};
-const parseSOFDocumentDescription = (i18n, documentDescription) => {
-  if (!documentDescription || documentDescription.trim() === "" || !documentDescription.startsWith("$")) {
-    return void 0;
-  }
-  const [servicePart, typePart] = documentDescription.split("--");
-  const selectedService = servicePart.split(":")[1];
-  const documentType = typePart.split(":")[1];
-  const parsed = {
-    selectedService: getServiceTranslation(i18n, selectedService || ""),
-    documentType: i18n.get(documentType)
-  };
-  return `${parsed.selectedService} (${parsed.documentType})`;
-};
-const MISSING_DATA_SOF_UPLOAD_CODE = "2_8224";
-const parseOriginatorDetails = (originatorDetails, businessLine) => {
-  const copiedBusinessLine = { ...businessLine };
-  if (copiedBusinessLine.sourceOfFunds) {
-    if (originatorDetails.organization) {
-      copiedBusinessLine.sourceOfFunds.legalName = originatorDetails.organization.legalName;
-      copiedBusinessLine.sourceOfFunds.country = originatorDetails.organization?.registeredAddress?.country;
-      copiedBusinessLine.sourceOfFunds.originatorType = "organization";
-    }
-    if (originatorDetails.individual) {
-      copiedBusinessLine.sourceOfFunds.firstName = originatorDetails.individual.name?.firstName;
-      copiedBusinessLine.sourceOfFunds.lastName = originatorDetails.individual.name?.lastName;
-      copiedBusinessLine.sourceOfFunds.country = originatorDetails.individual.residentialAddress?.country;
-      copiedBusinessLine.sourceOfFunds.originatorType = "individual";
-    }
-  }
-  return copiedBusinessLine;
-};
-const getSourceOfFundsPayload = (sofType, additionalData) => {
-  switch (sofType) {
-    case "business":
-      return {
-        adyenProcessedFunds: false,
-        type: "business",
-        description: additionalData?.description,
-        amount: {
-          currency: additionalData?.amount?.currency ?? "USD",
-          value: additionalData?.amount?.value ?? 0
-        }
-      };
-    case "employment":
-      return {
-        adyenProcessedFunds: false,
-        type: "employment"
-      };
-    case "donations":
-      return {
-        adyenProcessedFunds: false,
-        type: "donations",
-        dateOfFundsReceived: additionalData?.dateOfFundsReceived,
-        purpose: additionalData?.purpose,
-        relationship: additionalData?.relationship,
-        originatorLegalEntityId: additionalData?.originatorLegalEntityId
-      };
-    case "inheritance":
-      return {
-        adyenProcessedFunds: false,
-        type: "inheritance",
-        dateOfFundsReceived: additionalData?.dateOfFundsReceived,
-        amount: additionalData?.amount,
-        relationship: additionalData?.relationship,
-        originatorLegalEntityId: additionalData?.originatorLegalEntityId
-      };
-    case "financialAid":
-      return {
-        adyenProcessedFunds: false,
-        type: "financialAid"
-      };
-    case "rentalIncome":
-      return {
-        adyenProcessedFunds: false,
-        type: "rentalIncome"
-      };
-    case "dividendIncome":
-      return {
-        adyenProcessedFunds: false,
-        type: "dividendIncome"
-      };
-    case "royaltyIncome":
-      return {
-        adyenProcessedFunds: false,
-        type: "royaltyIncome"
-      };
-    case "pensionIncome":
-      return {
-        adyenProcessedFunds: false,
-        type: "pensionIncome"
-      };
-    case "insuranceSettlement":
-      return {
-        adyenProcessedFunds: false,
-        type: "insuranceSettlement"
-      };
-    case "thirdPartyFunding":
-      return {
-        adyenProcessedFunds: false,
-        type: "thirdPartyFunding",
-        financiers: additionalData?.financiers
-      };
-    case "cryptocurrencyIncome":
-      return {
-        adyenProcessedFunds: false,
-        type: "cryptocurrencyIncome",
-        cryptocurrencyExchange: additionalData?.cryptocurrencyExchange
-      };
-    case "assetSale":
-      return {
-        adyenProcessedFunds: false,
-        type: "assetSale",
-        cryptocurrencyExchange: additionalData?.cryptocurrencyExchange,
-        dateOfSourceEvent: additionalData?.dateOfSourceEvent,
-        description: additionalData?.description,
-        amount: additionalData?.amount
-      };
-    case "loans":
-      return {
-        adyenProcessedFunds: false,
-        type: "loans"
-      };
-    case "gamblingWinnings":
-      return {
-        adyenProcessedFunds: false,
-        type: "gamblingWinnings",
-        dateOfSourceEvent: additionalData?.dateOfSourceEvent,
-        website: additionalData?.website && !additionalData.website.startsWith("http://") && !additionalData.website.startsWith("https://") ? `https://${additionalData.website}` : additionalData?.website,
-        amount: additionalData?.amount
-      };
-    default:
-      return { adyenProcessedFunds: true };
-  }
-};
-const parseSofOriginatorPayload = (additionalData) => {
-  let sofOriginator;
-  if (additionalData?.originatorType === "individual") {
-    sofOriginator = {
-      type: LegalEntityTypes.INDIVIDUAL,
-      individual: {
-        name: {
-          firstName: additionalData?.firstName ?? "",
-          lastName: additionalData?.lastName ?? ""
-        },
-        residentialAddress: {
-          country: additionalData?.country
-        }
-      }
-    };
-  } else {
-    sofOriginator = {
-      type: LegalEntityTypes.ORGANIZATION,
-      organization: {
-        legalName: additionalData?.legalName ?? "",
-        registeredAddress: {
-          country: additionalData?.country
-        }
-      }
-    };
-  }
-  return sofOriginator;
-};
-const formatDateForInput = (isoDateString) => {
-  if (!isoDateString) return "";
-  try {
-    const datePart = isoDateString.split("T")[0];
-    if (/^\d{4}-\d{2}-\d{2}$/.test(datePart)) {
-      return datePart;
-    }
-    return "";
-  } catch {
-    return "";
-  }
-};
-const getSofCardDetails = (i18n, sourceOfFunds2) => {
-  if (!sourceOfFunds2) {
-    return "";
-  }
-  if (sourceOfFunds2?.adyenProcessedFunds) {
-    return i18n.get("sofTypeAdyenLabel");
-  }
-  if (sourceOfFunds2?.type) {
-    return i18n.get(`sofType${toCapitalized(sourceOfFunds2?.type)}Label`);
-  }
-  return "";
-};
-const ALLOWED_SOF_SERVICES = ["issuing", "banking"];
-const SOF_INVALID_INPUT_ERROR_CODES = ["1_93", "1_94"];
-const getRelevantErrors = (problems, targetCodes) => {
-  if (!problems) return false;
-  return problems.flatMap(
-    (problem) => (problem.verificationErrors || []).filter(
-      (error) => targetCodes.includes(error.code) || (error.subErrors || []).some((sub) => targetCodes.includes(sub.code))
-    )
-  );
-};
-const getUniqueRemediationActions = (error) => {
-  const allActions = [
-    ...error.remediatingActions || [],
-    ...error.subErrors?.flatMap((sub) => sub.remediatingActions || []) || []
-  ];
-  return allActions.filter((action, i, arr) => arr.findIndex((a) => a.code === action.code) === i);
-};
 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");
@@ -902,11 +180,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
                   }
@@ -978,9 +256,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");
@@ -993,7 +271,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,
@@ -1007,11 +285,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
                 }
@@ -1060,7 +338,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,
@@ -1069,7 +347,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,
@@ -1099,9 +377,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,
@@ -1109,8 +388,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,
@@ -1242,9 +521,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
@@ -1318,7 +595,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 = () => {
@@ -1349,11 +627,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
                 }
@@ -1382,7 +660,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(
@@ -1406,7 +684,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,
@@ -1438,9 +716,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");
@@ -1478,11 +756,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
                   }
@@ -1533,7 +811,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({});
@@ -1599,7 +878,7 @@ const SOFFinancierModal = (props) => {
         };
       }, {});
       setFormErrors(errors);
-      setErrorMessage(i18n.get("pleaseFillInAllFields"));
+      setErrorMessage(sofT(($) => $["pleaseFillInAllFields"]));
     }
   };
   const handleFinancierDelete = async () => {
@@ -1607,21 +886,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
@@ -1632,7 +911,7 @@ const SOFFinancierModal = (props) => {
             Field,
             {
               name: "firstName",
-              label: i18n.get("firstName"),
+              label: commonT(($) => $["firstName"]),
               errorMessage: formErrors.firstName,
               isValid: !formErrors.firstName,
               children: (childProps) => /* @__PURE__ */ jsx(
@@ -1654,7 +933,7 @@ const SOFFinancierModal = (props) => {
             Field,
             {
               name: "lastName",
-              label: i18n.get("lastName"),
+              label: commonT(($) => $["lastName"]),
               errorMessage: formErrors.lastName,
               isValid: !formErrors.lastName,
               children: (childProps) => /* @__PURE__ */ jsx(
@@ -1677,12 +956,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,
               {
@@ -1703,7 +982,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: [
@@ -1712,11 +991,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)
                 }
               ),
@@ -1737,15 +1016,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
@@ -1758,6 +1037,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);
@@ -1808,7 +1088,7 @@ function AdditionalDataForThirdParty(props) {
         ),
         variant: "error",
         className: styles.sourceOfFundsSofFinancierFormError,
-        children: i18n.get("addAtLeastOneInvestor")
+        children: sofT(($) => $["addAtLeastOneInvestor"])
       }
     ),
     data.financiers?.map((financier, index) => /* @__PURE__ */ jsxs(
@@ -1845,7 +1125,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"]) })
         ] })
       }
     ),
@@ -2155,7 +1435,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,
@@ -2193,12 +1473,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)
     })) ?? []
   ];
@@ -2253,9 +1533,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"),
@@ -2263,20 +1543,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(
@@ -2287,9 +1562,8 @@ function SourceOfFunds(props) {
         "aria-live": "polite",
         className: "adyen-kyc-u-justify-content-center adyen-kyc-u-display-flex",
         children: [
-          /* @__PURE__ */ jsx(Icon, { name: "field-error" }),
-          " ",
-          /* @__PURE__ */ jsx("div", { children: sofErrorMessage.value })
+          /* @__PURE__ */ jsx(Icon, { name: "field-error", className: "adyen-kyc-u-margin-right-2" }),
+          /* @__PURE__ */ jsx("span", { children: sofErrorMessage.value })
         ]
       }
     ),
@@ -2307,12 +1581,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,
     {
@@ -2326,7 +1600,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(
@@ -2351,6 +1625,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)
@@ -2365,36 +1641,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")
           ]
         })) : []
       };
@@ -2435,8 +1711,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,
@@ -2444,7 +1720,7 @@ const SourceOfFundsGettingStarted = ({
                   fullWidth: true,
                   testId: "source-of-funds-getting-primary-button",
                   onClick: handleGettingStartedClick,
-                  children: i18n.get("gettingStarted")
+                  children: sofT(($) => $["getStarted"])
                 }
               ),
               handleCancelClick && /* @__PURE__ */ jsx(
@@ -2454,7 +1730,7 @@ const SourceOfFundsGettingStarted = ({
                   fullWidth: true,
                   testId: "source-of-funds-getting-cancel-button",
                   onClick: handleCancelClick,
-                  children: i18n.get("backToTaskList")
+                  children: commonT(($) => $["backToTaskList"])
                 }
               )
             ] })
@@ -2462,21 +1738,14 @@ const SourceOfFundsGettingStarted = ({
         ),
         hasSourceOfFunds && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
-            TaskStatusIndicator,
+            Header,
             {
-              taskStatus: normalizedTaskStatusStore?.value?.SOURCE_OF_FUNDS?.status
+              title: sofT(($) => $["fundingSourcesForFinancialProducts"]),
+              description: sofT(($) => $["addAllSourcesOfFundsBeingUsed"]),
+              status: normalizedTaskStatusStore?.value?.SOURCE_OF_FUNDS?.status,
+              align: "center"
             }
           ),
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              className: styles.sourceOfFundsGettingStartedHeading,
-              el: "h2",
-              variant: "title-l",
-              children: i18n.get("fundingSourcesForFinancialProducts")
-            }
-          ),
-          /* @__PURE__ */ jsx(Typography, { className: styles.sourceOfFundsGettingStartedBody, children: i18n.get("addAllSourcesOfFundsBeingUsed") }),
           errorObjects && errorObjects.map((errorObj, index) => {
             const uniqueActions = getUniqueRemediationActions(errorObj);
             const errorItems = errorObj.subErrors?.map((subError) => subError.message) || [];
@@ -2510,7 +1779,7 @@ const SourceOfFundsGettingStarted = ({
               variant: "secondary",
               testId: "source-of-funds-getting-return-button",
               onClick: handleCancelClick,
-              children: i18n.get("backToTaskList")
+              children: commonT(($) => $["backToTaskList"])
             }
           )
         ] })
@@ -2519,9 +1788,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(
@@ -2538,9 +1808,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(() => {
@@ -2551,18 +1821,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({
@@ -2576,81 +1846,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,
@@ -2658,12 +1936,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({
@@ -2678,6 +1957,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 {
@@ -2686,48 +1988,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),
@@ -2743,22 +2030,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
@@ -2794,18 +2078,13 @@ 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();
+  const { data: sofBusinessLines, isLoading: isLoadingBusinessLines } = useBusinessLines(ALLOWED_SOF_SERVICES);
   const { mutateAsync: createLegalEntity } = useCreateLegalEntity();
   const { mutateAsync: updateLegalEntity } = useUpdateLegalEntity();
   const { mutateAsync: updateSoFMutation } = useUpdateSourceOfFunds();
-  const filteredBusinessLines = useMemo(() => {
-    return businessLinesData?.filter(
-      (businessLine) => ALLOWED_SOF_SERVICES.includes(businessLine.service)
-    );
-  }, [businessLinesData]);
   const isSoFDocumentMissing = useMemo(
     () => legalEntity?.problems?.some(
       (problem) => problem?.verificationErrors?.some(
@@ -2814,24 +2093,24 @@ function SourceOfFundsDropin({
     ) ?? false,
     [legalEntity?.problems]
   );
-  const idsToFetch = filteredBusinessLines?.map((businessLine) => businessLine.sourceOfFunds?.originatorLegalEntityId).filter((id) => Boolean(id)) ?? [];
+  const idsToFetch = sofBusinessLines?.map((businessLine) => businessLine.sourceOfFunds?.originatorLegalEntityId).filter((id) => Boolean(id)) ?? [];
   const legalEntityResults = useLegalEntities(idsToFetch, {
     staleTime: 5 * 60 * 1e3
     // 5 minutes
   });
   const areLegalEntitiesLoading = legalEntityResults.some((result) => result.isLoading);
   const normalizedBusinessLines = useMemo(() => {
-    if (!filteredBusinessLines) {
+    if (!sofBusinessLines) {
       return null;
     }
-    return filteredBusinessLines.map((businessLine, index) => {
+    return sofBusinessLines.map((businessLine, index) => {
       const result = legalEntityResults[index];
       let updatedBusinessLine = { ...businessLine };
       if (result && result.data) {
         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";
@@ -2839,7 +2118,7 @@ function SourceOfFundsDropin({
       return updatedBusinessLine;
     });
   }, [
-    filteredBusinessLines,
+    sofBusinessLines,
     // This is because the result of useQueries is not referentially stable, even though the individual query results are, so eslint complains
     // Also, this is generally safe, since this is typically what React Query returns
     JSON.stringify(
@@ -2852,7 +2131,7 @@ function SourceOfFundsDropin({
     )
   ]);
   useEffect(() => {
-    if (filteredBusinessLines && !areLegalEntitiesLoading && normalizedBusinessLines) {
+    if (sofBusinessLines && !areLegalEntitiesLoading && normalizedBusinessLines) {
       clearSofErrorMessage();
       setLoading(true);
       try {
@@ -2868,13 +2147,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]);
+  }, [sofBusinessLines, areLegalEntitiesLoading, normalizedBusinessLines, sofT, logger]);
   useEffect(() => {
     userEvents.addTaskEvent("Landed on page", {
       actionType: "start"
@@ -2911,10 +2190,10 @@ function SourceOfFundsDropin({
     );
     return addValidityToForms(requiredForms, formValidity, problems);
   }, [derivedProps, formValidity, problems]);
-  const createOrUpdateOriginator = async (additionalData) => {
+  const createOrUpdateOriginator = async (additionalData, prevAdditionalData) => {
     let originatorLegalEntityId;
     const sofOriginator = parseSofOriginatorPayload(additionalData);
-    if (additionalData?.originatorLegalEntityId) {
+    if (additionalData?.originatorLegalEntityId && additionalData?.originatorType === prevAdditionalData?.originatorType) {
       try {
         sofOriginator.id = additionalData?.originatorLegalEntityId;
         if (sofOriginator.type) {
@@ -2951,9 +2230,12 @@ function SourceOfFundsDropin({
     const sofPayload = getSourceOfFundsPayload(sofType, additionalData);
     if (sofType === "donations" || sofType === "inheritance") {
       try {
-        sofPayload.originatorLegalEntityId = await createOrUpdateOriginator(additionalData);
+        sofPayload.originatorLegalEntityId = await createOrUpdateOriginator(
+          additionalData,
+          activeSourceOfFund?.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 ?? "";
@@ -2977,14 +2259,14 @@ 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(sofT(($) => $["errorUpdatingSourceOfFunds"]));
       logger.log("Error updating source of funds", e);
     }
     setLoadingStatus("success");
-  }, [currentState?.data, handleHomeClick]);
+  }, [currentState?.data, activeSourceOfFund, handleHomeClick]);
   const handleGettingStarted = useCallback(() => {
     setGettingStarted(!gettingStarted);
   }, [gettingStarted]);
@@ -3078,8 +2360,8 @@ const SourceOfFundsPage = ({ onSubmit, handleHomeClick }) => {
   const { data: rootLe } = useLegalEntity(ROOT_LE);
   const capabilityProblems = useCapabilityProblems();
   const { i18n } = useTranslation();
-  addResourceBundles(i18n, i18n.language, [
-    { ns: "efp", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/da-DK.json": () => import("./da-DK-B45X2VaJ.js"), "../language/de-DE.json": () => import("./de-DE-CWvgMDqU.js"), "../language/en-US.json": () => import("./en-US-DIdQJky-.js"), "../language/es-ES.json": () => import("./es-ES-DKCCgVF8.js"), "../language/fi-FI.json": () => import("./fi-FI-Hhku9Lmc.js"), "../language/fr-FR.json": () => import("./fr-FR-BYuKsZIb.js"), "../language/it-IT.json": () => import("./it-IT-Nl57jui-.js"), "../language/nl-NL.json": () => import("./nl-NL-BHkRnVrj.js"), "../language/no-NO.json": () => import("./no-NO-kaAdT9B8.js"), "../language/pt-PT.json": () => import("./pt-PT-Xm-pm3mb.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) }
+  addResourceBundles(i18n, [
+    { ns: "sof", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../tasks/SourceOfFundsDropin/language/da-DK.json": () => import("./da-DK-DZwlENGe.js"), "../tasks/SourceOfFundsDropin/language/de-DE.json": () => import("./de-DE-DXR3EpEc.js"), "../tasks/SourceOfFundsDropin/language/en-US.json": () => import("./en-US-CozY33On.js"), "../tasks/SourceOfFundsDropin/language/es-ES.json": () => import("./es-ES-yMXcOjDL.js"), "../tasks/SourceOfFundsDropin/language/fi-FI.json": () => import("./fi-FI-xqnQ38yC.js"), "../tasks/SourceOfFundsDropin/language/fr-FR.json": () => import("./fr-FR-BSynpexF.js"), "../tasks/SourceOfFundsDropin/language/it-IT.json": () => import("./it-IT-C_651bEP.js"), "../tasks/SourceOfFundsDropin/language/nl-NL.json": () => import("./nl-NL-JChnFdCY.js"), "../tasks/SourceOfFundsDropin/language/no-NO.json": () => import("./no-NO--OoWld_l.js"), "../tasks/SourceOfFundsDropin/language/pt-BR.json": () => import("./pt-BR-C0I_kTQ6.js"), "../tasks/SourceOfFundsDropin/language/pt-PT.json": () => import("./pt-PT-Bf4IV7wp.js"), "../tasks/SourceOfFundsDropin/language/sv-SE.json": () => import("./sv-SE-DsPdegWB.js") }), `../tasks/SourceOfFundsDropin/language/${lang}.json`, 5) }
   ]);
   if (!rootLe) {
     return /* @__PURE__ */ jsx(Loader, {});