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

package/dist/BusinessRegistrationNumberFieldGroup-BfuSULya.js

@@ -0,0 +1,172 @@
+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] = "bcea3bf5-c76a-4571-9499-d8fa6386e824", e._sentryDebugIdIdentifier = "sentry-dbid-bcea3bf5-c76a-4571-9499-d8fa6386e824");
+} catch (e) {}
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { n as MaskedInput } from "./form-rules-DCZ-uyGo.js";
+import { f as translateTranslatable, r as Field } from "./Select-PqhoL_oQ.js";
+import { l as resolveFieldMetadata } from "./RadioGroup-B_lHSMq9.js";
+import { t as Checkbox } from "./Checkbox-B-hhlkoQ.js";
+import { i as getCompanyRegistrationNumberOptions, l as registrationNumberDefaultFieldConfig, n as getDefaultRegistrationNumberType, t as CompanyRegistrationNumberTypeSelector, u as registrationNumberDefaultFieldMetadata } from "./CompanyRegistrationNumberTypeSelector-BlW3-gmE.js";
+import { n as withForm } from "./formHook-Dgi2CgbT.js";
+import { useCallback } from "preact/hooks";
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { useStore } from "@tanstack/preact-form";
+//#region src/adaptiveWorkflow/components/Fields/BusinessRegistrationNumber/ExemptedFromRegistrationNumberField.tsx
+function ExemptedFromRegistrationNumberField({ field, label, checked, readonly, onChange }) {
+	return /* @__PURE__ */ jsx(Field, {
+		name: field.name,
+		children: (childProps) => /* @__PURE__ */ jsx(Checkbox, {
+			...childProps,
+			"aria-required": false,
+			"aria-invalid": false,
+			name: field.name,
+			label,
+			value: "exemptedFromRegistrationNumber",
+			checked,
+			readonly,
+			onChange
+		})
+	});
+}
+//#endregion
+//#region src/adaptiveWorkflow/components/Fields/BusinessRegistrationNumber/RegistrationNumberInputField.tsx
+function RegistrationNumberInputField({ field, fieldMetadata, currentValue, helperText, readonly, optional, shouldValidate, disabled, onInput, onBlur }) {
+	const { t } = useTranslation("common");
+	const isTouched = field.state.meta.isTouched;
+	const isValid = field.state.meta.isValid;
+	const errorMessage = isTouched && !isValid ? field.state.meta.errors[0] : void 0;
+	return /* @__PURE__ */ jsx(MaskedInput, {
+		"aria-required": true,
+		"aria-invalid": isTouched && !isValid,
+		name: "registrationNumber",
+		type: "text",
+		value: currentValue,
+		label: fieldMetadata.label ? t(($) => $[fieldMetadata.label]) ?? "" : "",
+		formatGuidance: fieldMetadata.guidanceText ? translateTranslatable(t, fieldMetadata.guidanceText) : void 0,
+		errorMessage,
+		isValid: isTouched && isValid && !!currentValue,
+		onInput,
+		onBlur,
+		disabled,
+		optional,
+		readonly,
+		shouldValidate: !optional && shouldValidate,
+		helper: helperText,
+		...fieldMetadata.mask ?? {}
+	});
+}
+//#endregion
+//#region src/adaptiveWorkflow/components/Fields/BusinessRegistrationNumber/RegistrationNumberTypeSelectorField.tsx
+function RegistrationNumberTypeSelectorField({ country, companyType, selected, onTypeChange, exemptedOptionLabel }) {
+	return /* @__PURE__ */ jsx(CompanyRegistrationNumberTypeSelector, {
+		country,
+		companyType,
+		selected,
+		setSelected: onTypeChange,
+		exemptedOptionLabel
+	});
+}
+//#endregion
+//#region src/adaptiveWorkflow/components/Fields/BusinessRegistrationNumber/BusinessRegistrationNumberFieldGroup.tsx
+function getNestedValue(obj, path) {
+	return path.split(".").reduce((acc, key) => acc?.[key], obj);
+}
+var BusinessRegistrationNumberFieldGroup = withForm({
+	defaultValues: {},
+	props: {},
+	render: function BusinessRegistrationNumberFieldGroupRender({ form, basePath: registrationNumberPath, country, canExempt, companyType, state, helperText, labels, readonly, optional, shouldValidate }) {
+		const registrationNumberTypePath = `organization.registrationNumberType`;
+		const exemptedPath = `organization.exemptedFromRegistrationNumber`;
+		const registrationNumber = useStore(form.store, (s) => getNestedValue(s.values, registrationNumberPath));
+		const registrationNumberType = useStore(form.store, (s) => getNestedValue(s.values, registrationNumberTypePath));
+		const exemptedFromRegistrationNumber = useStore(form.store, (s) => getNestedValue(s.values, exemptedPath));
+		const registrationNumberOptions = getCompanyRegistrationNumberOptions(country, companyType);
+		const defaultType = getDefaultRegistrationNumberType(registrationNumber, country, companyType);
+		const showExemptedOption = canExempt && !!registrationNumberOptions && registrationNumberOptions.length > 1;
+		const effectiveRegistrationNumberType = exemptedFromRegistrationNumber ? "exempted" : registrationNumberType ?? defaultType;
+		const fieldMetadata = resolveFieldMetadata(registrationNumberDefaultFieldConfig[country], {
+			registrationNumberType: effectiveRegistrationNumberType === "exempted" ? void 0 : effectiveRegistrationNumberType,
+			state
+		}, registrationNumberDefaultFieldMetadata);
+		if (effectiveRegistrationNumberType && effectiveRegistrationNumberType !== "exempted" && !registrationNumberOptions?.find((o) => o.id === effectiveRegistrationNumberType)) form.setFieldValue(registrationNumberTypePath, defaultType);
+		const handleRegistrationNumberChange = useCallback((e) => {
+			const value = typeof e === "string" ? e : e.currentTarget.value;
+			form.setFieldValue(registrationNumberPath, value);
+			form.setFieldValue(registrationNumberTypePath, effectiveRegistrationNumberType === "exempted" ? void 0 : effectiveRegistrationNumberType);
+		}, [
+			form,
+			registrationNumberPath,
+			registrationNumberTypePath,
+			effectiveRegistrationNumberType
+		]);
+		const handleExemptedFromRegistrationNumber = useCallback((exempt) => {
+			if (exempt) form.setFieldValue(registrationNumberPath, "");
+			form.setFieldValue(exemptedPath, exempt);
+		}, [
+			exemptedPath,
+			form,
+			registrationNumberPath
+		]);
+		const handleCompanyRegistrationNumberTypeChange = useCallback((regNumberType) => {
+			if (regNumberType === "exempted") {
+				if (!canExempt) throw new Error(`${country} does not allow registration number exemptions`);
+				form.setFieldValue(registrationNumberPath, "");
+				form.setFieldValue(exemptedPath, true);
+				form.setFieldValue(registrationNumberTypePath, void 0);
+				return;
+			}
+			if (canExempt && exemptedFromRegistrationNumber) form.setFieldValue(exemptedPath, false);
+			form.setFieldValue(registrationNumberPath, "");
+			form.setFieldValue(registrationNumberTypePath, regNumberType);
+		}, [
+			canExempt,
+			country,
+			exemptedFromRegistrationNumber,
+			exemptedPath,
+			form,
+			registrationNumberPath,
+			registrationNumberTypePath
+		]);
+		return /* @__PURE__ */ jsxs("div", { children: [
+			/* @__PURE__ */ jsx(form.Field, {
+				name: registrationNumberTypePath,
+				children: (field) => /* @__PURE__ */ jsx(RegistrationNumberTypeSelectorField, {
+					field,
+					country,
+					companyType,
+					selected: effectiveRegistrationNumberType,
+					onTypeChange: handleCompanyRegistrationNumberTypeChange,
+					exemptedOptionLabel: showExemptedOption ? labels.exemptedFromRegistrationNumber : void 0
+				})
+			}),
+			/* @__PURE__ */ jsx(form.Field, {
+				name: registrationNumberPath,
+				children: (field) => /* @__PURE__ */ jsx(RegistrationNumberInputField, {
+					field,
+					fieldMetadata,
+					currentValue: registrationNumber ?? "",
+					helperText,
+					readonly,
+					optional,
+					shouldValidate,
+					disabled: Boolean(exemptedFromRegistrationNumber),
+					onInput: (e) => handleRegistrationNumberChange(e),
+					onBlur: (e) => handleRegistrationNumberChange(e)
+				})
+			}),
+			canExempt && !showExemptedOption && /* @__PURE__ */ jsx(form.Field, {
+				name: exemptedPath,
+				children: (field) => /* @__PURE__ */ jsx(ExemptedFromRegistrationNumberField, {
+					field,
+					label: labels.exemptedFromRegistrationNumber,
+					checked: Boolean(exemptedFromRegistrationNumber),
+					readonly,
+					onChange: handleExemptedFromRegistrationNumber
+				})
+			})
+		] });
+	}
+});
+//#endregion
+export { BusinessRegistrationNumberFieldGroup };

