@adyen/kyc-components 4.26.1 → 4.27.0-beta.1

package/dist/{DebugModal-l52lDfKB.js → DebugModal-D1RMhAfR.js}

@@ -1,19 +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] = "d92948c8-22b0-4d53-9365-ebf39a56e9ff", e._sentryDebugIdIdentifier = "sentry-dbid-d92948c8-22b0-4d53-9365-ebf39a56e9ff");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f23a31ce-ffba-473d-9ee6-c0d16759e230", e._sentryDebugIdIdentifier = "sentry-dbid-f23a31ce-ffba-473d-9ee6-c0d16759e230");
 } catch (e) {}
 import { r as useTranslation } from "./translation-CpH8D2NK.js";
-import { M as FeatureNames, P as listToRecord, i as useGlobalStore, j as ExperimentNames, l as splitTaskIdentifier } from "./resolveEnvironment-BnKqnU98.js";
+import { I as listToRecord, N as ExperimentNames, P as FeatureNames, i as useGlobalStore, l as splitTaskIdentifier } from "./resolveEnvironment-CpWP_8og.js";
 import { t as createLogger } from "./logger-Z8AeTE4x.js";
-import { t as Icon } from "./Icon-_YUEZg1p.js";
-import { t as Button } from "./Button-Dwr6jvJZ.js";
+import { t as Icon } from "./Icon-jVvV1zXc.js";
+import { t as Button } from "./Button-BYafPrZH.js";
 import { t as useSettingsContext } from "./useSettingsContext-Bpf4UqRT.js";
 import { c as valuesOf, o as entriesOf } from "./genUtils-nphCwt1A.js";
-import { t as TaskVerificationStatus } from "./TaskVerificationStatus-zoxTZ2mt.js";
-import { t as Accordion } from "./Accordion-BAdwrgCR.js";
-import { i as useToggleContext, t as Checkbox } from "./Checkbox-BLyyDG9b.js";
-import { t as Modal } from "./Modal-DnDjAzqZ.js";
-import { a as SettingNames, i as formDebugInfo, t as InputText } from "./InputText-CObXfKKh.js";
+import { t as TaskVerificationStatus } from "./TaskVerificationStatus-C1CllzL1.js";
+import { t as Accordion } from "./Accordion-CTQfC17W.js";
+import { i as useToggleContext, t as Checkbox } from "./Checkbox-DXF-eRBj.js";
+import { t as Modal } from "./Modal-jjSjdW5W.js";
+import { a as SettingNames, i as formDebugInfo, t as InputText } from "./InputText-OCbzlaaN.js";
 import { t as Tag } from "./Tag-CNeDHqKp.js";
 import { useMemo, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
@@ -275,6 +275,219 @@ var ExplainDetails = ({ status }) => {
 	}
 };
 //#endregion
