@adyen/kyc-components 4.23.0 → 4.24.0-beta.0

package/dist/Currency-BKTf95Wp.js

@@ -1,210 +0,0 @@
-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] = "6880ef07-4dcd-46ef-ac8b-34f63ad280a5", e._sentryDebugIdIdentifier = "sentry-dbid-6880ef07-4dcd-46ef-ac8b-34f63ad280a5");
-} catch (e) {}
-import { r as useTranslation } from "./translation-BOm4lmPx.js";
-import { at as isUndefinedOrNull } from "./resolveEnvironment-BYEL10Nc.js";
-import { t as createLogger } from "./logger-Z8AeTE4x.js";
-import { n as httpGet, s as useApiContext } from "./http-DsJtugN1.js";
-import { r as drop } from "./genUtils-Ce61IJs8.js";
-import { r as InputBase, t as InputText } from "./InputText-CTpVF0Mu.js";
-import { r as Field, t as Select } from "./Select-ByVcS_J2.js";
-import { t as currencyByCountry } from "./types-wRlt8bxb.js";
-import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";
-import { jsx } from "preact/jsx-runtime";
-import { useQuery } from "@tanstack/preact-query";
-//#region src/components/Business/forms/AdditionalInformation/utils.ts
-var mapAddressData = (verifiedBusiness) => ({
-	street: verifiedBusiness.street ?? "",
-	street2: verifiedBusiness.street2 ?? "",
-	city: verifiedBusiness.city ?? "",
-	postalCode: verifiedBusiness.postalCode ?? "",
-	stateOrProvince: verifiedBusiness.state ?? ""
-});
-var isDateOlderThanAYear = (dateString) => {
-	if (!dateString) return false;
-	const inputDate = new Date(dateString);
-	if (isNaN(inputDate.getTime())) {
-		console.error(`Error: Invalid date format or value for: ${dateString}`);
-		return false;
-	}
-	const oneYearAgo = /* @__PURE__ */ new Date();
-	oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1);
-	return inputDate.getTime() < oneYearAgo.getTime();
-};
-//#endregion
-//#region src/components/Business/forms/FinancialInformation/mapping/mapFinancialInformationToFinancialReport.ts
-var mapFinancialInformationToFinancialReport = ({ currency, financialReportingDate, numberOfEmployees, balanceSheetTotal, annualTurnover }, dateOfIncorporation) => {
-	if (dateOfIncorporation && !isDateOlderThanAYear(dateOfIncorporation)) return { employeeCount: typeof numberOfEmployees === "number" ? numberOfEmployees.toFixed(0) : numberOfEmployees };
-	return {
-		currencyOfFinancialData: currency,
-		dateOfFinancialData: financialReportingDate === "" ? null : financialReportingDate,
-		employeeCount: typeof numberOfEmployees === "number" ? numberOfEmployees.toFixed(0) : numberOfEmployees,
-		balanceSheetTotal: balanceSheetTotal?.toFixed(2) ?? void 0,
-		annualTurnover: annualTurnover?.toFixed(2) ?? void 0
-	};
-};
-//#endregion
-//#region src/components/Business/forms/FinancialInformation/mapping/mapFinancialReportsToFinancialInformation.ts
-var mapFinancialReportsToFinancialInformation = (financialReports, withReportedValueOption = true) => {
-	if (financialReports.length === 0) throw new Error("No financial reports");
-	const mostRecentReport = financialReports.reduce((latest, curr) => {
-		if (curr?.dateOfFinancialData && latest?.dateOfFinancialData && curr?.dateOfFinancialData > latest?.dateOfFinancialData) return curr;
-		return latest;
-	}, financialReports[0]);
-	const financialInfo = {
-		numberOfEmployees: mostRecentReport.employeeCount ? parseInt(mostRecentReport.employeeCount) : void 0,
-		financialReportingDate: mostRecentReport.dateOfFinancialData,
-		currency: mostRecentReport.currencyOfFinancialData
-	};
-	if (mostRecentReport.balanceSheetTotal !== void 0) {
-		financialInfo.reportedValueOption = "balanceSheetTotal";
-		financialInfo.balanceSheetTotal = parseFloat(mostRecentReport.balanceSheetTotal);
-	}
-	if (mostRecentReport.annualTurnover !== void 0) {
-		financialInfo.reportedValueOption = "annualTurnover";
-		financialInfo.annualTurnover = parseFloat(mostRecentReport.annualTurnover);
-	}
-	return withReportedValueOption ? financialInfo : drop("reportedValueOption").from(financialInfo);
-};
-//#endregion
-//#region src/api/datasets/useLegalForms.ts
-var getLegalForms = async (countryCode, baseUrl) => {
-	return httpGet({
-		baseUrl,
-		path: `datasets/legalForms/${countryCode}`
-	});
-};
-var useLegalForms = (countryCode, options) => {
-	const { baseUrl } = useApiContext();
-	return useQuery({
-		queryKey: ["legalForms", countryCode],
-		queryFn: () => getLegalForms(countryCode, baseUrl.value),
-		...options
-	});
-};
-//#endregion
-//#region src/components/EFP/fields/LegalFormField/LegalFormField.tsx
-function LegalFormField({ name = "legalForm", data, valid, errorMessage, label, readonly, handleChangeFor, countryCode }) {
-	const { t: commonT } = useTranslation("common");
-	const { data: legalFormsData } = useLegalForms(countryCode);
-	const handleChangeForRef = useRef(handleChangeFor);
-	useEffect(() => {
-		handleChangeForRef.current = handleChangeFor;
-	}, [handleChangeFor]);
-	const handleChangeForLegalForm = useCallback((e) => {
-		const legalFormEvent = { target: {
-			name: "legalForm",
-			value: e.target.value
-		} };
-		handleChangeFor("legalForm")(legalFormEvent);
-	}, [handleChangeFor]);
-	useEffect(() => {
-		const legalFormEvent = { target: {
-			name: "legalFormLabel",
-			value: legalFormsData?.find((legalForm) => legalForm.id === data.legalForm)?.name
-		} };
-		handleChangeForRef.current("legalFormLabel")(legalFormEvent);
-	}, [data.legalForm, legalFormsData]);
-	return /* @__PURE__ */ jsx(Field, {
-		name,
-		label: label || commonT(($) => $["businessStructure"]),
-		errorMessage,
-		isValid: valid.legalForm,
-		children: (childProps) => /* @__PURE__ */ jsx(Select, {
-			...childProps,
-			name,
-			placeholder: commonT(($) => $["selectOne"]),
-			selected: data.legalForm,
-			items: legalFormsData ?? [],
-			readonly: readonly && !!data,
-			onChange: handleChangeForLegalForm
-		})
-	});
-}
-//#endregion
-//#region src/components/ui/molecules/InputCurrency/InputCurrency.tsx
-var logger = createLogger();
-var determineDecimalSeparator = (formatter) => formatter.formatToParts(.1).find((part) => part.type === "decimal").value;
-var determineCurrencySymbol = (formatter) => formatter.formatToParts(0).find((part) => part.type === "currency").value;
-var getNumberFromFormattedCurrency = (formatted, decimalSeparator) => {
-	const lastDecimalIndex = formatted.lastIndexOf(decimalSeparator);
-	const normalized = Array.from(formatted).reduce((acc, curr, i) => {
-		if (/[0-9]/.test(curr)) return acc + curr;
-		if (i === lastDecimalIndex) return `${acc}.`;
-		return acc;
-	}, "");
-	return parseFloat(normalized);
-};
-var InputCurrency = ({ locale, currency, amount, onAmountChanged, ...baseProps }) => {
-	const formatter = useMemo(() => new Intl.NumberFormat(locale, {
-		style: "currency",
-		currency
-	}), [locale, currency]);
-	const decimalSeparator = useMemo(() => determineDecimalSeparator(formatter), [formatter]);
-	const currencySymbol = useMemo(() => determineCurrencySymbol(formatter), [formatter]);
-	const [text, setText] = useState("");
-	const onInput = (e) => {
-		setText(e.currentTarget.value);
-	};
-	const onBlur = (e) => {
-		const rawValue = e.currentTarget.value;
-		const value = getNumberFromFormattedCurrency(rawValue, decimalSeparator);
-		if (Number.isNaN(value)) {
-			logger.warn(`Unable to get number from formatted currency: "${rawValue}"`);
-			setText(isUndefinedOrNull(amount) ? currencySymbol : formatter.format(amount));
-			return;
-		}
-		onAmountChanged(value);
-	};
-	useEffect(() => {
-		setText(isUndefinedOrNull(amount) ? currencySymbol : formatter.format(amount));
-	}, [
-		amount,
-		currencySymbol,
-		formatter
-	]);
-	return /* @__PURE__ */ jsx(InputText, {
-		...baseProps,
-		value: text,
-		onInput,
-		onBlur
-	});
-};
-//#endregion
-//#region src/components/ui/molecules/InputNumber/InputNumber.tsx
-function InputNumber(props) {
-	return /* @__PURE__ */ jsx(InputBase, {
-		...props,
-		type: "number"
-	});
-}
-//#endregion
-//#region src/components/Shared/fields/Currency/Currency.tsx
-var CURRENCY_FIELD = ["currency"];
-function Currency({ data, valid, errors, labels, readonly, handleChangeFor, country }) {
-	const { t } = useTranslation("common");
-	const currenciesForCurrCountry = currencyByCountry[country];
-	const countryCurrenciesItems = currenciesForCurrCountry ? currenciesForCurrCountry.map((currency) => ({
-		id: currency,
-		name: currency
-	})) : [];
-	return /* @__PURE__ */ jsx(Field, {
-		name: "currency",
-		label: labels.currency,
-		errorMessage: errors.currency,
-		isValid: valid.currency,
-		dataTestId: "currency",
-		children: (childProps) => /* @__PURE__ */ jsx(Select, {
-			...childProps,
-			onChange: handleChangeFor("currency", "blur"),
-			name: "currency",
-			placeholder: t(($) => $["currencyPlaceholder"]),
-			selected: data.currency,
-			items: countryCurrenciesItems,
-			readonly: readonly && !!data.currency
-		})
-	});
-}
-//#endregion
-export { LegalFormField as a, isDateOlderThanAYear as c, InputCurrency as i, mapAddressData as l, Currency as n, mapFinancialReportsToFinancialInformation as o, InputNumber as r, mapFinancialInformationToFinancialReport as s, CURRENCY_FIELD as t };