package/dist/{BusinessTypeSelectionPage-BtJLsGtX.js → BusinessTypeSelectionPage-C9BYbNj1.js}

@@ -1,24 +1,27 @@
 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] = "614f739f-3c4d-40d9-8da7-874846fc6f28", e._sentryDebugIdIdentifier = "sentry-dbid-614f739f-3c4d-40d9-8da7-874846fc6f28");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "2ac0291e-8e0a-4927-8e7d-d04358ec5586", e._sentryDebugIdIdentifier = "sentry-dbid-2ac0291e-8e0a-4927-8e7d-d04358ec5586");
 } catch (e) {}
-import { i as Typography, o as createLogger, r as useTranslation } from "./translation-DH4IlMCP.js";
-import { ft as useAccountHolder } from "./resolveEnvironment-I0NAzeCT.js";
-import { r as Loader, t as Button } from "./Button-Cm7cT6BX.js";
-import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-DR51Q4mE.js";
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { mt as useAccountHolder } from "./resolveEnvironment-wbFNXSP-.js";
+import { t as createLogger } from "./logger-Z8AeTE4x.js";
+import { t as Typography } from "./Typography-CAc_f5Iq.js";
+import { t as Loader } from "./Loader-BEpMlKm2.js";
+import { t as Button } from "./Button-DSD_afG_.js";
+import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-QQXN6YOm.js";
 import { t as LegalEntityTypes } from "./legal-entity-type-0MfCGzUf.js";