+//#region src/components/Shared/devex/DebugListener/customTheme.ts
+var COLOR_KEYS = [
+	"primary",
+	"outline",
+	"neutral",
+	"background",
+	"label"
+];
+var ROUNDNESS_VALUES = [
+	"small",
+	"medium",
+	"large"
+];
+var THEME_KEYS = [...COLOR_KEYS, "roundness"];
+/** Matches the hex color formats `ThemeGenerator` accepts; anything else throws inside the embed. */
+var HEX_COLOR_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+/** Example theme used to prefill the debug Theme tab, mirrors the "Adyen" playground preset. */
+var EXAMPLE_CUSTOM_THEME = {
+	primary: "#0abf53",
+	background: "#ffffff",
+	neutral: "#f2f4f7",
+	label: "#001122",
+	outline: "#c8ccd0",
+	roundness: "medium"
+};
+/**
+* Parses and validates a theme object entered as JSON in the debug Theme tab.
+* Validation mirrors what `ThemeGenerator` accepts, so an applied theme can never
+* throw inside the embed.
+*/
+var parseCustomThemeInput = (input) => {
+	const trimmedInput = input.trim();
+	if (!trimmedInput) return { error: `Enter a theme object as JSON. Supported keys: ${THEME_KEYS.join(", ")}.` };
+	let parsed;
+	try {
+		parsed = JSON.parse(trimmedInput);
+	} catch (error) {
+		return { error: `Invalid JSON: ${error.message}` };
+	}
+	if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) return { error: "Theme must be a JSON object, for example: {\"primary\": \"#0abf53\"}" };
+	const theme = parsed;
+	if ("dark" in theme) return { error: "\"dark\" cannot be set here: the embed derives it from its \"thememode\" prop." };
+	const unknownKeys = Object.keys(theme).filter((key) => !THEME_KEYS.includes(key));
+	if (unknownKeys.length > 0) return { error: `Unknown theme key${unknownKeys.length === 1 ? "" : "s"}: ${unknownKeys.join(", ")}. Supported keys: ${THEME_KEYS.join(", ")}.` };
+	if (Object.keys(theme).length === 0) return { error: `Theme object is empty. Supported keys: ${THEME_KEYS.join(", ")}.` };
+	const customTheme = {};
+	for (const key of COLOR_KEYS) {
+		const value = theme[key];
+		if (value === void 0) continue;
+		if (typeof value !== "string" || !HEX_COLOR_REGEX.test(value.trim())) return { error: `"${key}" must be a hex color like "#0abf53" or "#abc", received: ${JSON.stringify(value)}.` };
+		customTheme[key] = value.trim().toLowerCase();
+	}
+	const { roundness } = theme;
+	if (roundness !== void 0) {
+		if (typeof roundness !== "string" || !ROUNDNESS_VALUES.includes(roundness)) return { error: `"roundness" must be one of: ${ROUNDNESS_VALUES.join(", ")}, received: ${JSON.stringify(roundness)}.` };
+		customTheme.roundness = roundness;
+	}
+	return { theme: customTheme };
+};
+var getOnboardingElement = () => document.querySelector("adyen-onboarding");
+/** Reads the custom theme currently set on the embed, if any. */
+var getAppliedCustomTheme = () => {
+	const customtheme = getOnboardingElement()?.customtheme;
+	return typeof customtheme === "object" && customtheme !== null ? customtheme : void 0;
+};
+/**
+* Applies the theme by setting the `customtheme` DOM property on the embed element.
+* `preact-custom-element` re-renders the embed with the new prop, and `useTheme`
+* regenerates the SDK's CSS variables from it.
+*
+* @returns Whether an embed element was found and updated.
+*/
+var applyCustomTheme = (theme) => {
+	const element = getOnboardingElement();
+	if (!element) return false;
+	element.customtheme = theme;
+	return true;
+};
+/**
+* Removes the custom theme by clearing the `customtheme` DOM property.
+*
+* `preact-custom-element` reflects the cleared property as an attribute holding
+* the string "undefined", which would re-render the embed with a truthy string.
+* Removing the attribute afterwards triggers one final re-render with
+* `customtheme === undefined`, restoring the default theme.
+*
+* @returns Whether an embed element was found and reset.
+*/
+var resetCustomTheme = () => {
+	const element = getOnboardingElement();
+	if (!element) return false;
+	element.customtheme = void 0;
+	element.removeAttribute("customtheme");
+	return true;
+};
+var DebugTheme_module_default = {
+	themeTab: "_themeTab_1e5pb_1",
+	description: "_description_1e5pb_8",
+	warning: "_warning_1e5pb_12",
+	label: "_label_1e5pb_17",
+	themeInput: "_themeInput_1e5pb_21",
+	hint: "_hint_1e5pb_33",
+	actions: "_actions_1e5pb_39",
+	error: "_error_1e5pb_44",
+	success: "_success_1e5pb_49"
+};
+//#endregion
+//#region src/components/Shared/devex/DebugListener/DebugTheme.tsx
+var NO_EMBED_MESSAGE = "No adyen-onboarding element found on this page, the theme cannot be applied.";
+/** DebugTheme's code is AI-generated. TODO: Refactor or delete if this stays */
+var DebugTheme = () => {
+	const [themeInput, setThemeInput] = useState(() => JSON.stringify(getAppliedCustomTheme() ?? EXAMPLE_CUSTOM_THEME, null, 2));
+	const [feedback, setFeedback] = useState();
+	const embedElementFound = Boolean(getOnboardingElement());
+	const handleApplyTheme = () => {
+		const { theme, error } = parseCustomThemeInput(themeInput);
+		if (error || !theme) {
+			setFeedback({
+				type: "error",
+				message: error ?? "Unknown error"
+			});
+			return;
+		}
+		if (!applyCustomTheme(theme)) {
+			setFeedback({
+				type: "error",
+				message: NO_EMBED_MESSAGE
+			});
+			return;
+		}
+		setFeedback({
+			type: "success",
+			message: "Custom theme applied."
+		});
+	};
+	const handleResetTheme = () => {
+		if (!resetCustomTheme()) {
+			setFeedback({
+				type: "error",
+				message: NO_EMBED_MESSAGE
+			});
+			return;
+		}
+		setThemeInput(JSON.stringify(EXAMPLE_CUSTOM_THEME, null, 2));
+		setFeedback({
+			type: "success",
+			message: "Custom theme reset, back to the default theme."
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: DebugTheme_module_default.themeTab,
+		children: [
+			/* @__PURE__ */ jsxs("p", {
+				className: DebugTheme_module_default.description,
+				children: [
+					"Dogfood the experimental ",
+					/* @__PURE__ */ jsx("code", { children: "customtheme" }),
+					" prop of the",
+					" ",
+					/* @__PURE__ */ jsx("code", { children: "<adyen-onboarding>" }),
+					" element: the JSON below is validated and set as its",
+					" ",
+					/* @__PURE__ */ jsx("code", { children: "customtheme" }),
+					" DOM property, which re-renders the embed and regenerates the SDK theme immediately."
+				]
+			}),
+			embedElementFound ? void 0 : /* @__PURE__ */ jsx("p", {
+				className: DebugTheme_module_default.warning,
+				children: NO_EMBED_MESSAGE
+			}),
+			/* @__PURE__ */ jsx("label", {
+				className: DebugTheme_module_default.label,
+				htmlFor: "debug-custom-theme-input",
+				children: "Custom theme object (JSON)"
+			}),
+			/* @__PURE__ */ jsx("textarea", {
+				id: "debug-custom-theme-input",
+				className: DebugTheme_module_default.themeInput,
+				rows: 10,
+				spellcheck: false,
+				"aria-invalid": feedback?.type === "error",
+				"aria-describedby": feedback ? "debug-custom-theme-feedback" : void 0,
+				value: themeInput,
+				onInput: (event) => {
+					setThemeInput(event.currentTarget.value);
+					setFeedback(void 0);
+				}
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: DebugTheme_module_default.hint,
+				children: "Supported keys: primary, outline, neutral, background, label (hex colors like #0abf53) and roundness (small, medium or large)."
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: DebugTheme_module_default.actions,
+				children: [/* @__PURE__ */ jsx(Button, {
+					onClick: handleApplyTheme,
+					children: "Apply theme"
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "tertiary",
+					onClick: handleResetTheme,
+					children: "Reset to default"
+				})]
+			}),
+			feedback ? /* @__PURE__ */ jsxs("p", {
+				id: "debug-custom-theme-feedback",
+				className: feedback.type === "error" ? DebugTheme_module_default.error : DebugTheme_module_default.success,
+				role: feedback.type === "error" ? "alert" : "status",
+				children: [feedback.type === "success" ? /* @__PURE__ */ jsx(Icon, { name: "check" }) : void 0, feedback.message]
+			}) : void 0
+		]
+	});
+};
+//#endregion
 //#region src/components/Shared/devex/DebugListener/DebugTogglesAndSettings.tsx
 var getSettingVariant = (value) => {
 	switch (value) {
@@ -346,7 +559,7 @@ var DebugModal = ({ onExit }) => {
 	const rootLegalEntity = useGlobalStore().rootLegalEntity.value;
 	const formDebugAvailable = Object.keys(formDebugInfo.value).length > 0;
 	const metadata = {
-		sdkVersion: "4.26.1",
+		sdkVersion: "4.27.0-beta.1",
 		locale: i18n.language,
 		rootLegalEntityId: rootLegalEntity.id
 	};
@@ -389,6 +602,10 @@ var DebugModal = ({ onExit }) => {
 		{
 			name: "legalEntityData",
 			label: "Legal Entity Data"
+		},
+		{
+			name: "theme",
+			label: "Theme"
 		}
 	];
 	if (formDebugAvailable) TABS.push({
@@ -425,6 +642,7 @@ var DebugModal = ({ onExit }) => {
 							experiments
 						}) : void 0,
 						tab === "legalEntityData" ? /* @__PURE__ */ jsx(DebugLegalEntityData, { legalEntityData }) : void 0,
+						tab === "theme" ? /* @__PURE__ */ jsx(DebugTheme, {}) : void 0,
 						tab === "formConfig" ? /* @__PURE__ */ jsx(DebugFormData, {}) : void 0
 					]
 				}),

package/dist/{DecisionMakerDetails-9y6Fm96G.js → DecisionMakerDetails-Cv_NdD0z.js}

@@ -1,36 +1,34 @@
 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] = "1d7102fd-352a-4504-b0e8-5e88cfcc5d92", e._sentryDebugIdIdentifier = "sentry-dbid-1d7102fd-352a-4504-b0e8-5e88cfcc5d92");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f8e60ed4-84d1-41ca-874a-f9fc673d10e0", e._sentryDebugIdIdentifier = "sentry-dbid-f8e60ed4-84d1-41ca-874a-f9fc673d10e0");
 } catch (e) {}
 import { r as useTranslation } from "./translation-CpH8D2NK.js";
