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

package/dist/{IndividualDropin-a9OrNzNE.js → IndividualDropin-CAXnyQYB.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] = "c5ab90c9-408c-4552-bb49-8e5e5f483eea", e._sentryDebugIdIdentifier = "sentry-dbid-c5ab90c9-408c-4552-bb49-8e5e5f483eea");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "849b8b62-9ab8-4451-bf89-b5e9034269ea", e._sentryDebugIdIdentifier = "sentry-dbid-849b8b62-9ab8-4451-bf89-b5e9034269ea");
   } catch (e) {
   }
 }
@@ -11,64 +11,60 @@ 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-Dgegi_R_.js";
-import { u as useCreateLegalEntity } from "./useCreateLegalEntity-afT__j7Q.js";
-import { b as useApiContext, $ as httpPost, a0 as CountryCodes, am as matchesRegex, an as NO_ALPHABET_REGEX, ao as EMOJI_REGEX, ap as hasRepeatedCharacters, aq as isInvalidName, ar as INDIVIDUAL_VALID_CHAR_REGEX, ai as isEmpty, j as TaskTypes, o as LegalEntityTypes, as as getAgeToday, at as euCountries, au as hasText, av as standardKatakanaValidator, aw as standardKanjiValidator, k as httpGet, u as useTranslation, V as Button, L as Loader, ax as DecisionMakerTypes, ay as Scenarios, z as Typography, aa as useI18nContext, B as useSettingsContext, v as useExperimentsContext, az as getAgeRangeForLegalRepresentative, aA as isLegalRepresentativeNeeded, aB as Trans, aC as valuesOf, aD as keysOf, a6 as objectsDeepEqual, aE as listToRecord, aF as pick, a3 as createLogger, t as IconButton, p as useAnalyticsContext, a2 as translateStringOrObject, aG as individualOnfidoApiKeyMapping, aH as drop, m as useAccountHolder, g as getLegalEntityCountry, aI as getAllowedDecisionMakerRoles, aJ as filterOutUnwantedAssociationsIfRootLE, ab as cloneObject, aK as individualOnfidoDocumentMapping, aL as individualOnfidoObscuredFields, ae as getOwnEntityAssociations, aM as hasNomineesChanged, aN as attachNomineeToRole, aO as doArraysMatch } from "./StoreProvider-2rl-plv5.js";
-import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-CxXQbqdN.js";
-import { a as addressValidators, A as Address, u as useProviderStatus } from "./Address-BeNF2HFn.js";
-import { c as contactDetailsValidationRules, a as contactDetailFields, C as ContactDetails, u as useValidatePhoneNumberImperatively, g as getAsyncPhoneValidationRules } from "./ContactDetails-DqtPuOz3.js";
-import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-DuIAV1IO.js";
-import { u as useToastContext } from "./useToastContext-DrAgxHEK.js";
-import { g as getPropsFromConfigurations, c as composePerScenarioFormConfigurations } from "./process-field-configurations-B289w3QC.js";
-import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-DIFlH1Oh.js";
-import { u as useMultiForm } from "./useMultiForm-OnNcru5A.js";
-import { u as uppercase, D as DocumentGuidance, m as mapExistingFile, g as getPageName, a as getPage, b as useScenarioConfiguration } from "./mapExistingFile-SAc645fC.js";
+import { u as useScenarios } from "./useScenarios-C7CWBSDD.js";
+import { u as useCreateLegalEntity } from "./useCreateLegalEntity-DvgdyAEv.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-D1ipuMyA.js";
+import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-BEYwHoQO.js";
+import { a as addressValidators, A as Address, u as useProviderStatus } from "./Address-CwI78DoG.js";
+import { c as contactDetailsValidationRules, a as contactDetailFields, C as ContactDetails, u as useValidatePhoneNumberImperatively, g as getAsyncPhoneValidationRules } from "./ContactDetails-DNzDdLJL.js";
+import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-D45m0BQr.js";
+import { u as useToastContext } from "./useToastContext-hg-I2QHv.js";
+import { g as getPropsFromConfigurations, c as composePerScenarioFormConfigurations } from "./process-field-configurations-Dps3VSde.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-D9tDQoHM.js";
+import { u as useMultiForm } from "./useMultiForm-CkSiaDSG.js";
+import { u as uppercase, D as DocumentGuidance, m as mapExistingFile, g as getPageName, a as getPage, b as useScenarioConfiguration } from "./mapExistingFile-tU1ZIpaK.js";
 import { J as JP_ADDRESS_REQUIRED_FIELDS } from "./jpAddressSchema-DEOyz9Yo.js";