-import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BHh7Ux8v.js";
-import { t as getCapabilities } from "./processCapabilities-BSpmJOEd.js";
-import { i as useAnalyticsContext } from "./Modal-nylR9F4X.js";
-import { r as useToastContext } from "./useId-InBEunao.js";
-import { c as TileGroup } from "./bafinUtils-9rBblM1a.js";
-import { p as LoaderWrapper, r as Field } from "./Select-Dmn4bMEK.js";
-import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-DtWHsFZ9.js";
-import { t as useTaskLandedEvent } from "./useTaskLandedEvent-C7fcguXK.js";
-import { t as useForm } from "./useForm-T9qxtTlE.js";
-import { t as formatValidationError } from "./formatValidationError-XKzTY3nX.js";
+import { t as getLegalEntityCountry } from "./getLegalEntityCountry-CNE5uei8.js";
+import { t as getCapabilities } from "./processCapabilities-uXoRmB5x.js";
+import { i as useAnalyticsContext } from "./Modal-C6gfqa3Z.js";
+import { r as useToastContext } from "./useId-zuKUQ8ly.js";
+import { c as TileGroup } from "./bafinUtils-CT-a64QP.js";
+import { p as LoaderWrapper, r as Field } from "./Select-PqhoL_oQ.js";
+import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-B6oM8kXX.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-BCvoFRym.js";
+import { t as useForm } from "./useForm-D9htlwjI.js";
+import { t as formatValidationError } from "./formatValidationError-HjSxukRu.js";
 import { t as Spacer } from "./Spacer-CEHRO4Ml.js";
-import { a as getTargetLegalEntityType, c as useSelectionOptions, i as getDefaultLegalArrangementOrSuborganizationType, n as determineOrganizationTypeToUpdate, o as legalArrangementMetadata, r as getBusinessType, t as businessTypeIcons } from "./utils-BKAldHdP.js";
+import { a as getTargetLegalEntityType, c as useSelectionOptions, i as getDefaultLegalArrangementOrSuborganizationType, n as determineOrganizationTypeToUpdate, o as legalArrangementMetadata, r as getBusinessType, t as businessTypeIcons } from "./utils-2s4JuDg2.js";
 import { useEffect, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/datasets/generators/getBusinessTypeExamplesForCountry.ts

package/dist/{Button-Cm7cT6BX.js → Button-DSD_afG_.js}

@@ -1,92 +1,11 @@
 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] = "4472c2f7-a4d0-4e03-9801-71e5f9ca14ae", e._sentryDebugIdIdentifier = "sentry-dbid-4472c2f7-a4d0-4e03-9801-71e5f9ca14ae");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "0c253034-3298-49b1-86b1-ccc7287c09ab", e._sentryDebugIdIdentifier = "sentry-dbid-0c253034-3298-49b1-86b1-ccc7287c09ab");
 } catch (e) {}