-import { T as datasetUtilities, x as Alert } from "./resolveEnvironment-BnKqnU98.js";
+import { C as Alert } from "./resolveEnvironment-CpWP_8og.js";
 import { t as createLogger } from "./logger-Z8AeTE4x.js";
-import { t as Typography } from "./Typography-CAc_f5Iq.js";
 import { t as Loader } from "./Loader-BDaKGf77.js";
-import { t as Button } from "./Button-Dwr6jvJZ.js";
+import { t as Button } from "./Button-BYafPrZH.js";
 import { n as httpGet, r as httpPost, s as useApiContext } from "./http-C8rt2BZk.js";
 import { r as useLegalEntity } from "./useLegalEntity-CxeMoCm4.js";
 import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BK-HHa65.js";
-import { i as noop, o as entriesOf, r as drop, t as cloneObject } from "./genUtils-nphCwt1A.js";
+import { t as useSettingsContext } from "./useSettingsContext-Bpf4UqRT.js";
+import { i as noop } from "./genUtils-nphCwt1A.js";
 import { t as StackLayout } from "./StackLayout-J1ynSX-P.js";
-import { t as TaskVerificationStatus } from "./TaskVerificationStatus-zoxTZ2mt.js";
+import { t as TaskVerificationStatus } from "./TaskVerificationStatus-C1CllzL1.js";
 import { i as TaskStatuses } from "./taskStatus-BtekPA8E.js";
 import { t as TaskTypes } from "./taskTypes-3vSkMBDm.js";
 import { t as DecisionMakerTypes } from "./decisionMaker-CR0qaGWQ.js";
 import { t as Scenarios } from "./scenarios-nibtmpSb.js";