-import { u as useAllowedCountries, t as toFullWidth, m as mapJpAddressSchemaToAddressLocalizations, a as mapJpAddressSummary } from "./mapJpAddressSchemaToAddressLocalizations-Xj0Z0De4.js";
-import { b as addressFields, a as getAddressSchemaLabelsByCountry, C as COUNTRIES_WITH_STATES_DATASET, m as mapAddressLabels } from "./utils-yElwanzp.js";
-import { G as GuidanceQuestionValues, a as GuidanceQuestion, g as getOnfidoIdentityTypeToApiIdentityTypeMap, i as individualFormDefaultData, m as mapLegalEntityToIndividualOnfidoSchema } from "./mapLegalEntityToIndividualSchema-yKl9QZpe.js";
-import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-BIQwQynW.js";
-import { g as getIdDocument, a as getDocument, c as createDocumentRequest, d as documentApiUtils, m as mergeAttachments, b as getFileExtention } from "./validate-Cd2gOwkx.js";
-import { d as datasetIdentifier, a as datasetUtilities } from "./datasetUtil-BHQp0-xL.js";
-import { t as taxInformationDefaultFieldMetadata, a as taxInformationDefaultFieldConfig, i as individualIdNumberOptions, b as additionallIdNumberOptions, T as TaxInformationField, M as MemoizedDocumentUpload, u as useCapabilities, c as taxIdNumberOptions, g as getFieldsWithExistingData } from "./TaxInformationField-BkAck6oq.js";
-import { i as isJapanLocalizationEnabled } from "./japanSupportUtils-Co72AcSs.js";
-import { l as localizeDateString } from "./localizeDateString-DXp3crqk.js";
-import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-JLfCMf_x.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-FKbjMCcf.js";
-import { v as validatePatternOnBlur } from "./patternValidators-BuKCm6wv.js";
+import { t as toFullWidth, m as mapJpAddressSchemaToAddressLocalizations, a as mapJpAddressSummary } from "./mapJpAddressSchemaToAddressLocalizations-CMb9BGdy.js";
+import { b as addressFields, a as getAddressSchemaLabelsByCountry, C as COUNTRIES_WITH_STATES_DATASET, m as mapAddressLabels } from "./utils-yUG9WObg.js";
+import { G as GuidanceQuestionValues, a as GuidanceQuestion, g as getOnfidoIdentityTypeToApiIdentityTypeMap, i as individualFormDefaultData, m as mapLegalEntityToIndividualSchema } from "./mapLegalEntityToIndividualSchema-BrOJLslm.js";
+import { i as isValidationError, p as processValidationErrors, a as isMaintenanceModeError } from "./validationError-DKWrNd9x.js";
+import { g as getIdDocument, a as getDocument, c as createDocumentRequest, d as documentApiUtils, m as mergeAttachments, b as getFileExtention } from "./validate-BaypoH5n.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-D7QHzCRA.js";
+import { i as isJapanLocalizationEnabled } from "./japanSupportUtils-BApmRmh9.js";
+import { l as localizeDateString } from "./localizeDateString-lEawsoMF.js";
+import { I as IFrameWidget, o as omitObscuredFieldsIfUnchanged } from "./iframeWidget-fheON5_I.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-BrMFt_16.js";
+import { v as validatePatternOnBlur } from "./patternValidators-CrizcAyn.js";
 import { r as resolveFieldMetadata } from "./fieldConfigurations-BUT9DTUH.js";
-import { g as getLocalizedIdDocumentTypeOptions } from "./utils-Di5ZPizP.js";
+import { g as getLocalizedIdDocumentTypeOptions } from "./utils-BSY959c4.js";
 import { lazy, Suspense, memo } from "preact/compat";
-import { I as Image, T as TrustedFieldsProviders } from "./Image-BrHT9RgB.js";
-import { M as Modal } from "./Modal-y1WKajuS.js";
-import { L as LandingLayout } from "./LandingLayout-D_GwiUpJ.js";
-import { a as Alert } from "./Alert-C0Uk8vQL.js";
-import { C as Confirm } from "./Confirm-D7uRirpk.js";
-import { a as getIndividualLegalEntityName } from "./getName-Bti12K-o.js";
-import { b as idNowModalChildEntityId, a as idNowPostSubmit, s as showIdNowModal, c as shouldShowIdNowModal } from "./bafinUtils-CJIcB4Zh.js";
+import { I as Image, T as TrustedFieldsProviders } from "./Image-BghQ5E4W.js";
+import { M as Modal } from "./Modal-CvWAmYtX.js";
+import { L as LandingLayout } from "./LandingLayout-DEbu_igh.js";
+import { C as Confirm } from "./Confirm-I97MrYoL.js";
+import { a as getIndividualLegalEntityName } from "./getName-DE1OqcKC.js";
+import { b as idNowModalChildEntityId, a as idNowPostSubmit, s as showIdNowModal, c as shouldShowIdNowModal } from "./bafinUtils-DiYEDJcs.js";
 import { signal } from "@preact/signals";