-import { a as Icon, i as Typography, r as useTranslation } from "./translation-DH4IlMCP.js";
-import { useLayoutEffect } from "preact/hooks";
+import { t as Icon } from "./Icon-CurE93CX.js";
+import { t as Loader } from "./Loader-BEpMlKm2.js";
 import cx from "classnames";
 import { jsx, jsxs } from "preact/jsx-runtime";
-import { useComputed, useSignal } from "@preact/signals";
-var Loader_module_default = {
-	"loader-wrapper": "_loader-wrapper_xtjeo_1",
-	loaderWrapper: "_loader-wrapper_xtjeo_1",
-	"loader-text": "_loader-text_xtjeo_10",
-	loaderText: "_loader-text_xtjeo_10",
-	"loader-text-visible": "_loader-text-visible_xtjeo_18",
-	loaderTextVisible: "_loader-text-visible_xtjeo_18",
-	loader: "_loader_xtjeo_1",
-	rotateLoader: "_rotateLoader_xtjeo_1",
-	"loader-large": "_loader-large_xtjeo_46",
-	loaderLarge: "_loader-large_xtjeo_46",
-	"loader-small": "_loader-small_xtjeo_52",
-	loaderSmall: "_loader-small_xtjeo_52",
-	"loader-medium": "_loader-medium_xtjeo_59",
-	loaderMedium: "_loader-medium_xtjeo_59",
-	"loader-xsmall": "_loader-xsmall_xtjeo_65",
-	loaderXsmall: "_loader-xsmall_xtjeo_65",
-	fadeInText: "_fadeInText_xtjeo_1"
-};
-//#endregion
-//#region src/components/ui/atoms/Loader/Loader.tsx
-var LOADER_TEXT_DELAY_MS = 5e3;
-var LOADER_TEXT_LONG_DELAY_MS = 1e4;
-var sizeMap = {
-	xsmall: Loader_module_default.loaderXsmall,
-	small: Loader_module_default.loaderSmall,
-	medium: Loader_module_default.loaderMedium,
-	large: Loader_module_default.loaderLarge
-};
-/**
-* Default Loading Loader
-* @param props -
-*/
-var Loader = ({ size = "large", defaultMessage, shortMessage, shortDelayMs = LOADER_TEXT_DELAY_MS, longMessage, longDelayMs = LOADER_TEXT_LONG_DELAY_MS }) => {
-	const { t } = useTranslation("common");
-	const loaderTextState = useSignal(defaultMessage ? "default" : "hidden");
-	const showText = size === "large";
-	useLayoutEffect(() => {
-		if (!showText) return;
-		const shortTimer = setTimeout(() => {
-			loaderTextState.value = "short";
-		}, shortDelayMs);
-		const longTimer = setTimeout(() => {
-			loaderTextState.value = "long";
-		}, longDelayMs);
-		return () => {
-			clearTimeout(shortTimer);
-			clearTimeout(longTimer);
-		};
-	}, [
-		showText,
-		shortDelayMs,
-		longDelayMs,
-		loaderTextState
-	]);
-	const resolvedMessage = useComputed(() => {
-		switch (loaderTextState.value) {
-			case "long": return longMessage ?? t(($) => $["justAMomentTakingLonger"]);
-			case "short": return shortMessage ?? t(($) => $["justAMoment"]);
-			case "default": return defaultMessage;
-			default: return;
-		}
-	});
-	const loaderTextVisible = useComputed(() => loaderTextState.value !== "hidden");
-	return /* @__PURE__ */ jsxs("div", {
-		className: Loader_module_default.loaderWrapper,
-		children: [/* @__PURE__ */ jsx("div", {
-			role: "progressbar",
-			className: cx(Loader_module_default.loader, sizeMap[size])
-		}), showText && /* @__PURE__ */ jsx("div", {
-			className: cx(Loader_module_default.loaderText, { [Loader_module_default.loaderTextVisible]: loaderTextVisible }),
-			children: /* @__PURE__ */ jsx(Typography, {
-				variant: "body",
-				color: "secondary",
-				el: "span",
-				children: resolvedMessage
-			})
-		})]
-	});
-};
 var Button_module_default = {
 	button: "_button_1okkl_1",
 	"button-full-width": "_button-full-width_1okkl_32",
@@ -186,4 +105,4 @@ var IconButton = ({ ariaLabel, circle = false, disabled = false, icon, loading =
 	});
 };
 //#endregion
-export { IconButton as n, Loader as r, Button as t };
+export { IconButton as n, Button as t };