-import { i as useToggleContext } from "./Checkbox-BLyyDG9b.js";
-import { i as useAnalyticsContext, t as Modal } from "./Modal-DnDjAzqZ.js";
-import { t as ListItem } from "./ListItem-DY-qq1lS.js";
-import { r as useToastContext } from "./useId-Cs-bSalH.js";
-import { o as StructuredList, s as Confirm } from "./utils-B6TRzLRs.js";
-import { o as getKeyForField, s as mapAddressLabels } from "./StateField-BBGSo1NG.js";
-import { t as List } from "./List-qvNxW9lm.js";
-import { t as getIdNowMissingDataPoints } from "./bafinUtils-COyCy9xG.js";
+import { i as useToggleContext } from "./Checkbox-DXF-eRBj.js";
+import { i as useAnalyticsContext, t as Modal } from "./Modal-jjSjdW5W.js";
+import { t as ListItem } from "./ListItem-n927geYb.js";
+import { r as useToastContext } from "./useId-ChrmzN7R.js";
+import { o as StructuredList, s as Confirm } from "./utils-Do6-kryk.js";
+import { t as getIdNowMissingDataPoints } from "./bafinUtils-CvQzDDfD.js";
 import { t as useScenarios } from "./useScenarios-DfE71fl7.js";
-import { c as shouldNavigateToAdditionalPersonalDetailsForMissingData, i as findRelevantTaxInformation, l as useCreateInvitation, o as GuidanceQuestionValues, r as isManualVerificationOrExistingDoc, t as mapLegalEntityToIndividualSchema } from "./mapLegalEntityToIndividualSchema-D6qGKj-2.js";
-import { t as localizeDateString } from "./localizeDateString-Dxlqr4rL.js";
+import { l as shouldNavigateToAdditionalPersonalDetailsForMissingData, n as SummaryBulletList, r as mapLegalEntityToIndividualSchema, t as formatDataForSummary, u as useCreateInvitation } from "./formatDataForSummary-BMFPIUER.js";
+import { t as SummarySection } from "./SummarySection-D67yguze.js";
 import { t as DetailViewLayout } from "./DetailViewLayout-DJgAzdlZ.js";