package/dist/CustomerSupport-CCFayyJG.js

@@ -1,140 +0,0 @@
-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] = "cc80bf11-8fbc-4738-8beb-20a5b8d2ed32", e._sentryDebugIdIdentifier = "sentry-dbid-cc80bf11-8fbc-4738-8beb-20a5b8d2ed32");
-} catch (e) {}
-import { r as useTranslation } from "./translation-BOm4lmPx.js";
-import { k as Header } from "./resolveEnvironment-BYEL10Nc.js";
-import { t as createLogger } from "./logger-Z8AeTE4x.js";
-import { t as Loader } from "./Loader-BEpMlKm2.js";
-import { t as Button } from "./Button-DfRmINzF.js";
-import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-QQXN6YOm.js";
-import { C as EntityTypes } from "./processCapabilities-DRD0Aq2i.js";
-import { i as useAnalyticsContext } from "./Modal-BsivDPTd.js";
-import { m as resolveFieldMetadata } from "./form-rules-zzbZ2bV6.js";
-import { r as useToastContext } from "./useId-oOIS1nsj.js";
-import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-Bh9nSdOW.js";
-import { p as useUpdateLegalEntity } from "./StateField-CsO_28Co.js";
-import { g as useMultiForm, k as createFormUtils } from "./RadioGroup-D8DRUJ2o.js";
-import { t as ErrorPanel } from "./ErrorPanel-tnFOlOZU.js";
-import { a as contactDetailsValidationRules, c as getAsyncPhoneValidationRules, o as defaultFieldMetadata, s as fieldConfig, t as ContactDetails, u as useValidatePhoneNumberImperatively } from "./ContactDetails-DDSd6X0z.js";
-import { t as useTaskLandedEvent } from "./useTaskLandedEvent-pmN03gtI.js";
-import { t as Spacer } from "./Spacer-CEHRO4Ml.js";
-import { useCallback, useMemo } from "preact/hooks";
-import { jsx, jsxs } from "preact/jsx-runtime";
-import { useQueryClient } from "@tanstack/preact-query";
-//#region src/components/Shared/tasks/CustomerSupport/mapping/mapCustomerSupportSchemaToCustomerSupportType.ts
-var mapCustomerSupportSchemaToCustomerSupportType = (customerSupport) => {
-	return {
-		email: customerSupport?.customerSupport?.email || "",
-		phone: {
-			number: customerSupport?.customerSupport?.phoneNumber?.number || "",
-			type: "mobile"
-		}
-	};
-};
-//#endregion
-//#region src/components/Shared/tasks/CustomerSupport/mapping/mapDtoToCustomerSupportSchema.ts
-var mapDtoToCustomerSupportSchema = (dto) => {
-	return { customerSupport: {
-		phoneNumber: dto.phone ? {
-			number: dto.phone.number ?? "",
-			phoneCountryCode: dto.phone.phoneCountryCode,
-			type: "mobile"
-		} : void 0,
-		email: dto.email
-	} };
-};
-//#endregion
-//#region src/components/Shared/tasks/CustomerSupport/CustomerSupport.tsx
-var logger = createLogger();
-var CustomerSupport = (props) => {
-	const { data, isLoading } = useLegalEntity(ROOT_LE);
-	if (isLoading || !data) return /* @__PURE__ */ jsx(Loader, { size: "large" });
-	return /* @__PURE__ */ jsx(CustomerSupportInner, {
-		...props,
-		legalEntity: data
-	});
-};
-function CustomerSupportInner({ country, onSubmit, legalEntity }) {
-	const capabilityProblems = useCapabilityProblems();
-	const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, legalEntity.id) : void 0;
-	const { t } = useTranslation("common");
-	const userEvents = useAnalyticsContext();
-	const { showToast } = useToastContext();
-	const formUtils = createFormUtils({}, t);
-	const { mutateAsync: updateLegalEntity } = useUpdateLegalEntity();
-	const queryClient = useQueryClient();
-	const requiredFields = { customerSupport: ["email", "phoneNumber"] };
-	const validators = useCallback((data) => ({ customerSupport: {
-		...contactDetailsValidationRules,
-		phoneNumber: resolveFieldMetadata(fieldConfig[data?.customerSupport?.phoneNumber?.phoneCountryCode ?? country], {}, defaultFieldMetadata)?.validators
-	} }), [country]);
-	const validatePhoneNumber = useValidatePhoneNumberImperatively();
-	const asyncValidators = useMemo(() => ({ customerSupport: { phoneNumber: getAsyncPhoneValidationRules(validatePhoneNumber).phoneNumber } }), [validatePhoneNumber]);
-	const legalEntityType = legalEntity.type;
-	const support = legalEntity[legalEntityType]?.support;
-	const { data, handleChangeFor, valid, errors, isValid, triggerValidation } = useMultiForm({
-		requiredFields,
-		defaultData: mapDtoToCustomerSupportSchema(support ?? {}),
-		rules: validators,
-		asyncRules: asyncValidators
-	});
-	/**
-	* Analytics
-	*/
-	useTaskLandedEvent("CUSTOMER_SUPPORT");
-	const submitForm = async () => {
-		const isAsyncValidationValid = await triggerValidation("customerSupport");
-		if (!isValid?.customerSupport || !isAsyncValidationValid) return;
-		const support = mapCustomerSupportSchemaToCustomerSupportType(data);
-		const payload = { [legalEntityType]: { support } };
-		try {
-			await updateLegalEntity({
-				...payload,
-				id: legalEntity.id
-			});
-			queryClient.invalidateQueries({ queryKey: ["legalEntity", legalEntity?.id] });
-			onSubmit();
-			userEvents.addTaskEvent("Success", { actionType: "submit" });
-		} catch {
-			const label = t(($) => $["failedToUpdateDetails"]);
-			logger.error(label, payload);
-			showToast({
-				label,
-				variant: "error"
-			});
-		}
-	};
-	const handleFieldChange = (fieldName, mode) => handleChangeFor("customerSupport", fieldName, mode);
-	return /* @__PURE__ */ jsxs("form", {
-		"aria-describedby": "ariaErrorField",
-		children: [
-			/* @__PURE__ */ jsx(Header, {
-				title: t(($) => $["customerSupport"]),
-				description: t(($) => $["howYourCustomersCanReachYou"])
-			}),
-			/* @__PURE__ */ jsx(ErrorPanel, {
-				verificationErrors: problems?.verificationErrors?.["customerSupport"],
-				formUtils,
-				id: "ariaErrorField"
-			}),
-			/* @__PURE__ */ jsx(ContactDetails, {
-				data: data.customerSupport,
-				errors: errors.customerSupport,
-				valid: valid.customerSupport,
-				country,
-				requiredFields: requiredFields?.customerSupport,
-				handleFieldChange
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				class: "u-display-flex u-margin-top-48",
-				children: [/* @__PURE__ */ jsx(Spacer, {}), /* @__PURE__ */ jsx(Button, {
-					onClick: submitForm,
-					children: t(($) => $["submit"])
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { CustomerSupport };

package/dist/DataConflictsModal-D-fP_eNs.js

@@ -1,237 +0,0 @@
-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] = "524622ca-d506-4b98-8333-60c1cb0fcd29", e._sentryDebugIdIdentifier = "sentry-dbid-524622ca-d506-4b98-8333-60c1cb0fcd29");
-} catch (e) {}
-import { r as useTranslation } from "./translation-BOm4lmPx.js";
-import { P as listToRecord, x as Alert } from "./resolveEnvironment-BYEL10Nc.js";
-import { t as Typography } from "./Typography-CAc_f5Iq.js";
-import { t as Button } from "./Button-DfRmINzF.js";
-import { s as keysOf } from "./genUtils-Ce61IJs8.js";
-import { t as Modal } from "./Modal-BsivDPTd.js";
-import { s as Confirm } from "./utils-DBIDcVUN.js";
-import { n as RadioWithLabel } from "./RadioGroup-D8DRUJ2o.js";
-import { P as isEmpty } from "./bafinUtils-M2AASP_e.js";
-import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
-import cx from "classnames";
-import { jsx, jsxs } from "preact/jsx-runtime";
-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/Shared/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_c81aq_1",
-	dataConflictsWrapper: "_data-conflicts-wrapper_c81aq_1",
-	"data-conflicts-header": "_data-conflicts-header_c81aq_7",
-	dataConflictsHeader: "_data-conflicts-header_c81aq_7",
-	"data-conflicts-table": "_data-conflicts-table_c81aq_15",
-	dataConflictsTable: "_data-conflicts-table_c81aq_15",
-	"data-conflicts-list": "_data-conflicts-list_c81aq_26",
-	dataConflictsList: "_data-conflicts-list_c81aq_26",
-	"data-conflicts-list-forced": "_data-conflicts-list-forced_c81aq_46",
-	dataConflictsListForced: "_data-conflicts-list-forced_c81aq_46",
-	"data-conflicts-table-hidden": "_data-conflicts-table-hidden_c81aq_50",
-	dataConflictsTableHidden: "_data-conflicts-table-hidden_c81aq_50"
-};
-//#endregion
-//#region src/components/Shared/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, labels, onCancel, cancelConfirmation, listOnly = false }) => {
-	const { t: commonT } = useTranslation("common");
-	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: title,
-		onClose: () => cancelConfirmation ? setShowCancelModal(true) : onCancel(),
-		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: title
-					}), /* @__PURE__ */ jsx(Typography, {
-						variant: "body",
-						children: explanation
-					})]
-				}),
-				showError ? /* @__PURE__ */ jsx(Alert, {
-					variant: "error",
-					title: commonT(($) => $["chooseTheCorrectDetailsBeforeProceeding"])
-				}) : void 0,
-				/* @__PURE__ */ jsx("dl", {
-					className: cx(DataConflictsModal_module_default.dataConflictsList, { [DataConflictsModal_module_default.dataConflictsListForced]: listOnly }),
-					children: keysOf(conflictItems).map((property) => /* @__PURE__ */ jsx(ConflictRow, {
-						showAs: "listItem",
-						label: labels?.[property] ?? 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: cx(DataConflictsModal_module_default.dataConflictsTable, { [DataConflictsModal_module_default.dataConflictsTableHidden]: listOnly }),
-					children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-						/* @__PURE__ */ jsx("th", {}),
-						/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, {
-							variant: "caption",
-							color: "tertiary",
-							children: commonT(($) => $["youEntered"])
-						}) }),
-						/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(Typography, {
-							variant: "caption",
-							color: "tertiary",
-							children: commonT(($) => $["weDetected"])
-						}) })
-					] }) }), /* @__PURE__ */ jsx("tbody", { children: keysOf(conflictItems).map((property) => /* @__PURE__ */ jsx(ConflictRow, {
-						showAs: "tableRow",
-						label: labels?.[property] ?? 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: commonT(($) => $["confirmSelection"])
-				})
-			]
-		}), cancelConfirmation && showCancelModal && /* @__PURE__ */ jsx(Confirm, {
-			title: cancelConfirmation.title,
-			confirmText: cancelConfirmation.confirmText,
-			description: cancelConfirmation.description,
-			onConfirm: onCancel,
-			onCancel: () => setShowCancelModal(false),
-			critical: false
-		})]
-	});
-};
-//#endregion
-export { DataConflictsModal as t };