package/dist/{Checkbox-faFUul66.js → Checkbox-B-hhlkoQ.js}

@@ -1,8 +1,8 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "94073604-d7b1-44c1-9b06-f6eb2c5e6b49", e._sentryDebugIdIdentifier = "sentry-dbid-94073604-d7b1-44c1-9b06-f6eb2c5e6b49");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "38bdba60-2baf-4b0d-991e-707b46e36c95", e._sentryDebugIdIdentifier = "sentry-dbid-38bdba60-2baf-4b0d-991e-707b46e36c95");
 } catch (e) {}
-import { i as useAnalyticsContext } from "./Modal-nylR9F4X.js";
+import { i as useAnalyticsContext } from "./Modal-C6gfqa3Z.js";
 import { useCallback, useEffect, useRef } from "preact/hooks";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";

package/dist/{CompanyRegistrationNumberTypeSelector-v4sUJ8TM.js → CompanyRegistrationNumberTypeSelector-BlW3-gmE.js}

@@ -1,15 +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] = "1c5fc0da-8126-4ca5-b834-83a223c3e0da", e._sentryDebugIdIdentifier = "sentry-dbid-1c5fc0da-8126-4ca5-b834-83a223c3e0da");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "21ee2832-785b-4d8d-9ef2-8c7e14bf30b0", e._sentryDebugIdIdentifier = "sentry-dbid-21ee2832-785b-4d8d-9ef2-8c7e14bf30b0");
 } catch (e) {}
-import { r as useTranslation } from "./translation-DH4IlMCP.js";
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
-import { l as CompanyTypesValues } from "./bafinUtils-9rBblM1a.js";
-import { r as Field } from "./Select-Dmn4bMEK.js";
-import { l as numericInputs, s as makeMask, u as spacer } from "./MaskedInput-DhHmuLSN.js";
-import { a as validateNotEmptyOnBlur, o as validatePatternOnBlur } from "./patternValidators-C8cRrD-t.js";
-import { M as businessRegistrationNumberMasks, N as stateFormatGuidanceText, j as businessRegistrationNumberPatterns } from "./utils-Be9xux9M.js";
-import { t as RadioGroup } from "./RadioGroup-C4csROhR.js";
+import { d as numericInputs, f as spacer, l as makeMask } from "./form-rules-DCZ-uyGo.js";
+import { B as businessRegistrationNumberMasks, V as stateFormatGuidanceText, W as CompanyTypesValues, z as businessRegistrationNumberPatterns } from "./bafinUtils-CT-a64QP.js";
+import { r as Field } from "./Select-PqhoL_oQ.js";
+import { c as validatePatternOnBlur, s as validateNotEmptyOnBlur, t as RadioGroup } from "./RadioGroup-B_lHSMq9.js";
 import { useCallback, useEffect, useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
 //#region src/components/Shared/fields/BusinessRegistrationNumberField/fieldConfig.ts

package/dist/ComponentGroup-o36ZWZoO.js

@@ -0,0 +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] = "e3e3f962-85ae-45b2-97d4-82e218109b79", e._sentryDebugIdIdentifier = "sentry-dbid-e3e3f962-85ae-45b2-97d4-82e218109b79");
+} catch (e) {}
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { t as Accordion } from "./Accordion-DC7Iuj-J.js";
+import { t as NodeRenderer } from "./AdaptiveWorkflow-DnvzkolP.js";
+import { jsx, jsxs } from "preact/jsx-runtime";
+//#region src/adaptiveWorkflow/components/Layout/ComponentGroup/contextMap.ts
+var contextMap = {};
+//#endregion
+//#region src/adaptiveWorkflow/components/Layout/ComponentGroup/ComponentGroup.tsx
+/**
+* Layout component for grouping child components in the UI
+* Currently renders an `Accordion` component
+*/
+var ComponentGroup = ({ node, form }) => {
+	const { t } = useTranslation("adaptive");
+	const { title } = contextMap[node.id] || {};
+	return /* @__PURE__ */ jsxs(Accordion, { children: [/* @__PURE__ */ jsx("template", {
+		slot: "title",
+		children: title ? t(($) => $[title]) : node.id
+	}), /* @__PURE__ */ jsx("template", {
+		slot: "content",
+		children: node.children?.map((child) => /* @__PURE__ */ jsx(NodeRenderer, {
+			node: child,
+			form
+		}, node.id))
+	})] });
+};
+//#endregion
+export { ComponentGroup };