-import { t as getTrustedDecisionMakers } from "./getTrustedDecisionMakers-D89oYOLp.js";
+import { t as getTrustedDecisionMakers } from "./getTrustedDecisionMakers-DByctgob.js";
 import { useMemo, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 import { skipToken, useMutation, useQueries, useQuery } from "@tanstack/preact-query";
@@ -181,150 +179,49 @@ var individualIdentityDocumentTypes = [
 	"proofOfNationalIdNumber"
 ];
 /**
-* Aggregates and formats file summary data from different parts of the form.
-* This function is responsible for preparing the file-related information for the summary view.
+* The sections of the details modal, in display order. The modal is not part of the flow, so it
+* states its own forms rather than taking them from it.
 *
-* @param data - The complete form data.
-* @param locale
-* @returns An object containing formatted file information.
+* These mirror `individualForms`, which cannot be imported here: importing from `Individual.tsx`
+* makes Vite inline that whole module into the entrypoint (see the Individual `AGENTS.md`).
 */
-var formatFileSummaryData = (data, locale) => {
-	const { idVerificationMethod, proofOfNationalId, proofOfResidency, proofOfRelationship } = data;
-	const proofOfNationalIdFile = proofOfNationalId?.proofOfNationalId?.[0];
-	const proofOfResidencyFile = proofOfResidency?.proofOfResidency?.[0];
-	const proofOfRelationshipFile = proofOfRelationship?.proofOfRelationship?.[0];
-	const idDocument = {
-		idDocumentType: idVerificationMethod?.idDocument?.idDocumentType,
-		uploadedDate: idVerificationMethod?.idDocument?.modificationDate ? localizeDateString(idVerificationMethod?.idDocument?.modificationDate ?? "", locale) : void 0
-	};
-	return {
-		...idDocument?.idDocumentType && { idDocument },
-		...proofOfNationalIdFile && { proofOfNationalId: { fileName: proofOfNationalIdFile.name } },
-		...proofOfResidencyFile && { proofOfResidency: { fileName: proofOfResidencyFile.name } },
-		...proofOfRelationshipFile && { proofOfRelationship: { fileName: proofOfRelationshipFile.name } }
-	};
-};
-/**
-* Formats the entire form data for the summary view.
-* This function transforms raw form data into a user-friendly format, including localization and data mapping.
-*
-* @param dataToFormat - The raw form data.
-* @param locale - language string
-* @param commonT - The translation function for the `common` namespace.
-* @param individualT - The translation function for the `individual` namespace.
-* @returns A new object with the formatted data for the summary.
-*/
-var formatDataForSummary = (dataToFormat, locale, commonT, individualT) => {
-	if (!dataToFormat) return {};
-	const datasetUtils = datasetUtilities(locale);
-	let formattedSummaryData = cloneObject(dataToFormat);
-	const { country, nationality, birthDate, street, street2, taxInformation } = dataToFormat.additionalPersonalDetails ?? {};
-	const phoneNumber = dataToFormat.basicDetails?.phoneNumber;
-	if (phoneNumber && formattedSummaryData.basicDetails) formattedSummaryData.basicDetails.phoneNumber = phoneNumber.number;
-	if (country && formattedSummaryData.additionalPersonalDetails) formattedSummaryData.additionalPersonalDetails.country = datasetUtils.getCountryName(country);
-	if (nationality && formattedSummaryData.additionalPersonalDetails) formattedSummaryData.additionalPersonalDetails.nationality = datasetUtils.getCountryName(nationality);
-	if (formattedSummaryData.additionalPersonalDetails) formattedSummaryData.address = mapAddressLabels(formattedSummaryData.additionalPersonalDetails, datasetUtils);
-	const accountHolder = formattedSummaryData.basicDetails?.accountHolder;
-	if (accountHolder && formattedSummaryData.basicDetails) formattedSummaryData.basicDetails.accountHolder = commonT(($) => $[accountHolder]);
-	if (birthDate && formattedSummaryData.additionalPersonalDetails) formattedSummaryData.additionalPersonalDetails.birthDate = localizeDateString(birthDate, locale);
-	if (street && formattedSummaryData.additionalPersonalDetails) {
-		const labelKey = getKeyForField("street", country);
-		formattedSummaryData.additionalPersonalDetails[commonT(($) => $[labelKey])] = street;
-		delete formattedSummaryData.additionalPersonalDetails.street;
-	}
-	if (street2 && formattedSummaryData.additionalPersonalDetails) {
-		const labelKey = getKeyForField("street2", country);
-		formattedSummaryData.additionalPersonalDetails[commonT(($) => $[labelKey])] = street2;
-		delete formattedSummaryData.additionalPersonalDetails.street2;
+var DETAILS_SUMMARY_FORMS = [
+	{
+		formId: "basicDetails",
+		formName: "basicInformationFormName"
+	},
+	{
+		formId: "additionalPersonalDetails",
+		formName: "additionalPersonalDetails"
+	},
+	{
+		formId: "signatoryQuestionnaire",
+		formName: "authorizedSignatory"
+	},
+	{
+		formId: "uboQuestionnaire",
+		formName: "beneficialOwnership"
+	},
+	{
+		formId: "proofOfNationalId",
+		formName: "proofOfNationalId"
+	},
+	{
+		formId: "proofOfResidency",
+		formName: "proofOfResidency"
+	},
+	{
+		formId: "proofOfRelationship",
+		formName: "proofOfRelationship"
+	},
+	{
+		formId: "manualIdUpload",
+		formName: "idDocument"
 	}
-	if (isManualVerificationOrExistingDoc(dataToFormat.idVerificationMethod?.idVerificationMethod) || formattedSummaryData.proofOfResidency) {
-		const fileSummaryData = formatFileSummaryData(dataToFormat, locale);
-		formattedSummaryData = {
-			...formattedSummaryData,
-			...fileSummaryData
-		};
-		formattedSummaryData.manualIdUpload = { ...formattedSummaryData.idDocument };
-		formattedSummaryData.idVerificationMethod.idDocument = { ...formattedSummaryData.idDocument };
-	}
-	const summaryPersonalDetails = formattedSummaryData.additionalPersonalDetails;
-	const relevantTaxInformation = findRelevantTaxInformation(taxInformation, {
-		nationality,
-		country
-	});
-	if (relevantTaxInformation && summaryPersonalDetails) {
-		delete summaryPersonalDetails.taxInformation;
-		summaryPersonalDetails[relevantTaxInformation.type] = relevantTaxInformation.number;
-	}
-	if (formattedSummaryData?.signatoryQuestionnaire) formattedSummaryData.signatoryQuestionnaire = dataToFormat?.signatoryQuestionnaire?.isSignatory === GuidanceQuestionValues.YES ? [commonT(($) => $["signatorySummaryLabel"])] : [];
-	if (formattedSummaryData?.uboQuestionnaire) {
-		const roleFieldToLabelMap = {
-			isOwner: "ownerSummaryLabel",
-			isControllingPerson: "controllingPersonSummaryLabel",
-			isDirector: "directorSummaryLabel"
-		};
-		formattedSummaryData.uboQuestionnaire = Object.keys(roleFieldToLabelMap).flatMap((field) => dataToFormat?.uboQuestionnaire?.[field] === GuidanceQuestionValues.YES ? [individualT(($) => $[roleFieldToLabelMap[field]])] : []);
-	}
-	return formattedSummaryData;
-};
-/**
-* Determines which keys to omit from the summary data based on the form data and task type.
-*
-* @param data - The form data.
-* @param taskType - The type of task being performed.
-* @returns An array of keys to be omitted from the summary.
-*
-* @example
-* getOmittedKeysForSummary({ idVerificationMethod: { idVerificationMethod: 'manualVerification' } }, 'INDIVIDUAL');
-* // Returns: ['idVerificationMethod', 'address']
-*/
-var getOmittedKeysForSummary = (data, taskType) => [
-	...taskType === TaskTypes.DECISION_MAKER ? ["role"] : [],
-	...data?.additionalPersonalDetails?.idNumberExempt ? ["idNumber"] : [],
-	...isManualVerificationOrExistingDoc(data?.idVerificationMethod?.idVerificationMethod) ? ["idVerificationMethod"] : [],
-	"address",
-	"manualIdUpload"
-];
-/**
-* Prepares the final summary data by formatting and filtering the raw form data.
-*
-* @param data - The raw form data.
-* @param locale - language string
-* @param commonT - The translation function for the `common` namespace.
-* @param individualT - The translation function for the `individual` namespace.
-* @param taskType - The type of task being performed.
-* @returns The final summary data object.
-*/
-var getSummaryData = (data, locale, commonT, individualT, taskType) => {
-	const summaryData = formatDataForSummary(data, locale, commonT, individualT);
-	const omittedKeys = getOmittedKeysForSummary(data, taskType)?.filter(Boolean);
-	return {
-		...drop(...omittedKeys).from(summaryData),
-		basicDetails: summaryData.basicDetails ? drop("firstName", "lastName", "role", "nomineeShareholder").from(summaryData.basicDetails) : void 0,
-		additionalPersonalDetails: summaryData.additionalPersonalDetails ? drop("idNumberExempt").from(summaryData.additionalPersonalDetails) : void 0,
-		idDocument: summaryData.idVerificationMethod?.idDocument
-	};
-};
-/**
-* Transforms a record of data into a structured list of items for display.
-* Each item in the list has a term (label) and details (value).
-*
-* @param data - The data record to transform.
-* @param commonT - The translation function.
-* @returns An array of structured list items.
-*
-* @example
-* const data = { name: 'John Doe', age: 30 };
-* getStructuredListItems(data, t);
-* // Returns: [{ term: 'Name', details: 'John Doe', type: 'text' }, { term: 'Age', details: '30', type: 'text' }]
-*/
-var getStructuredListItems = (data, commonT) => {
-	if (typeof data !== "object" || data === null || Array.isArray(data)) return [];
-	return Object.entries(data).filter(([itemKey, itemValue]) => itemValue != null && itemValue !== "" && !["nomineeDirector", "nomineeShareholder"].includes(itemKey) && (!Array.isArray(itemValue) || itemValue.length > 0)).map(([itemKey, itemValue]) => ({
-		term: commonT(($) => $[itemKey]),
-		details: Array.isArray(itemValue) ? itemValue.join(", ") : commonT(($) => $[itemValue]) || String(itemValue),
-		type: Array.isArray(itemValue) ? "list" : "text"
-	}));
-};
+].map((form) => ({
+	...form,
+	isValid: true
+}));
 var isMissingIdentityDocument = (problems, legalEntity, scenarios, roles) => {
 	if (roles.includes(DecisionMakerTypes.SIGNATORY) && scenarios?.includes(Scenarios.L_BAFIN)) return false;
 	const hasMissingIdDocument = Boolean(problems.missingData?.some((item) => item.remediatingActions?.some((action) => action.code === "1_301")));
@@ -339,6 +236,8 @@ var DecisionMakerDetails = ({ decisionMaker, parentLegalEntity, handleClose, han
 	const { showToast } = useToastContext();
 	const { t: commonT, i18n } = useTranslation("common");
 	const { t: individualT } = useTranslation("individual");
+	const { t: summaryT } = useTranslation(["common", "individual"]);
+	const { isSettingEnabled } = useSettingsContext();
 	const { isFeatureEnabled } = useToggleContext();
 	const isVerifyByInviteEnabled = isFeatureEnabled("EnableVerifyByInvite");
 	const { data: invitationStatus, refetch: refetchInvitationStatus } = useInvitationStatus(decisionMaker.reference, { enabled: isVerifyByInviteEnabled });
@@ -356,14 +255,26 @@ var DecisionMakerDetails = ({ decisionMaker, parentLegalEntity, handleClose, han
 	const canEdit = !invitationActive || isInvitedEntity;
 	const idNowMissingDataPoints = legalEntity && !isLegalEntityLoading ? getIdNowMissingDataPoints(decisionMaker.problems, legalEntity, scenarios, decisionMaker.types) : null;
 	const hasMissingIdDocument = legalEntity && decisionMaker.problems && !isLegalEntityLoading ? isMissingIdentityDocument(decisionMaker.problems, legalEntity, scenarios, decisionMaker.types) : null;
-	const formattedSummary = useMemo(() => {
-		if (legalEntity) return getSummaryData(mapLegalEntityToIndividualSchema(legalEntity, false, true, parentLegalEntity), i18n.language, commonT, individualT, TaskTypes.DECISION_MAKER);
+	const summarySections = useMemo(() => {
+		if (!legalEntity) return [];
+		const individualSchema = mapLegalEntityToIndividualSchema(legalEntity, false, true, parentLegalEntity);
+		const country = legalEntity.individual?.residentialAddress?.country;
+		return formatDataForSummary({
+			data: individualSchema,
+			forms: DETAILS_SUMMARY_FORMS,
+			t: summaryT,
+			language: i18n.language,
+			taskType: TaskTypes.DECISION_MAKER,
+			country,
+			isSettingEnabled,
+			source: "legalEntity"
+		});
 	}, [
 		legalEntity,
 		parentLegalEntity,
-		i18n,
-		commonT,
-		individualT
+		summaryT,
+		i18n.language,
+		isSettingEnabled
 	]);
 	const handleSendReminder = trackClickHandler(userEvents, "sendReminder", "select", async () => {
 		if (!parentLegalEntity?.id) {
@@ -529,17 +440,11 @@ var DecisionMakerDetails = ({ decisionMaker, parentLegalEntity, handleClose, han
 							title: decisionMaker.name,
 							description: getDecisionMakerDescription(decisionMaker.types, individualT)
 						}),
-						formattedSummary && entriesOf(formattedSummary).map(([key, value]) => {
-							const items = getStructuredListItems(value, commonT);
-							if (items.length === 0) return null;
-							return /* @__PURE__ */ jsxs(List, {
-								variant: "grouped-secondary",
-								children: [/* @__PURE__ */ jsx(Typography, {
-									variant: "title",
-									children: individualT(($) => $[key])
-								}), /* @__PURE__ */ jsx(StructuredList, { items })]
-							}, key);
-						}).filter(Boolean)
+						summarySections.map(({ formId, label, items, bullets }) => /* @__PURE__ */ jsx(SummarySection, {
+							formId,
+							label,
+							children: bullets ? /* @__PURE__ */ jsx(SummaryBulletList, { items: bullets }) : /* @__PURE__ */ jsx(StructuredList, { items })
+						}, formId))
 					]
 				})
 			})

package/dist/{DecisionMakerDetailsPage-9kRW2Zh8.js → DecisionMakerDetailsPage-dTsh8vkz.js}

@@ -1,22 +1,22 @@
 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] = "7d33ddc2-269f-40b4-b629-fe29b8e37efa", e._sentryDebugIdIdentifier = "sentry-dbid-7d33ddc2-269f-40b4-b629-fe29b8e37efa");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "ef2942c8-a7fd-4780-badf-a14f34101eb1", e._sentryDebugIdIdentifier = "sentry-dbid-ef2942c8-a7fd-4780-badf-a14f34101eb1");
 } catch (e) {}
 import { n as addResourceBundles, r as useTranslation } from "./translation-CpH8D2NK.js";
-import { A as _rolldown_dynamic_import_helper_default } from "./resolveEnvironment-BnKqnU98.js";
+import { M as _rolldown_dynamic_import_helper_default } from "./resolveEnvironment-CpWP_8og.js";
 import { t as Loader } from "./Loader-BDaKGf77.js";
 import { r as useLegalEntity } from "./useLegalEntity-CxeMoCm4.js";
 import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BK-HHa65.js";
 import { i as noop } from "./genUtils-nphCwt1A.js";
-import { c as individualBaseMapping } from "./processCapabilities-FL4-KAbd.js";
+import { c as individualBaseMapping } from "./processCapabilities-B75YIdXZ.js";
 import { t as TaskTypes } from "./taskTypes-3vSkMBDm.js";
-import { i as getTrustedFieldsProvider, r as getTrustedFields } from "./ListItem-DY-qq1lS.js";
-import { r as useToastContext } from "./useId-Cs-bSalH.js";
-import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-mdb3Bfpj.js";
-import { n as isBafinSignatoryFlow, r as removeIdVerificationProblemsForBafinSignatory } from "./bafinUtils-COyCy9xG.js";
+import { i as getTrustedFieldsProvider, r as getTrustedFields } from "./ListItem-n927geYb.js";
+import { r as useToastContext } from "./useId-ChrmzN7R.js";
+import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-FHk416BA.js";
+import { n as isBafinSignatoryFlow, r as removeIdVerificationProblemsForBafinSignatory } from "./bafinUtils-CvQzDDfD.js";
 import { t as useScenarios } from "./useScenarios-DfE71fl7.js";
-import { t as IndividualDropin } from "./IndividualDropin-CRKk-szG.js";
-import { t as getTrustedDecisionMakers } from "./getTrustedDecisionMakers-D89oYOLp.js";
+import { t as IndividualDropin } from "./IndividualDropin-B6dY0iN3.js";
+import { t as getTrustedDecisionMakers } from "./getTrustedDecisionMakers-DByctgob.js";
 import { useEffect } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
 import { skipToken } from "@tanstack/preact-query";