@adyen/kyc-components 4.20.0 → 4.21.0-beta.0

package/dist/IdentityNumberFieldGroup-ivJ1jyGI.js

@@ -0,0 +1,57 @@
+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] = "f4c82418-fa52-45d0-9321-8d812f76b976", e._sentryDebugIdIdentifier = "sentry-dbid-f4c82418-fa52-45d0-9321-8d812f76b976");
+} catch (e) {}
+import { t as IdentityNumber } from "./IdentityNumber-DHn--v-7.js";
+import { n as withForm } from "./formHook-Dgi2CgbT.js";
+import { useCallback } from "preact/hooks";
+import { jsx } from "preact/jsx-runtime";
+import { useStore } from "@tanstack/preact-form";
+//#region src/adaptiveWorkflow/components/Fields/IdentityNumber/IdentityNumberFieldGroup.tsx
+function getNestedValue(obj, path) {
+	return path.split(".").reduce((acc, key) => acc?.[key], obj);
+}
+function getEventValue(value) {
+	if (value && typeof value === "object" && "currentTarget" in value) {
+		const currentTarget = value.currentTarget;
+		if (currentTarget?.type === "checkbox") return currentTarget.checked;
+		return currentTarget?.value;
+	}
+	return value;
+}
+var IdentityNumberFieldGroup = withForm({
+	defaultValues: {},
+	props: {},
+	render: function IdentityNumberFieldGroupRender({ form, basePath, country, idNumberType, optionalFields, readOnlyFields, obscuredFields }) {
+		const idNumberPath = `${basePath}.idNumber`;
+		const idNumberExemptPath = `${basePath}.idNumberExempt`;
+		return /* @__PURE__ */ jsx(IdentityNumber, {
+			country,
+			data: useStore(form.store, (s) => ({
+				idNumber: getNestedValue(s.values, idNumberPath),
+				idNumberExempt: getNestedValue(s.values, idNumberExemptPath)
+			})),
+			errors: {},
+			fieldValidationErrors: {},
+			handleFieldChange: useCallback((fieldName, _mode) => (value) => {
+				const fieldPath = fieldName === "idNumber" ? idNumberPath : idNumberExemptPath;
+				form.setFieldValue(fieldPath, getEventValue(value));
+			}, [
+				form,
+				idNumberPath,
+				idNumberExemptPath
+			]),
+			idNumberType,
+			obscuredFields,
+			optionalFields,
+			readOnlyFields,
+			requiredFields: ["idNumber"],
+			valid: {
+				idNumber: true,
+				idNumberExempt: true
+			}
+		});
+	}
+});
+//#endregion
+export { IdentityNumberFieldGroup };

package/dist/IdentityScreeningWorkflow-zNOsMLhY.js