package/dist/{ContactDetails-CUwCotpR.js → ContactDetails-DwH0Wdi1.js}

@@ -1,17 +1,16 @@
 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] = "69e65963-de83-4fba-b2db-cc314d41d4e1", e._sentryDebugIdIdentifier = "sentry-dbid-69e65963-de83-4fba-b2db-cc314d41d4e1");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "bd67fc7a-4703-4efa-9e32-d24a9f17ee38", e._sentryDebugIdIdentifier = "sentry-dbid-bd67fc7a-4703-4efa-9e32-d24a9f17ee38");
 } catch (e) {}
-import { r as useTranslation } from "./translation-DH4IlMCP.js";
-import { C as useDataset, k as Header, nt as isEmpty, w as datasetIdentifier } from "./resolveEnvironment-I0NAzeCT.js";
-import { r as httpPost, s as useApiContext } from "./http-D6AdUBhO.js";
-import { s as entriesOf } from "./AnalyticsContext-BnRQ9H1u.js";
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { C as useDataset, k as Header, nt as isEmpty, w as datasetIdentifier } from "./resolveEnvironment-wbFNXSP-.js";
+import { r as httpPost, s as useApiContext } from "./http-DsJtugN1.js";
+import { o as entriesOf } from "./genUtils-Ce61IJs8.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
-import { r as Field, t as Select } from "./Select-Dmn4bMEK.js";
-import { b as createFormUtils, x as mergeFieldMetadataIntoProps } from "./CountryField-BC0wDSlI.js";
-import { c as nonInputs, l as numericInputs, n as InputEmail, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-DhHmuLSN.js";
+import { d as numericInputs, f as spacer, l as makeMask, n as MaskedInput, r as InputEmail, u as nonInputs } from "./form-rules-DCZ-uyGo.js";
+import { r as Field, t as Select } from "./Select-PqhoL_oQ.js";
+import { A as createFormUtils, j as mergeFieldMetadataIntoProps, l as resolveFieldMetadata } from "./RadioGroup-B_lHSMq9.js";
 import { n as emailPattern } from "./basePatterns-plHFNzgJ.js";
-import { t as resolveFieldMetadata } from "./fieldConfigurations-CZCFghnK.js";
 import { t as InputGroup } from "./InputGroup-B4U3QVEp.js";
 import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
 import { jsx, jsxs } from "preact/jsx-runtime";

package/dist/{ContextGuidance-M7lR8QJv.js → ContextGuidance-Digds0A2.js}

@@ -1,9 +1,9 @@
 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] = "d5da8859-9632-4657-931c-9316f8fa78d1", e._sentryDebugIdIdentifier = "sentry-dbid-d5da8859-9632-4657-931c-9316f8fa78d1");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "0880a8ac-bf39-4a1b-ba93-96516b3124a6", e._sentryDebugIdIdentifier = "sentry-dbid-0880a8ac-bf39-4a1b-ba93-96516b3124a6");
 } catch (e) {}
-import { x as Alert } from "./resolveEnvironment-I0NAzeCT.js";
-import { i as useAnalyticsContext } from "./Modal-nylR9F4X.js";
+import { x as Alert } from "./resolveEnvironment-wbFNXSP-.js";
+import { i as useAnalyticsContext } from "./Modal-C6gfqa3Z.js";
 import { jsx } from "preact/jsx-runtime";
 //#region src/components/ui/molecules/ContextGuidance/ContextGuidance.tsx
 function ContextGuidance({ title, content, titleId, contentId, trackingParams }) {

package/dist/{Currency-BOFjRr_4.js → Currency-BSsyM5Mm.js}

@@ -1,14 +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] = "cc8855c5-f6c8-4786-a8d1-910b99700c10", e._sentryDebugIdIdentifier = "sentry-dbid-cc8855c5-f6c8-4786-a8d1-910b99700c10");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "02bd6439-4295-404b-8285-fa58e8c34f6d", e._sentryDebugIdIdentifier = "sentry-dbid-02bd6439-4295-404b-8285-fa58e8c34f6d");
 } catch (e) {}
