@adyen/kyc-components 4.3.0 → 4.4.0-beta.1

package/dist/{IndividualDropin-BEfS_NNT.js → IndividualDropin-uiNPeLuT.js}

@@ -2,7 +2,7 @@
 {
   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] = "849b8b62-9ab8-4451-bf89-b5e9034269ea", e._sentryDebugIdIdentifier = "sentry-dbid-849b8b62-9ab8-4451-bf89-b5e9034269ea");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "ac0f54da-8f12-4984-99e6-bbfb10bed946", e._sentryDebugIdIdentifier = "sentry-dbid-ac0f54da-8f12-4984-99e6-bbfb10bed946");
   } catch (e) {
   }
 }
@@ -11,60 +11,61 @@ import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
 import { Show } from "@preact/signals/utils";
 import { useMutation, useQuery, skipToken, useQueryClient } from "@tanstack/preact-query";
 import { useState, useRef, useCallback, useEffect, useMemo } from "preact/hooks";
-import { u as useScenarios } from "./useScenarios-DfdvyKrI.js";
-import { u as useCreateLegalEntity } from "./useCreateLegalEntity-DC4AmtL1.js";
-import { b as useApiContext, a3 as httpPost, a5 as CountryCodes, av as matchesRegex, aw as NO_ALPHABET_REGEX, ax as EMOJI_REGEX, ay as hasRepeatedCharacters, az as isInvalidName, aA as INDIVIDUAL_VALID_CHAR_REGEX, aq as isEmpty, h as TaskTypes, L as LegalEntityTypes, aB as getAgeToday, aC as euCountries, aD as hasText, aE as standardKatakanaValidator, aF as standardKanjiValidator, j as httpGet, u as useTranslation, Z as Button, r as Alert, G as Loader, aG as DecisionMakerTypes, aH as Scenarios, z as Typography, a7 as translateTranslatable, af as useI18nContext, aj as useDataset, ak as datasetIdentifier, aI as useAllowedCountries, H as useSettingsContext, v as useExperimentsContext, au as Header, aJ as getAgeRangeForLegalRepresentative, aK as isLegalRepresentativeNeeded, aL as Trans, aM as valuesOf, aN as keysOf, ab as objectsDeepEqual, aO as listToRecord, aP as pick, a8 as createLogger, q as IconButton, m as useAnalyticsContext, ag as datasetUtilities, aQ as useCapabilities, aR as individualApiKeyMapping, aS as drop, k as useAccountHolder, a4 as getLegalEntityCountry, aT as getAllowedDecisionMakerRoles, aU as filterOutUnwantedAssociationsIfRootLE, ah as cloneObject, aV as individualDocumentMapping, aW as individualObscuredFields, am as getOwnEntityAssociations, aX as hasNomineesChanged, aY as attachNomineeToRole, aZ as doArraysMatch } from "./StoreProvider-DFR6yFy8.js";
-import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-B1R9qggb.js";
-import { a as addressValidators, A as Address, u as useProviderStatus } from "./Address-BuvEwdEz.js";
-import { c as contactDetailsValidationRules, a as contactDetailFields, C as ContactDetails, u as useValidatePhoneNumberImperatively, g as getAsyncPhoneValidationRules } from "./ContactDetails-wRdhpEXl.js";
-import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-B08W9NV0.js";
-import { u as useToastContext } from "./useToastContext-D7Wu9TN_.js";
-import { g as getPropsFromConfigurations, c as composePerScenarioFormConfigurations } from "./process-field-configurations-CSUAI1_s.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-Ds8fesIK.js";
-import { u as useMultiForm } from "./useMultiForm-BwoKhXUz.js";
-import { u as uppercase, D as DocumentGuidance, m as mapExistingFile, g as getPageName, a as getPage, b as useScenarioConfiguration } from "./mapExistingFile-BU4Lq435.js";
+import { u as useScenarios } from "./useScenarios-XKveo5Md.js";
+import { u as useCreateLegalEntity } from "./useCreateLegalEntity-BhYUiCc8.js";
+import { b as useApiContext, h as httpPost, aa as CountryCodes, aC as matchesRegex, aD as NO_ALPHABET_REGEX, aE as EMOJI_REGEX, aF as hasRepeatedCharacters, aG as isInvalidName, aH as INDIVIDUAL_VALID_CHAR_REGEX, ax as isEmpty, y as TaskTypes, L as LegalEntityTypes, aI as getAgeToday, aJ as euCountries, aK as hasText, aL as standardKatakanaValidator, aM as standardKanjiValidator, j as httpGet, u as useTranslation, W as Button, G as Alert, V as Loader, as as DecisionMakerTypes, at as Scenarios, O as Typography, ac as translateTranslatable, ap as useDataset, aq as datasetIdentifier, aN as useAllowedCountries, k as useSettingsContext, J as useExperimentsContext, aB as Header, aO as getAgeRangeForLegalRepresentative, aP as isLegalRepresentativeNeeded, aQ as Trans, aR as valuesOf, aS as keysOf, ah as objectsDeepEqual, aT as listToRecord, aU as pick, m as createLogger, C as IconButton, z as useAnalyticsContext, am as datasetUtilities, aV as useCapabilities, aW as individualApiKeyMapping, aX as drop, v as useAccountHolder, a9 as getLegalEntityCountry, aY as getAllowedDecisionMakerRoles, aZ as filterOutUnwantedAssociationsIfRootLE, an as cloneObject, a_ as individualDocumentMapping, a$ as individualObscuredFields, ad as getOwnEntityAssociations, b0 as hasNomineesChanged, b1 as attachNomineeToRole, b2 as doArraysMatch } from "./StoreProvider-x59VMyW0.js";
+import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-DOKoyNaq.js";
+import { a as addressValidators, A as Address, u as useProviderStatus } from "./Address-xF2Li1Za.js";
+import { c as contactDetailsValidationRules, a as contactDetailFields, C as ContactDetails, u as useValidatePhoneNumberImperatively, g as getAsyncPhoneValidationRules } from "./ContactDetails-0AACDs1M.js";
+import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-DnlTEqkz.js";
+import { u as useToastContext } from "./useToastContext-CisUtg-6.js";
+import { g as getPropsFromConfigurations, c as composePerScenarioFormConfigurations } from "./process-field-configurations-BpvA07uV.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-DQpXPqk2.js";
+import { u as useMultiForm } from "./useMultiForm-DiDABOlp.js";
+import { u as uppercase, D as DocumentGuidance, m as mapExistingFile, g as getPageName, a as getPage, b as useScenarioConfiguration } from "./mapExistingFile-CDtoMMNP.js";
 import { J as JP_ADDRESS_REQUIRED_FIELDS } from "./jpAddressSchema-DEOyz9Yo.js";
