@adyen/kyc-components 3.80.2 → 3.81.0-beta.1

package/dist/{IndividualOnfidoDropin-CKeRasHX.js → IndividualOnfidoDropin-DWXUKEz9.js}

@@ -2,24 +2,26 @@
 {
   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] = "aed62b8c-0b39-4284-b4e1-59a7d8b956fe", e._sentryDebugIdIdentifier = "sentry-dbid-aed62b8c-0b39-4284-b4e1-59a7d8b956fe");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "0a034c62-00d2-481b-99a5-b68b32ad7323", e._sentryDebugIdIdentifier = "sentry-dbid-0a034c62-00d2-481b-99a5-b68b32ad7323");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { useMemo, useState, useEffect, useCallback } from "preact/hooks";
-import { a as useApiContext, bp as useMutation, t as httpPost, bX as matchesRegex, bY as trimValWithOneSpace, bZ as NO_ALPHABET_REGEX, b_ as EMOJI_REGEX, b$ as hasRepeatedCharacters, c0 as isInvalidName, c1 as INDIVIDUAL_VALID_CHAR_REGEX, c2 as getFormattingRegEx, c3 as SPECIAL_CHARS, c4 as standardKatakanaValidator, c5 as standardKanjiValidator, av as resolveFieldMetadata, as as CountryCodes, c6 as getSSNType, at as isEmpty, c7 as defaultFieldMetadata, c8 as defaultFieldConfig, c9 as defaultFieldMetadata$1, ca as fieldConfig, $ as TaskTypes, cb as taxInformationDefaultFieldMetadata, O as LegalEntityTypes, cc as taxInformationDefaultFieldConfig, cd as getAgeToday, ce as euCountries, cf as getIdDocument, cg as getDocument, ch as mapExistingFile, ci as getPageName, cj as getLocalizedIdDocumentTypeOptions, ck as getPage, cl as createDocumentRequest, bA as formatObject, cm as individualApiKeyMapping, b7 as individualComponentsKeyMapping, bz as reverseMapping, cn as getNomineeFromAssociation, co as drop, a0 as createLogger, X as useAccountHolder, u as useI18nContext, a3 as useAnalyticsContext, a9 as useToastContext, aa as useExperimentsContext, v as useSettingsContext, cp as documentApiUtils, cq as useProviderStatus, g as getLegalEntityCountry, bP as getAssociatedLeAnalyticsPayload, cr as addressValidators, cs as getAsyncIdNumberValidationRule, ct as getAsyncPhoneValidationRules, cu as addressFormatters, cv as useScenarios, cw as setHasMotionCaptureScenario, cx as useScenarioConfiguration, cy as getPropsFromConfigurations, cz as individualForms, cA as showIndividualMotionCapture, bQ as getRequiredForms, bR as addValidityToForms, cB as getAllowedDecisionMakerRoles, ba as datasetUtilities, bS as useFormComposer, bT as trackNavigation, cC as Individual, cD as composePerScenarioFormConfigurations, cE as omitObscuredFieldsIfUnchanged, cF as filterOutUnwantedAssociationsIfRootLE, bU as isValidationError, bV as processValidationErrors, bW as isMaintenanceModeError, bk as cloneObject, cG as mapAddressLabels, cH as individualDocumentForms, cI as individualDocumentMapping, cJ as individualObscuredFields, cK as mergeAttachments, cL as getFileExtention, ao as getOwnEntityAssociations, cM as hasNomineesChanged, cN as attachNomineeToRole, cO as idVerificationProviderId, cP as doArraysMatch, N as Typography, G as Button, aD as Field, cQ as DecisionMakerTypes, cR as createFormRules, cS as getAvailableDecisionMakerRoleTypes, cT as allowedCountriesForNominee, bL as getAddressSchemaForCountry, bM as COUNTRIES_WITH_STATES_DATASET, cU as Scenarios, cV as isLowRiskCountry, bu as Select, cW as isTruthyValidator, cX as licenseCardNumberDefaultMetadata, cY as licenseCardNumberDefaultConfig, au as mergeFieldMetadataIntoProps, c as useTranslation, aC as createFormUtils, bK as useFormContext, az as getFieldProps, cZ as idNumberFields, c_ as IdentityNumber, c$ as additionallIdNumberOptions, d0 as MaskedInput, bJ as InputDate, d1 as formatDateObj, d2 as DriversLicense, d3 as addressFields, b as useAllowedCountries, w as SettingNames, d4 as isDecisionMakerTask, F as FormHeader, aB as ErrorPanel, aJ as CountryField, bN as Address, bO as getAddressSchemaLabelsByCountry, bD as Link, bi as Confirm, d5 as getAgeRangeForLegalRepresentative, d6 as IndividualIdNumberTypeSelector, d7 as TaxInformationField, bE as InputText, d8 as PatriotActDisclosure, d9 as isLegalRepresentativeNeeded, aA as nameFields, da as decisionMakerRoleFields, db as nomineeFields, dc as contactDetailFields, K as Alert, aZ as ContextGuidance, b4 as TrustedFieldsProviders, dd as DecisionMakerRole, de as NomineeDecisionMakerRole, df as LocalizedNameFields, dg as ContactDetails, dh as keysOf, b3 as objectsDeepEqual, di as isEmpty$1, dj as RadioWithLabel, dk as listToRecord, bc as Modal, dl as pick, dm as IdVerification, bh as Spacer, a2 as IconButton, e as useDataset, f as datasetIdentifier, L as Loader, H as Svg, dn as isPersonUnderAge, dp as IdDocumentManualUpload, M as translateStringOrObject, aX as Trans, dq as idDocumentUploadFields, dr as useFormRouterContext, ds as getFormProps, dt as useCapabilities, du as hasMotionCaptureScenario, dv as setShowIndividualMotionCapture, dw as shouldShowMotionCapture, dx as MemoizedProofOfRelationship, dy as MemoizedDocumentUpload, dz as MemoizedProofOfResidencyUpload, dA as individualOnfidoApiKeyMapping, dB as individualOnfidoBaseMapping, br as useQueryClient, dC as individualOnfidoDocumentMapping, dD as individualOnfidoObscuredFields } from "./StoreProvider-Daji6PiS.js";
-import { u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./useUpdateLegalEntity-CKzDdLS1.js";
-import { c as contactDetailsValidationRules, u as useValidatePhoneNumberImperatively } from "./validate-RlBXFGTF.js";
-import { F as FormContextProvider, a as FormFlow } from "./FormFlow-u6da3P1H.js";
-import { u as useSingpassMyInfoLogin, L as LandingLayout } from "./LandingLayout-D3qJDWw3.js";
-import { u as useMultiForm } from "./useMultiForm-B-0xGDru.js";
-import { g as getFieldsWithExistingData } from "./getFieldsWithExistingData-wPtcG5-S.js";
-import { l as localizeDateString } from "./localizeDateString-38jx8AEh.js";
-import { r as rules, D as DECISION_MAKER_TYPES_WITH_JOBTITLE$1 } from "./rules-Dp9Jubid.js";
+import { useMemo, useState, useEffect, useCallback, useRef } from "preact/hooks";
+import { a as useApiContext, bn as useMutation, t as httpPost, bY as matchesRegex, bZ as trimValWithOneSpace, b_ as NO_ALPHABET_REGEX, b$ as EMOJI_REGEX, c0 as hasRepeatedCharacters, c1 as isInvalidName, c2 as INDIVIDUAL_VALID_CHAR_REGEX, c3 as getFormattingRegEx, c4 as SPECIAL_CHARS, c5 as standardKatakanaValidator, c6 as standardKanjiValidator, av as resolveFieldMetadata, as as CountryCodes, c7 as getSSNType, at as isEmpty, c8 as defaultFieldMetadata, c9 as defaultFieldConfig, ca as defaultFieldMetadata$1, cb as fieldConfig, $ as TaskTypes, cc as taxInformationDefaultFieldMetadata, O as LegalEntityTypes, cd as taxInformationDefaultFieldConfig, ce as getAgeToday, cf as euCountries, cg as getIdDocument, ch as getDocument, ci as mapExistingFile, cj as getPageName, ck as getLocalizedIdDocumentTypeOptions, cl as getPage, cm as createDocumentRequest, bB as formatObject, cn as individualApiKeyMapping, co as isEmpty$1, b9 as individualComponentsKeyMapping, bA as reverseMapping, cp as getNomineeFromAssociation, cq as drop, a0 as createLogger, X as useAccountHolder, u as useI18nContext, a3 as useAnalyticsContext, a9 as useToastContext, aa as useExperimentsContext, v as useSettingsContext, cr as documentApiUtils, cs as useProviderStatus, g as getLegalEntityCountry, bQ as getAssociatedLeAnalyticsPayload, ct as addressValidators, cu as getAsyncIdNumberValidationRule, cv as getAsyncPhoneValidationRules, cw as addressFormatters, cx as useScenarios, cy as setHasMotionCaptureScenario, cz as useScenarioConfiguration, cA as getPropsFromConfigurations, cB as individualForms, cC as showIndividualMotionCapture, bR as getRequiredForms, bS as addValidityToForms, cD as getAllowedDecisionMakerRoles, bc as datasetUtilities, bT as useFormComposer, bU as trackNavigation, cE as Individual, cF as composePerScenarioFormConfigurations, cG as omitObscuredFieldsIfUnchanged, cH as filterOutUnwantedAssociationsIfRootLE, bV as isValidationError, bW as processValidationErrors, bX as isMaintenanceModeError, bi as cloneObject, cI as mapAddressLabels, cJ as individualDocumentForms, cK as individualDocumentMapping, cL as individualObscuredFields, cM as mergeAttachments, cN as getFileExtention, ao as getOwnEntityAssociations, cO as hasNomineesChanged, cP as attachNomineeToRole, cQ as idVerificationProviderId, cR as doArraysMatch, N as Typography, G as Button, aD as Field, r as useQuery, B as skipToken, x as httpGet, c as useTranslation, bp as useQueryClient, cS as IFrameWidget, be as Modal, K as Alert, cT as getIndividualLegalEntityName, H as Svg, L as Loader, bg as Confirm, b5 as DecisionMakerTypes, cU as createFormRules, cV as getAvailableDecisionMakerRoleTypes, cW as allowedCountriesForNominee, bM as getAddressSchemaForCountry, bN as COUNTRIES_WITH_STATES_DATASET, b6 as Scenarios, cX as isLowRiskCountry, bs as Select, cY as isTruthyValidator, cZ as licenseCardNumberDefaultMetadata, c_ as licenseCardNumberDefaultConfig, au as mergeFieldMetadataIntoProps, aC as createFormUtils, bL as useFormContext, az as getFieldProps, c$ as idNumberFields, d0 as IdentityNumber, d1 as additionallIdNumberOptions, d2 as MaskedInput, bK as InputDate, d3 as formatDateObj, d4 as DriversLicense, d5 as addressFields, b as useAllowedCountries, w as SettingNames, d6 as isDecisionMakerTask, F as FormHeader, aB as ErrorPanel, aJ as CountryField, bO as Address, bP as getAddressSchemaLabelsByCountry, bE as Link, d7 as getAgeRangeForLegalRepresentative, d8 as IndividualIdNumberTypeSelector, d9 as TaxInformationField, bF as InputText, da as PatriotActDisclosure, db as isLegalRepresentativeNeeded, aA as nameFields, dc as decisionMakerRoleFields, dd as nomineeFields, de as contactDetailFields, aZ as ContextGuidance, b4 as TrustedFieldsProviders, df as DecisionMakerRole, dg as NomineeDecisionMakerRole, dh as LocalizedNameFields, di as ContactDetails, dj as keysOf, b3 as objectsDeepEqual, dk as RadioWithLabel, dl as listToRecord, dm as pick, dn as IdVerification, by as Spacer, a2 as IconButton, e as useDataset, f as datasetIdentifier, dp as IdDocumentManualUpload, M as translateStringOrObject, aX as Trans, dq as idDocumentUploadFields, dr as useFormRouterContext, ds as getFormProps, dt as useCapabilities, du as hasMotionCaptureScenario, dv as setShowIndividualMotionCapture, dw as shouldShowMotionCapture, dx as MemoizedProofOfRelationship, dy as MemoizedDocumentUpload, dz as MemoizedProofOfResidencyUpload, dA as individualOnfidoApiKeyMapping, dB as individualOnfidoBaseMapping, dC as individualOnfidoDocumentMapping, dD as individualOnfidoObscuredFields } from "./StoreProvider-foAfpGgP.js";
+import { u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./useUpdateLegalEntity-BhxGESiZ.js";
+import { c as contactDetailsValidationRules, u as useValidatePhoneNumberImperatively } from "./validate-E9o0Hmpe.js";
+import { F as FormContextProvider, a as FormFlow } from "./FormFlow-DNWaou8B.js";
+import { u as useSingpassMyInfoLogin, i as idNowModalChildEntityId, L as LandingLayout, s as showIdNowModal } from "./isIdNowModalOpen-CkXiAkOq.js";
+import { u as useMultiForm } from "./useMultiForm-yRBSZTpa.js";
+import { g as getFieldsWithExistingData } from "./getFieldsWithExistingData-KQyhSMYS.js";
+import { l as localizeDateString } from "./localizeDateString-DIL-Y3Ay.js";
+import { r as rules, D as DECISION_MAKER_TYPES_WITH_JOBTITLE$1 } from "./rules-BVnoQNC5.js";
+import { m as mapSchemaFieldsToApiScriptLocalization, a as mapApiScriptLocalizationToSchemaFields } from "./mapScriptLocalization-H2Re3k5X.js";
 import { signal, computed } from "@preact/signals";
-import { T as TileGroup } from "./TileGroup-D-OlOSxh.js";
+import { Show } from "@preact/signals/utils";
+import { T as TileGroup } from "./TileGroup-KuM4lUVf.js";
 const verifyIdNumber = async (legalEntityId, baseUrl, data) => {
   return await httpPost(
     {
@@ -348,28 +350,6 @@ const adjustIdentificationData = (data, apiData) => {
       };
   }
 };
-const mapNameLocalization = (data) => {
-  const localization = [];
-  if (data.jaHaniFirstName || data.jaHaniLastName) {
-    localization.push({
-      script: "ja-Hani",
-      fields: {
-        firstName: data.jaHaniFirstName,
-        lastName: data.jaHaniLastName
-      }
-    });
-  }
-  if (data.jaKanaFirstName || data.jaKanaLastName) {
-    localization.push({
-      script: "ja-Kana",
-      fields: {
-        firstName: data.jaKanaFirstName,
-        lastName: data.jaKanaLastName
-      }
-    });
-  }
-  return localization;
-};
 const mapIndividualToLegalEntity = (data) => {
   const requestObj = {
     ...formatObject(data, individualApiKeyMapping)
@@ -381,7 +361,10 @@ const mapIndividualToLegalEntity = (data) => {
     personalDetails,
     requestObj.individual.identificationData
   );
-  const localization = mapNameLocalization(personalDetails);
+  const localization = [
+    mapSchemaFieldsToApiScriptLocalization(personalDetails, "jaHani"),
+    mapSchemaFieldsToApiScriptLocalization(personalDetails, "jaKana")
+  ].filter(({ fields }) => !isEmpty$1(fields));
   if (localization.length) {
     requestObj.individual.name.localization = localization;
   }
@@ -426,33 +409,12 @@ const mapLegalEntityToIndividual = (legalEntity, isChangingType, isRoleFieldNeed
     };
   }
   if (legalEntity?.individual?.residentialAddress.country === "JP" && legalEntity.individual?.name?.localization) {
-    const configs = [
-      {
-        script: "ja-Hani",
-        mappingFunction: (l) => ({
-          jaHaniFirstName: l.fields?.firstName,
-          jaHaniLastName: l.fields?.lastName
-        })
-      },
-      {
-        script: "ja-Kana",
-        mappingFunction: (l) => ({
-          jaKanaFirstName: l.fields?.firstName,
-          jaKanaLastName: l.fields?.lastName
-        })
-      }
-    ];
-    configs.forEach((config) => {
-      const localizationToMap = legalEntity.individual?.name.localization?.find(
-        (l) => l.script === config.script
-      );
-      if (localizationToMap) {
-        individualData.personalDetails = {
-          ...individualData.personalDetails,
-          ...config.mappingFunction(localizationToMap)
-        };
-      }
-    });
+    for (const scriptLoc of legalEntity.individual.name.localization) {
+      individualData.personalDetails = {
+        ...individualData.personalDetails,
+        ...mapApiScriptLocalizationToSchemaFields(scriptLoc)
+      };
+    }
   }
   if (!parentLegalEntity?.entityAssociations) {
     return individualData;
@@ -800,7 +762,10 @@ function IndividualDropin({
     rules: individualFieldValidations,
     asyncRules: individualFieldAsyncValidations,
     optionalFields: derivedProps?.optionalFields,
-    formatters
+    formatters,
+    obscuredFields: {
+      personalDetails: ["idNumber"]
+    }
   });
   const { data = dataFromResponse } = form;
   useEffect(() => {
@@ -1103,7 +1068,7 @@ function IndividualDropin({
   const formatIdDocument = (idDocument2) => {
     if (!idDocument2) return void 0;
     const documentType = idDocument2?.instantIdVerificationData ? onfidoDocumentTypeMapping.find(
-      (document) => idDocument2.instantIdVerificationData?.document_front.type === document.id
+      (document2) => idDocument2.instantIdVerificationData?.document_front.type === document2.id
     ) : idDocumentTypeOptions.find(({ id }) => idDocument2.idDocumentType === id);
     if (!documentType) return void 0;
     const frontPage = idDocument2.idFrontPage?.[0];
@@ -1363,7 +1328,7 @@ const basicDetailsValidators = ({
 });
 const guidanceQuestion = "adyen-kyc-guidance-question";
 const options = "adyen-kyc-options";
-const styles$4 = {
+const styles$5 = {
   guidanceQuestion,
   options
 };
@@ -1396,10 +1361,10 @@ const GuidanceQuestion = (props) => {
   };
   const yesTileLabel = yesLabel ?? i18n.get("yes");
   const noTileLabel = noLabel ?? i18n.get("no");
-  return /* @__PURE__ */ jsxs("div", { className: styles$4.guidanceQuestion, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$5.guidanceQuestion, children: [
     /* @__PURE__ */ jsx(Typography, { variant: "body", el: "p", children: question }),
     descriptionLinkText && onDescriptionLinkClick && /* @__PURE__ */ jsx(Button, { variant: "link", onClick: onDescriptionLinkClick, children: descriptionLinkText }),
-    /* @__PURE__ */ jsx(Field, { name, className: styles$4.options, children: () => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Field, { name, className: styles$5.options, children: () => /* @__PURE__ */ jsx(
       TileGroup,
       {
         allowMultiple: false,
@@ -1417,6 +1382,241 @@ const GuidanceQuestion = (props) => {
     ) })
   ] });
 };
+const getIdNowProviderIdentificationStatus = async (rootLegalEntityId, baseUrl, legalEntityId) => {
+  return httpGet({
+    baseUrl,
+    path: `legalEntities/${rootLegalEntityId}/child/${legalEntityId}/provider/idnow/identification/status`,
+    errorHandler: async (response) => {
+      const responseData = await response;
+      if (responseData.status === 404) {
+        return { status: 404, message: responseData.detail, errorCode: responseData.errorCode };
+      }
+    }
+  });
+};
+const useIdNowIdentificationStatus = (legalEntityId, options2) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useQuery({
+    queryKey: legalEntityId === skipToken ? [] : ["idNowProviderIdentificationStatus", legalEntityId],
+    queryFn: legalEntityId === skipToken ? skipToken : () => getIdNowProviderIdentificationStatus(
+      rootLegalEntityId.value,
+      baseUrl.value,
+      legalEntityId
+    ),
+    ...options2
+  });
+};
+const idNowProviderStartIdentification = async (rootLegalEntityId, baseUrl, legalEntityId) => {
+  return httpPost({
+    baseUrl,
+    path: `legalEntities/${rootLegalEntityId}/child/${legalEntityId}/provider/idnow/identification/start`
+  });
+};
+const useIdNowStartIdentification = (legalEntityId, options2) => {
+  const { rootLegalEntityId, baseUrl } = useApiContext();
+  return useQuery({
+    queryKey: legalEntityId === skipToken ? [] : ["idNowProviderStartIdentification", legalEntityId],
+    queryFn: legalEntityId === skipToken ? skipToken : () => idNowProviderStartIdentification(rootLegalEntityId.value, baseUrl.value, legalEntityId),
+    ...options2
+  });
+};
+const idnowHeader = "adyen-kyc-idnow-header";
+const idnowVerificationHeaderIframeContainer = "adyen-kyc-idnow-verification-header-iframe-container";
+const idnowVerificationHeaderIframe = "adyen-kyc-idnow-verification-header-iframe";
+const idnowVerificationHeaderImage = "adyen-kyc-idnow-verification-header-image";
+const styles$4 = {
+  idnowHeader,
+  idnowVerificationHeaderIframeContainer,
+  idnowVerificationHeaderIframe,
+  idnowVerificationHeaderImage
+};
+const IdNowVerificationModal = ({ handleFinish }) => {
+  const { t } = useTranslation(["individual", "common"]);
+  const [isConfirmPresented, setIsConfirmPresented] = useState(false);
+  const [genericError, setGenericError] = useState(false);
+  const widgetContainerRef = useRef(null);
+  const iFrameRef = useRef(null);
+  const iFrameWidgetRef = useRef(null);
+  const [page, setPage] = useState(1);
+  const queryClient = useQueryClient();
+  const { showToast } = useToastContext();
+  const {
+    data: idNowStatus,
+    isLoading: isStatusLoading,
+    refetch: refetchIdNowIdentificationStatus
+  } = useIdNowIdentificationStatus(idNowModalChildEntityId.value?.id ?? skipToken, {
+    enabled: !!idNowModalChildEntityId.value?.id,
+    refetchOnMount: "always",
+    refetchInterval: (query) => query.state.data?.status === "pending" ? 1e3 : false,
+    retry: (failureCount, error) => {
+      if ("status" in error && error.status === 404) return false;
+      return failureCount < 3;
+    }
+  });
+  const {
+    data: idNowStart,
+    isLoading,
+    isError: idNowStartError,
+    refetch: refetchIdNowStartIdentification
+  } = useIdNowStartIdentification(idNowModalChildEntityId.value?.id ?? skipToken, {
+    enabled: !!idNowModalChildEntityId.value?.id && page === 2
+  });
+  const handleDismiss = () => {
+    setIsConfirmPresented(true);
+  };
+  const handleCancelDismiss = () => {
+    setIsConfirmPresented(false);
+  };
+  const handleConfirmDismiss = () => {
+    setPage(1);
+    setGenericError(false);
+    setIsConfirmPresented(false);
+    showIdNowModal.value = false;
+    if (idNowStartError && idNowModalChildEntityId.value?.id) {
+      queryClient.resetQueries({
+        queryKey: ["idNowProviderStartIdentification", idNowModalChildEntityId.value?.id]
+      });
+    }
+    idNowModalChildEntityId.value = void 0;
+    iFrameWidgetRef.current?.unmount();
+    iFrameRef.current?.remove();
+    handleFinish?.();
+  };
+  if (idNowStatus?.status === "finished") {
+    if (idNowStatus?.providerStatus === "SUCCESS" || idNowStatus?.providerStatus === "SUCCESS_DATA_CHANGED") {
+      showToast({
+        label: t(($) => $["successfullyUpdatedDetails"], { ns: "common" }),
+        variant: "success"
+      });
+      handleConfirmDismiss();
+    }
+  }
+  if (!isLoading && idNowStartError) {
+    setGenericError(true);
+    setPage(1);
+  }
+  const initializeIdNowWidget = useCallback(async (url) => {
+    const container = widgetContainerRef.current;
+    if (!container) {
+      return;
+    }
+    const iFrame = document.createElement("iframe");
+    iFrameRef.current = iFrame;
+    iFrame.setAttribute("allowFullscreen", "true");
+    iFrame.classList.add(styles$4.idnowVerificationHeaderIframe);
+    iFrame.setAttribute("height", "800");
+    iFrame.setAttribute(
+      "allow",
+      "camera *;microphone *;geolocation *;clipboard-read *;clipboard-write *"
+    );
+    container.appendChild(iFrame);
+    try {
+      iFrameWidgetRef.current = new IFrameWidget(iFrame, url, "idnow", "");
+      await iFrameWidgetRef.current.mountAndWaitForResponse();
+    } catch (err) {
+      console.error("Error occurred:", err);
+      setGenericError(true);
+      setPage(1);
+    }
+  }, []);
+  useEffect(() => {
+    if (page === 2 && !isLoading && idNowStart && idNowStart?.url) {
+      (async () => {
+        await refetchIdNowIdentificationStatus();
+        await initializeIdNowWidget(idNowStart.url);
+      })();
+    }
+    return () => {
+      iFrameWidgetRef.current?.unmount();
+      iFrameRef.current?.remove();
+    };
+  }, [isLoading, page, initializeIdNowWidget, refetchIdNowIdentificationStatus, idNowStart]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !isStatusLoading && /* @__PURE__ */ jsxs(
+      Modal,
+      {
+        size: "medium",
+        showCloseButton: !isLoading && !isStatusLoading,
+        onClose: handleDismiss,
+        ariaLabel: t(($) => $["identityVerification"], { ns: "common" }),
+        children: [
+          page === 1 && /* @__PURE__ */ jsx("div", { className: styles$4.idnowHeader, children: /* @__PURE__ */ jsx(
+            LandingLayout,
+            {
+              media: /* @__PURE__ */ jsx(
+                Svg,
+                {
+                  type: "image",
+                  className: styles$4.idnowVerificationHeaderImage,
+                  name: "passport-front-green"
+                }
+              ),
+              title: t(($) => $["identityVerification"], { ns: "common" }),
+              description: /* @__PURE__ */ jsxs(Fragment, { children: [
+                t(($) => $["idNowDescription"], { ns: "individual" }),
+                /* @__PURE__ */ jsx("br", {}),
+                /* @__PURE__ */ jsx("br", {}),
+                getIndividualLegalEntityName(idNowModalChildEntityId.value) && t(($) => $["idNowDescriptionName"], {
+                  ns: "individual",
+                  name: getIndividualLegalEntityName(idNowModalChildEntityId.value)
+                })
+              ] }),
+              error: !isLoading && genericError ? /* @__PURE__ */ jsx(
+                Alert,
+                {
+                  variant: "error",
+                  title: t(($) => $["thereWasAnErrorTryAgain"], { ns: "common" })
+                }
+              ) : void 0,
+              actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    onClick: async () => {
+                      setGenericError(false);
+                      setPage(2);
+                      await refetchIdNowStartIdentification();
+                    },
+                    disabled: isLoading || isStatusLoading || idNowStatus?.status === "finished",
+                    fullWidth: true,
+                    children: idNowStatus?.status === "pending" ? t(($) => $["continueVerification"], { ns: "common" }) : t(($) => $["startVerification"], { ns: "common" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    disabled: isLoading || isStatusLoading || idNowStatus?.status === "finished",
+                    variant: "tertiary",
+                    onClick: handleConfirmDismiss,
+                    fullWidth: true,
+                    children: t(($) => $["finishLater"], { ns: "common" })
+                  }
+                )
+              ] })
+            }
+          ) }),
+          page === 2 && (isLoading ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: widgetContainerRef,
+              className: styles$4.idnowVerificationHeaderIframeContainer
+            }
+          ))
+        ]
+      }
+    ),
+    isConfirmPresented && /* @__PURE__ */ jsx(
+      Confirm,
+      {
+        confirmText: t(($) => $["leave"], { ns: "common" }),
+        description: t(($) => $["unsavedChangesDescription"], { ns: "common" }),
+        onCancel: handleCancelDismiss,
+        onConfirm: handleConfirmDismiss,
+        title: t(($) => $["unsavedChanges"], { ns: "common" })
+      }
+    )
+  ] });
+};
 const areArraysDifferent = (a = [], b = []) => {
   if (a.length !== b.length) {
     return true;
@@ -1485,7 +1685,7 @@ const DECISION_MAKER_TYPES_WITH_JOBTITLE = [
   DecisionMakerTypes.CONTROLLING_PERSON
 ];
 const ID_MISSING_DATA_ERROR_CODE = "2_8071";
-const REMEDIATION_CODES_UPLOAD_ID = ["1_301", "1_302", "1_303"];
+const REMEDIATION_ACTION_UPLOAD_ID = "1_301";
 const individualOnfidoRules = ({
   matchingScenario,
   data,
@@ -1692,9 +1892,7 @@ const individualOnfidoRules = ({
     );
     const isManualFlow = data?.idVerificationMethod?.idVerificationMethod === "manualVerification";
     const idNumberExempt = data?.additionalPersonalDetails?.idNumberExempt;
-    const hasIdRemediationAction = Object.keys(problems?.remediationActions ?? {}).some(
-      (code) => REMEDIATION_CODES_UPLOAD_ID.includes(code)
-    );
+    const hasIdRemediationAction = problems?.remediationActions?.[REMEDIATION_ACTION_UPLOAD_ID];
     return isManualFlow && (idNumberExempt || hasMissingId || hasIdRemediationAction) ? "REQUIRED" : void 0;
   },
   isManualIdFlowAndHasMissingData: () => {
@@ -1759,7 +1957,7 @@ const TypeOfIdentity = ({
             id,
             name: i18n.get(name)
           })),
-          placeholder: i18n.get("id"),
+          placeholder: i18n.get("selectOne"),
           selected: selectedIdentityType,
           onChange: (event) => setSelectedIdentityType(event.target.value)
         }
@@ -1849,7 +2047,6 @@ function Identity(props) {
     );
   }, [country, data?.typeOfIdentity, initialFormUtilProps, licenseCardNumberMetaData]);
   const { t } = useTranslation();
-  const { i18n } = useI18nContext();
   const formUtils = useMemo(() => createFormUtils(mergedProps, t), [mergedProps, t]);
   const { form } = useFormContext();
   const defaultIdNumber = form?.defaultData?.additionalPersonalDetails?.idNumber;
@@ -1926,7 +2123,7 @@ function Identity(props) {
             ...childProps,
             name: "expiryDate",
             value: data?.expiryDate,
-            placeholder: i18n.get("datePlaceholder"),
+            placeholder: t(($) => $["datePlaceholder"]),
             readonly: formUtils.isReadOnly("expiryDate"),
             onInput: handleFieldChange("expiryDate", "input"),
             onBlur: handleFieldChange("expiryDate", "blur"),
@@ -2015,8 +2212,7 @@ const additionalPersonalDetailsFields = [
   "taxInformation"
 ];
 function AdditionalPersonalDetails(props) {
-  const { t } = useTranslation();
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation(["common", "individual"]);
   const allowedCountries = useAllowedCountries();
   const [showLegalRepresentativePrompt, setShowLegalRepresentativePrompt] = useState(false);
   const { isSettingEnabled } = useSettingsContext();
@@ -2083,8 +2279,8 @@ function AdditionalPersonalDetails(props) {
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-additional-information__section-heading", children: [
-      /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", children: i18n.get("residentialAddress") }),
-      /* @__PURE__ */ jsx(Typography, { el: "p", variant: "body", children: i18n.get("residentialAddressDescription") })
+      /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", children: t(($) => $["residentialAddress"]) }),
+      /* @__PURE__ */ jsx(Typography, { el: "p", variant: "body", children: t(($) => $["thisPersonsPrimaryAddress"], { ns: "individual" }) })
     ] }),
     formUtils.isRequiredField("country") && /* @__PURE__ */ jsx(
       CountryField,
@@ -2116,11 +2312,11 @@ function AdditionalPersonalDetails(props) {
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-additional-information__section-heading", children: [
-      /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", children: i18n.get("personalIdentityDetails") }),
+      /* @__PURE__ */ jsx(Typography, { el: "h3", variant: "title", children: t(($) => $["personalIdentityDetails"], { ns: "individual" }) }),
       /* @__PURE__ */ jsxs(Typography, { el: "p", variant: "body", children: [
-        i18n.get("personalIdentityDetailsDescription"),
+        t(($) => $["weOnlyUseTheseDetailsForIdentityVerification"], { ns: "individual" }),
         " ",
-        /* @__PURE__ */ jsx(Link, { href: "https://www.adyen.com/privacy-policy", external: true, children: i18n.get("personalIdentityDetailsDescriptionLink") })
+        /* @__PURE__ */ jsx(Link, { href: "https://www.adyen.com/privacy-policy", external: true, children: t(($) => $["privacyStatement"]) })
       ] })
     ] }),
     formUtils.isRequiredField("birthDate") && /* @__PURE__ */ jsx(
@@ -2136,7 +2332,7 @@ function AdditionalPersonalDetails(props) {
             ...childProps,
             name: "birthDate",
             value: data?.birthDate,
-            placeholder: i18n.get("datePlaceholder"),
+            placeholder: t(($) => $["datePlaceholder"]),
             readonly: formUtils.isReadOnly("birthDate"),
             onInput: handleFieldChange("birthDate", "input"),
             onBlur: handleBirthDateChange,
@@ -2150,15 +2346,16 @@ function AdditionalPersonalDetails(props) {
     showLegalRepresentativePrompt && /* @__PURE__ */ jsx(
       Confirm,
       {
-        title: i18n.get("legalRepresentativeForMinorIsRequired"),
-        description: i18n.get("becauseThisPersonIsUnderXYearsOld", {
-          values: { age: getAgeRangeForLegalRepresentative(country)?.max?.toString() ?? "" }
+        title: t(($) => $["legalRepresentativeForMinorIsRequired"], { ns: "individual" }),
+        description: t(($) => $["becauseThisPersonIsUnderXYearsOld"], {
+          ns: "individual",
+          age: getAgeRangeForLegalRepresentative(country)?.max?.toString() ?? ""
         }),
         onCancel: () => {
           setShowLegalRepresentativePrompt(false);
         },
-        confirmText: i18n.get("ok"),
-        cancelText: i18n.get("editDetails"),
+        confirmText: t(($) => $["ok"]),
+        cancelText: t(($) => $["editDetails"]),
         onConfirm: () => {
           setShowLegalRepresentativePrompt(false);
         }
@@ -2718,10 +2915,8 @@ const DataConflictsModal = ({
   ] });
 };
 const verificationHeaderImage = "adyen-kyc-verification-header-image";
-const verifyOnfidoError = "adyen-kyc-verify-onfido-error";
 const styles$1 = {
-  verificationHeaderImage,
-  verifyOnfidoError
+  verificationHeaderImage
 };
 const toIndividualOnfidoConflictSchema = ({
   basicDetails,
@@ -2875,14 +3070,14 @@ const uploadedDocument = "adyen-kyc-uploaded-document";
 const styles = {
   uploadedDocument
 };
-const UploadedDocument = ({ document, onDelete, onUpdate }) => {
+const UploadedDocument = ({ document: document2, onDelete, onUpdate }) => {
   const { i18n } = useI18nContext();
   return /* @__PURE__ */ jsxs("article", { className: styles.uploadedDocument, children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Typography, { el: "h4", variant: "title", children: i18n.get(document.idDocumentType) }),
+      /* @__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(document.modificationDate, i18n.locale, {
+          date: localizeDateString(document2.modificationDate, i18n.locale, {
             month: "short"
           }) ?? ""
         }
@@ -2901,6 +3096,24 @@ const UploadedDocument = ({ document, onDelete, onUpdate }) => {
     /* @__PURE__ */ jsx(Button, { onClick: onUpdate, variant: "secondary", children: i18n.get("update") })
   ] });
 };
+const validateExtractionResult = (extractionResult) => {
+  const { isExpired, isValidDocumentType, isUnderage, minimumOnboardingAge } = extractionResult;
+  if (isExpired) {
+    return { key: "theDocumentYouUploadedIsExpired" };
+  }
+  if (!isValidDocumentType) {
+    return { key: "theDocumentTypeYouUploadedIsNotSupported" };
+  }
+  if (isUnderage) {
+    return {
+      key: "weDontAcceptDocumentsOrInformationAboutAnyoneYoungerThan_",
+      options: {
+        values: { minimumOnboardingAge: minimumOnboardingAge?.toString() ?? "" }
+      }
+    };
+  }
+  return null;
+};
 const logger$2 = createLogger();
 const idVerificationMethodFields = [
   "idVerificationMethod",
@@ -2915,14 +3128,13 @@ function IdVerificationMethod(props) {
     fieldValidationErrors,
     hasLiveSelfieErrorCode
   } = props;
-  const { t } = useTranslation();
-  const { i18n } = useI18nContext();
+  const { t, i18n } = useTranslation(["individual", "common"]);
   const userEvents = useAnalyticsContext();
   const extractDocumentInformation2 = useExtractDocumentInformation();
   const {
     form: { data, handleChangeFor, setFormData }
   } = useFormContext();
-  const datasetUtils = datasetUtilities(i18n.locale);
+  const datasetUtils = datasetUtilities(i18n.language);
   const existingDocument = data.idVerificationMethod?.idDocument;
   const hasExistingDocument = !isEmpty$1(existingDocument);
   const handleFieldChange = useCallback(
@@ -2971,24 +3183,6 @@ function IdVerificationMethod(props) {
     setOcrExtractedData(void 0);
     handlers.handleContinueToAdditionalDetails();
   };
-  const validateExtractionResult = (extractionResult) => {
-    const { isExpired, isValidDocumentType, dateOfBirth, issuingCountry } = extractionResult;
-    if (isExpired) {
-      return { key: "theDocumentYouUploadedIsExpired" };
-    }
-    if (isValidDocumentType === false) {
-      return { key: "theDocumentTypeYouUploadedIsNotSupported" };
-    }
-    if (isPersonUnderAge(dateOfBirth, issuingCountry)) {
-      return {
-        key: "weDontAcceptDocumentsOrInformationAboutAnyoneYoungerThan_",
-        options: {
-          values: { minimumOnboardingAge: extractionResult.minimumOnboardingAge?.toString() ?? "" }
-        }
-      };
-    }
-    return null;
-  };
   const { hasConflicts, conflictingProperties, resolvedData } = useDataConflicts(
     comparableExistingData,
     comparableExtractedData,
@@ -3122,7 +3316,7 @@ function IdVerificationMethod(props) {
     handlers.handleUpdateDocument();
   };
   const modalProvidedData = resolvedData || comparableExistingData;
-  const formUtils = createFormUtils(props, t);
+  const formUtils = createFormUtils(props, i18n.t);
   isNextStepDisabled.value = showLoadingSpinner;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -3143,21 +3337,20 @@ function IdVerificationMethod(props) {
             type: "image",
             className: styles$1.verificationHeaderImage,
             name: "passport-front-green",
-            title: i18n.get("instantIDVerificationDescription")
+            title: t(($) => $["instantIDVerificationDescription"], { ns: "common" })
           }
         ),
-        title: i18n.get("identityVerification"),
-        description: showIndividualMotionCapture?.value ? i18n.get("toHelpProtectAgainstFraudAndKeepOurServices") : /* @__PURE__ */ jsxs(Fragment, { children: [
-          i18n.get("takeOrUploadAPhoto"),
+        title: t(($) => $["identityVerification"], { ns: "common" }),
+        description: showIndividualMotionCapture?.value ? t(($) => $["toHelpProtectAgainstFraudAndKeepOurServices"]) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          t(($) => $["takeOrUploadAPhoto"], { ns: "common" }),
           " ",
-          /* @__PURE__ */ jsx(Link, { href: "https://onfido.com", external: true, inline: true, children: i18n.get("onfido") })
+          /* @__PURE__ */ jsx(Link, { href: "https://onfido.com", external: true, inline: true, children: t(($) => $["onfido"], { ns: "common" }) })
         ] }),
-        helpAction: error ? /* @__PURE__ */ jsx(
+        error: error ? /* @__PURE__ */ jsx(
           Alert,
           {
             variant: "error",
-            title: i18n.get(error.key, error.options),
-            className: styles$1.verifyOnfidoError
+            title: t(($) => $[error.key], { ...error.options?.values, ns: "common" })
           }
         ) : void 0,
         actions: /* @__PURE__ */ jsx(Fragment, { children: showLoadingSpinner ? /* @__PURE__ */ jsx(Loader, { size: "large" }) : !hasExistingDocument && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -3168,7 +3361,7 @@ function IdVerificationMethod(props) {
               onClick: launchOnfido,
               disabled: status === "extractionLoading",
               loading: status === "extractionLoading",
-              children: i18n.get("startVerification")
+              children: t(($) => $["startVerification"], { ns: "common" })
             }
           ),
           !showIndividualMotionCapture?.value && /* @__PURE__ */ jsx(
@@ -3177,7 +3370,7 @@ function IdVerificationMethod(props) {
               onClick: () => setStatus("confirmManualFlowModal"),
               variant: "secondary",
               fullWidth: true,
-              children: i18n.get("addDetailsManually")
+              children: t(($) => $["addDetailsManually"], { ns: "common" })
             }
           )
         ] }) }),
@@ -3189,18 +3382,21 @@ function IdVerificationMethod(props) {
             onUpdate: handleUpdateExistingDocument
           }
         ),
-        disclaimer: !hasExistingDocument && /* @__PURE__ */ jsxs(Fragment, { children: [
-          i18n.get("byContinuingToUseThisService"),
-          " ",
-          /* @__PURE__ */ jsx(Link, { href: "https://onfido.com/facial-scan-policy-and-release/", external: true, inline: true, children: i18n.get("onfidoFacialScanPolicy") }),
-          " ",
-          /* @__PURE__ */ jsx(Link, { href: "https://onfido.com/privacy/", external: true, inline: true, children: i18n.get("privacyPolicy") }),
-          " ",
-          i18n.get("and"),
-          " ",
-          /* @__PURE__ */ jsx(Link, { href: "https://onfido.com/terms-of-service/", external: true, inline: true, children: i18n.get("termsOfService") }),
-          "."
-        ] })
+        disclaimer: (
+          // TODO - replace with Trans component
+          !hasExistingDocument && /* @__PURE__ */ jsxs(Fragment, { children: [
+            t(($) => $["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/privacy/", external: true, inline: true, children: t(($) => $["privacyPolicy"], { ns: "common" }) }),
+            " ",
+            t(($) => $["and"], { ns: "common" }),
+            " ",
+            /* @__PURE__ */ jsx(Link, { href: "https://onfido.com/terms-of-service/", external: true, inline: true, children: t(($) => $["termsOfService"], { ns: "common" }) }),
+            "."
+          ] })
+        )
       }
     ),
     status === "onfidoModal" && /* @__PURE__ */ jsx(
@@ -3216,19 +3412,19 @@ function IdVerificationMethod(props) {
     status === "confirmManualFlowModal" && /* @__PURE__ */ jsx(
       Confirm,
       {
-        title: i18n.get("addDetailsManuallyQuestion"),
-        description: i18n.get("itCanTakeUpTo"),
+        title: t(($) => $["addDetailsManuallyQuestion"]),
+        description: t(($) => $["itCanTakeUpTo"]),
         onCancel: handleCancelAddDetailsManually,
-        confirmText: i18n.get("yesAddManually"),
+        confirmText: t(($) => $["yesAddManually"]),
         onConfirm: handleContinueViaManualEntryFlow
       }
     ),
     status === "confirmDeleteDocumentModal" && /* @__PURE__ */ jsx(
       Confirm,
       {
-        title: i18n.get("deleteIdDocument"),
-        description: i18n.get("youMayBeAskedToReUpload"),
-        confirmText: i18n.get("deleteDocument"),
+        title: t(($) => $["deleteIdDocument"]),
+        description: t(($) => $["youMayBeAskedToReUpload"]),
+        confirmText: t(($) => $["deleteDocument"], { ns: "common" }),
         onCancel: handleCancelDeleteDocument,
         onConfirm: handleDeleteDocument,
         critical: true
@@ -3288,8 +3484,7 @@ const SignatoryQuestionnaireModalContent = () => {
   ] });
 };
 function SignatoryQuestionnaire(props) {
-  const { t } = useTranslation();
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation(["common", "individual"]);
   const userEvents = useAnalyticsContext();
   const [isModalOpen, setIsModalOpen] = useState(false);
   const {
@@ -3337,12 +3532,12 @@ function SignatoryQuestionnaire(props) {
         value: data?.isSignatory,
         onChange: handleFieldChange("isSignatory"),
         onDescriptionLinkClick: openModal,
-        question: i18n.get("signatoryQuestion"),
-        descriptionLinkText: i18n.get("whatDoesThisMean"),
+        question: t(($) => $["doesThisPersonHaveTheAuthority"], { ns: "individual" }),
+        descriptionLinkText: t(($) => $["whatDoesThisMean"]),
         errorMessage: getDisplayErrorMessage(errorMessage, t)
       }
     ),
-    isModalOpen && /* @__PURE__ */ jsx(Modal, { onClose: closeModal, ariaLabel: i18n.get("moreAboutAuthorizedSignatories"), inset: true, children: /* @__PURE__ */ jsx(SignatoryQuestionnaireModalContent, {}) })
+    isModalOpen && /* @__PURE__ */ jsx(Modal, { onClose: closeModal, ariaLabel: t(($) => $["moreAboutAuthorizedSignatories"]), inset: true, children: /* @__PURE__ */ jsx(SignatoryQuestionnaireModalContent, {}) })
   ] });
 }
 const UboQuestionnaireModalContent = ({ modalType }) => {
@@ -3417,8 +3612,7 @@ const uboQuestionnaireFields = [
   "isNomineeShareholder"
 ];
 function UboQuestionnaire(props) {
-  const { t } = useTranslation();
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation(["common", "individual"]);
   const userEvents = useAnalyticsContext();
   const {
     data,
@@ -3451,9 +3645,9 @@ function UboQuestionnaire(props) {
     setActiveModal(null);
   };
   const modalAriaLabelMap = {
-    isOwner: i18n.get("moreAboutOwners"),
-    isControllingPerson: i18n.get("moreAboutOwnershipThroughControl"),
-    isDirector: i18n.get("moreAboutDirectors")
+    isOwner: t(($) => $["moreAboutOwners"]),
+    isControllingPerson: t(($) => $["moreAboutOwnershipThroughControl"]),
+    isDirector: t(($) => $["moreAboutDirectors"])
   };
   const isDirectorErrorMessage = formUtils.getErrorMessage(
     "isDirector",
@@ -3494,8 +3688,8 @@ function UboQuestionnaire(props) {
         value: data?.isDirector,
         onChange: handleFieldChange("isDirector"),
         onDescriptionLinkClick: openModal("isDirector"),
-        question: i18n.get("directorQuestion"),
-        descriptionLinkText: i18n.get("whatDoesThisMean"),
+        question: t(($) => $["isThisPersonListedAsADirector"], { ns: "individual" }),
+        descriptionLinkText: t(($) => $["whatDoesThisMean"]),
         errorMessage: getDisplayErrorMessage(isDirectorErrorMessage, t)
       }
     ),
@@ -3505,7 +3699,7 @@ function UboQuestionnaire(props) {
         name: "isNomineeDirector",
         value: data?.isNomineeDirector,
         onChange: handleFieldChange("isNomineeDirector"),
-        question: i18n.get("nomineeDirectorQuestion"),
+        question: t(($) => $["isThisPersonANomineeDirectorAppointed"], { ns: "individual" }),
         errorMessage: getDisplayErrorMessage(isNomineeDirectorErrorMessage, t)
       }
     ),
@@ -3516,8 +3710,8 @@ function UboQuestionnaire(props) {
         value: data?.isOwner,
         onChange: handleFieldChange("isOwner"),
         onDescriptionLinkClick: openModal("isOwner"),
-        question: i18n.get("ownerQuestion"),
-        descriptionLinkText: i18n.get("whatDoesThisMean"),
+        question: t(($) => $["doesThisPersonOwn25PercentOrMoreOfBusiness"], { ns: "individual" }),
+        descriptionLinkText: t(($) => $["whatDoesThisMean"]),
         errorMessage: getDisplayErrorMessage(isOwnerErrorMessage, t)
       }
     ),
@@ -3527,7 +3721,9 @@ function UboQuestionnaire(props) {
         name: "isNomineeShareholder",
         value: data?.isNomineeShareholder,
         onChange: handleFieldChange("isNomineeShareholder"),
-        question: i18n.get("nomineeShareHolderQuestion"),
+        question: t(($) => $["isThisPersonANomineeShareholderAppointedToHold"], {
+          ns: "individual"
+        }),
         errorMessage: getDisplayErrorMessage(isNomineeShareholderErrorMessage, t)
       }
     ),
@@ -3538,8 +3734,10 @@ function UboQuestionnaire(props) {
         value: data?.isControllingPerson,
         onChange: handleFieldChange("isControllingPerson"),
         onDescriptionLinkClick: openModal("isControllingPerson"),
-        question: i18n.get("controllingPersonQuestion"),
-        descriptionLinkText: i18n.get("whatDoesThisMean"),
+        question: t(($) => $["doesThisPersonHaveSignificantResponsibility"], {
+          ns: "individual"
+        }),
+        descriptionLinkText: t(($) => $["whatDoesThisMean"]),
         errorMessage: getDisplayErrorMessage(isControllingPersonErrorMessage, t)
       }
     ),
@@ -3629,7 +3827,8 @@ function IndividualOnfido(props) {
     problems,
     onNext,
     setNextHandler,
-    handleHomeClick
+    handleHomeClick,
+    scenarios
   } = props;
   const basicDetailsFormProps = getFormProps(props, basicDetailsFormID);
   const signatoryQuestionnaireFormProps = getFormProps(props, signatoryQuestionnaireFormID);
@@ -3714,10 +3913,10 @@ function IndividualOnfido(props) {
         capabilities,
         userRoles: data?.basicDetails?.role,
         taskType,
-        hasMotionScenario: hasMotionCaptureScenarioValue
+        hasMotionScenario: data?.basicDetails?.role?.includes(DecisionMakerTypes.SIGNATORY) && scenarios?.includes(Scenarios.L_BAFIN) ? false : hasMotionCaptureScenarioValue
       })
     );
-  }, [data?.basicDetails?.role, taskType, capabilities, hasMotionCaptureScenarioValue]);
+  }, [data?.basicDetails?.role, scenarios, taskType, capabilities, hasMotionCaptureScenarioValue]);
   const fullName = `${data?.basicDetails?.firstName} ${data?.basicDetails?.lastName}`;
   const handleFieldChange = (formName) => (fieldName, mode) => handleChangeFor(fieldName, formName, mode);
   const hasLiveSelfieErrorCode = problems?.missingData?.some(
@@ -3932,7 +4131,10 @@ const mapIndividualOnfidoSchemaToLegalEntity = (individualOnfido, isExperimentEn
       legalEntity.individual.identificationData
     );
   }