-import { o as createLogger, r as useTranslation } from "./translation-DH4IlMCP.js";
-import { at as isUndefinedOrNull } from "./resolveEnvironment-I0NAzeCT.js";
-import { n as httpGet, s as useApiContext } from "./http-D6AdUBhO.js";
-import { i as drop } from "./AnalyticsContext-BnRQ9H1u.js";
-import { r as Field, t as Select } from "./Select-Dmn4bMEK.js";
-import { r as InputBase, t as InputText } from "./InputText-Cf9ccCaj.js";
-import { t as currencyByCountry } from "./types-BLWT7WnU.js";
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { at as isUndefinedOrNull } from "./resolveEnvironment-wbFNXSP-.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-Co02nT5L.js";
+import { r as Field, t as Select } from "./Select-PqhoL_oQ.js";
+import { t as currencyByCountry } from "./types-Ai_80DXu.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
 import { useQuery } from "@tanstack/preact-query";

package/dist/{CustomerSupport-BE7qg8WI.js → CustomerSupport-CrNlpDnm.js}

@@ -1,21 +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] = "989ae808-f92e-470d-973a-29eb3feb3fa8", e._sentryDebugIdIdentifier = "sentry-dbid-989ae808-f92e-470d-973a-29eb3feb3fa8");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "44ef0c0f-00ee-4838-91eb-f5e0bf1a81fe", e._sentryDebugIdIdentifier = "sentry-dbid-44ef0c0f-00ee-4838-91eb-f5e0bf1a81fe");
 } catch (e) {}
-import { o as createLogger, r as useTranslation } from "./translation-DH4IlMCP.js";
-import { k as Header } from "./resolveEnvironment-I0NAzeCT.js";
-import { r as Loader, t as Button } from "./Button-Cm7cT6BX.js";
-import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-DR51Q4mE.js";
-import { C as EntityTypes } from "./processCapabilities-BSpmJOEd.js";
-import { i as useAnalyticsContext } from "./Modal-nylR9F4X.js";
-import { r as useToastContext } from "./useId-InBEunao.js";
-import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-DStlTvE-.js";
-import { b as createFormUtils, c as useMultiForm } from "./CountryField-BC0wDSlI.js";
-import { t as ErrorPanel } from "./ErrorPanel-Be6eGO6I.js";
-import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-DtWHsFZ9.js";
-import { a as contactDetailsValidationRules, c as getAsyncPhoneValidationRules, o as defaultFieldMetadata, s as fieldConfig, t as ContactDetails, u as useValidatePhoneNumberImperatively } from "./ContactDetails-CUwCotpR.js";
-import { t as useTaskLandedEvent } from "./useTaskLandedEvent-C7fcguXK.js";
-import { t as resolveFieldMetadata } from "./fieldConfigurations-CZCFghnK.js";
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { k as Header } from "./resolveEnvironment-wbFNXSP-.js";
+import { t as createLogger } from "./logger-Z8AeTE4x.js";
+import { t as Loader } from "./Loader-BEpMlKm2.js";
+import { t as Button } from "./Button-DSD_afG_.js";
+import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-QQXN6YOm.js";
+import { C as EntityTypes } from "./processCapabilities-uXoRmB5x.js";
+import { i as useAnalyticsContext } from "./Modal-C6gfqa3Z.js";
+import { r as useToastContext } from "./useId-zuKUQ8ly.js";
+import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-CTxd78-9.js";
+import { A as createFormUtils, _ as useMultiForm, l as resolveFieldMetadata } from "./RadioGroup-B_lHSMq9.js";
+import { t as ErrorPanel } from "./ErrorPanel-CMHH1nTS.js";
+import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-B6oM8kXX.js";
+import { a as contactDetailsValidationRules, c as getAsyncPhoneValidationRules, o as defaultFieldMetadata, s as fieldConfig, t as ContactDetails, u as useValidatePhoneNumberImperatively } from "./ContactDetails-DwH0Wdi1.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-BCvoFRym.js";
 import { t as Spacer } from "./Spacer-CEHRO4Ml.js";
 import { useCallback, useMemo } from "preact/hooks";
 import { jsx, jsxs } from "preact/jsx-runtime";

package/dist/{DataConflictsModal-Ez5mMzqA.js → DataConflictsModal-CnePHHgB.js}

@@ -1,15 +1,16 @@
 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] = "b58fcb13-9729-4cb9-bef1-65a11fedbc82", e._sentryDebugIdIdentifier = "sentry-dbid-b58fcb13-9729-4cb9-bef1-65a11fedbc82");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "61f9e563-30e7-4c36-916f-6d4be10a0d2d", e._sentryDebugIdIdentifier = "sentry-dbid-61f9e563-30e7-4c36-916f-6d4be10a0d2d");
 } catch (e) {}