-import { t as toFullWidth, m as mapJpAddressSchemaToAddressLocalizations, a as mapJpAddressSummary } from "./mapJpAddressSchemaToAddressLocalizations-BLzSTlhK.js";
-import { b as addressFields, a as getAddressSchemaLabelsByCountry, C as COUNTRIES_WITH_STATES_DATASET, m as mapAddressLabels } from "./utils-DTUxA3nO.js";
-import { G as GuidanceQuestionValues, a as GuidanceQuestion, g as getOnfidoIdentityTypeToApiIdentityTypeMap, i as individualFormDefaultData, m as mapLegalEntityToIndividualSchema } from "./mapLegalEntityToIndividualSchema-DHieAjhC.js";
-import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-CcsgWg6J.js";
-import { g as getIdDocument, a as getDocument, c as createDocumentRequest, d as documentApiUtils, m as mergeAttachments, b as getFileExtention } from "./validate-DLxn3LIK.js";
-import { t as taxInformationDefaultFieldMetadata, a as taxInformationDefaultFieldConfig, i as individualIdNumberOptions, b as additionallIdNumberOptions, T as TaxInformationField, M as MemoizedDocumentUpload, c as taxIdNumberOptions, g as getFieldsWithExistingData } from "./TaxInformationField-pIOj5IIN.js";
-import { i as isJapanLocalizationEnabled } from "./japanSupportUtils-B1kmKF7K.js";
-import { l as localizeDateString } from "./localizeDateString-DUFhW5fN.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-CJ4GOEBG.js";
-import { m as makeMask, n as numericInputs, a as nonInputs, b as alphaInputs, c as customInputs, s as spacer, d as alphanumericInputs, M as MaskedInput } from "./MaskedInput-DX9qywO6.js";
-import { v as validatePatternOnBlur } from "./patternValidators-hk7OKIOW.js";
+import { t as toFullWidth, m as mapJpAddressSchemaToAddressLocalizations, a as mapJpAddressSummary } from "./mapJpAddressSchemaToAddressLocalizations-BX_XB7Pv.js";
+import { b as addressFields, a as getAddressSchemaLabelsByCountry, C as COUNTRIES_WITH_STATES_DATASET, m as mapAddressLabels } from "./utils-C3PfmXJ-.js";
+import { G as GuidanceQuestionValues, a as GuidanceQuestion, g as getOnfidoIdentityTypeToApiIdentityTypeMap, i as individualFormDefaultData, m as mapLegalEntityToIndividualSchema } from "./mapLegalEntityToIndividualSchema-BTjkDub5.js";
+import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-Ba78AmbC.js";
+import { g as getIdDocument, a as getDocument, c as createDocumentRequest, d as documentApiUtils, m as mergeAttachments, b as getFileExtention } from "./validate-rilJfP0Q.js";
+import { t as taxInformationDefaultFieldMetadata, a as taxInformationDefaultFieldConfig, i as individualIdNumberOptions, b as additionallIdNumberOptions, T as TaxInformationField, M as MemoizedDocumentUpload, c as taxIdNumberOptions, g as getFieldsWithExistingData } from "./TaxInformationField-C9Jy5cRJ.js";
+import { i as isJapanLocalizationEnabled } from "./japanSupportUtils-r2_qbuUh.js";
+import { l as localizeDateString } from "./localizeDateString-Cn4lULAz.js";
+import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-Huaxn_9e.js";
+import { m as makeMask, n as numericInputs, a as nonInputs, b as alphaInputs, c as customInputs, s as spacer, d as alphanumericInputs, M as MaskedInput } from "./MaskedInput-B5-H7MTF.js";
+import { v as validatePatternOnBlur } from "./patternValidators-BmE8PX2j.js";
 import { r as resolveFieldMetadata } from "./fieldConfigurations-BUT9DTUH.js";
-import { g as getLocalizedIdDocumentTypeOptions } from "./utils-BUyOscpp.js";
+import { g as getLocalizedIdDocumentTypeOptions } from "./utils-B9F675JL.js";
 import { lazy, Suspense, memo } from "preact/compat";
-import { I as Image, T as TrustedFieldsProviders } from "./Image-kVLn7Cb2.js";
-import { M as Modal } from "./Modal-CyGRv-gZ.js";
-import { L as LandingLayout } from "./LandingLayout-Bx0c6vHb.js";
-import { C as Confirm } from "./Confirm-tO8eG5lI.js";
-import { a as getIndividualLegalEntityName } from "./getName-VMVSrxGw.js";
-import { b as idNowModalChildEntityId, a as idNowPostSubmit, s as showIdNowModal, c as shouldShowIdNowModal } from "./bafinUtils-BABg2zgB.js";
+import { I as Image } from "./unincorporated-partnership-CJz9rbE4.js";
+import { M as Modal } from "./Modal-l3FZFwDQ.js";
+import { L as LandingLayout } from "./LandingLayout-B9DjLl1D.js";
+import { C as Confirm } from "./Confirm-BX6xGJJV.js";
+import { a as getIndividualLegalEntityName } from "./getName-lGICWUPQ.js";
+import { b as idNowModalChildEntityId, a as idNowPostSubmit, s as showIdNowModal, c as shouldShowIdNowModal } from "./bafinUtils-DSDSKhKB.js";
 import { signal } from "@preact/signals";
-import { E as ErrorPanel, u as useFormRouterContext } from "./ErrorPanel-0defccwj.js";
+import { E as ErrorPanel, u as useFormRouterContext } from "./ErrorPanel-DDVrYUpJ.js";
 import { g as getFieldProps, a as getFormProps } from "./getProps-Cc3J2-z9.js";
-import { F as Field } from "./Field-CS5lBNi-.js";
-import { L as Link } from "./Link-deXxlSsM.js";
+import { F as Field } from "./Field-B9sKUtUg.js";
+import { L as Link } from "./Link-BieB0t1Y.js";
 import { S as SettingNames } from "./types-CQ2p58-6.js";