-  const localization = mapNameLocalization(individualOnfido.basicDetails ?? {});
+  const localization = [
+    mapSchemaFieldsToApiScriptLocalization(individualOnfido.basicDetails ?? {}, "jaHani"),
+    mapSchemaFieldsToApiScriptLocalization(individualOnfido.basicDetails ?? {}, "jaKana")
+  ].filter(({ fields }) => !isEmpty$1(fields));
   if (localization.length) {
     legalEntity.individual.name.localization = localization;
   }
@@ -4000,33 +4202,12 @@ const mapLegalEntityToIndividualOnfidoSchema = (legalEntity, isChangingType, isR
     individualOnfido.additionalPersonalDetails.typeOfIdentity = apiIdentityTypeToIdentityTypeMap[legalEntity.individual.identificationData.type];
   }
   if (legalEntity.individual?.name?.localization) {
-    const configs = [
-      {
-        script: "ja-Hani",
-        mappingFunction: (l) => ({
-          jaHaniFirstName: l.fields?.firstName,
-          jaHaniLastName: l.fields?.lastName
-        })
-      },
-      {
-        script: "ja-Kana",
-        mappingFunction: (l) => ({
-          jaKanaFirstName: l.fields?.firstName,
-          jaKanaLastName: l.fields?.lastName
-        })
-      }
-    ];
-    configs.forEach((config) => {
-      const localizationToMap = legalEntity.individual?.name.localization?.find(
-        (l) => l.script === config.script
-      );
-      if (localizationToMap) {
-        individualOnfido.basicDetails = {
-          ...individualOnfido.basicDetails,
-          ...config.mappingFunction(localizationToMap)
-        };
-      }
-    });
+    for (const scriptLoc of legalEntity.individual.name.localization) {
+      individualOnfido.basicDetails = {
+        ...individualOnfido.basicDetails,
+        ...mapApiScriptLocalizationToSchemaFields(scriptLoc)
+      };
+    }
   }
   if (!parentLegalEntity?.entityAssociations) {
     return individualOnfido;
@@ -4064,7 +4245,7 @@ const mapLegalEntityToIndividualOnfidoSchema = (legalEntity, isChangingType, isR
   return individualOnfido;
 };
 const mapDocumentDetailToIdDocument = (documents) => {
-  const activeDocument = documents.find((document) => document.active);
+  const activeDocument = documents.find((document2) => document2.active);
   return activeDocument ? {
     idDocumentType: activeDocument.type,
     modificationDate: activeDocument.modificationDate
@@ -4418,7 +4599,10 @@ function IndividualOnfidoDropin({
     defaultData,
     rules: individualFieldValidations,
     asyncRules: individualFieldAsyncValidations,
-    optionalFields: derivedProps?.optionalFields
+    optionalFields: derivedProps?.optionalFields,
+    obscuredFields: {
+      additionalPersonalDetails: ["idNumber"]
+    }
   });
   const documentUtils = documentApiUtils({
     baseUrl: baseUrl.value,
@@ -4656,18 +4840,18 @@ function IndividualOnfidoDropin({
         legalEntityResponse,
         accountHolder || void 0
       );
-      const createdLegalEntity = await submitLegalEntity({
+      const submittedLegalEntity = await submitLegalEntity({
         dataSubmitted,
         legalEntity,
         idDocumentType
       });
       setAccountHolder(accountHolder);
       if (dataSubmitted.idVerificationMethod && dataSubmitted.idVerificationMethod?.idVerificationMethod !== "existingDocument" || hasVerificationErrors) {
-        await submitDocuments({ legalEntity: createdLegalEntity, dataSubmitted });
+        await submitDocuments({ legalEntity: submittedLegalEntity, dataSubmitted });
       }
       if (parentLegalEntity) {
         await attachAssociationToParentLegalEntity({
-          legalEntity: createdLegalEntity,
+          legalEntity: submittedLegalEntity,
           parentLE: parentLegalEntity,
           dataSubmitted
         });
@@ -4676,9 +4860,10 @@ function IndividualOnfidoDropin({
           refetchType: "all"
         });
       }
+      idNowModalChildEntityId.value = submittedLegalEntity;
       setLoadingStatus("success");
       clearToasts();
-      externalOnSubmit?.(dataSubmitted);
+      externalOnSubmit?.(dataSubmitted, matchingScenario);
     } catch (e) {
       const eventsAdditionalData = {};
       logger.error("Failed to update individual", e);
@@ -4712,7 +4897,7 @@ function IndividualOnfidoDropin({
   const formatIdDocument = (idDocument2) => {
     if (!idDocument2) return void 0;
     const documentType = idDocument2?.instantIdVerificationData ? onfidoDocumentTypeMapping.find(
-      (document) => idDocument2.instantIdVerificationData?.document_front.type === document.id
+      (document2) => idDocument2.instantIdVerificationData?.document_front.type === document2.id
     ) : idDocumentTypeOptions.find(({ id }) => idDocument2.idDocumentType === id);
     if (!documentType) return void 0;
     const frontPage = idDocument2.idFrontPage?.[0];
@@ -4861,56 +5046,60 @@ function IndividualOnfidoDropin({
     },
     [associatedLeTrackingParams]
   );
-  return /* @__PURE__ */ jsx(FormContextProvider, { form, children: /* @__PURE__ */ jsx(
-    FormFlow,
-    {
-      summary: {
-        data: formatDataForSummary(),
-        omitted: {
-          keys: omittedKeysForSummary,
-          forms: omittedFormsForSummary
-        },
-        problems,
-        trackNavigation: handleTrackNavigation,
-        labels: customLabelsForSummary
-      },
-      asModal,
-      currentStep: steps.current,
-      disableNextButton: disableNextButton.value,
-      forms,
-      gotoFormByFormIndex,
-      handleBackClick,
-      handleCancelClick: handleHomeClick,
-      handleNextClick: nextHandler || handleNextClick,
-      loadingStatus,
-      totalSteps: steps.total,
-      children: /* @__PURE__ */ jsx(
-        IndividualOnfido,
-        {
-          ...derivedProps,
-          requiredFields,
-          data,
-          defaultCountry: country,
-          activeForm,
-          forms,
-          taskType,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Show, { when: showIdNowModal && idNowModalChildEntityId, children: /* @__PURE__ */ jsx(IdNowVerificationModal, { handleFinish: handleHomeClick }) }),
+    /* @__PURE__ */ jsx(FormContextProvider, { form, children: /* @__PURE__ */ jsx(
+      FormFlow,
+      {
+        summary: {
+          data: formatDataForSummary(),
+          omitted: {
+            keys: omittedKeysForSummary,
+            forms: omittedFormsForSummary
+          },
           problems,
-          onNext: handleNextClick,
-          onBack: handleBackClick,
-          legalEntityId: legalEntityResponse?.id,
-          allowedRoles: roleTypes,
-          shouldValidate,
-          accountHolder,
-          parentLegalEntity,
-          trustedFields,
-          trustedFieldsProvider,
-          trustedRoles,
-          setNextHandler,
-          handleHomeClick
-        }
-      )
-    }
-  ) });
+          trackNavigation: handleTrackNavigation,
+          labels: customLabelsForSummary
+        },
+        asModal,
+        currentStep: steps.current,
+        disableNextButton: disableNextButton.value,
+        forms,
+        gotoFormByFormIndex,
+        handleBackClick,
+        handleCancelClick: handleHomeClick,
+        handleNextClick: nextHandler || handleNextClick,
+        loadingStatus,
+        totalSteps: steps.total,
+        children: /* @__PURE__ */ jsx(
+          IndividualOnfido,
+          {
+            ...derivedProps,
+            requiredFields,
+            data,
+            defaultCountry: country,
+            activeForm,
+            forms,
+            scenarios,
+            taskType,
+            problems,
+            onNext: handleNextClick,
+            onBack: handleBackClick,
+            legalEntityId: legalEntityResponse?.id,
+            allowedRoles: roleTypes,
+            shouldValidate,
+            accountHolder,
+            parentLegalEntity,
+            trustedFields,
+            trustedFieldsProvider,
+            trustedRoles,
+            setNextHandler,
+            handleHomeClick
+          }
+        )
+      }
+    ) })
+  ] });
 }
 export {
   IndividualOnfidoDropin as I,