@adyen/kyc-components 4.27.0 → 4.28.0-beta.0

package/dist/{DateField-B2QaXKJu.js → DateField-l6H-nmfS.js}

@@ -1,13 +1,13 @@
 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] = "2447961d-6711-42da-a725-62de68dd2d7c", e._sentryDebugIdIdentifier = "sentry-dbid-2447961d-6711-42da-a725-62de68dd2d7c");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "953ec875-023d-4b41-b088-de2e72b61a88", e._sentryDebugIdIdentifier = "sentry-dbid-953ec875-023d-4b41-b088-de2e72b61a88");
 } catch (e) {}
 import { r as useTranslation } from "./translation-CpH8D2NK.js";
-import { r as InputBase } from "./InputText-BwXmy0Yr.js";
-import { o as Field } from "./Select-DPJ8234F.js";
+import { a as InputBase } from "./RadioGroup-SDQSOsEf.js";
+import { o as Field } from "./Select-DtO-GvLp.js";
 import { t as checkDateInputSupport } from "./InputDate.utils-D4Ov0KIl.js";
 import { n as withForm } from "./formHook-Dgi2CgbT.js";
-import { t as getValidationError } from "./getValidationError-DnDzz5ju.js";
+import { t as getValidationError } from "./getValidationError-CXILdPw6.js";
 import { t as isNotEmpty } from "./sharedValidators-DODW7kuK.js";
 import { useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
@@ -26,22 +26,24 @@ var contextMap = { birthDate: {
 //#region src/adaptiveWorkflow/components/Shared/Fields/DateField/DateField.tsx
 var DateField = withForm({
 	props: {},
-	render: function DateFieldRender({ form, node }) {
+	render: function DateFieldRender({ form, node, disabled }) {
+		const { id, path } = node;
 		const { t } = useTranslation("common");
-		const { label, helperText, validators } = contextMap[node.id] || {};
+		const { label, helperText, validators } = contextMap[id] || {};
 		const isDateInputSupported = useMemo(checkDateInputSupport, []);
 		return /* @__PURE__ */ jsx(form.Field, {
-			name: node.path,
+			name: path,
 			validators: {
 				onBlur: ({ value }) => getValidationError(validators?.blur, value, t),
 				onChange: ({ value }) => getValidationError(validators?.change, value, t)
 			},
 			children: (field) => {
 				return /* @__PURE__ */ jsx(Field, {
-					name: node.id,
-					label: label ? t(($) => $[label]) : node.id,
+					name: id,
+					label: label ? t(($) => $[label]) : id,
 					helper: helperText && t(($) => $[helperText]),
 					isValid: !field.state.meta.errors.length,
+					disabled,
 					errorMessage: field.state.meta.errors.length ? {
 						key: field.state.meta.errors[0],
 						message: field.state.meta.errors[0]
@@ -52,6 +54,7 @@ var DateField = withForm({
 							type: "date",
 							"aria-required": true,
 							value: field.state.value,
+							disabled,
 							onBlur: field.handleBlur,
 							onInput: (e) => field.handleChange(e.currentTarget.value)
 						}) : /* @__PURE__ */ jsx(InputBase, {
@@ -59,6 +62,7 @@ var DateField = withForm({
 							type: "text",
 							"aria-required": true,
 							value: field.state.value,
+							disabled,
 							onBlur: field.handleBlur,
 							onInput: (e) => field.handleChange(e.currentTarget.value),
 							maxLength: 10

package/dist/{DebugModal-Bg9rzwSn.js → DebugModal-xkdniRzn.js}

@@ -1,23 +1,24 @@
 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] = "883ce99e-f35f-43d0-be0e-f6bcedfe0ada", e._sentryDebugIdIdentifier = "sentry-dbid-883ce99e-f35f-43d0-be0e-f6bcedfe0ada");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f269bec1-eedf-4536-8838-71c43c78545e", e._sentryDebugIdIdentifier = "sentry-dbid-f269bec1-eedf-4536-8838-71c43c78545e");
 } catch (e) {}
 import { r as useTranslation } from "./translation-CpH8D2NK.js";
-import { I as listToRecord, N as ExperimentNames, P as FeatureNames, i as useGlobalStore, l as splitTaskIdentifier } from "./resolveEnvironment-A2E4srza.js";
+import { F as ExperimentNames, I as FeatureNames, R as listToRecord, d as splitTaskIdentifier, o as useGlobalStore } from "./registerEmbed-CZDAZwKX.js";
 import { t as createLogger } from "./logger-Z8AeTE4x.js";
-import { t as Icon } from "./Icon-jVvV1zXc.js";
-import { t as Button } from "./Button-BYafPrZH.js";
+import { t as Icon } from "./Icon-D2IGgB2L.js";
+import { t as Button } from "./Button-EhGM-oCO.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-C1CllzL1.js";
-import { t as Accordion } from "./Accordion-CTQfC17W.js";
-import { i as useToggleContext, t as Checkbox } from "./Checkbox-CEkD-Lpm.js";
-import { t as Modal } from "./Modal-afeMXOOn.js";
-import { a as SettingNames, i as formDebugInfo, t as InputText } from "./InputText-BwXmy0Yr.js";
+import { t as TaskVerificationStatus } from "./TaskVerificationStatus-Br7t30ur.js";
+import { t as Accordion } from "./Accordion-DyU-Pxob.js";
+import { i as useToggleContext, t as Checkbox } from "./Checkbox-Ec4wyyJQ.js";
+import { n as Modal } from "./useId-AzWxLa17.js";
+import { o as formDebugInfo, r as InputText, s as SettingNames, t as RadioGroup } from "./RadioGroup-SDQSOsEf.js";
 import { t as Tag } from "./Tag-CNeDHqKp.js";
-import { useMemo, useState } from "preact/hooks";
+import { useEffect, useMemo, useRef, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 import MonogonCode from "monogon/preact";
+import "monogon";
 var Tabs_module_default = { tabs: "_tabs_d0c44_1" };
 //#endregion
 //#region src/components/ui/molecules/Tabs/Tabs.tsx
@@ -291,8 +292,16 @@ var ROUNDNESS_VALUES = [
 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 = {
+var THEME_MODES = [
+	"light",
+	"dark",
+	"system"
+];
+/**
+* Example themes used to prefill the debug Theme tab, they mirror the "Adyen"
+* playground preset: the same brand color with a palette per theme mode.
+*/
+var EXAMPLE_LIGHT_THEME = {
 	primary: "#0abf53",
 	background: "#ffffff",
 	neutral: "#f2f4f7",
@@ -300,6 +309,14 @@ var EXAMPLE_CUSTOM_THEME = {
 	outline: "#c8ccd0",
 	roundness: "medium"
 };
+var EXAMPLE_DARK_THEME = {
+	primary: "#0abf53",
+	background: "#001122",
+	neutral: "#0e2a47",
+	label: "#ffffff",
+	outline: "#33506e",
+	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
@@ -335,26 +352,37 @@ var parseCustomThemeInput = (input) => {
 	return { theme: customTheme };
 };
 var getOnboardingElement = () => document.querySelector("adyen-onboarding");
+var initialThemeMode;
+var getInitialThemeMode = () => initialThemeMode ?? getEmbedThemeMode();
+/** Reads the embed's current `thememode`, `'light'` when it is unset or unknown. */
+var getEmbedThemeMode = () => {
+	const thememode = getOnboardingElement()?.thememode;
+	const mode = typeof thememode === "string" && THEME_MODES.includes(thememode) ? thememode : "light";
+	initialThemeMode ??= mode;
+	return mode;
+};
+var resolveSystemThemeMode = () => window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 /** 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.
+* Applies the theme by setting the `customtheme` DOM property on the embed element
+*
+* `preact-custom-element` re-renders the embed after each property change, and
+* `useTheme` regenerates the SDK's CSS variables from the final pairing.
 *
 * @returns Whether an embed element was found and updated.
 */
-var applyCustomTheme = (theme) => {
+var applyCustomTheme = (theme, mode) => {
 	const element = getOnboardingElement();
 	if (!element) return false;
+	element.thememode = mode;
 	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.
@@ -368,122 +396,139 @@ var resetCustomTheme = () => {
 	if (!element) return false;
 	element.customtheme = void 0;
 	element.removeAttribute("customtheme");
+	element.thememode = getInitialThemeMode();
 	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"
+	themeTab: "_themeTab_1nndo_1",
+	modeSelector: "_modeSelector_1nndo_8",
+	modeSelectorLabel: "_modeSelectorLabel_1nndo_14",
+	editor: "_editor_1nndo_18",
+	actions: "_actions_1nndo_27",
+	error: "_error_1nndo_32"
+};
+//#endregion
+//#region src/components/Shared/devex/DebugListener/DebugThemeEditor.tsx
+/** The theme editor of the debug Theme tab, showing the draft of the selected theme mode. */
+var DebugThemeEditor = ({ themeInput, error, onInput, onApply }) => {
+	const editorRef = useRef(null);
+	/**
+	* Keep the editor uncontrolled while typing: `monogon-code` rebuilds and re-highlights
+	* its whole content whenever its `content` attribute is written, so keystrokes are only
+	* mirrored into state, never fed back into the element. Its content is written here only
+	* for programmatic changes — prefill on mount, switching to the other mode's draft, or a
+	* reset — when the live value differs from the draft that should be shown.
+	*/
+	useEffect(() => {
+		const editor = editorRef.current;
+		if (editor && editor.value !== themeInput) editor.setAttribute("content", themeInput);
+	}, [themeInput]);
+	return /* @__PURE__ */ jsxs("section", {
+		className: DebugTheme_module_default.editor,
+		children: [
+			/* @__PURE__ */ jsx("monogon-code", {
+				content: "",
+				lang: "json",
+				ref: editorRef,
+				onInput: (event) => {
+					onInput(event.currentTarget.value);
+				},
+				style: "min-height: 14em;"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				fullWidth: true,
+				onClick: onApply,
+				children: "Apply"
+			}),
+			error ? /* @__PURE__ */ jsx("p", {
+				className: DebugTheme_module_default.error,
+				children: error
+			}) : void 0
+		]
+	});
 };
 //#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.";
+var MODE_SELECTOR_ITEMS = [{
+	id: "light",
+	name: "Light"
+}, {
+	id: "dark",
+	name: "Dark"
+}];
+var getInitialSelectedMode = () => {
+	const embedThemeMode = getEmbedThemeMode();
+	return embedThemeMode === "system" ? resolveSystemThemeMode() : embedThemeMode;
+};
 /** 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 [themeInputs, setThemeInputs] = useState(() => {
+		const embedThemeMode = getEmbedThemeMode();
+		const appliedTheme = getAppliedCustomTheme();
+		return {
+			light: JSON.stringify(appliedTheme && embedThemeMode !== "dark" ? appliedTheme : EXAMPLE_LIGHT_THEME, null, 2),
+			dark: JSON.stringify(appliedTheme && embedThemeMode === "dark" ? appliedTheme : EXAMPLE_DARK_THEME, null, 2)
+		};
+	});
+	/** Theme mode whose draft the editor shows, and what Apply targets. */
+	const [selectedMode, setSelectedMode] = useState(getInitialSelectedMode);
+	const [error, setError] = useState();
+	const handleInput = (themeInput) => {
+		setThemeInputs((previous) => ({
+			...previous,
+			[selectedMode]: themeInput
+		}));
+		setError(void 0);
+	};
 	const handleApplyTheme = () => {
-		const { theme, error } = parseCustomThemeInput(themeInput);
+		const { theme, error } = parseCustomThemeInput(themeInputs[selectedMode]);
 		if (error || !theme) {
-			setFeedback({
-				type: "error",
-				message: error ?? "Unknown error"
-			});
+			setError(error ?? "Unknown error");
 			return;
 		}
-		if (!applyCustomTheme(theme)) {
-			setFeedback({
-				type: "error",
-				message: NO_EMBED_MESSAGE
-			});
-			return;
-		}
-		setFeedback({
-			type: "success",
-			message: "Custom theme applied."
-		});
+		applyCustomTheme(theme, selectedMode);
 	};
 	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."
+		resetCustomTheme();
+		setThemeInputs({
+			light: JSON.stringify(EXAMPLE_LIGHT_THEME, null, 2),
+			dark: JSON.stringify(EXAMPLE_DARK_THEME, null, 2)
 		});
+		setError(void 0);
 	};
 	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__ */ jsxs("div", {
+				className: DebugTheme_module_default.modeSelector,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: DebugTheme_module_default.modeSelectorLabel,
+					children: "Editing"
+				}), /* @__PURE__ */ jsx(RadioGroup, {
+					horizontal: true,
+					items: MODE_SELECTOR_ITEMS,
+					name: "debug-theme-mode",
+					value: selectedMode,
+					onChange: (mode) => {
+						setSelectedMode(mode);
+						setError(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__ */ jsx(DebugThemeEditor, {
+				error,
+				onApply: handleApplyTheme,
+				onInput: handleInput,
+				themeInput: themeInputs[selectedMode]
 			}),
-			/* @__PURE__ */ jsxs("div", {
+			/* @__PURE__ */ jsx("div", {
 				className: DebugTheme_module_default.actions,
-				children: [/* @__PURE__ */ jsx(Button, {
-					onClick: handleApplyTheme,
-					children: "Apply theme"
-				}), /* @__PURE__ */ jsx(Button, {
+				children: /* @__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
+				})
+			})
 		]
 	});
 };
@@ -559,7 +604,7 @@ var DebugModal = ({ onExit }) => {
 	const rootLegalEntity = useGlobalStore().rootLegalEntity.value;
 	const formDebugAvailable = Object.keys(formDebugInfo.value).length > 0;
 	const metadata = {
-		sdkVersion: "4.27.0",
+		sdkVersion: "4.28.0-beta.0",
 		locale: i18n.language,
 		rootLegalEntityId: rootLegalEntity.id
 	};

package/dist/{DecisionMakerDetails-AoJgg4cg.js → DecisionMakerDetails-CykBZZ9U.js}

@@ -1,34 +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] = "f8e60ed4-84d1-41ca-874a-f9fc673d10e0", e._sentryDebugIdIdentifier = "sentry-dbid-f8e60ed4-84d1-41ca-874a-f9fc673d10e0");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "aa8b8d7f-138d-4a21-a3a6-c909f1b72ba1", e._sentryDebugIdIdentifier = "sentry-dbid-aa8b8d7f-138d-4a21-a3a6-c909f1b72ba1");
 } catch (e) {}
 import { r as useTranslation } from "./translation-CpH8D2NK.js";
-import { C as Alert } from "./resolveEnvironment-A2E4srza.js";
+import { T as Alert } from "./registerEmbed-CZDAZwKX.js";
 import { t as createLogger } from "./logger-Z8AeTE4x.js";
 import { t as Loader } from "./Loader-BDaKGf77.js";
-import { t as Button } from "./Button-BYafPrZH.js";
+import { t as Button } from "./Button-EhGM-oCO.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 { 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-C1CllzL1.js";
+import { t as TaskVerificationStatus } from "./TaskVerificationStatus-Br7t30ur.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-CEkD-Lpm.js";
-import { i as useAnalyticsContext, t as Modal } from "./Modal-afeMXOOn.js";
-import { t as ListItem } from "./ListItem-n927geYb.js";
-import { r as useToastContext } from "./useId-MW2hvVJz.js";
-import { o as StructuredList, s as Confirm } from "./utils-B5D6FxHi.js";
-import { t as getIdNowMissingDataPoints } from "./bafinUtils-DNq-JBP5.js";
+import { i as useToggleContext } from "./Checkbox-Ec4wyyJQ.js";
+import { a as useAnalyticsContext, n as Modal } from "./useId-AzWxLa17.js";
+import { t as ListItem } from "./ListItem-aX6AyCay.js";
+import { n as useToastContext } from "./invalidateRootLegalEntity-CnH38v8h.js";
+import { o as StructuredList, s as Confirm } from "./utils-BfA0Rrku.js";
+import { t as getIdNowMissingDataPoints } from "./bafinUtils-TT8a0y7q.js";
 import { t as useScenarios } from "./useScenarios-DfE71fl7.js";
-import { l as shouldNavigateToAdditionalPersonalDetailsForMissingData, n as SummaryBulletList, r as mapLegalEntityToIndividualSchema, t as formatDataForSummary, u as useCreateInvitation } from "./formatDataForSummary-GZH9C1ax.js";
-import { t as SummarySection } from "./SummarySection-CLaB0E12.js";
+import { l as shouldNavigateToAdditionalPersonalDetailsForMissingData, n as SummaryBulletList, r as mapLegalEntityToIndividualSchema, t as formatDataForSummary, u as useCreateInvitation } from "./formatDataForSummary-oC9odBCW.js";
+import { t as SummarySection } from "./SummarySection-D91P7H2B.js";
 import { t as DetailViewLayout } from "./DetailViewLayout-DJgAzdlZ.js";
-import { t as getTrustedDecisionMakers } from "./getTrustedDecisionMakers-DByctgob.js";
+import { t as getTrustedDecisionMakers } from "./getTrustedDecisionMakers-CD9uLmHi.js";
 import { useMemo, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 import { skipToken, useMutation, useQueries, useQuery } from "@tanstack/preact-query";

package/dist/{DecisionMakerDetailsPage-C_AdIcGC.js → DecisionMakerDetailsPage-BnjOq-R1.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] = "ef2942c8-a7fd-4780-badf-a14f34101eb1", e._sentryDebugIdIdentifier = "sentry-dbid-ef2942c8-a7fd-4780-badf-a14f34101eb1");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c34cf527-9ac4-4d77-9e14-63d594b6113b", e._sentryDebugIdIdentifier = "sentry-dbid-c34cf527-9ac4-4d77-9e14-63d594b6113b");
 } catch (e) {}
 import { n as addResourceBundles, r as useTranslation } from "./translation-CpH8D2NK.js";
-import { M as _rolldown_dynamic_import_helper_default } from "./resolveEnvironment-A2E4srza.js";
+import { P as _rolldown_dynamic_import_helper_default } from "./registerEmbed-CZDAZwKX.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-B75YIdXZ.js";
 import { t as TaskTypes } from "./taskTypes-3vSkMBDm.js";
-import { i as getTrustedFieldsProvider, r as getTrustedFields } from "./ListItem-n927geYb.js";
-import { r as useToastContext } from "./useId-MW2hvVJz.js";
+import { i as getTrustedFieldsProvider, r as getTrustedFields } from "./ListItem-aX6AyCay.js";
+import { n as useToastContext } from "./invalidateRootLegalEntity-CnH38v8h.js";
 import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-FHk416BA.js";
-import { n as isBafinSignatoryFlow, r as removeIdVerificationProblemsForBafinSignatory } from "./bafinUtils-DNq-JBP5.js";
+import { n as isBafinSignatoryFlow, r as removeIdVerificationProblemsForBafinSignatory } from "./bafinUtils-TT8a0y7q.js";
 import { t as useScenarios } from "./useScenarios-DfE71fl7.js";
-import { t as IndividualDropin } from "./IndividualDropin-Diyiw3Hi.js";
-import { t as getTrustedDecisionMakers } from "./getTrustedDecisionMakers-DByctgob.js";
+import { t as IndividualDropin } from "./IndividualDropin-C9bKZu8q.js";
+import { t as getTrustedDecisionMakers } from "./getTrustedDecisionMakers-CD9uLmHi.js";
 import { useEffect } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
 import { skipToken } from "@tanstack/preact-query";

package/dist/{DecisionMakers-C6l8bABC.js → DecisionMakers-B-4h5Vw_.js}

@@ -1,32 +1,32 @@
 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] = "6c1ceec1-fe15-40bc-a195-62fac63173a5", e._sentryDebugIdIdentifier = "sentry-dbid-6c1ceec1-fe15-40bc-a195-62fac63173a5");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "011b6871-b89a-40e4-9543-790361f29345", e._sentryDebugIdIdentifier = "sentry-dbid-011b6871-b89a-40e4-9543-790361f29345");
 } catch (e) {}
 import { n as addResourceBundles, r as useTranslation } from "./translation-CpH8D2NK.js";
-import { C as Alert, M as _rolldown_dynamic_import_helper_default, j as Header, r as useGetTaskStatus } from "./resolveEnvironment-A2E4srza.js";
+import { N as Header, P as _rolldown_dynamic_import_helper_default, T as Alert, a as useGetTaskStatus } from "./registerEmbed-CZDAZwKX.js";
 import { t as Typography } from "./Typography-CAc_f5Iq.js";
 import { t as Loader } from "./Loader-BDaKGf77.js";
-import { t as Button } from "./Button-BYafPrZH.js";
+import { t as Button } from "./Button-EhGM-oCO.js";
 import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-CxeMoCm4.js";
 import { t as StackLayout } from "./StackLayout-J1ynSX-P.js";
-import { t as TaskVerificationStatus } from "./TaskVerificationStatus-C1CllzL1.js";
+import { t as TaskVerificationStatus } from "./TaskVerificationStatus-Br7t30ur.js";
 import { i as TaskStatuses } from "./taskStatus-BtekPA8E.js";
 import { w as DATA_MISSING_DECISION_MAKER_ERROR_CODE_MAPPING } from "./processCapabilities-B75YIdXZ.js";
 import { t as TaskTypes } from "./taskTypes-3vSkMBDm.js";
 import { t as DecisionMakerTypes } from "./decisionMaker-CR0qaGWQ.js";
 import { r as getOwnDecisionMakers } from "./decisionMakerRoles-DA8MK9Dh.js";
-import { i as useToggleContext } from "./Checkbox-CEkD-Lpm.js";
-import { i as useAnalyticsContext, t as Modal } from "./Modal-afeMXOOn.js";
-import { t as ListItem } from "./ListItem-n927geYb.js";
-import { r as useToastContext } from "./useId-MW2hvVJz.js";
+import { i as useToggleContext } from "./Checkbox-Ec4wyyJQ.js";
+import { a as useAnalyticsContext, n as Modal } from "./useId-AzWxLa17.js";
+import { t as ListItem } from "./ListItem-aX6AyCay.js";
+import { n as useToastContext } from "./invalidateRootLegalEntity-CnH38v8h.js";
 import { t as useDataMissingRemediations } from "./useDataMissingRemediations-BfC7ECSn.js";
-import { l as LandingLayout, n as Image } from "./unincorporatedPartnership-7X9o2wKi.js";
+import { l as LandingLayout, n as Image } from "./unincorporatedPartnership-B5pKn0gl.js";
 import { n as useCapabilityProblems } from "./getProblemsForEntity-FHk416BA.js";
-import { h as useUpdateLegalEntity } from "./StateField-LcRkkvIH.js";
-import { c as List } from "./dropinUtils-QIBtEAdk.js";
-import { c as individualFormDefaultData, s as GuidanceQuestionValues } from "./formatDataForSummary-GZH9C1ax.js";
-import { t as useTaskLandedEvent } from "./useTaskLandedEvent-B_GbpCRR.js";
-import { i as useInvitationStatuses, n as getDecisionMakerDescription, t as DecisionMakerDetails } from "./DecisionMakerDetails-AoJgg4cg.js";
+import { h as useUpdateLegalEntity } from "./StateField-DxKg7Ea-.js";
+import { o as List } from "./dropinUtils-CZuO0w1x.js";
+import { c as individualFormDefaultData, s as GuidanceQuestionValues } from "./formatDataForSummary-oC9odBCW.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-DdeWh_nV.js";
+import { i as useInvitationStatuses, n as getDecisionMakerDescription, t as DecisionMakerDetails } from "./DecisionMakerDetails-CykBZZ9U.js";
 import { lazy } from "preact/compat";
 import { useEffect as useEffect$1, useMemo as useMemo$1, useState as useState$1 } from "preact/hooks";
 import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";

package/dist/{Dropzone-DgxhMiDp.js → Dropzone-D7Z9PsqG.js}

@@ -1,15 +1,15 @@
 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] = "223410c4-a726-47aa-9e15-dae7e99d9ecc", e._sentryDebugIdIdentifier = "sentry-dbid-223410c4-a726-47aa-9e15-dae7e99d9ecc");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "928233af-fd72-4d84-a032-48e571f417c9", e._sentryDebugIdIdentifier = "sentry-dbid-928233af-fd72-4d84-a032-48e571f417c9");
 } catch (e) {}
 import { r as useTranslation } from "./translation-CpH8D2NK.js";
-import { mt as StateContext } from "./resolveEnvironment-A2E4srza.js";
-import { t as Icon } from "./Icon-jVvV1zXc.js";
+import { gt as StateContext } from "./registerEmbed-CZDAZwKX.js";
+import { t as Icon } from "./Icon-D2IGgB2L.js";
 import { t as Typography } from "./Typography-CAc_f5Iq.js";
-import { t as Button } from "./Button-BYafPrZH.js";
-import { i as useAnalyticsContext } from "./Modal-afeMXOOn.js";
-import { t as useForm } from "./useForm-CPOxg890.js";
-import { i as bytesToSize, n as fileValidationRules, r as DropzoneFile, t as defaultFileValidationOptions } from "./validate-DEqWFrmE.js";
+import { t as Button } from "./Button-EhGM-oCO.js";
+import { a as useAnalyticsContext } from "./useId-AzWxLa17.js";
+import { t as useForm } from "./useForm-B2fQ78Se.js";
+import { i as bytesToSize, n as fileValidationRules, r as DropzoneFile, t as defaultFileValidationOptions } from "./validate-Bcw1m17m.js";
 import { useEffect, useMemo, useRef, useState } from "preact/hooks";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";

package/dist/{EmailField-CXN3LYZ2.js → EmailField-B-g3-z2A.js}

@@ -1,13 +1,13 @@
 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] = "d3f088c5-cfaa-42f9-9a48-0eaf78188b58", e._sentryDebugIdIdentifier = "sentry-dbid-d3f088c5-cfaa-42f9-9a48-0eaf78188b58");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8d1e66a0-b3a8-4597-a42c-84179e59947d", e._sentryDebugIdIdentifier = "sentry-dbid-8d1e66a0-b3a8-4597-a42c-84179e59947d");
 } catch (e) {}
 import { r as useTranslation } from "./translation-CpH8D2NK.js";
-import { r as InputBase } from "./InputText-BwXmy0Yr.js";
-import { o as Field } from "./Select-DPJ8234F.js";
+import { a as InputBase } from "./RadioGroup-SDQSOsEf.js";
+import { o as Field } from "./Select-DtO-GvLp.js";
 import { n as emailPattern } from "./basePatterns-plHFNzgJ.js";
 import { n as withForm } from "./formHook-Dgi2CgbT.js";
-import { t as getValidationError } from "./getValidationError-DnDzz5ju.js";
+import { t as getValidationError } from "./getValidationError-CXILdPw6.js";
 import { t as isNotEmpty } from "./sharedValidators-DODW7kuK.js";
 import { jsx } from "preact/jsx-runtime";
 //#region src/adaptiveWorkflow/components/Shared/Fields/EmailField/validators.ts
@@ -22,21 +22,23 @@ var contextMap = { email: { label: "email" } };
 //#region src/adaptiveWorkflow/components/Shared/Fields/EmailField/EmailField.tsx
 var EmailField = withForm({
 	props: {},
-	render: function EmailFieldRender({ form, node }) {
+	render: function EmailFieldRender({ form, node, disabled }) {
+		const { id, path } = node;
 		const { t } = useTranslation("common");
-		const { label, helperText, validators } = contextMap[node.id] || {};
+		const { label, helperText, validators } = contextMap[id] || {};
 		return /* @__PURE__ */ jsx(form.Field, {
-			name: node.path,
+			name: path,
 			validators: {
 				onBlur: ({ value }) => getValidationError(validators?.blur || defaultValidators.blur, value, t),
 				onChange: ({ value }) => getValidationError(validators?.change || defaultValidators.change, value, t)
 			},
 			children: (field) => {
 				return /* @__PURE__ */ jsx(Field, {
-					name: node.id,
-					label: label ? t(($) => $[label]) : node.id,
+					name: id,
+					label: label ? t(($) => $[label]) : id,
 					helper: helperText && t(($) => $[helperText]),
 					isValid: !field.state.meta.errors.length,
+					disabled,
 					errorMessage: field.state.meta.errors.length ? {
 						key: field.state.meta.errors[0],
 						message: field.state.meta.errors[0]
@@ -47,6 +49,7 @@ var EmailField = withForm({
 							type: "email",
 							autoCapitalize: "off",
 							"aria-required": true,
+							disabled,
 							value: field.state.value,
 							onBlur: field.handleBlur,
 							onInput: (e) => field.handleChange(e.currentTarget.value)