@@ -0,0 +1,307 @@
+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] = "2e041936-7546-44f7-9f10-a7965a1b1ed2", e._sentryDebugIdIdentifier = "sentry-dbid-2e041936-7546-44f7-9f10-a7965a1b1ed2");
+} catch (e) {}
+import { r as useTranslation, t as Trans } from "./translation-BOm4lmPx.js";
+import { x as Alert } from "./resolveEnvironment-wbFNXSP-.js";
+import { t as createLogger } from "./logger-Z8AeTE4x.js";
+import { t as Loader } from "./Loader-BEpMlKm2.js";
+import { t as Button } from "./Button-DSD_afG_.js";
+import { r as useLegalEntity } from "./useLegalEntity-QQXN6YOm.js";
+import { t as Modal } from "./Modal-C6gfqa3Z.js";
+import { _ as LandingLayout } from "./form-rules-DCZ-uyGo.js";
+import { t as EndStateLayout } from "./EndStateLayout-CarfWtTC.js";
+import { p as LoaderWrapper } from "./Select-PqhoL_oQ.js";
+import { g as FormFlow_module_default } from "./RadioGroup-B_lHSMq9.js";
+import { t as Image } from "./Image-D82terx4.js";
+import { t as Link } from "./Link-B-gN0d8l.js";
+import { a as fromIndividualConflictSchema, d as useExtractDocumentInformation, i as mapExtractionResultToSchema, l as useDataConflicts, n as UploadedDocument, o as toIndividualConflictSchema, r as useIdVerificationToken, s as IdVerificationMethod_module_default, t as validateExtractionResult } from "./validateExtractionResult-BnSV5Z6F.js";
+import { t as DataConflictsModal } from "./DataConflictsModal-CnePHHgB.js";
+import { t as useTaskStepperContext } from "./useTaskStepperContext-BIEhTt1x.js";
+import { t as useHideTaskStepper } from "./useHideTaskStepper-MdPt1zI8.js";
+import { lazy } from "preact/compat";
+import { useEffect as useEffect$1, useRef as useRef$1, useState as useState$1 } from "preact/hooks";
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { skipToken } from "@tanstack/preact-query";
+import { Onfido } from "onfido-sdk-ui";
+//#region src/adaptiveWorkflow/components/Layout/Steps/IdentityScreeningWorkflow/IdentityScreening.tsx
+var passportFrontGreenImage = lazy(() => import("./passport-front-green-BWuD3-Fs.js"));
+var containerId = "adyen-kyc-id-verification";
+var logger = createLogger();
+var hasMinimumApplicantDetails = (details) => Boolean(details.firstName && details.lastName && details.residencyCountry);
+var getOnfidoLocaleConfig = (locale, t) => {
+	const language = locale.substring(0, 2);
+	return language === "en" ? {
+		locale: language,
+		phrases: {
+			"country_select.button_primary": t(($) => $["continue"]),
+			"doc_submit.title_id_back": t(($) => $["identityCardBack"]),
+			"doc_submit.title_id_front": t(($) => $["identityCardFront"]),
+			"doc_submit.title_license_back": t(($) => $["drivinglicenseBack"]),
+			"doc_submit.title_license_front": t(($) => $["drivinglicenseFront"]),
+			"doc_submit.title_passport": t(($) => $["passportPhotoPage"]),
+			"doc_submit.title_permit_back": t(($) => $["residencePermitBack"]),
+			"doc_submit.title_permit_front": t(($) => $["residencePermitFront"])
+		}
+	} : language;
+};
+var initOnfido = async ({ containerEl, token, t, locale, onComplete, onError, showMotionCapture }) => {
+	const steps = [{
+		type: "document",
+		options: { documentTypes: {
+			passport: true,
+			driving_licence: true,
+			national_identity_card: true,
+			residence_permit: false
+		} }
+	}, showMotionCapture ? {
+		type: "face",
+		options: { requestedVariant: "motion" }
+	} : void 0].filter(Boolean);
+	return Onfido.init({
+		token,
+		containerEl,
+		disableAnalytics: false,
+		onComplete,
+		onError,
+		steps,
+		language: getOnfidoLocaleConfig(locale, t)
+	});
+};
+function OnfidoCaptureModal({ closeModal, legalEntityId, minimumApplicantDetails, onComplete, onError, showMotionCapture }) {
+	const containerRef = useRef$1(null);
+	const onfidoSdk = useRef$1();
+	const { t, i18n } = useTranslation("individual");
+	const { data: tokenResponse, isLoading, isError } = useIdVerificationToken(minimumApplicantDetails, legalEntityId);
+	useEffect$1(() => {
+		(async () => {
+			if (!tokenResponse) return;
+			if (!containerRef.current) throw new Error("No container for Onfido found");
+			onfidoSdk.current = await initOnfido({
+				containerEl: containerRef.current,
+				token: tokenResponse.sdkToken,
+				t,
+				locale: i18n.language,
+				onComplete,
+				onError,
+				showMotionCapture
+			});
+		})().catch(logger.error);
+		return async () => {
+			if (onfidoSdk.current) await onfidoSdk.current.tearDown();
+		};
+	}, [
+		i18n.language,
+		legalEntityId,
+		minimumApplicantDetails,
+		onComplete,
+		onError,
+		showMotionCapture,
+		t,
+		tokenResponse
+	]);
+	return /* @__PURE__ */ jsx(Modal, {
+		size: "medium",
+		onClose: closeModal,
+		ariaLabel: t(($) => $["identityVerification"]),
+		children: /* @__PURE__ */ jsx(LoaderWrapper, {
+			status: tokenResponse ? "success" : isLoading ? "loading" : isError ? "error" : "pending",
+			children: /* @__PURE__ */ jsx("div", {
+				ref: containerRef,
+				className: containerId
+			})
+		})
+	});
+}
+function IdentityScreening({ resourceId, legalEntityId, minimumApplicantDetails, providedData, extractionResult, onfidoResult, simulateOnfidoCompletion, existingDocument, requiresDocumentExtraction = true, showMotionCapture, onComplete, onBack }) {
+	const resolvedLegalEntityId = resourceId ?? legalEntityId;
+	const { data: legalEntity, isLoading: isLegalEntityLoading, isError: isLegalEntityError } = useLegalEntity(Boolean(resolvedLegalEntityId && (!minimumApplicantDetails || !providedData)) && resolvedLegalEntityId ? resolvedLegalEntityId : skipToken);
+	const { t: commonT } = useTranslation("common");
+	const { t: individualT } = useTranslation("individual");
+	const extractDocumentInformation = useExtractDocumentInformation();
+	const [status, setStatus] = useState$1("ready");
+	const [document, setDocument] = useState$1(existingDocument);
+	const [errorKey, setErrorKey] = useState$1();
+	const [extractedData, setExtractedData] = useState$1();
+	const resolvedMinimumApplicantDetails = minimumApplicantDetails ?? {
+		firstName: legalEntity?.individual?.name?.firstName,
+		lastName: legalEntity?.individual?.name?.lastName,
+		residencyCountry: legalEntity?.individual?.residentialAddress?.country
+	};
+	const resolvedProvidedData = providedData ?? {
+		firstName: legalEntity?.individual?.name?.firstName,
+		lastName: legalEntity?.individual?.name?.lastName,
+		birthDate: legalEntity?.individual?.birthData?.dateOfBirth,
+		idNumber: legalEntity?.individual?.identificationData?.number
+	};
+	const conflictData = useDataConflicts(resolvedProvidedData, extractedData);
+	const isApplicantDetailsReady = hasMinimumApplicantDetails(resolvedMinimumApplicantDetails);
+	const getExtractionResult = async (result) => {
+		if (extractionResult) return extractionResult;
+		try {
+			const documentIds = [result.document_front.id];
+			if (result.document_back) documentIds.push(result.document_back.id);
+			return await extractDocumentInformation.mutateAsync({ documents: documentIds.map((documentId) => ({ documentId })) });
+		} catch {
+			setErrorKey("weCouldNotExtractDocumentInformation");
+			setStatus("ready");
+			return;
+		}
+	};
+	const handleOnfidoComplete = async (result) => {
+		setErrorKey(void 0);
+		if (!requiresDocumentExtraction) {
+			onComplete();
+			return;
+		}
+		setStatus("extractionLoading");
+		const resolvedExtractionResult = await getExtractionResult(result);
+		if (!resolvedExtractionResult) {
+			setDocument({
+				instantIdVerificationData: result,
+				idDocumentType: result.document_front.type,
+				modificationDate: (/* @__PURE__ */ new Date()).toISOString()
+			});
+			setStatus("ready");
+			return;
+		}
+		const validationError = validateExtractionResult(resolvedExtractionResult);
+		if (validationError) {
+			setErrorKey(validationError.key);
+			setStatus("ready");
+			return;
+		}
+		const mappedExtractionResult = mapExtractionResultToSchema(resolvedExtractionResult);
+		setDocument({
+			instantIdVerificationData: result,
+			idDocumentType: result.document_front.type,
+			modificationDate: (/* @__PURE__ */ new Date()).toISOString(),
+			documentCountry: resolvedExtractionResult.issuingCountry
+		});
+		setExtractedData(toIndividualConflictSchema(mappedExtractionResult));
+		setStatus("ready");
+	};
+	const launchOnfido = () => {
+		if (!isApplicantDetailsReady) {
+			setErrorKey("thereWasAnErrorTryAgain");
+			return;
+		}
+		if (simulateOnfidoCompletion && onfidoResult) {
+			handleOnfidoComplete(onfidoResult);
+			return;
+		}
+		setStatus("onfidoModal");
+	};
+	const handleDataConflictsResolved = (resolved) => {
+		fromIndividualConflictSchema(resolved);
+		onComplete();
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: FormFlow_module_default.formFlow,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: FormFlow_module_default.formFlowContent,
+				children: /* @__PURE__ */ jsx(LandingLayout, {
+					media: /* @__PURE__ */ jsx(Image, {
+						className: IdVerificationMethod_module_default.verificationHeaderImage,
+						lazyLoadedImage: passportFrontGreenImage
+					}),
+					title: individualT(($) => $["verifyIdentity"]),
+					description: individualT(($) => $["weNeedToVerifyTheDecisionMakersIdentity"]),
+					helpAction: /* @__PURE__ */ jsx(Button, {
+						onClick: onBack,
+						variant: "tertiary",
+						children: commonT(($) => $["back"])
+					}),
+					error: errorKey || isLegalEntityError ? /* @__PURE__ */ jsx(Alert, {
+						variant: "error",
+						title: commonT(($) => $[errorKey ?? "thereWasAnErrorTryAgain"])
+					}) : void 0,
+					actions: status === "extractionLoading" ? /* @__PURE__ */ jsx(Loader, { size: "large" }) : document ? /* @__PURE__ */ jsx(Button, {
+						onClick: onComplete,
+						fullWidth: true,
+						children: commonT(($) => $["continue"])
+					}) : /* @__PURE__ */ jsx(Button, {
+						fullWidth: true,
+						onClick: launchOnfido,
+						loading: isLegalEntityLoading,
+						disabled: isLegalEntityError || !isApplicantDetailsReady,
+						children: individualT(($) => $["getVerifiedInstantly"])
+					}),
+					content: document && /* @__PURE__ */ jsx(UploadedDocument, {
+						document,
+						onDelete: () => setDocument(void 0),
+						onUpdate: launchOnfido
+					}),
+					disclaimer: !document && /* @__PURE__ */ jsx(Trans, {
+						t: individualT,
+						ns: "individual",
+						i18nKey: ($) => $["byContinuingWithInstantVerification"],
+						components: {
+							facialScanLink: /* @__PURE__ */ jsx(Link, {
+								href: "https://onfido.com/facial-scan-policy-and-release/",
+								external: true,
+								inline: true
+							}),
+							privacyLink: /* @__PURE__ */ jsx(Link, {
+								href: "https://onfido.com/privacy/",
+								external: true,
+								inline: true
+							}),
+							termsLink: /* @__PURE__ */ jsx(Link, {
+								href: "https://onfido.com/terms-of-service/",
+								external: true,
+								inline: true
+							})
+						}
+					})
+				})
+			}),
+			status === "onfidoModal" && isApplicantDetailsReady && /* @__PURE__ */ jsx(OnfidoCaptureModal, {
+				closeModal: () => {
+					setStatus("ready");
+				},
+				legalEntityId: resolvedLegalEntityId,
+				minimumApplicantDetails: resolvedMinimumApplicantDetails,
+				onComplete: handleOnfidoComplete,
+				onError: () => {
+					setErrorKey("weCouldNotReachOnfido");
+					setStatus("ready");
+				},
+				showMotionCapture
+			}),
+			conflictData.hasConflicts && extractedData && /* @__PURE__ */ jsx(DataConflictsModal, {
+				providedData: conflictData.resolvedData ?? resolvedProvidedData,
+				detectedData: extractedData,
+				conflictingProperties: conflictData.conflictingProperties,
+				formatters: {},
+				title: "confirmPersonalDetails",
+				explanation: "theDetailsYouEnteredDontMatch",
+				onContinue: handleDataConflictsResolved,
+				onCancel: () => {
+					setExtractedData(void 0);
+					setStatus("ready");
+				}
+			})
+		]
+	});
+}
+//#endregion
+//#region src/adaptiveWorkflow/components/Layout/Steps/IdentityScreeningWorkflow/IdentityScreeningWorkflow.tsx
+var IdentityScreeningWorkflow = ({ node }) => {
+	const { goToNextStep, goToPreviousStep } = useTaskStepperContext();
+	useHideTaskStepper();
+	const properties = node.properties;
+	if (!properties?.resourceId) return /* @__PURE__ */ jsx(EndStateLayout, {
+		variant: "error",
+		title: "Something went wrong",
+		description: "Please try again later"
+	});
+	return /* @__PURE__ */ jsx(IdentityScreening, {
+		...properties,
+		onComplete: goToNextStep,
+		onBack: goToPreviousStep
+	});
+};
+//#endregion
+export { IdentityScreeningWorkflow };