-import { i as Typography, r as useTranslation } from "./translation-DH4IlMCP.js";
-import { P as listToRecord, x as Alert } from "./resolveEnvironment-I0NAzeCT.js";
-import { t as Button } from "./Button-Cm7cT6BX.js";
-import { c as keysOf } from "./AnalyticsContext-BnRQ9H1u.js";
-import { t as Modal } from "./Modal-nylR9F4X.js";
-import { n as Confirm } from "./StructuredList-DpzDjXNV.js";
-import { n as RadioWithLabel } from "./RadioGroup-C4csROhR.js";
-import { t as isEmpty } from "./isEmpty-MyMko24J.js";
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { P as listToRecord, x as Alert } from "./resolveEnvironment-wbFNXSP-.js";
+import { t as Typography } from "./Typography-CAc_f5Iq.js";
+import { t as Button } from "./Button-DSD_afG_.js";
+import { s as keysOf } from "./genUtils-Ce61IJs8.js";
+import { t as Modal } from "./Modal-C6gfqa3Z.js";
+import { n as Confirm } from "./StructuredList-BKWmLAYe.js";
+import { n as RadioWithLabel } from "./RadioGroup-B_lHSMq9.js";
+import { t as isEmpty } from "./isEmpty-DD8Insy0.js";
 import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
 import cx from "classnames";
 import { jsx, jsxs } from "preact/jsx-runtime";

package/dist/{DebugModal-B2-a1_2A.js → DebugModal-BSNHP5Ae.js}

@@ -1,18 +1,18 @@
 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] = "0b444639-6922-45c0-8cb0-b10950ba4d0c", e._sentryDebugIdIdentifier = "sentry-dbid-0b444639-6922-45c0-8cb0-b10950ba4d0c");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "747547b3-94ed-4af0-a887-95b9f6bc7c67", e._sentryDebugIdIdentifier = "sentry-dbid-747547b3-94ed-4af0-a887-95b9f6bc7c67");
 } catch (e) {}
-import { a as Icon, o as createLogger, r as useTranslation } from "./translation-DH4IlMCP.js";
-import { M as ExperimentNames, N as FeatureNames, P as listToRecord, i as useGlobalStore, j as useToggleContext, l as splitTaskIdentifier } from "./resolveEnvironment-I0NAzeCT.js";
-import { t as Button } from "./Button-Cm7cT6BX.js";
-import { t as useSettingsContext } from "./useSettingsContext-Bpf4UqRT.js";
-import { l as valuesOf, s as entriesOf } from "./AnalyticsContext-BnRQ9H1u.js";
-import { t as TaskVerificationStatus } from "./TaskVerificationStatus-DMj8rsZ_.js";
-import { t as Accordion } from "./Accordion-BWdAGMRb.js";
-import { t as Modal } from "./Modal-nylR9F4X.js";
-import { n as SettingNames, t as formDebugInfo } from "./debugStore-DpSgCNGn.js";
-import { t as Checkbox } from "./Checkbox-faFUul66.js";
-import { t as InputText } from "./InputText-Cf9ccCaj.js";
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { M as ExperimentNames, N as FeatureNames, P as listToRecord, i as useGlobalStore, j as useToggleContext, l as splitTaskIdentifier, pt as useSettingsContext } from "./resolveEnvironment-wbFNXSP-.js";
+import { t as createLogger } from "./logger-Z8AeTE4x.js";
+import { t as Icon } from "./Icon-CurE93CX.js";
+import { t as Button } from "./Button-DSD_afG_.js";
+import { c as valuesOf, o as entriesOf } from "./genUtils-Ce61IJs8.js";
+import { t as TaskVerificationStatus } from "./TaskVerificationStatus-DCfFNRJc.js";
+import { t as Accordion } from "./Accordion-DC7Iuj-J.js";
+import { t as Modal } from "./Modal-C6gfqa3Z.js";
+import { a as SettingNames, i as formDebugInfo, t as InputText } from "./InputText-Co02nT5L.js";
+import { t as Checkbox } from "./Checkbox-B-hhlkoQ.js";
 import { t as Tag } from "./Tag-CNeDHqKp.js";
 import { useMemo, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
@@ -345,7 +345,7 @@ var DebugModal = ({ onExit }) => {
 	const rootLegalEntity = useGlobalStore().rootLegalEntity.value;
 	const formDebugAvailable = Object.keys(formDebugInfo.value).length > 0;
 	const metadata = {
-		sdkVersion: "4.20.0",
+		sdkVersion: "4.21.0-beta.0",
 		locale: i18n.language,
 		rootLegalEntityId: rootLegalEntity.id
 	};