-import { E as ErrorPanel, u as useFormRouterContext } from "./ErrorPanel-GWNSNY8U.js";
+import { E as ErrorPanel, u as useFormRouterContext } from "./ErrorPanel-ByEHPwyg.js";
 import { g as getFieldProps, a as getFormProps } from "./getProps-Cc3J2-z9.js";
-import { F as Field } from "./Field-BxFn1eol.js";
-import { H as Header } from "./Header-B-wXVUdY.js";
-import { L as Link } from "./Link-BrhjD5PB.js";
-import { S as SettingNames } from "./TaskVerificationStatus-dcodYxh1.js";
-import { I as InputDate, f as formatDateObj } from "./InputDate-C-KJumMv.js";
-import { I as InputText } from "./InputText-CdqQ2Npg.js";
-import { C as CountryField } from "./CountryField-9-8UreyJ.js";
-import { R as RadioGroup, a as RadioWithLabel } from "./RadioGroup-KZagZTkQ.js";
-import { m as mergeFieldMetadataIntoProps, c as createFormUtils } from "./formUtils-CNFS-TZ-.js";
-import { C as Checkbox } from "./Checkbox-PcQW98Hc.js";
-import { S as Select } from "./Select-Cn8HCFO1.js";
-import { u as useDataset } from "./useDataset-DorBN2cW.js";
-import { C as ContextGuidance } from "./ContextGuidance-BBPWGkJc.js";
-import { C as COUNTRIES_WHICH_USE_MULTIPLE_IDENTITY_TYPES, i as individualOnfidoRules, D as DECISION_MAKER_TYPES_WITH_JOBTITLE } from "./Individual.rules-CSzG8cP-.js";
-import { i as isTruthyValidator } from "./commonValidators-ziT0GvBq.js";
-import { n as nameFields, N as Name } from "./Name-B2sN5T7w.js";
-import { D as Dropzone } from "./Dropzone-L5oCc5ZM.js";
-import { i as isEmpty$1 } from "./isEmpty-OXRV2qGb.js";
+import { F as Field } from "./Field-D5s65Yqj.js";
+import { L as Link } from "./Link-B3VUK9vb.js";
+import { S as SettingNames } from "./types-CQ2p58-6.js";
+import { I as InputDate, f as formatDateObj } from "./InputDate-DRATD19h.js";
+import { I as InputText } from "./InputText-D77Doqht.js";
+import { C as CountryField } from "./CountryField-BrFxAmiG.js";
+import { R as RadioGroup, a as RadioWithLabel } from "./RadioGroup-CZc5Xczz.js";
+import { m as mergeFieldMetadataIntoProps, c as createFormUtils } from "./formUtils-D9jeE5kM.js";
+import { C as Checkbox } from "./Checkbox-tCkuUbA7.js";
+import { S as Select } from "./Select-BFNSmv-P.js";
+import { C as ContextGuidance } from "./ContextGuidance-B8m5vEu7.js";
+import { C as COUNTRIES_WHICH_USE_MULTIPLE_IDENTITY_TYPES, i as individualRules, D as DECISION_MAKER_TYPES_WITH_JOBTITLE } from "./Individual.rules-O3C7fCyC.js";
+import { i as isTruthyValidator } from "./commonValidators-CXbniCFf.js";
+import { n as nameFields, N as Name } from "./Name-DmDtaTiI.js";
+import { D as Dropzone } from "./Dropzone-DqWszjhW.js";
+import { i as isEmpty$1 } from "./isEmpty-GIXtRpid.js";
 import { Onfido } from "onfido-sdk-ui";