package/dist/{Image-8SOcICah.js → Image-D82terx4.js}

@@ -1,8 +1,8 @@
 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] = "0f96309b-c723-4819-9537-d67b30cd0ae9", e._sentryDebugIdIdentifier = "sentry-dbid-0f96309b-c723-4819-9537-d67b30cd0ae9");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "cd0e7b13-b5c4-4b27-a649-d95d870bd7bd", e._sentryDebugIdIdentifier = "sentry-dbid-cd0e7b13-b5c4-4b27-a649-d95d870bd7bd");
 } catch (e) {}
-import { r as Loader } from "./Button-Cm7cT6BX.js";
+import { t as Loader } from "./Loader-BEpMlKm2.js";
 import { Suspense } from "preact/compat";
 import { jsx } from "preact/jsx-runtime";
 //#region src/components/ui/atoms/Image/Image.tsx

package/dist/{Individual.rules-Ozgltft8.js → Individual.rules-CKRy22gy.js}

@@ -1,20 +1,19 @@
 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] = "68be5a1d-4a2b-47cb-a690-46494b98c236", e._sentryDebugIdIdentifier = "sentry-dbid-68be5a1d-4a2b-47cb-a690-46494b98c236");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "194c3321-dd85-4e0b-a8a3-1ab3b8234751", e._sentryDebugIdIdentifier = "sentry-dbid-194c3321-dd85-4e0b-a8a3-1ab3b8234751");
 } catch (e) {}
