@adyen/kyc-components 4.15.1 → 4.16.0-beta.1

package/dist/{validateExtractionResult-CLJ93Tay.js → validateExtractionResult-Dpmu7Heg.js}

@@ -1,28 +1,23 @@
 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] = "f7473b76-a64e-49b2-a8ad-2b865bd48cca", e._sentryDebugIdIdentifier = "sentry-dbid-f7473b76-a64e-49b2-a8ad-2b865bd48cca");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7b4b96e7-1b36-48a4-ae5f-964d815a57d9", e._sentryDebugIdIdentifier = "sentry-dbid-7b4b96e7-1b36-48a4-ae5f-964d815a57d9");
 } catch (e) {}
-import { i as Typography, o as createLogger, r as useTranslation } from "./translation-BR3rLb4m.js";
-import { P as listToRecord, x as Alert } from "./resolveEnvironment-B3XdWKTk.js";
-import { n as IconButton, t as Button } from "./Button-3qGOI53m.js";
-import { r as httpPost, s as useApiContext } from "./http-DeQp0G69.js";
+import { i as Typography, o as createLogger, r as useTranslation } from "./translation-BYvhW5zA.js";
+import { n as IconButton, t as Button } from "./Button-i8I2dHP8.js";
+import { r as httpPost, s as useApiContext } from "./http-8qgzqVqk.js";
 import { l as keysOf, o as objectsDeepEqual, s as pick, u as valuesOf } from "./AnalyticsContext-BFrJmsp0.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
-import { t as Modal } from "./Modal-C__-5LgI.js";
-import { n as translateTranslatable } from "./utils-BtyrxTzp.js";
-import { t as Confirm } from "./Confirm-6QfuYcA7.js";
+import { n as translateTranslatable } from "./utils-C1buyvRw.js";
 import { n as mergeFieldMetadataIntoProps, t as createFormUtils } from "./formUtils-DVc3a6gf.js";
-import { a as alphanumericInputs, c as nonInputs, i as alphaInputs, l as numericInputs, o as customInputs, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-BqBhlwWa.js";
-import { t as localizeDateString } from "./localizeDateString-CU7HGR-k.js";
+import { a as alphanumericInputs, c as nonInputs, i as alphaInputs, l as numericInputs, o as customInputs, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-7qV9oiWq.js";
+import { t as localizeDateString } from "./localizeDateString-Bmx3yBcR.js";
 import { t as uppercase } from "./uppercase-DvjwUM0n.js";
-import { o as validatePatternOnBlur } from "./patternValidators-Df7_l0ZR.js";
+import { o as validatePatternOnBlur } from "./patternValidators-D7FquZM7.js";
 import { t as resolveFieldMetadata } from "./fieldConfigurations-CZCFghnK.js";
-import { t as Field } from "./Field-DAUlw0M5.js";
-import { t as Checkbox } from "./Checkbox-DPFQmSgp.js";
-import { n as RadioWithLabel } from "./RadioGroup-CMiBSXCA.js";
-import { t as isEmpty } from "./isEmpty-BVlBH98t.js";
+import { t as Field } from "./Field-DoXLi6EY.js";
+import { t as Checkbox } from "./Checkbox-D7BRIoQL.js";
 import { t as Spacer } from "./Spacer-CEHRO4Ml.js";
-import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
+import { useMemo } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 import { useMutation, useQuery } from "@tanstack/preact-query";
 //#region src/utils/regex/countryIdNumberPatterns.ts
@@ -653,221 +648,6 @@ var useDataConflicts = (providedData, detectedData, rules = {}, onAutoResolve) =
 		resolvedData
 	};
 };