-import { L as LoaderWrapper } from "./LoaderWrapper-vIs9v-bF.js";
+import { L as LoaderWrapper } from "./LoaderWrapper-C6bG2XiY.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";
@@ -1296,7 +1292,7 @@ function IdentityNumber(props) {
         name: "idNumber",
         type: "text",
         label: formUtils.getLabel("idNumber", "idNumber"),
-        formatGuidance: formUtils.getGuidanceText("idNumber"),
+        formatGuidance: translateTranslatable(t, metadata.guidanceText),
         errorMessage,
         shouldValidate: errors?.idNumber?.hasError,
         isValid: !!valid?.idNumber,
@@ -1338,6 +1334,7 @@ const DriversLicense = ({
   formUtils,
   isValid,
   errorMessages,
+  guidanceText,
   shouldValidate
 }) => {
   const { i18n } = useI18nContext();
@@ -1373,7 +1370,7 @@ const DriversLicense = ({
           name: "idNumber",
           type: "text",
           label: formUtils.getLabel("idNumber", "idNumber"),
-          formatGuidance: formUtils.getGuidanceText("idNumber"),
+          formatGuidance: guidanceText.idNumber,
           errorMessage: errorMessages.idNumber,
           shouldValidate,
           isValid: Boolean(isValid.idNumber),
@@ -1393,7 +1390,7 @@ const DriversLicense = ({
           name: "licenseCardNumber",
           type: "text",
           label: formUtils.getLabel("licenseCardNumber", "licenseCardNumber"),
-          formatGuidance: formUtils.getGuidanceText("licenseCardNumber"),
+          formatGuidance: guidanceText.licenseCardNumber,
           errorMessage: errorMessages.licenseCardNumber,
           shouldValidate,
           isValid: Boolean(isValid.licenseCardNumber),
@@ -1509,17 +1506,21 @@ function Identity(props) {
       requiredFields
     };
   }, [country, validators, labels, obscuredFields, readOnlyFields, optionalFields, requiredFields]);
-  const licenseCardNumberMetaData = resolveFieldMetadata(
-    licenseCardNumberDefaultConfig[country],
-    {},
-    licenseCardNumberDefaultMetadata
-  );
-  const mergedProps = useMemo(() => {
-    const idNumberMetadata = resolveFieldMetadata(
+  const licenseCardNumberMetaData = useMemo(() => {
+    return resolveFieldMetadata(
+      licenseCardNumberDefaultConfig[country],
+      {},
+      licenseCardNumberDefaultMetadata
+    );
+  }, [country]);
+  const idNumberMetadata = useMemo(() => {
+    return resolveFieldMetadata(
       defaultFieldConfig[country],
       { idNumberType: data?.typeOfIdentity },
       defaultFieldMetadata
     );
+  }, [country, data?.typeOfIdentity]);
+  const mergedProps = useMemo(() => {
     return mergeFieldMetadataIntoProps(
       "idNumber",
       idNumberMetadata,
@@ -1529,7 +1530,7 @@ function Identity(props) {
         initialFormUtilProps
       )
     );
-  }, [country, data?.typeOfIdentity, initialFormUtilProps, licenseCardNumberMetaData]);
+  }, [idNumberMetadata, initialFormUtilProps, licenseCardNumberMetaData]);
   const { t } = useTranslation("common");
   const formUtils = useMemo(() => createFormUtils(mergedProps, t), [mergedProps, t]);
   const { form } = useFormContext();
@@ -1580,7 +1581,7 @@ function Identity(props) {
         name: "idNumber",
         type: "text",
         label: formUtils.getLabel("idNumber", "idNumber"),
-        formatGuidance: formUtils.getGuidanceText("idNumber"),
+        formatGuidance: translateTranslatable(t, idNumberMetadata.guidanceText),
         errorMessage: formUtils.getErrorMessage("idNumber", errors, fieldValidationErrors),
         shouldValidate,
         isValid: Boolean(valid?.idNumber),
@@ -1635,6 +1636,10 @@ function Identity(props) {
           licenseCardNumber: Boolean(valid?.licenseCardNumber),
           issuerState: Boolean(valid?.issuerState)
         },
+        guidanceText: {
+          idNumber: translateTranslatable(t, idNumberMetadata.guidanceText),
+          licenseCardNumber: translateTranslatable(t, licenseCardNumberMetaData.guidanceText)
+        },
         errorMessages: {
           idNumber: formUtils.getErrorMessage("idNumber", errors, fieldValidationErrors),
           licenseCardNumber: formUtils.getErrorMessage(
@@ -1653,7 +1658,7 @@ function Identity(props) {
         name: "idNumber",
         type: "text",
         label: formUtils.getLabel("idNumber", "idNumber"),
-        formatGuidance: formUtils.getGuidanceText("idNumber"),
+        formatGuidance: translateTranslatable(t, idNumberMetadata.guidanceText),
         errorMessage: formUtils.getErrorMessage("idNumber", errors, fieldValidationErrors),
         shouldValidate,
         isValid: Boolean(valid?.idNumber),
@@ -1686,7 +1691,7 @@ const additionalIdentityInfoFields = [
   "expiryDate"
 ];
 const LazyJpAddress = lazy(
-  async () => (await import("./JpAddress-5Np6iypt.js")).JpAddress
+  async () => (await import("./JpAddress-BDv3inK2.js")).JpAddress
 );
 const additionalPersonalDetailsFields = [
   "birthDate",
@@ -1896,7 +1901,6 @@ function AdditionalPersonalDetails(props) {
         },
         labels: formUtils.getFieldLabels(["taxInformation"]),
         mask: formUtils.getMask("taxInformation"),
-        guidanceText: formUtils.getFieldGuidanceText(["taxInformation"]),
         readonly: formUtils.isReadOnly("taxInformation"),
         shouldValidate,
         handleChangeFor: handleFieldChange,
@@ -2007,14 +2011,14 @@ const LocalizedNameFields = (props) => {
               name: "jaHaniLastName",
               label: "jaHaniLastName",
               isValid: jaHaniNameProps.valid?.jaHaniLastName,
-              transformInput: (value) => toFullWidth(value),
+              transformInput: toFullWidth,
               transformMode: "blur"
             },
             {
               name: "jaHaniFirstName",
               label: "jaHaniFirstName",
               isValid: jaHaniNameProps.valid?.jaHaniFirstName,
-              transformInput: (value) => toFullWidth(value),
+              transformInput: toFullWidth,
               transformMode: "blur"
             }
           ],
@@ -2034,14 +2038,14 @@ const LocalizedNameFields = (props) => {
               name: "jaKanaLastName",
               label: "jaKanaLastName",
               isValid: jaKanaNameProps.valid?.jaKanaLastName,
-              transformInput: (value) => toFullWidth(value),
+              transformInput: toFullWidth,
               transformMode: "blur"
             },
             {
               name: "jaKanaFirstName",
               label: "jaKanaFirstName",
               isValid: jaKanaNameProps.valid?.jaKanaFirstName,
-              transformInput: (value) => toFullWidth(value),
+              transformInput: toFullWidth,
               transformMode: "blur"
             }
           ],
@@ -2639,7 +2643,7 @@ const verificationHeaderImage = "adyen-kyc-verification-header-image";
 const styles$1 = {
   verificationHeaderImage
 };
-const toIndividualOnfidoConflictSchema = ({
+const toIndividualConflictSchema = ({
   basicDetails,
   additionalPersonalDetails
 }) => {
@@ -2668,7 +2672,7 @@ const toIndividualOnfidoConflictSchema = ({
     expiryDate: additionalPersonalDetails?.expiryDate
   };
 };
-const fromIndividualOnfidoConflictSchema = ({
+const fromIndividualConflictSchema = ({
   firstName,
   lastName,
   email,
@@ -3012,9 +3016,9 @@ function IdVerificationMethod(props) {
     () => ocrExtractedData ? mapExtractionResultToSchema(ocrExtractedData, restrictCountryOfResidenceTo) : void 0,
     [ocrExtractedData, restrictCountryOfResidenceTo]
   );
-  const comparableExistingData = useMemo(() => toIndividualOnfidoConflictSchema(data), [data]);
+  const comparableExistingData = useMemo(() => toIndividualConflictSchema(data), [data]);
   const comparableExtractedData = useMemo(
-    () => extractedData ? toIndividualOnfidoConflictSchema(extractedData) : void 0,
+    () => extractedData ? toIndividualConflictSchema(extractedData) : void 0,
     [extractedData]
   );
   const conflictRules = useMemo(
@@ -3024,7 +3028,7 @@ function IdVerificationMethod(props) {
     [datasetUtils]
   );
   const onAutoResolve = (resolvedData2) => {
-    const resolvedSchema = fromIndividualOnfidoConflictSchema(resolvedData2);
+    const resolvedSchema = fromIndividualConflictSchema(resolvedData2);
     setFormData("basicDetails", { ...data.basicDetails, ...resolvedSchema.basicDetails });
     setFormData("additionalPersonalDetails", resolvedSchema.additionalPersonalDetails);
     setOcrExtractedData(void 0);
@@ -3106,7 +3110,7 @@ function IdVerificationMethod(props) {
     setStatus("ready");
   };
   const handleDataConflictsResolved = (resolved) => {
-    const resolvedSchema = fromIndividualOnfidoConflictSchema(resolved);
+    const resolvedSchema = fromIndividualConflictSchema(resolved);
     setFormData("basicDetails", { ...data.basicDetails, ...resolvedSchema.basicDetails });
     setFormData("additionalPersonalDetails", resolvedSchema.additionalPersonalDetails);
     setOcrExtractedData(void 0);
@@ -3453,7 +3457,7 @@ const MemoizedProofOfResidencyUpload = memo(
   (prevProps, nextProps) => objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && prevProps.shouldValidate === nextProps.shouldValidate && prevProps.name === nextProps.name
 );
 const getDisplayErrorMessage = (errorMessage, t) => {
-  return typeof errorMessage !== "boolean" ? translateStringOrObject(t, errorMessage) : errorMessage;
+  return typeof errorMessage !== "boolean" ? translateTranslatable(t, errorMessage) : errorMessage;
 };
 const SignatoryQuestionnaireModalContent = () => {
   const { i18n } = useI18nContext();
@@ -3766,7 +3770,7 @@ function UboQuestionnaire(props) {
   ] });
 }
 const logger$1 = createLogger();
-const individualOnfidoForms = {
+const individualForms = {
   signatoryQuestionnaire: {
     formId: "signatoryQuestionnaire",
     formName: "authorizedSignatory",
@@ -3813,17 +3817,17 @@ const individualOnfidoForms = {
     fields: ["proofOfRelationship"]
   }
 };
-const signatoryQuestionnaireFormID = individualOnfidoForms.signatoryQuestionnaire.formId;
-const uboQuestionnaireFormID = individualOnfidoForms.uboQuestionnaire.formId;
-const basicDetailsFormID = individualOnfidoForms.basicDetails.formId;
-const additionalPersonalDetailsFormID = individualOnfidoForms.additionalPersonalDetails.formId;
-const idVerificationMethodFormID = individualOnfidoForms.idVerificationMethod.formId;
-const manualIdUploadFormID = individualOnfidoForms.manualIdUpload.formId;
-const proofOfResidencyFormID = individualOnfidoForms.proofOfResidency.formId;
-const proofOfNationalIdFormID = individualOnfidoForms.proofOfNationalId.formId;
-const proofOfRelationshipFormID = individualOnfidoForms.proofOfRelationship.formId;
+const signatoryQuestionnaireFormID = individualForms.signatoryQuestionnaire.formId;
+const uboQuestionnaireFormID = individualForms.uboQuestionnaire.formId;
+const basicDetailsFormID = individualForms.basicDetails.formId;
+const additionalPersonalDetailsFormID = individualForms.additionalPersonalDetails.formId;
+const idVerificationMethodFormID = individualForms.idVerificationMethod.formId;
+const manualIdUploadFormID = individualForms.manualIdUpload.formId;
+const proofOfResidencyFormID = individualForms.proofOfResidency.formId;
+const proofOfNationalIdFormID = individualForms.proofOfNationalId.formId;
+const proofOfRelationshipFormID = individualForms.proofOfRelationship.formId;
 const LIVE_SELFIE_ERROR_CODE = "2_8210";
-function IndividualOnfido(props) {
+function Individual(props) {
   const { t: commonT } = useTranslation("common");
   const { t: individualT } = useTranslation("individual");
   const userEvents = useAnalyticsContext();
@@ -3848,7 +3852,9 @@ function IndividualOnfido(props) {
     onNext,
     setNextHandler,
     handleHomeClick,
-    scenarios
+    scenarios,
+    isInvitedEntity,
+    invitedEntityDetails
   } = props;
   const basicDetailsFormProps = getFormProps(props, basicDetailsFormID);
   const signatoryQuestionnaireFormProps = getFormProps(props, signatoryQuestionnaireFormID);
@@ -3956,14 +3962,30 @@ function IndividualOnfido(props) {
     logger$1.info("handle update document");
   };
   const capabilities = useCapabilities();
-  const newRoles = useMemo(() => calculateRoles(data), [data]);
+  const newRoles = useMemo(
+    () => isInvitedEntity ? invitedEntityDetails?.roles : calculateRoles(data),
+    [data, invitedEntityDetails, isInvitedEntity]
+  );
+  const basicDetailsReadOnlyFields = useMemo(() => {
+    if (!isInvitedEntity) {
+      return [];
+    }
+    const potentialFields = [
+      "firstName",
+      "lastName",
+      "jobTitle",
+      "email",
+      "phoneNumber"
+    ];
+    return potentialFields.filter((field) => !!data?.basicDetails?.[field]);
+  }, [data?.basicDetails, isInvitedEntity]);
   useEffect(() => {
     const currentRoles = data?.basicDetails?.role ?? [];
     if (areArraysDifferent(newRoles, currentRoles)) {
       const basicDetailsData = data?.basicDetails ?? {};
       setFormData("basicDetails", { ...basicDetailsData, role: newRoles });
     }
-  }, [newRoles, data?.basicDetails, setFormData]);
+  }, [newRoles, data?.basicDetails?.role, setFormData]);
   const hasMotionCaptureScenarioValue = hasMotionCaptureScenario?.value;
   useEffect(() => {
     setShowIndividualMotionCapture(
@@ -4025,7 +4047,8 @@ function IndividualOnfido(props) {
             errors: errors?.basicDetails,
             fieldValidationErrors: fieldValidationErrors?.basicDetails,
             valid: valid?.basicDetails,
-            handleFieldChange: handleFieldChange("basicDetails")
+            handleFieldChange: handleFieldChange("basicDetails"),
+            readOnlyFields: basicDetailsReadOnlyFields
           }
         );
       case idVerificationMethodFormID:
@@ -4245,43 +4268,43 @@ const adjustOnfidoIdentificationData = (data, apiData) => {
       };
   }
 };
-const mapIndividualOnfidoSchemaToLegalEntity = (individualOnfido, isExperimentEnabled, matchingScenario) => {
+const mapIndividualSchemaToLegalEntity = (individual, isExperimentEnabled, matchingScenario) => {
   const legalEntity = {
-    ...formatObject(individualOnfido, individualOnfidoApiKeyMapping),
+    ...formatObject(individual, individualApiKeyMapping),
     type: LegalEntityTypes.INDIVIDUAL
   };
-  if (individualOnfido.additionalPersonalDetails) {
-    if (matchingScenario?.includes(Scenarios.L_TAXINFO) && individualOnfido.additionalPersonalDetails?.idNumber && (individualOnfido.additionalPersonalDetails?.country === CountryCodes.Spain || individualOnfido.additionalPersonalDetails?.country === CountryCodes.Italy)) {
-      const taxCountry = individualOnfido.additionalPersonalDetails?.country;
-      const taxType = taxCountry === CountryCodes.Spain && individualOnfido.additionalPersonalDetails?.typeOfIdentity ? individualOnfido.additionalPersonalDetails?.typeOfIdentity.toUpperCase() : taxIdNumberOptions[taxCountry][0]["id"];
+  if (individual.additionalPersonalDetails) {
+    if (matchingScenario?.includes(Scenarios.L_TAXINFO) && individual.additionalPersonalDetails?.idNumber && (individual.additionalPersonalDetails?.country === CountryCodes.Spain || individual.additionalPersonalDetails?.country === CountryCodes.Italy)) {
+      const taxCountry = individual.additionalPersonalDetails?.country;
+      const taxType = taxCountry === CountryCodes.Spain && individual.additionalPersonalDetails?.typeOfIdentity ? individual.additionalPersonalDetails?.typeOfIdentity.toUpperCase() : taxIdNumberOptions[taxCountry][0]["id"];
       legalEntity.individual.taxInformation = [
         {
           country: taxCountry,
-          number: individualOnfido.additionalPersonalDetails.idNumber,
+          number: individual.additionalPersonalDetails.idNumber,
           type: taxType
         }
       ];
     }
     legalEntity.individual.identificationData = adjustOnfidoIdentificationData(
-      individualOnfido.additionalPersonalDetails,
+      individual.additionalPersonalDetails,
       legalEntity.individual.identificationData
     );
   }
   const nameLocalization = [
-    mapSchemaFieldsToApiScriptLocalization(individualOnfido.basicDetails ?? {}, "jaHani"),
-    mapSchemaFieldsToApiScriptLocalization(individualOnfido.basicDetails ?? {}, "jaKana")
+    mapSchemaFieldsToApiScriptLocalization(individual.basicDetails ?? {}, "jaHani"),
+    mapSchemaFieldsToApiScriptLocalization(individual.basicDetails ?? {}, "jaKana")
   ].filter(({ fields }) => !isEmpty$1(fields));
   if (nameLocalization.length) {
     legalEntity.individual.name.localization = nameLocalization;
   }
   const addressLocalizations = mapJpAddressSchemaToAddressLocalizations(
-    individualOnfido.additionalPersonalDetails
+    individual.additionalPersonalDetails
   );
   if (addressLocalizations.length > 0)
     legalEntity.individual.residentialAddress.localization = addressLocalizations;
-  if (individualOnfido.basicDetails?.phoneNumber) {
+  if (individual.basicDetails?.phoneNumber) {
     const phone = {
-      number: individualOnfido.basicDetails.phoneNumber.number,
+      number: individual.basicDetails.phoneNumber.number,
       type: "mobile"
     };
     if (phone.number && legalEntity.individual) {
@@ -4471,7 +4494,7 @@ const phoneNumberBase = {
 const taxInformationBase = {
   taxInformation: { rule: "countryUsesTaxId" }
 };
-const individualOnfidoFieldsPerScenario = {
+const individualFieldsPerScenario = {
   L0: drop("address", "birthDate").from(identityOnfidoBase),
   L1: identityOnfidoBase,
   L1_ID: {
@@ -4495,10 +4518,10 @@ const individualOnfidoFieldsPerScenario = {
   L1_IDDOC: idDocRequired,
   L_PH: phoneNumberBase
 };
-const parseIndividualOnfidoScenarios = (scenarios) => composePerScenarioFormConfigurations(scenarios, individualOnfidoFieldsPerScenario);
-const parseConfiguration = ({ scenarios }) => parseIndividualOnfidoScenarios(scenarios);
+const parseIndividualScenarios = (scenarios) => composePerScenarioFormConfigurations(scenarios, individualFieldsPerScenario);
+const parseConfiguration = ({ scenarios }) => parseIndividualScenarios(scenarios);
 const logger = createLogger();
-function IndividualOnfidoDropin({
+function IndividualDropin({
   taskType = TaskTypes.INDIVIDUAL,
   parentLegalEntity,
   legalEntityResponse,
@@ -4512,7 +4535,9 @@ function IndividualOnfidoDropin({
   handleBackClick: externalBackClick,
   trustedFields,
   trustedFieldsProvider,
-  trustedRoles
+  trustedRoles,
+  isInvitedEntity,
+  invitedEntityDetails
 }) {
   const { baseUrl, rootLegalEntityId } = useApiContext();
   const { accountHolder, setAccountHolder } = useAccountHolder();
@@ -4535,13 +4560,20 @@ function IndividualOnfidoDropin({
     const formStateData = individualFormDefaultData.value;
     individualFormDefaultData.value = null;
     if (legalEntityResponse) {
+      const mappedData = mapLegalEntityToIndividualSchema(
+        legalEntityResponse,
+        isTargetLegalEntityType,
+        isRoleFieldNeeded,
+        parentLegalEntity
+      );
       return {
-        ...mapLegalEntityToIndividualOnfidoSchema(
-          legalEntityResponse,
-          isTargetLegalEntityType,
-          isRoleFieldNeeded,
-          parentLegalEntity
-        ),
+        ...mappedData,
+        ...isInvitedEntity && invitedEntityDetails?.jobTitle && {
+          basicDetails: {
+            ...mappedData.basicDetails,
+            jobTitle: invitedEntityDetails.jobTitle
+          }
+        },
         ...formStateData
       };
     }
@@ -4556,7 +4588,9 @@ function IndividualOnfidoDropin({
     parentCountry,
     isTargetLegalEntityType,
     isRoleFieldNeeded,
-    parentLegalEntity
+    parentLegalEntity,
+    isInvitedEntity,
+    invitedEntityDetails
   ]);
   const [matchingScenario, setMatchingScenario] = useState();
   const [validationErrors, setValidationErrors] = useState();
@@ -4676,7 +4710,7 @@ function IndividualOnfidoDropin({
     country
   });
   const fieldsFromCustomRules = useMemo(
-    () => individualOnfidoRules({
+    () => individualRules({
       matchingScenario,
       data,
       country: data?.additionalPersonalDetails?.country ?? country,
@@ -4690,13 +4724,13 @@ function IndividualOnfidoDropin({
   useEffect(() => {
     const derivedProps2 = getPropsFromConfigurations({
       scenarioConfiguration: fieldConfigurations,
-      forms: individualOnfidoForms,
+      forms: individualForms,
       remediationActions: problems?.remediationActions ? Object.values(problems?.remediationActions) : [],
       dataMissingErrors: problems?.missingData ?? [],
       fieldsWithExistingData: legalEntityResponse ? getFieldsWithExistingData(
         legalEntityResponse,
-        individualOnfidoApiKeyMapping,
-        individualOnfidoDocumentMapping,
+        individualApiKeyMapping,
+        individualDocumentMapping,
         [
           "additionalPersonalDetails.typeOfIdentity",
           "additionalPersonalDetails.idNumber",
@@ -4734,13 +4768,22 @@ function IndividualOnfidoDropin({
   }, []);
   const forms = useMemo(() => {
     const requiredForms = getRequiredForms(
-      individualOnfidoForms,
+      individualForms,
       derivedProps?.requiredFields,
       derivedProps?.optionalFields
     );
-    const filteredForms = !isInstantVerificationEnabled ? requiredForms.filter((f) => f.formId !== "idVerificationMethod") : requiredForms;
+    const filteredForms = requiredForms.filter((form2) => {
+      const { formId } = form2;
+      if (!isInstantVerificationEnabled && formId === "idVerificationMethod") {
+        return false;
+      }
+      if (isInvitedEntity && (formId === "signatoryQuestionnaire" || formId === "uboQuestionnaire")) {
+        return false;
+      }
+      return true;
+    });
     return addValidityToForms(filteredForms, form.isValid, problems);
-  }, [derivedProps, form.isValid, isInstantVerificationEnabled, problems]);
+  }, [derivedProps, form.isValid, isInstantVerificationEnabled, problems, isInvitedEntity]);
   const { mutateAsync: getIdVerificationStartCheck } = useIdVerificationStartCheck();
   const handleInstantIdVerificationStartCheck = async (onfidoResponse, legalEntityId) => {
     const providerId = idVerificationProviderId.value;
@@ -4881,7 +4924,7 @@ function IndividualOnfidoDropin({
   const onSubmit = async () => {
     setLoadingStatus("loading");
     const dataSubmitted = omitObscuredFieldsIfUnchanged(
-      individualOnfidoObscuredFields,
+      individualObscuredFields,
       data,
       dataFromResponse
     );
@@ -4889,7 +4932,7 @@ function IndividualOnfidoDropin({
       return;
     }
     try {
-      const legalEntity = mapIndividualOnfidoSchemaToLegalEntity(
+      const legalEntity = mapIndividualSchemaToLegalEntity(
         dataSubmitted,
         isExperimentEnabled,
         matchingScenario
@@ -5133,7 +5176,7 @@ function IndividualOnfidoDropin({
         loadingStatus,
         totalSteps: steps.total,
         children: /* @__PURE__ */ jsx(
-          IndividualOnfido,
+          Individual,
           {
             ...derivedProps,
             requiredFields,
@@ -5155,7 +5198,9 @@ function IndividualOnfidoDropin({
             trustedFieldsProvider,
             trustedRoles,
             setNextHandler,
-            handleHomeClick
+            handleHomeClick,
+            isInvitedEntity,
+            invitedEntityDetails
           }
         )
       }
@@ -5163,6 +5208,6 @@ function IndividualOnfidoDropin({
   ] });
 }
 export {
-  IndividualOnfidoDropin as I,
-  individualOnfidoForms as i
+  IndividualDropin as I,
+  individualForms as i
 };