-import { I as InputDate, f as formatDateObj } from "./InputDate-DbPcPUic.js";
-import { I as InputText } from "./InputText-CQMxEarX.js";
-import { C as CountryField } from "./CountryField-BfpNTqr6.js";
-import { R as RadioGroup, a as RadioWithLabel } from "./RadioGroup-Bmyz_UGC.js";
-import { m as mergeFieldMetadataIntoProps, c as createFormUtils } from "./formUtils-Ctj-XQBQ.js";
-import { C as Checkbox } from "./Checkbox-CEt2JNWg.js";
-import { S as Select } from "./Select-w8VBNvQR.js";
-import { C as ContextGuidance } from "./ContextGuidance-D-wkN66k.js";
-import { C as COUNTRIES_WHICH_USE_MULTIPLE_IDENTITY_TYPES, i as individualRules, D as DECISION_MAKER_TYPES_WITH_JOBTITLE } from "./Individual.rules-BKCZ5pw4.js";
-import { i as isTruthyValidator } from "./commonValidators-BcyFMdFA.js";
-import { n as nameFields, N as Name } from "./Name-DB6DpTUy.js";
-import { D as Dropzone } from "./Dropzone-B87ivHUX.js";
-import { i as isEmpty$1 } from "./isEmpty-BNrK3WJw.js";
+import { I as InputDate, f as formatDateObj } from "./InputDate-BaGnhAVf.js";
+import { I as InputText } from "./InputText-D0_rMV9x.js";
+import { C as CountryField } from "./CountryField-Dp6hXPqK.js";
+import { R as RadioGroup, a as RadioWithLabel } from "./RadioGroup-DxGcH0In.js";
+import { m as mergeFieldMetadataIntoProps, c as createFormUtils } from "./formUtils-A6oBRG3L.js";
+import { C as Checkbox } from "./Checkbox-BU__y4sz.js";
+import { S as Select } from "./Select-BJOovb_D.js";
+import { C as ContextGuidance } from "./ContextGuidance-B17pNn6u.js";
+import { C as COUNTRIES_WHICH_USE_MULTIPLE_IDENTITY_TYPES, i as individualRules, D as DECISION_MAKER_TYPES_WITH_JOBTITLE } from "./Individual.rules-BD1j4LiM.js";
+import { i as isTruthyValidator } from "./commonValidators-B6d9s0-o.js";
+import { T as TrustedFieldsProviders } from "./trusted-fields-provider-BgfIoSNJ.js";
+import { n as nameFields, N as Name } from "./Name-Cy0qTOPR.js";
+import { D as Dropzone } from "./Dropzone-CLoB_3-q.js";
+import { i as isEmpty$1 } from "./isEmpty-C2vBRvpQ.js";
 import { Onfido } from "onfido-sdk-ui";
-import { L as LoaderWrapper } from "./LoaderWrapper-Dg9BXOfN.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-B73HgNuK.js";
 import { S as Spacer } from "./Spacer-BK3jDget.js";
 import { f as formatObject } from "./utils-DNSfZiio.js";
 import { m as mapSchemaFieldsToApiScriptLocalization } from "./mapAddressLocalizationToJpAddressSchema-vJWbpAyq.js";