-var ConflictRow_module_default = {
-	"conflict-row-table": "_conflict-row-table_y7ii4_1",
-	conflictRowTable: "_conflict-row-table_y7ii4_1",
-	"conflict-row-list": "_conflict-row-list_y7ii4_12",
-	conflictRowList: "_conflict-row-list_y7ii4_12",
-	"conflict-row-list-option-label": "_conflict-row-list-option-label_y7ii4_29",
-	conflictRowListOptionLabel: "_conflict-row-list-option-label_y7ii4_29"
-};
-//#endregion
-//#region src/components/Individual/forms/DataConflictsModal/ConflictRow.tsx
-var ConflictRow = ({ provided, detected, label, formatter = (val) => val, selected, onSelect, showAs }) => {
-	const { t } = useTranslation("common");
-	const hasOnlyProvided = !isEmpty(provided) && isEmpty(detected);
-	const hasOnlyDetected = isEmpty(provided) && !isEmpty(detected);
-	useEffect(() => {
-		if (selected !== void 0) return;
-		if (hasOnlyProvided) onSelect("provided");
-		else if (hasOnlyDetected) onSelect("detected");
-	}, [
-		hasOnlyProvided,
-		hasOnlyDetected,
-		onSelect,
-		selected
-	]);
-	if (hasOnlyProvided || hasOnlyDetected) return;
-	return showAs === "listItem" ? /* @__PURE__ */ jsxs("div", {
-		className: ConflictRow_module_default.conflictRowList,
-		children: [/* @__PURE__ */ jsx("dt", { children: /* @__PURE__ */ jsx(Typography, {
-			variant: "caption",
-			children: t(($) => $[label])
-		}) }), /* @__PURE__ */ jsxs("dd", { children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
-			variant: "caption",
-			color: "tertiary",
-			className: ConflictRow_module_default.conflictRowListOptionLabel,
-			children: t(($) => $["youEntered"])
-		}), /* @__PURE__ */ jsx(RadioWithLabel, {
-			label: formatter(provided),
-			value: "provided",
-			checked: selected === "provided",
-			onClick: () => onSelect("provided")
-		})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
-			variant: "caption",
-			color: "tertiary",
-			className: ConflictRow_module_default.conflictRowListOptionLabel,
-			children: t(($) => $["weDetected"])
-		}), /* @__PURE__ */ jsx(RadioWithLabel, {
-			label: formatter(detected),
-			value: "detected",
-			checked: selected === "detected",
-			onClick: () => onSelect("detected")
-		})] })] })]
-	}) : /* @__PURE__ */ jsxs("tr", {
-		className: ConflictRow_module_default.conflictRowTable,
-		children: [
-			/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Typography, {
-				variant: "caption",
-				children: t(($) => $[label])
-			}) }),
-			/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(RadioWithLabel, {
-				label: formatter(provided),
-				value: "provided",
-				checked: selected === "provided",
-				onClick: () => onSelect("provided")
-			}) }),
-			/* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(RadioWithLabel, {
-				label: formatter(detected),
-				value: "detected",
-				checked: selected === "detected",
-				onClick: () => onSelect("detected")
-			}) })
-		]
-	});
-};
-var DataConflictsModal_module_default = {
-	"data-conflicts-wrapper": "_data-conflicts-wrapper_1jdw0_1",
-	dataConflictsWrapper: "_data-conflicts-wrapper_1jdw0_1",
-	"data-conflicts-header": "_data-conflicts-header_1jdw0_7",
-	dataConflictsHeader: "_data-conflicts-header_1jdw0_7",
-	"data-conflicts-table": "_data-conflicts-table_1jdw0_15",
-	dataConflictsTable: "_data-conflicts-table_1jdw0_15",
-	"data-conflicts-list": "_data-conflicts-list_1jdw0_33",
-	dataConflictsList: "_data-conflicts-list_1jdw0_33"
-};
-//#endregion
-//#region src/components/Individual/forms/DataConflictsModal/DataConflictsModal.tsx
-/**
-* A modal component for resolving data conflicts between two data sources.
-*
-* This component is typically used in a KYC (Know Your Customer) flow where user-provided data
-* is compared against data extracted from a document (e.g., via OCR).
-*
-* It identifies differing fields, presents them to the user, and allows them to select the
-* correct version for each field before proceeding.
-*
-* @template Data The shape of the data objects being compared.
-* @template Property A union of keys from the `Data` object, constrained to `NsTranslationKey<'common'>`.
-*/
-var DataConflictsModal = ({ providedData, detectedData, conflictingProperties, formatters, title, explanation, onContinue, onCancel }) => {
-	const { t: individualT } = useTranslation("individual");
-	const [showCancelModal, setShowCancelModal] = useState(false);
-	const [showError, setShowError] = useState(false);
-	/**
-	* A record object that maps each conflicting property key to its `provided` and `detected` values.
-	* This is memoized for performance, as it's derived from `conflictingProperties` and only needs
-	* to be recalculated if the list of conflicts changes.
-	*
-	* @example
-	* // returns: { firstName: { provided: 'Jon', detected: 'John' } }
-	*/
-	const conflictItems = useMemo(() => listToRecord(conflictingProperties, (property) => ({
-		provided: providedData[property],
-		detected: detectedData[property]
-	})), [
-		conflictingProperties,
-		providedData,
-		detectedData
-	]);
-	const [resolutions, setResolutions] = useState(() => listToRecord(conflictingProperties, () => void 0));
-	const resolveProperty = useCallback((property, selected) => {
-		setShowError(false);
-		setResolutions((prev) => ({
-			...prev,
-			[property]: selected
-		}));
-	}, []);
-	return /* @__PURE__ */ jsxs(Modal, {
-		ariaLabel: individualT(($) => $[title]),
-		onClose: () => setShowCancelModal(true),
-		inset: true,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: DataConflictsModal_module_default.dataConflictsWrapper,
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: DataConflictsModal_module_default.dataConflictsHeader,
-					children: [/* @__PURE__ */ jsx(Typography, {
-						variant: "title-l",
-						el: "h1",
-						children: individualT(($) => $[title])
-					}), /* @__PURE__ */ jsx(Typography, {
-						variant: "body",
-						children: individualT(($) => $[explanation])
-					})]
-				}),
-				showError ? /* @__PURE__ */ jsx(Alert, {
-					variant: "error",
-					title: individualT(($) => $["chooseTheCorrectDetailsBeforeProceeding"])
-				}) : void 0,
-				/* @__PURE__ */ jsx("dl", {
-					className: DataConflictsModal_module_default.dataConflictsList,
-					children: keysOf(conflictItems).map((property) => /* @__PURE__ */ jsx(ConflictRow, {
-						showAs: "listItem",
-						label: property,
-						formatter: formatters[property],
-						provided: conflictItems[property].provided,
-						detected: conflictItems[property].detected,
-						selected: resolutions[property],
-						onSelect: (selected) => resolveProperty(property, selected)
-					}, property))
-				}),
-				/* @__PURE__ */ jsxs("table", {
-					className: DataConflictsModal_module_default.dataConflictsTable,
-					children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-						/* @__PURE__ */ jsx("th", {}),
-						/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, {
-							variant: "caption",
-							color: "tertiary",
-							children: individualT(($) => $["youEntered"])
-						}) }),
-						/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, {
-							variant: "caption",
-							color: "tertiary",
-							children: individualT(($) => $["weDetected"])
-						}) })
-					] }) }), /* @__PURE__ */ jsx("tbody", { children: keysOf(conflictItems).map((property) => /* @__PURE__ */ jsx(ConflictRow, {
-						showAs: "tableRow",
-						label: property,
-						formatter: formatters[property],
-						provided: conflictItems[property].provided,
-						detected: conflictItems[property].detected,
-						selected: resolutions[property],
-						onSelect: (selected) => resolveProperty(property, selected)
-					}, property)) })]
-				}),
-				/* @__PURE__ */ jsx(Button, {
-					fullWidth: true,
-					onClick: () => {
-						if (!conflictingProperties.every((p) => resolutions[p])) {
-							setShowError(true);
-							return;
-						}
-						/**
-						* 2. Build an object containing only the user's selections for the conflicting properties.
-						* This intermediate object will only contain the keys that had a mismatch.
-						*/
-						const resolvedConflicts = listToRecord(conflictingProperties, (property) => {
-							return resolutions[property] === "provided" ? providedData[property] : detectedData[property];
-						});
-						onContinue({
-							...providedData,
-							...resolvedConflicts
-						});
-					},
-					children: individualT(($) => $["confirmSelection"])
-				})
-			]
-		}), showCancelModal && /* @__PURE__ */ jsx(Confirm, {
-			title: individualT(($) => $["leaveInstantVerification"]),
-			confirmText: individualT(($) => $["leaveVerification"]),
-			description: individualT(($) => $["anyInformationFromTheUploadedDocumentWillBeLost"]),
-			onConfirm: onCancel,
-			onCancel: () => setShowCancelModal(false),
-			critical: false
-		})]
-	});
-};
 var IdVerificationMethod_module_default = {
 	"verification-header-image": "_verification-header-image_1vivf_1",
 	verificationHeaderImage: "_verification-header-image_1vivf_1",
@@ -1067,4 +847,4 @@ var validateExtractionResult = (extractionResult) => {
 	return null;
 };
 //#endregion
-export { getAsyncIdNumberValidationRule as _, fromIndividualConflictSchema as a, DataConflictsModal as c, addressToString as d, useExtractDocumentInformation as f, defaultFieldMetadata as g, defaultFieldConfig as h, mapExtractionResultToSchema as i, createAddressConflictRule as l, idNumberFields as m, UploadedDocument as n, toIndividualConflictSchema as o, IdentityNumber as p, useIdVerificationToken as r, IdVerificationMethod_module_default as s, validateExtractionResult as t, useDataConflicts as u, licenseCardNumberDefaultConfig as v, licenseCardNumberDefaultMetadata as y };
+export { licenseCardNumberDefaultConfig as _, fromIndividualConflictSchema as a, createAddressConflictRule as c, useExtractDocumentInformation as d, IdentityNumber as f, getAsyncIdNumberValidationRule as g, defaultFieldMetadata as h, mapExtractionResultToSchema as i, useDataConflicts as l, defaultFieldConfig as m, UploadedDocument as n, toIndividualConflictSchema as o, idNumberFields as p, useIdVerificationToken as r, IdVerificationMethod_module_default as s, validateExtractionResult as t, addressToString as u, licenseCardNumberDefaultMetadata as v };

package/dist/{validationError-Bny-1EE5.js → validationError-COmWiy16.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] = "8b6c9354-fbc4-45d9-9ad2-4e1485dfde9d", e._sentryDebugIdIdentifier = "sentry-dbid-8b6c9354-fbc4-45d9-9ad2-4e1485dfde9d");
 } catch (e) {}