-import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BHh7Ux8v.js";
+import { t as getLegalEntityCountry } from "./getLegalEntityCountry-CNE5uei8.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
 import { t as TaskTypes } from "./taskTypes-3vSkMBDm.js";
-import { t as allowedCountriesForNominee } from "./entityAssociationUtil-DLXInibJ.js";
+import { t as allowedCountriesForNominee } from "./entityAssociationUtil-CLBR9osP.js";
 import { t as DecisionMakerTypes } from "./decision-maker-type-NR4GFAeT.js";
 import { t as Scenarios } from "./get-scenarios-Bb-paHmJ.js";
-import { t as getAvailableDecisionMakerRoleTypes } from "./decisionMaker-Dt53wKqO.js";
-import { i as isLowRiskCountry } from "./country-IYuKDSdC.js";
-import { t as createFormRules } from "./form-rules-DV3hxYqZ.js";
-import { n as isBafinSignatoryFlow } from "./bafinUtils-9rBblM1a.js";
-import { c as COUNTRIES_WITH_STATES_DATASET, t as getAddressSchemaForCountry } from "./utils-eFdC-IQw.js";
-import { t as getLocalizedIdDocumentTypeOptions } from "./utils-DwujAUJC.js";
-import { t as isJapanLocalizationEnabled } from "./japanSupportUtils-H5Zfox2v.js";
+import { t as getAvailableDecisionMakerRoleTypes } from "./decisionMaker-M0Tm92JR.js";
+import { i as isLowRiskCountry } from "./country-DkgapJ4w.js";
+import { t as createFormRules } from "./form-rules-DCZ-uyGo.js";
+import { U as isJapanLocalizationEnabled, n as isBafinSignatoryFlow } from "./bafinUtils-CT-a64QP.js";
+import { a as getAddressSchemaForCountry, f as COUNTRIES_WITH_STATES_DATASET } from "./StateField-uZDljrxJ.js";
+import { t as getLocalizedIdDocumentTypeOptions } from "./utils-Br7Ah3uy.js";
 //#region src/components/Individual/forms/Individual.rules.ts
 var REQUIRED = "REQUIRED";
 var OPTIONAL = "OPTIONAL";