@@ -788,7 +789,7 @@ const additionalPersonalDetailsValidators = ({
   idNumber,
   existingIdNumber,
   formVerificationErrors,
-  i18n,
+  t,
   taxIdNumberType
 }) => ({
   taxInformation: resolveFieldMetadata(
@@ -830,7 +831,7 @@ const additionalPersonalDetailsValidators = ({
   ...addressValidators({
     isExperimentEnabled,
     country,
-    i18n
+    t
   })
 });
 const localizedNameValidationRulesV4 = (isExperimentEnabled = () => false, country) => {
@@ -1073,7 +1074,7 @@ const IdNowVerificationModal = ({ handleFinish }) => {
         size: page === 2 ? "large" : "medium",
         showCloseButton: !isLoading && !isStatusLoading,
         onClose: handleDismiss,
-        ariaLabel: t(($) => $["identityVerification"], { ns: "common" }),
+        ariaLabel: t(($) => $["identityVerification"]),
         children: [
           page === 1 && /* @__PURE__ */ jsx("div", { className: styles$4.idnowHeader, children: /* @__PURE__ */ jsx(
             LandingLayout,
@@ -1085,7 +1086,7 @@ const IdNowVerificationModal = ({ handleFinish }) => {
                   lazyLoadedImage: passportFrontGreenImage$1
                 }
               ),
-              title: t(($) => $["identityVerification"], { ns: "common" }),
+              title: t(($) => $["identityVerification"]),
               description: /* @__PURE__ */ jsxs(Fragment, { children: [
                 t(($) => $["idNowDescription"], { ns: "individual" }),
                 /* @__PURE__ */ jsx("br", {}),
@@ -1337,7 +1338,8 @@ const DriversLicense = ({
   guidanceText,
   shouldValidate
 }) => {
-  const { i18n } = useI18nContext();
+  const { t: commonT } = useTranslation("common");
+  const { t: individualT } = useTranslation("individual");
   const { dataset: auStates } = useDataset(datasetIdentifier.state("AU"));
   const isCountryAustralia = country === CountryCodes.Australia;
   const isCountryNewZealand = country === CountryCodes.NewZealand;
@@ -1357,7 +1359,7 @@ const DriversLicense = ({
             onChange: onIssuerStateChange,
             isInvalid: false,
             items: auStates,
-            placeholder: i18n.get("selectState"),
+            placeholder: commonT(($) => $["selectState"]),
             selected: driversLicense.issuerState
           }
         )
@@ -1408,14 +1410,14 @@ const DriversLicense = ({
     (isCountryAustralia || isCountryNewZealand) && /* @__PURE__ */ jsx(
       ContextGuidance,
       {
-        title: i18n.get("whereCanIFindTheseNumbersOnMyDriversLicense"),
+        title: individualT(($) => $["whereCanIFindTheseNumbersOnMyDriversLicense"]),
         content: /* @__PURE__ */ jsxs(Fragment, { children: [
-          isCountryAustralia ? `${i18n.get("whereToFindNumbersOnDriversLicense")} ` : `${i18n.get("whereToFindNumbersOnDriversLicense__NZ")} `,
+          isCountryAustralia ? `${individualT(($) => $["whereToFindNumbersOnDriversLicense"])} ` : `${individualT(($) => $["whereToFindNumbersOnDriversLicense__NZ"])} `,
           /* @__PURE__ */ jsx(
             Link,
             {
               href: isCountryAustralia ? "https://www.usi.gov.au/about/forms-id/drivers-licence" : "https://www.nzta.govt.nz/driver-licences/getting-a-licence/your-driver-licence-explained/",
-              children: i18n.get("iStillCantFindIt")
+              children: individualT(($) => $["iStillCantFindIt"])
             }
           )
         ] }),
@@ -1433,7 +1435,7 @@ const TypeOfIdentity = ({
   errorMessage,
   isValid
 }) => {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation(["common", "individual"]);
   return /* @__PURE__ */ jsx(
     Field,
     {
@@ -1441,7 +1443,7 @@ const TypeOfIdentity = ({
       label,
       errorMessage,
       isValid,
-      helper: i18n.get("typeOfIdentitySubtitle"),
+      helper: t(($) => $["typeOfIdentitySubtitle"], { ns: "individual" }),
       children: (childProps) => /* @__PURE__ */ jsx(
         Select,
         {
@@ -1450,9 +1452,9 @@ const TypeOfIdentity = ({
           isInvalid: false,
           items: availableIdentityTypesOptions.map(({ id, name }) => ({
             id,
-            name: i18n.get(name)
+            name: t(($) => $[name])
           })),
-          placeholder: i18n.get("selectOne"),
+          placeholder: t(($) => $["selectOne"]),
           selected: selectedIdentityType,
           onChange: (event) => setSelectedIdentityType(event.target.value)
         }
@@ -1691,7 +1693,7 @@ const additionalIdentityInfoFields = [
   "expiryDate"
 ];
 const LazyJpAddress = lazy(
-  async () => (await import("./JpAddress-8qsY8wnP.js")).JpAddress
+  async () => (await import("./JpAddress-CzQ4H7tm.js")).JpAddress
 );
 const additionalPersonalDetailsFields = [
   "birthDate",
@@ -2102,8 +2104,8 @@ const basicDetailsFields = [
   "jaKanaLastName"
 ];
 function BasicDetails(props) {
-  const { t } = useTranslation("common");
-  const { i18n } = useI18nContext();
+  const { t: commonT } = useTranslation("common");
+  const { t: individualT } = useTranslation("individual");
   const {
     form: { triggerValidation }
   } = useFormContext();
@@ -2122,7 +2124,7 @@ function BasicDetails(props) {
     handleFieldChange
   } = props;
   const isLegalRepresentativeDetailsTask = taskType === TaskTypes.LEGAL_REPRESENTATIVE_DETAILS;
-  const formUtils = createFormUtils(props, t);
+  const formUtils = createFormUtils(props, commonT);
   const localizedNameProps = getFieldProps(props, [
     "jaHaniFirstName",
     "jaHaniLastName",
@@ -2149,26 +2151,23 @@ function BasicDetails(props) {
       Alert,
       {
         variant: "info",
-        title: i18n.get({
-          key: "legalRepresentativeFor",
-          values: {
-            firstName: parentLegalEntity?.individual?.name.firstName || "",
-            lastName: parentLegalEntity?.individual?.name.lastName || ""
-          }
+        title: individualT(($) => $["legalRepresentativeFor"], {
+          firstName: parentLegalEntity?.individual?.name.firstName || "",
+          lastName: parentLegalEntity?.individual?.name.lastName || ""
         })
       }
     ),
     /* @__PURE__ */ jsx(
       ContextGuidance,
       {
-        title: i18n.get("whyDoINeedToFillInThisInformation"),
-        content: i18n.get("reasonForFillingIndividualPersonalDetails"),
+        title: commonT(($) => $["whyDoINeedToFillInThisInformation"]),
+        content: individualT(($) => $["reasonForFillingIndividualPersonalDetails"]),
         titleId: "whyDoINeedToFillInThisInformation",
         contentId: "reasonForFillingIndividualPersonalDetails"
       }
     ),
-    isDecisionMakerTask(taskType) && trustedFieldsProvider === TrustedFieldsProviders.SINGPASS && readOnlyFields && /* @__PURE__ */ jsx(Typography, { color: "secondary", variant: "caption", children: i18n.get(
-      "weSelectedSomeRolesBasedOnMyinfoBusinessDataAboutYourCompanysAppointmentHoldersAndShareholders"
+    isDecisionMakerTask(taskType) && trustedFieldsProvider === TrustedFieldsProviders.SINGPASS && readOnlyFields && /* @__PURE__ */ jsx(Typography, { color: "secondary", variant: "caption", children: individualT(
+      ($) => $["weSelectedSomeRolesBasedOnMyinfoBusinessDataAboutYourCompanysAppointmentHoldersAndShareholders"]
     ) }),
     /* @__PURE__ */ jsx(
       LocalizedNameFields,
@@ -2440,7 +2439,7 @@ const ConflictRow = ({
   onSelect,
   showAs
 }) => {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation("common");
   const hasOnlyProvided = !isEmpty$1(provided) && isEmpty$1(detected);
   const hasOnlyDetected = isEmpty$1(provided) && !isEmpty$1(detected);
   useEffect(() => {
@@ -2453,7 +2452,7 @@ const ConflictRow = ({
   }, [hasOnlyProvided, hasOnlyDetected, onSelect, selected]);
   if (hasOnlyProvided || hasOnlyDetected) return;
   return showAs === "listItem" ? /* @__PURE__ */ jsxs("div", { className: styles$3.conflictRowList, children: [
-    /* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: i18n.get(label) }) }),
+    /* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: t(($) => $[label]) }) }),
     /* @__PURE__ */ jsxs("dd", { children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx(
@@ -2462,7 +2461,7 @@ const ConflictRow = ({
             variant: "caption",
             color: "tertiary",
             className: styles$3.conflictRowListOptionLabel,
-            children: i18n.get("youEntered")
+            children: t(($) => $["youEntered"])
           }
         ),
         /* @__PURE__ */ jsx(
@@ -2482,7 +2481,7 @@ const ConflictRow = ({
             variant: "caption",
             color: "tertiary",
             className: styles$3.conflictRowListOptionLabel,
-            children: i18n.get("weDetected")
+            children: t(($) => $["weDetected"])
           }
         ),
         /* @__PURE__ */ jsx(
@@ -2497,7 +2496,7 @@ const ConflictRow = ({
       ] })
     ] })
   ] }) : /* @__PURE__ */ jsxs("tr", { className: styles$3.conflictRowTable, children: [
-    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: i18n.get(label) }) }),
+    /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", children: t(($) => $[label]) }) }),
     /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
       RadioWithLabel,
       {
@@ -2538,7 +2537,7 @@ const DataConflictsModal = ({
   onContinue,
   onCancel
 }) => {
-  const { i18n } = useI18nContext();
+  const { t: individualT } = useTranslation("individual");
   const [showCancelModal, setShowCancelModal] = useState(false);
   const [showError, setShowError] = useState(false);
   const conflictItems = useMemo(
@@ -2562,13 +2561,19 @@ const DataConflictsModal = ({
     []
     // No dependencies, as setShowError and setResolutions are stable.
   );
-  return /* @__PURE__ */ jsxs(Modal, { ariaLabel: i18n.get(title), onClose: () => setShowCancelModal(true), inset: true, children: [
+  return /* @__PURE__ */ jsxs(Modal, { ariaLabel: individualT(($) => $[title]), onClose: () => setShowCancelModal(true), inset: true, children: [
     /* @__PURE__ */ jsxs("div", { className: styles$2.dataConflictsWrapper, children: [
       /* @__PURE__ */ jsxs("div", { className: styles$2.dataConflictsHeader, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h1", children: i18n.get(title) }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body", children: i18n.get(explanation) })
+        /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h1", children: individualT(($) => $[title]) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body", children: individualT(($) => $[explanation]) })
       ] }),
-      showError ? /* @__PURE__ */ jsx(Alert, { variant: "error", title: i18n.get("chooseTheCorrectDetailsBeforeProceeding") }) : void 0,
+      showError ? /* @__PURE__ */ jsx(
+        Alert,
+        {
+          variant: "error",
+          title: individualT(($) => $["chooseTheCorrectDetailsBeforeProceeding"])
+        }
+      ) : void 0,
       /* @__PURE__ */ jsx("dl", { className: styles$2.dataConflictsList, children: keysOf(conflictItems).map((property) => /* @__PURE__ */ jsx(
         ConflictRow,
         {
@@ -2585,8 +2590,8 @@ const DataConflictsModal = ({
       /* @__PURE__ */ jsxs("table", { className: styles$2.dataConflictsTable, children: [
         /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
           /* @__PURE__ */ jsx("th", {}),
-          /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "tertiary", children: i18n.get("youEntered") }) }),
-          /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "tertiary", children: i18n.get("weDetected") }) })
+          /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "tertiary", children: individualT(($) => $["youEntered"]) }) }),
+          /* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "tertiary", children: individualT(($) => $["weDetected"]) }) })
         ] }) }),
         /* @__PURE__ */ jsx("tbody", { children: keysOf(conflictItems).map((property) => /* @__PURE__ */ jsx(
           ConflictRow,
@@ -2622,16 +2627,16 @@ const DataConflictsModal = ({
             };
             onContinue(finalData);
           },
-          children: i18n.get("confirmSelection")
+          children: individualT(($) => $["confirmSelection"])
         }
       )
     ] }),
     showCancelModal && /* @__PURE__ */ jsx(
       Confirm,
       {
-        title: i18n.get("leaveInstantVerification"),
-        confirmText: i18n.get("leaveVerification"),
-        description: i18n.get("anyInformationFromTheUploadedDocumentWillBeLost"),
+        title: individualT(($) => $["leaveInstantVerification"]),
+        confirmText: individualT(($) => $["leaveVerification"]),
+        description: individualT(($) => $["anyInformationFromTheUploadedDocumentWillBeLost"]),
         onConfirm: onCancel,
         onCancel: () => setShowCancelModal(false),
         critical: false
@@ -2803,26 +2808,27 @@ const useIdVerificationToken = ({ firstName, lastName, residencyCountry }, legal
   });
 };
 const containerId = "adyen-kyc-id-verification";
-const getOnfidoLocaleConfig = (i18n) => {
-  const language = i18n.locale.substring(0, 2);
+const getOnfidoLocaleConfig = (locale, t) => {
+  const language = locale.substring(0, 2);
   return language === "en" ? {
     locale: language,
     phrases: {
-      "country_select.button_primary": i18n.get("continue"),
-      "doc_submit.title_id_back": i18n.get("identityCardBack"),
-      "doc_submit.title_id_front": i18n.get("identityCardFront"),
-      "doc_submit.title_license_back": i18n.get("drivinglicenseBack"),
-      "doc_submit.title_license_front": i18n.get("drivinglicenseFront"),
-      "doc_submit.title_passport": i18n.get("passportPhotoPage"),
-      "doc_submit.title_permit_back": i18n.get("residencePermitBack"),
-      "doc_submit.title_permit_front": i18n.get("residencePermitFront")
+      "country_select.button_primary": t(($) => $["continue"]),
+      "doc_submit.title_id_back": t(($) => $["identityCardBack"]),
+      "doc_submit.title_id_front": t(($) => $["identityCardFront"]),
+      "doc_submit.title_license_back": t(($) => $["drivinglicenseBack"]),
+      "doc_submit.title_license_front": t(($) => $["drivinglicenseFront"]),
+      "doc_submit.title_passport": t(($) => $["passportPhotoPage"]),
+      "doc_submit.title_permit_back": t(($) => $["residencePermitBack"]),
+      "doc_submit.title_permit_front": t(($) => $["residencePermitFront"])
     }
   } : language;
 };
 const initOnfido = async ({
   containerEl,
   token,
-  i18n,
+  t,
+  locale,
   onIdVerificationComplete,
   onIdVerificationError,
   showMotionCapture
@@ -2848,7 +2854,7 @@ const initOnfido = async ({
     onComplete: onIdVerificationComplete,
     onError: onIdVerificationError,
     steps,
-    language: getOnfidoLocaleConfig(i18n)
+    language: getOnfidoLocaleConfig(locale, t)
   });
 };
 const logger$3 = createLogger();
@@ -2859,7 +2865,7 @@ function IdVerification({
   onIdVerificationComplete
 }) {
   const containerRef = useRef(null);
-  const { i18n } = useI18nContext();
+  const { t, i18n } = useTranslation("individual");
   const {
     data: tokenResponse,
     isLoading,
@@ -2875,10 +2881,10 @@ function IdVerification({
       onfidoSdk.current = await initOnfido({
         containerEl: containerRef.current,
         token: sdkToken,
-        i18n,
+        t,
+        locale: i18n.language,
         onIdVerificationError,
         onIdVerificationComplete,
-        language: getOnfidoLocaleConfig(i18n),
         showMotionCapture: showIndividualMotionCapture.value
       });
     })().catch(logger$3.error);
@@ -2901,8 +2907,8 @@ const OnfidoVerificationModal = ({
   onError,
   onComplete
 }) => {
-  const { i18n } = useI18nContext();
-  return /* @__PURE__ */ jsx(Modal, { size: "medium", onClose: closeModal, ariaLabel: i18n.get("identityVerification"), children: minimumApplicantDetails && /* @__PURE__ */ jsx(
+  const { t } = useTranslation("individual");
+  return /* @__PURE__ */ jsx(Modal, { size: "medium", onClose: closeModal, ariaLabel: t(($) => $["identityVerification"]), children: minimumApplicantDetails && /* @__PURE__ */ jsx(
     IdVerification,
     {
       minimumApplicantDetails,
@@ -2917,16 +2923,14 @@ const styles = {
   uploadedDocument
 };
 const UploadedDocument = ({ document: document2, onDelete, onUpdate }) => {
-  const { i18n } = useI18nContext();
+  const { t, i18n } = useTranslation("common");
   return /* @__PURE__ */ jsxs("article", { className: styles.uploadedDocument, children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Typography, { el: "h4", variant: "title", children: i18n.get(document2.idDocumentType) }),
-      /* @__PURE__ */ jsx(Typography, { el: "p", variant: "body", children: i18n.get("uploadedOn", {
-        values: {
-          date: localizeDateString(document2.modificationDate, i18n.locale, {
-            month: "short"
-          }) ?? ""
-        }
+      /* @__PURE__ */ jsx(Typography, { el: "h4", variant: "title", children: t(($) => $[document2.idDocumentType]) }),
+      /* @__PURE__ */ jsx(Typography, { el: "p", variant: "body", children: t(($) => $["uploadedOn"], {
+        date: localizeDateString(document2.modificationDate, i18n.language, {
+          month: "short"
+        }) ?? ""
       }) })
     ] }),
     /* @__PURE__ */ jsx(Spacer, {}),
@@ -2936,10 +2940,10 @@ const UploadedDocument = ({ document: document2, onDelete, onUpdate }) => {
         onClick: onDelete,
         icon: "bin",
         variant: "secondary",
-        ariaLabel: i18n.get("delete")
+        ariaLabel: t(($) => $["delete"])
       }
     ),
-    /* @__PURE__ */ jsx(Button, { onClick: onUpdate, variant: "secondary", children: i18n.get("update") })
+    /* @__PURE__ */ jsx(Button, { onClick: onUpdate, variant: "secondary", children: t(($) => $["update"]) })
   ] });
 };
 const validateExtractionResult = (extractionResult) => {
@@ -2977,7 +2981,7 @@ function IdVerificationMethod(props) {
     fieldValidationErrors,
     hasLiveSelfieErrorCode
   } = props;
-  const { t, i18n } = useTranslation(["individual"]);
+  const { t: individualT, i18n } = useTranslation("individual");
   const { t: commonT } = useTranslation("common");
   const userEvents = useAnalyticsContext();
   const { isExperimentEnabled } = useExperimentsContext();
@@ -3198,8 +3202,8 @@ function IdVerificationMethod(props) {
             lazyLoadedImage: passportFrontGreenImage
           }
         ),
-        title: commonT(($) => $["identityVerification"]),
-        description: showIndividualMotionCapture?.value ? t(($) => $["toHelpProtectAgainstFraudAndKeepOurServices"]) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        title: individualT(($) => $["identityVerification"]),
+        description: showIndividualMotionCapture?.value ? individualT(($) => $["toHelpProtectAgainstFraudAndKeepOurServices"]) : /* @__PURE__ */ jsxs(Fragment, { children: [
           commonT(($) => $["takeOrUploadAPhoto"]),
           " ",
           /* @__PURE__ */ jsx(Link, { href: "https://onfido.com", external: true, inline: true, children: commonT(($) => $["onfido"]) })
@@ -3222,7 +3226,7 @@ function IdVerificationMethod(props) {
               children: commonT(($) => $["startVerification"])
             }
           ),
-          isExperimentEnabled("EnableVerifyByInvite") && isDecisionMakerTask(taskType) && /* @__PURE__ */ jsx(Button, { onClick: handleVerifyByInvite, variant: "secondary", fullWidth: true, children: t(($) => $["verifyByInvite"]) }),
+          isExperimentEnabled("EnableVerifyByInvite") && isDecisionMakerTask(taskType) && /* @__PURE__ */ jsx(Button, { onClick: handleVerifyByInvite, variant: "secondary", fullWidth: true, children: individualT(($) => $["verifyByInvite"]) }),
           !showIndividualMotionCapture?.value && /* @__PURE__ */ jsx(
             Button,
             {
@@ -3244,9 +3248,9 @@ function IdVerificationMethod(props) {
         disclaimer: (
           // TODO - replace with Trans component
           !doesUserHaveExistingDocument && /* @__PURE__ */ jsxs(Fragment, { children: [
-            t(($) => $["byContinuingToUseThisService"]),
+            individualT(($) => $["byContinuingToUseThisService"]),
             " ",
-            /* @__PURE__ */ jsx(Link, { href: "https://onfido.com/facial-scan-policy-and-release/", external: true, inline: true, children: t(($) => $["onfidoFacialScanPolicy"]) }),
+            /* @__PURE__ */ jsx(Link, { href: "https://onfido.com/facial-scan-policy-and-release/", external: true, inline: true, children: individualT(($) => $["onfidoFacialScanPolicy"]) }),
             " ",
             /* @__PURE__ */ jsx(Link, { href: "https://onfido.com/privacy/", external: true, inline: true, children: commonT(($) => $["privacyPolicy"]) }),
             " ",
@@ -3271,18 +3275,18 @@ function IdVerificationMethod(props) {
     status === "confirmManualFlowModal" && /* @__PURE__ */ jsx(
       Confirm,
       {
-        title: t(($) => $["addDetailsManuallyQuestion"]),
-        description: t(($) => $["itCanTakeUpTo"]),
+        title: individualT(($) => $["addDetailsManuallyQuestion"]),
+        description: individualT(($) => $["itCanTakeUpTo"]),
         onCancel: handleCancelAddDetailsManually,
-        confirmText: t(($) => $["yesAddManually"]),
+        confirmText: individualT(($) => $["yesAddManually"]),
         onConfirm: handleContinueViaManualEntryFlow
       }
     ),
     status === "confirmDeleteDocumentModal" && /* @__PURE__ */ jsx(
       Confirm,
       {
-        title: t(($) => $["deleteIdDocument"]),
-        description: t(($) => $["youMayBeAskedToReUpload"]),
+        title: individualT(($) => $["deleteIdDocument"]),
+        description: individualT(($) => $["youMayBeAskedToReUpload"]),
         confirmText: commonT(($) => $["deleteDocument"]),
         onCancel: handleCancelDeleteDocument,
         onConfirm: handleDeleteDocument,
@@ -3348,20 +3352,20 @@ const proofOfRelationshipDocumentOptions = [
   }
 ];
 function ProofOfRelationship({ id, ...props }) {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation(["individual", "common"]);
   const [proofOfRelationshipDocumentType, setProofOfRelationshipDocumentType] = useState(
     proofOfRelationshipDocumentOptions[0].id
   );
   const proofOfResidencyGuidanceContent = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-upload-field__subtitle", children: [
       " ",
-      i18n.get("requirements")
+      t(($) => $["requirements"], { ns: "common" })
     ] }),
     /* @__PURE__ */ jsxs("ul", { children: [
-      /* @__PURE__ */ jsx("li", { children: i18n.get("documentAddressedToName", { values: { name: props.name } }) }),
-      /* @__PURE__ */ jsx("li", { children: i18n.get("showAddressStateCountry") }),
-      /* @__PURE__ */ jsx("li", { children: i18n.get("fullDocumentVisibleWithReadableText") }),
-      /* @__PURE__ */ jsx("li", { children: i18n.get("documentCannotBeDamaged") })
+      /* @__PURE__ */ jsx("li", { children: t(($) => $["documentAddressedToName"], { name: props.name }) }),
+      /* @__PURE__ */ jsx("li", { children: t(($) => $["showAddressStateCountry"]) }),
+      /* @__PURE__ */ jsx("li", { children: t(($) => $["fullDocumentVisibleWithReadableText"]) }),
+      /* @__PURE__ */ jsx("li", { children: t(($) => $["documentCannotBeDamaged"]) })
     ] })
   ] });
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -3370,8 +3374,8 @@ function ProofOfRelationship({ id, ...props }) {
       ...props,
       documentField: "proofOfRelationship",
       documentType: "proofOfRelationship",
-      heading: i18n.get("proofOfRelationship"),
-      guidanceHeader: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-document-upload__subtitle adyen-kyc-u-margin-bottom-16", children: i18n.get("proofOfResidenceDocumentTypeLabel", { values: { name: props.name } }) }),
+      heading: t(($) => $["proofOfRelationship"], { ns: "common" }),
+      guidanceHeader: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-document-upload__subtitle adyen-kyc-u-margin-bottom-16", children: t(($) => $["proofOfResidenceDocumentTypeLabel"], { name: props.name }) }),
       documentTypeSelect: {
         selectedType: proofOfRelationshipDocumentType,
         setSelectedType: setProofOfRelationshipDocumentType,
@@ -3416,7 +3420,7 @@ const proofOfResidenceDocumentOptions = [
   }
 ];
 function ProofOfResidency({ id, ...props }) {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation(["individual", "common"]);
   const [proofOfResidenceDocumentType, setProofOfResidenceDocumentType] = useState(
     proofOfResidenceDocumentOptions[0].id
   );
@@ -3424,14 +3428,14 @@ function ProofOfResidency({ id, ...props }) {
   const proofOfResidencyGuidanceContent = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-upload-field__subtitle", children: [
       " ",
-      i18n.get("requirements")
+      t(($) => $["requirements"], { ns: "common" })
     ] }),
     /* @__PURE__ */ jsxs("ul", { children: [
-      /* @__PURE__ */ jsx("li", { children: i18n.get("documentAddressedToName", { values: { name: props.name } }) }),
-      /* @__PURE__ */ jsx("li", { children: i18n.get("showAddressStateCountry") }),
-      /* @__PURE__ */ jsx("li", { children: isMortgageOrVoterRegistration ? i18n.get("dateOnDocumentNoOlderThanXMonths", { values: { numberOfMonths: 12 } }) : i18n.get("dateOnDocumentNoOlderThanXMonths", { values: { numberOfMonths: 3 } }) }),
-      /* @__PURE__ */ jsx("li", { children: i18n.get("fullDocumentVisibleWithReadableText") }),
-      /* @__PURE__ */ jsx("li", { children: i18n.get("documentCannotBeDamaged") })
+      /* @__PURE__ */ jsx("li", { children: t(($) => $["documentAddressedToName"], { name: props.name }) }),
+      /* @__PURE__ */ jsx("li", { children: t(($) => $["showAddressStateCountry"]) }),
+      /* @__PURE__ */ jsx("li", { children: isMortgageOrVoterRegistration ? t(($) => $["dateOnDocumentNoOlderThanXMonths"], { numberOfMonths: 12 }) : t(($) => $["dateOnDocumentNoOlderThanXMonths"], { numberOfMonths: 3 }) }),
+      /* @__PURE__ */ jsx("li", { children: t(($) => $["fullDocumentVisibleWithReadableText"]) }),
+      /* @__PURE__ */ jsx("li", { children: t(($) => $["documentCannotBeDamaged"]) })
     ] })
   ] });
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -3440,8 +3444,8 @@ function ProofOfResidency({ id, ...props }) {
       ...props,
       documentField: "proofOfResidency",
       documentType: "proofOfResidency",
-      heading: i18n.get("proofOfResidency"),
-      guidanceHeader: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-document-upload__subtitle adyen-kyc-u-margin-bottom-16", children: i18n.get("proofOfResidenceDocumentTypeLabel", { values: { name: props.name } }) }),
+      heading: t(($) => $["proofOfResidency"], { ns: "common" }),
+      guidanceHeader: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-document-upload__subtitle adyen-kyc-u-margin-bottom-16", children: t(($) => $["proofOfResidenceDocumentTypeLabel"], { name: props.name }) }),
       documentTypeSelect: {
         selectedType: proofOfResidenceDocumentType,
         setSelectedType: setProofOfResidenceDocumentType,
@@ -3460,13 +3464,13 @@ const getDisplayErrorMessage = (errorMessage, t) => {
   return typeof errorMessage !== "boolean" ? translateTranslatable(t, errorMessage) : errorMessage;
 };
 const SignatoryQuestionnaireModalContent = () => {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation("individual");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h3", className: "adyen-kyc-u-margin-bottom-40", children: i18n.get("moreAboutAuthorizedSignatories") }),
-    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("signatoryDescriptionQ1") }),
-    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("signatoryDescriptionA1") }),
-    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("signatoryDescriptionQ2") }),
-    /* @__PURE__ */ jsx(Typography, { el: "p", children: i18n.get("signatoryDescriptionA2") })
+    /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h3", className: "adyen-kyc-u-margin-bottom-40", children: t(($) => $["moreAboutAuthorizedSignatories"]) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: t(($) => $["signatoryDescriptionQ1"]) }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: t(($) => $["signatoryDescriptionA1"]) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: t(($) => $["signatoryDescriptionQ2"]) }),
+    /* @__PURE__ */ jsx(Typography, { el: "p", children: t(($) => $["signatoryDescriptionA2"]) })
   ] });
 };
 function SignatoryQuestionnaire(props) {
@@ -3523,7 +3527,15 @@ function SignatoryQuestionnaire(props) {
         errorMessage: getDisplayErrorMessage(errorMessage, t)
       }
     ),
-    isModalOpen && /* @__PURE__ */ jsx(Modal, { onClose: closeModal, ariaLabel: t(($) => $["moreAboutAuthorizedSignatories"]), inset: true, children: /* @__PURE__ */ jsx(SignatoryQuestionnaireModalContent, {}) })
+    isModalOpen && /* @__PURE__ */ jsx(
+      Modal,
+      {
+        onClose: closeModal,
+        ariaLabel: t(($) => $["moreAboutAuthorizedSignatories"], { ns: "individual" }),
+        inset: true,
+        children: /* @__PURE__ */ jsx(SignatoryQuestionnaireModalContent, {})
+      }
+    )
   ] });
 }
 const useGuidanceQuestionnaire = ({
@@ -4541,8 +4553,7 @@ function IndividualDropin({
 }) {
   const { baseUrl, rootLegalEntityId } = useApiContext();
   const { accountHolder, setAccountHolder } = useAccountHolder();
-  const { i18n } = useI18nContext();
-  const { t } = useTranslation("individual");
+  const { t, i18n } = useTranslation(["common", "individual"]);
   const userEvents = useAnalyticsContext();
   const { showToast, clearToasts } = useToastContext();
   const { isExperimentEnabled } = useExperimentsContext();
@@ -4632,14 +4643,14 @@ function IndividualDropin({
         idNumber: data2?.additionalPersonalDetails?.idNumber,
         existingIdNumber: dataFromResponse.additionalPersonalDetails?.idNumber,
         formVerificationErrors: problems?.verificationErrors?.additionalPersonalDetails,
-        i18n,
+        t,
         taxIdNumberType: data2?.additionalPersonalDetails?.taxInformation?.length ? data2?.additionalPersonalDetails?.taxInformation[0]?.type : void 0
       })
     }),
     [
       country,
       dataFromResponse.additionalPersonalDetails?.idNumber,
-      i18n,
+      t,
       isExperimentEnabled,
       isSettingEnabled,
       problems?.verificationErrors?.additionalPersonalDetails,
@@ -4763,7 +4774,7 @@ function IndividualDropin({
       setExistingAttachments(res[0].attachments);
       setDocuments(mapApiDocumentToIndividualDocuments(legalEntityResponse?.id));
     }).catch(() => {
-      showToast({ label: i18n.get("failedToFetchRelevantDocuments"), variant: "error" });
+      showToast({ label: t(($) => $["failedToFetchRelevantDocuments"]), variant: "error" });
     });
   }, []);
   const forms = useMemo(() => {
@@ -4978,19 +4989,19 @@ function IndividualDropin({
       if (isValidationError(e)) {
         const getErrors = processValidationErrors(e, TaskTypes.INDIVIDUAL);
         if (getErrors && !Object.keys(getErrors).length) {
-          showToast({ label: i18n.get("failedToUpdateDetails"), variant: "error" });
+          showToast({ label: t(($) => $["failedToUpdateDetails"]), variant: "error" });
           eventsAdditionalData.unmappedErrorNames = e.invalidFields?.map((field) => field.name).filter(Boolean);
         } else {
           setValidationErrors(getErrors);
         }
       } else if (isMaintenanceModeError(e)) {
         showToast({
-          label: i18n.get("maintenanceModeMessage"),
+          label: t(($) => $["maintenanceModeMessage"]),
           variant: "error",
           duration: "indefinite"
         });
       } else {
-        showToast({ label: i18n.get("failedToUpdateDetails"), variant: "error" });
+        showToast({ label: t(($) => $["failedToUpdateDetails"]), variant: "error" });
       }
       setLoadingStatus("success");
       userEvents.addTaskEvent("Encountered error", {
@@ -5001,7 +5012,7 @@ function IndividualDropin({
       });
     }
   };
-  const datasetUtils = datasetUtilities(i18n.locale);
+  const datasetUtils = datasetUtilities(i18n.language);
   const formatIdDocument = (idDocument) => {
     if (!idDocument) return void 0;
     const documentType = idDocument?.instantIdVerificationData ? onfidoDocumentTypeMapping.find(
@@ -5012,7 +5023,7 @@ function IndividualDropin({
     const backPage = idDocument.idBackPage?.[0];
     if (!frontPage) return void 0;
     return {
-      documentType: i18n.get(documentType.name),
+      documentType: t(($) => $[documentType.name]),
       ...backPage && documentType.hasBackPage ? {
         frontPage: frontPage.name,
         backPage: backPage.name
@@ -5080,12 +5091,14 @@ function IndividualDropin({
       }
     }
     if (summaryData.basicDetails?.accountHolder) {
-      summaryData.basicDetails.accountHolder = i18n.get(summaryData.basicDetails.accountHolder);
+      summaryData.basicDetails.accountHolder = t(
+        ($) => $[summaryData.basicDetails.accountHolder]
+      );
     }
     if (summaryData.additionalPersonalDetails?.birthDate) {
       summaryData.additionalPersonalDetails.birthDate = localizeDateString(
         summaryData.additionalPersonalDetails.birthDate,
-        i18n.locale
+        i18n.language
       );
     }
     if (isManualVerificationOrExistingDoc(summaryData.idVerificationMethod?.idVerificationMethod) || summaryData.proofOfResidency) {
@@ -5104,7 +5117,7 @@ function IndividualDropin({
       }
     }
     if (summaryData?.signatoryQuestionnaire) {
-      summaryData.signatoryQuestionnaire = data?.signatoryQuestionnaire?.isSignatory === GuidanceQuestionValues.YES ? [i18n.get("signatorySummaryLabel")] : [];
+      summaryData.signatoryQuestionnaire = data?.signatoryQuestionnaire?.isSignatory === GuidanceQuestionValues.YES ? [t(($) => $["signatorySummaryLabel"])] : [];
     }
     if (summaryData?.uboQuestionnaire) {
       const roleFieldToLabelMap = {
@@ -5113,7 +5126,7 @@ function IndividualDropin({
         isDirector: "directorSummaryLabel"
       };
       summaryData.uboQuestionnaire = Object.keys(roleFieldToLabelMap).flatMap(
-        (field) => data?.uboQuestionnaire?.[field] === GuidanceQuestionValues.YES ? [t(($) => $[roleFieldToLabelMap[field]])] : []
+        (field) => data?.uboQuestionnaire?.[field] === GuidanceQuestionValues.YES ? [t(($) => $[roleFieldToLabelMap[field]], { ns: "individual" })] : []
       );
     }
     return summaryData;