-import { S as remediationPayoutApiKeyMapping, d as remediationIndividualApiKeyMapping, v as remediationBusinessDetailsApiKeyMapping } from "./processCapabilities-CTUJbebx.js";
+import { S as remediationPayoutApiKeyMapping, d as remediationIndividualApiKeyMapping, v as remediationBusinessDetailsApiKeyMapping } from "./processCapabilities-fPuXc9gL.js";
 import { t as TaskTypes } from "./taskTypes-NawDTp5n.js";
 import { t as assignToProp } from "./utils-DdHbAadK.js";
 //#region src/types/errors/maintenance-mode-error.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "4.15.1",
+  "version": "4.16.0-beta.1",
   "keywords": [
     "adyen",
     "adyen-for-platforms",
@@ -191,7 +191,8 @@
     "build:cdn": "rm -rf dist-cdn && vite build --mode production-cdn && ./scripts/move-sourcemaps.sh && node ./scripts/ensureUniqueOutputNames.js",
     "build:watch": "vite build --mode production --watch",
     "contracts": "node scripts/contract-drift-check.ts",
-    "check:all": "concurrently \"pnpm types:check\" \"pnpm lint:quiet\" \"pnpm lint:styles:quiet\" \"pnpm format:check\" -n tsc,eslint,stylelint,format -c cyan,magenta,yellow,blue",
+    "check:all": "concurrently \"pnpm types:check\" \"pnpm lint:quiet\" \"pnpm lint:styles:quiet\" \"pnpm format:check\" \"pnpm check:skills\" -n tsc,eslint,stylelint,format,skills -c cyan,magenta,yellow,blue,green",
+    "check:skills": "node scripts/verify-skills.ts",
     "check:commits": "commitlint --from",
     "check:commits:since-main": "pnpm check:commits main",
     "clean": "rm -rf dist*",