@adyen/kyc-components 4.11.1 → 4.12.0-beta.1

package/dist/{AdaptiveWorkflow-C5RhowAE.js → AdaptiveWorkflow-zHRVW0PM.js}

@@ -1,48 +1,69 @@
 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] = "a3963de4-dd07-4602-9ead-73ba22e343be", e._sentryDebugIdIdentifier = "sentry-dbid-a3963de4-dd07-4602-9ead-73ba22e343be");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "bcfcd66a-71ec-4d21-94c6-7c99a7e857cd", e._sentryDebugIdIdentifier = "sentry-dbid-bcfcd66a-71ec-4d21-94c6-7c99a7e857cd");
 } catch (e) {}
-import { i as Typography, r as useTranslation } from "./translation-CZDodzvs.js";
-import { n as IconButton, r as Loader, t as Button } from "./Button-Bm94lu_o.js";
+import { r as useTranslation } from "./translation-Br5wIPO-.js";
+import { n as IconButton, r as Loader, t as Button } from "./Button-BDEdGXnd.js";
+import { n as httpGet, s as useApiContext } from "./http-CHTzpXCd.js";
 import { t as useToggleContext } from "./useToggleContext-CLfowItk.js";
-import { t as StackLayout } from "./StackLayout-D0Kqs-Ti.js";
+import { t as StackLayout } from "./StackLayout-BMQXXBDb.js";
 import { i as TaskStatuses } from "./taskStatus-CvMqhrOK.js";
-import { t as useBusinessLines } from "./useBusinessLines-D8lNsfuI.js";
-import { t as CompanyTypesValues } from "./company-types-value-B-1b0hXg.js";
-import { t as EndStateLayout } from "./EndStateLayout-DFOySshR.js";
-import { t as TaskListItem } from "./TaskListItem-Cxdz393Y.js";
+import { t as Header } from "./Header-B_MIsVov.js";
+import { a as setNestedValue, i as resolveComponentProps, r as getNestedValue$3, t as TaskListItem } from "./TaskListItem-BM3oukq_.js";
+import { t as useBusinessLines } from "./useBusinessLines-BJV9biUj.js";
+import { t as CompanyTypesValues } from "./company-types-value-B-nraMaa.js";
+import { t as EndStateLayout } from "./EndStateLayout-DxdIVWL3.js";
 import { t as KEYBOARD_KEYS } from "./keys-C4gD4IDn.js";
-import { t as Modal } from "./Modal-BB5054NG.js";
-import { t as Confirm } from "./Confirm-B-nGyEub.js";
+import { t as Modal } from "./Modal-DOC6JgPI.js";
+import { t as Confirm } from "./Confirm-BqhBxIWm.js";
 import { n as translateTranslatable } from "./utils-g_Wl4-9Z.js";
-import { a as FormFlow_module_default } from "./useFormContext-B4MtqoYh.js";
+import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-CUs6TYPF.js";
+import { a as FormFlow_module_default } from "./useFormContext-Bt0K_c_v.js";
 import { t as List } from "./List-DLrcpMVd.js";
-import { t as MaskedInput } from "./MaskedInput-pH3Ru1bb.js";
+import { t as MaskedInput } from "./MaskedInput-yF8Va2s-.js";
 import { t as ProgressBar } from "./ProgressBar-DrvdkkV2.js";
-import { S as taxInformationDefaultFieldMetadata, a as COUNTRIES_WITH_POSSIBLE_TRUSTEE_TAXID_ABSENT_V4, h as getTaxIdNumberOptions, m as getDefaultTaxIdNumberType, n as upsertTaxInfoForCountry, r as TaxIdNumberTypeSelector, t as removeTaxInfoForCountry, x as taxInformationDefaultFieldConfig } from "./utils-D-Q0r_Vl.js";
+import { S as taxInformationDefaultFieldMetadata, a as COUNTRIES_WITH_POSSIBLE_TRUSTEE_TAXID_ABSENT_V4, h as getTaxIdNumberOptions, m as getDefaultTaxIdNumberType, n as upsertTaxInfoForCountry, r as TaxIdNumberTypeSelector, t as removeTaxInfoForCountry, x as taxInformationDefaultFieldConfig } from "./utils-B_QDWpRc.js";
 import { t as resolveFieldMetadata } from "./fieldConfigurations-B3oqm4GC.js";
-import { t as Field } from "./Field-C0DvMhbn.js";
-import { t as Select } from "./Select-Bhx9CBjg.js";
-import { t as Checkbox } from "./Checkbox-DIJ8LD9x.js";
-import { t as InputText } from "./InputText-Bj1XCzw_.js";
-import { t as AcceptTermsOfServiceComponent } from "./AcceptTermsOfServiceComponent-DuDZmGTI.js";
-import { t as Divider } from "./Divider-DMwncntz.js";
-import { t as SourceOfFundsDropin } from "./SourceOfFundsDropin-CwWe-Ese.js";
-import { t as TaxReportingDropin } from "./TaxReportingDropin-CoLc4EzT.js";
-import { t as DecisionMakers } from "./DecisionMakers-Bx_M_p9l.js";
-import { i as getCompanyRegistrationNumberOptions, l as registrationNumberDefaultFieldConfig, n as getDefaultRegistrationNumberType, t as CompanyRegistrationNumberTypeSelector, u as registrationNumberDefaultFieldMetadata } from "./CompanyRegistrationNumberTypeSelector-B8_lP8m6.js";
-import { t as useIndustryCodes } from "./useIndustryCodes-Crgesd2a.js";
+import { t as Field } from "./Field-BEqknhTe.js";
+import { t as Select } from "./Select-CMFHti4N.js";
+import { t as Checkbox } from "./Checkbox-BJJIXNHL.js";
+import { t as InputText } from "./InputText-CadVntiC.js";
+import { t as AcceptTermsOfServiceComponent } from "./AcceptTermsOfServiceComponent-f53Abc5G.js";
+import { t as Divider } from "./Divider-DHTBXv3p.js";
+import { t as DecisionMakers } from "./DecisionMakers-c0L12DVq.js";
+import { i as getCompanyRegistrationNumberOptions, l as registrationNumberDefaultFieldConfig, n as getDefaultRegistrationNumberType, t as CompanyRegistrationNumberTypeSelector, u as registrationNumberDefaultFieldMetadata } from "./CompanyRegistrationNumberTypeSelector-DcFA3T_C.js";
+import { n as useCreateBusinessLine, r as useIndustryCodes, t as useUpdateBusinessLine } from "./useUpdateBusinessLines-BUFe2lBW.js";
+import { t as SourceOfFundsPage } from "./SourceOfFundsPage-KlXCJuAm.js";
+import { t as TaxReportingDropin } from "./TaxReportingDropin-Cb8Yie_s.js";
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+import { useComputed } from "@preact/signals";
+import { useQuery } from "@tanstack/preact-query";
 import { createContext } from "preact";
 import { createFormHook, createFormHookContexts, useStore } from "@tanstack/react-form";
+//#region src/api/adaptive/useAdaptiveWorkflow.ts
+/**
+* Retrieves UI manifest used to render an adaptive UI
+* determined by the requirements engine based on the
+* requested products for a LE
+*/
+var getUiManifest = async (baseUrl, rootLegalEntityId) => {
+	return await httpGet({
+		baseUrl,
+		path: `legalEntities/${rootLegalEntityId}/configurations/workflow`
+	});
+};
+var useAdaptiveWorkflow = (options) => {
+	const { baseUrl, rootLegalEntityId } = useApiContext();
+	return useQuery({
+		queryKey: ["adaptive-workflow"],
+		queryFn: () => getUiManifest(baseUrl.value, rootLegalEntityId.value),
+		...options
+	});
+};
+//#endregion
 //#region src/context/WorkflowContext/WorkflowContext.tsx
-var WorkflowContext = createContext({
-	globals: {},
-	setGlobals: () => {},
-	entity: void 0,
-	setEntity: () => {}
-});
+var WorkflowContext = createContext(void 0);
 //#endregion
 //#region src/context/WorkflowContext/useWorkflowContext.ts
 function useWorkflowContext() {
@@ -64,9 +85,14 @@ var AdaptiveWorkflow_module_default = {
 };
 //#endregion
 //#region src/adaptiveWorkflow/components/Fields/AcceptTermsOfServiceWorkflow/AcceptTermsOfServiceWorkflow.tsx
-var AcceptTermsOfServiceWorkflow = ({ onComplete, onClose, id }) => {
+var AcceptTermsOfServiceWorkflow = ({ onComplete, onClose, resourceId }) => {
+	if (!resourceId) return /* @__PURE__ */ jsx(EndStateLayout, {
+		variant: "error",
+		title: "Something went wrong",
+		description: "Please try again later"
+	});
 	return /* @__PURE__ */ jsx(AcceptTermsOfServiceComponent, {
-		legalEntityId: id,
+		legalEntityId: resourceId,
 		onComplete,
 		onClose
 	});
@@ -154,10 +180,9 @@ function getNestedValue$2(obj, path) {
 var BusinessRegistrationNumberFieldGroup = withForm({
 	defaultValues: {},
 	props: {},
-	render: function BusinessRegistrationNumberFieldGroupRender({ form, basePath, country, canExempt, companyType, state, helperText, invertCompanyTypeFilter, labels, readonly, optional, shouldValidate }) {
-		const registrationNumberPath = `${basePath}.registrationNumber`;
-		const registrationNumberTypePath = `${basePath}.registrationNumberType`;
-		const exemptedPath = `${basePath}.exemptedFromRegistrationNumber`;
+	render: function BusinessRegistrationNumberFieldGroupRender({ form, basePath: registrationNumberPath, country, canExempt, companyType, state, helperText, invertCompanyTypeFilter, labels, readonly, optional, shouldValidate }) {
+		const registrationNumberTypePath = `organization.registrationNumberType`;
+		const exemptedPath = `organization.exemptedFromRegistrationNumber`;
 		const registrationNumber = useStore(form.store, (s) => getNestedValue$2(s.values, registrationNumberPath));
 		const registrationNumberType = useStore(form.store, (s) => getNestedValue$2(s.values, registrationNumberTypePath));
 		const exemptedFromRegistrationNumber = useStore(form.store, (s) => getNestedValue$2(s.values, exemptedPath));
@@ -269,10 +294,9 @@ function getNestedValue$1(obj, path) {
 var IndustryCodeFieldGroup = withForm({
 	defaultValues: {},
 	props: {},
-	render: function IndustryCodeFieldGroupRender({ form, basePath, businessLineTypes, single = true }) {
+	render: function IndustryCodeFieldGroupRender({ form, basePath: industryCodesPath, businessLineTypes, single = true }) {
 		const { t, i18n } = useTranslation(["common", "ui"]);
 		const { isFeatureEnabled } = useToggleContext();
-		const industryCodesPath = `${basePath}.industryCodes`;
 		const { data: industryCodes, isLoading: industryCodesLoading } = useIndustryCodes(businessLineTypes, i18n.language);
 		const { data: existingBusinessLines, isLoading: existingBusinessLinesLoading } = useBusinessLines(["banking"]);
 		const selectedCodes = useStore(form.store, (s) => getNestedValue$1(s.values, industryCodesPath));
@@ -446,6 +470,20 @@ function LegalName({ name, data, valid, errors, labels, helperText, readonly, ha
 	})] });
 }
 //#endregion
+//#region src/adaptiveWorkflow/components/Fields/SourceOfFundsWorkflow/SourceOfFundsWorkflow.tsx
+var SourceOfFundsWorkflow = ({ onComplete, onClose, resourceId }) => {
+	if (!resourceId) return /* @__PURE__ */ jsx(EndStateLayout, {
+		variant: "error",
+		title: "Something went wrong",
+		description: "Please try again later"
+	});
+	return /* @__PURE__ */ jsx(SourceOfFundsPage, {
+		onSubmit: onComplete,
+		handleHomeClick: onClose,
+		asAwe: true
+	});
+};
+//#endregion
 //#region src/adaptiveWorkflow/components/Fields/TaxInformation/ExemptedFromTaxField.tsx
 function ExemptedFromTaxField({ field, label, checked, onChange }) {
 	return /* @__PURE__ */ jsx(Field, {
@@ -511,46 +549,40 @@ function getNestedValue(obj, path) {
 var TaxInformationFieldGroup = withForm({
 	defaultValues: {},
 	props: {},
-	render: function TaxInformationFieldGroupRender({ form, basePath, country, canExempt, entityType, registrationNumber, defaultData, labels, placeholder, readonly, optional, shouldValidate }) {
+	render: function TaxInformationFieldGroupRender({ form, basePath: taxInfoPath, country, canExempt, entityType, registrationNumber, defaultData, labels, placeholder, readonly, optional }) {
 		const { isFeatureEnabled } = useToggleContext();
 		const { t } = useTranslation("common");
-		const taxInfoPath = `${basePath}.taxId`;
-		const exemptedPath = `${basePath}.exemptedFromTax`;
-		const isUenPath = `${basePath}.isUen`;
-		const taxInformation = useStore(form.store, (s) => getNestedValue(s.values, taxInfoPath));
+		const taxNumberPath = `${taxInfoPath}.number`;
+		const taxTypePath = `${taxInfoPath}.type`;
+		const exemptedPath = `${taxInfoPath}.numberAbsent`;
+		const isUenPath = `${taxInfoPath}.isUen`;
+		const taxInformations = useStore(form.store, (s) => getNestedValue(s.values, taxInfoPath));
 		const exemptedFromTax = useStore(form.store, (s) => getNestedValue(s.values, exemptedPath));
-		const isUen = useStore(form.store, (s) => getNestedValue(s.values, isUenPath));
 		const isUsSoleProp = country === "US" && entityType === CompanyTypesValues.SOLE_PROPRIETORSHIP;
-		const currentCountryTaxInformation = useMemo(() => taxInformation?.find((t) => t.country === country) ?? (!exemptedFromTax ? defaultData?.find((t) => t.country === country) : void 0), [
-			taxInformation,
-			exemptedFromTax,
-			defaultData,
-			country
-		]);
+		const currentTaxInformation = useMemo(() => taxInformations?.find((t) => t.country === country), [taxInformations, country]);
 		const taxIdNumberType = useMemo(() => {
-			if (exemptedFromTax) return "exempted";
-			if (currentCountryTaxInformation?.type) return currentCountryTaxInformation.type;
+			if (currentTaxInformation?.numberAbsent) return "exempted";
+			if (currentTaxInformation?.type) return currentTaxInformation.type;
 			if (isUsSoleProp) return void 0;
-			return getDefaultTaxIdNumberType(taxInformation, country, entityType);
+			return getDefaultTaxIdNumberType(taxInformations, country, entityType);
 		}, [
-			exemptedFromTax,
-			currentCountryTaxInformation?.type,
+			currentTaxInformation?.type,
+			currentTaxInformation?.numberAbsent,
+			taxInformations,
 			isUsSoleProp,
-			taxInformation,
 			country,
 			entityType
 		]);
 		const options = getTaxIdNumberOptions(country, entityType);
 		const showTaxIdExemptedOptions = canExempt && (options?.length ?? 0) > 1 || isUsSoleProp;
 		const canSaveAbsentState = isFeatureEnabled("EnableRegistrationAndTaxAbsentStatesV4") && COUNTRIES_WITH_POSSIBLE_TRUSTEE_TAXID_ABSENT_V4.includes(country);
-		const shouldRenderInput = isUsSoleProp ? currentCountryTaxInformation?.type === "EIN" : !isUen;
 		const fieldMetadata = resolveFieldMetadata(taxInformationDefaultFieldConfig[country], {
-			taxIdNumberType: currentCountryTaxInformation?.type,
+			taxIdNumberType: currentTaxInformation?.type,
 			companyType: entityType
 		}, taxInformationDefaultFieldMetadata);
 		const exemptionLabel = isUsSoleProp ? t(($) => $["socialSecurityNumber"]) : labels?.exemptedFromTax;
 		const updateTaxInfo = useCallback((mode, newEntry) => {
-			const updated = upsertTaxInfoForCountry(taxInformation, country, canSaveAbsentState ? {
+			const updated = upsertTaxInfoForCountry(defaultData, country, canSaveAbsentState ? {
 				...newEntry,
 				numberAbsent: newEntry.numberAbsent ?? false
 			} : newEntry);
@@ -560,29 +592,29 @@ var TaxInformationFieldGroup = withForm({
 			country,
 			form,
 			taxInfoPath,
-			taxInformation
+			defaultData
 		]);
 		const updateTaxType = useCallback((type, mode) => {
 			updateTaxInfo(mode, {
 				country,
-				number: currentCountryTaxInformation?.number,
+				number: currentTaxInformation?.number,
 				type
 			});
 		}, [
 			country,
-			currentCountryTaxInformation?.number,
+			currentTaxInformation?.number,
 			updateTaxInfo
 		]);
 		const removeCountryTaxInfo = useCallback(() => {
-			form.setFieldValue(taxInfoPath, removeTaxInfoForCountry(taxInformation, country));
+			form.setFieldValue(taxInfoPath, removeTaxInfoForCountry(taxInformations, country));
 		}, [
 			country,
 			form,
 			taxInfoPath,
-			taxInformation
+			taxInformations
 		]);
 		const addTaxAbsentStatus = useCallback((absent) => {
-			form.setFieldValue(taxInfoPath, upsertTaxInfoForCountry(taxInformation, country, {
+			form.setFieldValue(taxInfoPath, upsertTaxInfoForCountry(taxInformations, country, {
 				country,
 				numberAbsent: absent
 			}));
@@ -590,7 +622,7 @@ var TaxInformationFieldGroup = withForm({
 			country,
 			form,
 			taxInfoPath,
-			taxInformation
+			taxInformations
 		]);
 		const setUenAsTaxId = useCallback((uen) => {
 			updateTaxInfo("blur", {
@@ -639,11 +671,11 @@ var TaxInformationFieldGroup = withForm({
 			updateTaxInfo(mode, {
 				country,
 				number: e ? typeof e === "string" ? e : e.currentTarget.value : void 0,
-				type: currentCountryTaxInformation?.type ?? (taxIdNumberType !== "exempted" ? taxIdNumberType : void 0)
+				type: currentTaxInformation?.type ?? (taxIdNumberType !== "exempted" ? taxIdNumberType : void 0)
 			});
 		}, [
 			country,
-			currentCountryTaxInformation?.type,
+			currentTaxInformation?.type,
 			taxIdNumberType,
 			updateTaxInfo
 		]);
@@ -663,69 +695,79 @@ var TaxInformationFieldGroup = withForm({
 			if (!country || prevCountryRef.current === country) return;
 			prevCountryRef.current = country;
 			const hasSavedTaxId = defaultData?.find((t) => t.country === country);
-			if (currentCountryTaxInformation && !hasSavedTaxId) return;
+			if (currentTaxInformation && !hasSavedTaxId) return;
 			if (entityType === CompanyTypesValues.SOLE_PROPRIETORSHIP) return;
 			resetToDefaultData();
 		}, [
 			country,
-			currentCountryTaxInformation,
+			currentTaxInformation,
 			defaultData,
 			entityType,
 			resetToDefaultData
 		]);
 		useEffect(() => {
-			if (country === "SG" && isUen && registrationNumber && registrationNumber !== currentCountryTaxInformation?.number) setUenAsTaxId(registrationNumber);
+			if (country === "SG" && registrationNumber && registrationNumber !== currentTaxInformation?.number) setUenAsTaxId(registrationNumber);
 		}, [
 			registrationNumber,
-			currentCountryTaxInformation?.number,
-			isUen,
+			currentTaxInformation?.number,
 			country,
 			setUenAsTaxId
 		]);
-		return /* @__PURE__ */ jsxs("div", {
-			className: "adyen-kyc-field__tax-information",
-			children: [
-				/* @__PURE__ */ jsx(form.Field, {
-					name: taxInfoPath,
-					children: (field) => /* @__PURE__ */ jsx(TaxIdTypeSelectorField, {
-						field,
-						country,
-						companyType: entityType,
-						selected: taxIdNumberType,
-						onTypeChange: handleTaxIdNumberTypeChange,
-						exemptedOptionLabel: showTaxIdExemptedOptions ? exemptionLabel : void 0,
-						isUsSoleProp
-					})
-				}),
-				shouldRenderInput && /* @__PURE__ */ jsx(form.Field, {
-					name: taxInfoPath,
-					children: (field) => /* @__PURE__ */ jsx(TaxIdNumberInputField, {
-						field,
-						fieldMetadata,
-						currentValue: currentCountryTaxInformation?.number ?? "",
-						placeholder,
-						readonly,
-						optional,
-						shouldValidate,
-						disabled: Boolean(exemptedFromTax) || Boolean(isUen),
-						onInput: (e) => handleTaxNumberChange(e, "input"),
-						onBlur: (e) => handleTaxNumberChange(e, "blur")
-					})
-				}),
-				canExempt && !showTaxIdExemptedOptions && /* @__PURE__ */ jsx(form.Field, {
-					name: exemptedPath,
-					children: (field) => /* @__PURE__ */ jsx(ExemptedFromTaxField, {
-						field,
-						label: labels?.exemptedFromTax,
-						checked: Boolean(exemptedFromTax),
-						onChange: handleExemptedFromTaxChange
-					})
+		return /* @__PURE__ */ jsxs("div", { children: [
+			/* @__PURE__ */ jsx(form.Field, {
+				name: taxTypePath,
+				children: (field) => /* @__PURE__ */ jsx(TaxIdTypeSelectorField, {
+					field,
+					country,
+					companyType: entityType,
+					selected: taxIdNumberType,
+					onTypeChange: handleTaxIdNumberTypeChange,
+					exemptedOptionLabel: showTaxIdExemptedOptions ? exemptionLabel : void 0,
+					isUsSoleProp
 				})
-			]
-		});
+			}),
+			/* @__PURE__ */ jsx(form.Field, {
+				name: taxNumberPath,
+				children: (field) => /* @__PURE__ */ jsx(TaxIdNumberInputField, {
+					field,
+					fieldMetadata,
+					currentValue: currentTaxInformation?.number ?? "",
+					placeholder,
+					readonly,
+					optional,
+					shouldValidate: true,
+					disabled: Boolean(exemptedFromTax),
+					onInput: (e) => handleTaxNumberChange(e, "input"),
+					onBlur: (e) => handleTaxNumberChange(e, "blur")
+				})
+			}),
+			canExempt && !showTaxIdExemptedOptions && /* @__PURE__ */ jsx(form.Field, {
+				name: exemptedPath,
+				children: (field) => /* @__PURE__ */ jsx(ExemptedFromTaxField, {
+					field,
+					label: labels?.exemptedFromTax,
+					checked: Boolean(exemptedFromTax),
+					onChange: handleExemptedFromTaxChange
+				})
+			})
+		] });
 	}
 });
 //#endregion
+//#region src/adaptiveWorkflow/components/Fields/TaxReportingWorkflow/TaxReportingWorkflow.tsx
+var TaxReportingWorkflow = ({ onComplete, onClose, resourceId }) => {
+	if (!resourceId) return /* @__PURE__ */ jsx(EndStateLayout, {
+		variant: "error",
+		title: "Something went wrong",
+		description: "Please try again later"
+	});
+	return /* @__PURE__ */ jsx(TaxReportingDropin, {
+		onSubmit: onComplete,
+		handleHomeClick: onClose,
+		asAwe: true
+	});
+};
+//#endregion
 //#region src/adaptiveWorkflow/component-registry.ts
 /**
 * Registry for simple (single form.Field) components
@@ -750,12 +792,118 @@ var compoundComponentMap = {
 * Naming convention: `${componentName}Workflow`
 */
 var specializedComponentMap = {
-	SourceOfFunds: SourceOfFundsDropin,
+	SourceOfFunds: SourceOfFundsWorkflow,
 	IdentityScreening: DecisionMakers,
-	TaxReporting: TaxReportingDropin,
+	TaxReporting: TaxReportingWorkflow,
 	AcceptTermsOfService: AcceptTermsOfServiceWorkflow
 };
 //#endregion
+//#region src/adaptiveWorkflow/components/DynamicForm/contextMap.ts
+var contextMap$2 = {
+	businessDetails: {
+		heading: "businessInformation",
+		description: "placeholder"
+	},
+	additionalBusinessDetails: {
+		heading: "additionalBusinessDetails",
+		description: "placeholder"
+	}
+};
+//#endregion
+//#region src/adaptiveWorkflow/components/DynamicForm/useCustomerData.ts
+function mapFormValuesToPayload({ steps, globals, formValues }) {
+	const components = steps.flatMap((step) => step.componentGroups.flatMap((group) => group.components));
+	const domainPayloads = {};
+	for (const component of components) {
+		const dotIndex = component.path.indexOf(".");
+		const domain = dotIndex !== -1 ? component.path.slice(0, dotIndex) : component.path;
+		const subPath = dotIndex !== -1 ? component.path.slice(dotIndex + 1) : "";
+		if (!domainPayloads[domain]) domainPayloads[domain] = {
+			id: void 0,
+			data: {}
+		};
+		const apiValue = getNestedValue$3(formValues, component.path);
+		const resolvedProps = resolveComponentProps(globals.value, component.props);
+		domainPayloads[domain].id = resolvedProps?.resourceId;
+		if (subPath) setNestedValue(domainPayloads[domain].data, subPath, apiValue);
+		else Object.assign(domainPayloads[domain].data, apiValue);
+	}
+	return domainPayloads;
+}
+async function doLegalEntityUpdates({ rootLegalEntityId, domainPayloads, updateLegalEntity }) {
+	await updateLegalEntity.mutateAsync({
+		...!!domainPayloads.organization?.data && {
+			id: domainPayloads.organization.id ?? rootLegalEntityId.value,
+			organization: domainPayloads.organization.data
+		},
+		...!!domainPayloads.individual?.data && {
+			id: domainPayloads.individual.id ?? rootLegalEntityId.value,
+			individual: domainPayloads.individual.data
+		}
+	});
+}
+async function doBusinessLineUpdates({ rootLegalEntityId, domainPayloads, createBusinessLine, updateBusinessLine }) {
+	const businessLinePayload = domainPayloads.businessLine;
+	if (!businessLinePayload?.data) return;
+	const payload = {
+		...businessLinePayload.data,
+		id: businessLinePayload.id,
+		legalEntityId: rootLegalEntityId.value
+	};
+	if (payload.id) return await updateBusinessLine.mutateAsync(payload);
+	else return await createBusinessLine.mutateAsync(payload);
+}
+/**
+* Routes DynamicForm submission to the correct API mutations based on the data path prefix
+* declared in each `ComponentConfig`:
+*
+* - `organization.*` / `individual.*` → `useUpdateLegalEntity` (PATCH)
+* - `businessLine.*`                  → `useCreateBusinessLine` (POST, no id) /
+*                                       `useUpdateBusinessLine` (POST, with id)
+*
+* @param steps          - step config from the server response; used to enumerate data paths
+*                         for current task
+* @param legalEntityId  - override the legal entity ID for non-root entities (e.g. UBOs).
+*                         Defaults to `rootLegalEntityId` from `ApiContext`.
+*/
+function useCustomerData(steps) {
+	const { rootLegalEntityId } = useApiContext();
+	const { globals, updateGlobals } = useWorkflowContext();
+	const updateLegalEntity = useUpdateLegalEntity();
+	const createBusinessLine = useCreateBusinessLine();
+	const updateBusinessLine = useUpdateBusinessLine();
+	return { submit: useCallback(async (formValues) => {
+		const domainPayloads = mapFormValuesToPayload({
+			steps,
+			globals,
+			formValues
+		});
+		await doLegalEntityUpdates({
+			rootLegalEntityId,
+			domainPayloads,
+			updateLegalEntity
+		});
+		const businessLine = await doBusinessLineUpdates({
+			rootLegalEntityId,
+			domainPayloads,
+			createBusinessLine,
+			updateBusinessLine
+		});
+		updateGlobals({ ...businessLine?.id && { "businessLine.id": {
+			type: "string",
+			value: businessLine.id
+		} } });
+	}, [
+		steps,
+		rootLegalEntityId,
+		createBusinessLine,
+		globals,
+		updateBusinessLine,
+		updateGlobals,
+		updateLegalEntity
+	]) };
+}
+//#endregion
 //#region src/adaptiveWorkflow/components/DynamicForm/DynamicForm.tsx
 function renderSimpleField(componentName, field) {
 	const FieldComponent = simpleComponentMap[componentName];
@@ -780,11 +928,14 @@ function renderCompoundField(compoundFieldProps) {
 	return null;
 }
 function DynamicForm({ onClose, onComplete, steps }) {
-	const { t } = useTranslation(["common"]);
+	const { t } = useTranslation("adaptive");
+	const { t: commonT } = useTranslation(["common"]);
+	const { submit: submitCustomerData } = useCustomerData(steps);
+	const { globals } = useWorkflowContext();
 	const form = useAppForm({
 		defaultValues: {},
 		onSubmit: async ({ value }) => {
-			console.log(value);
+			await submitCustomerData(value);
 			onComplete();
 		}
 	});
@@ -794,6 +945,7 @@ function DynamicForm({ onClose, onComplete, steps }) {
 	const isFirstStep = currentStepIndex === 0;
 	const isLastStep = currentStepIndex === steps.length - 1;
 	const progress = Math.floor((currentStepIndex + 1) / steps.length * 100);
+	const { heading: headingKey, description: descriptionKey } = contextMap$2[currentStep.id] || {};
 	const navigateBack = () => {
 		setCurrentStep(steps[currentStepIndex - 1]);
 	};
@@ -812,77 +964,80 @@ function DynamicForm({ onClose, onComplete, steps }) {
 	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
 		className: FormFlow_module_default.formFlow,
-		children: /* @__PURE__ */ jsx("div", {
+		children: /* @__PURE__ */ jsxs(form.AppForm, { children: [/* @__PURE__ */ jsx("div", {
 			className: FormFlow_module_default.formFlowContent,
-			children: /* @__PURE__ */ jsx(form.AppForm, { children: /* @__PURE__ */ jsx("form", {
+			children: /* @__PURE__ */ jsx("form", {
 				onSubmit: (e) => {
 					e.preventDefault();
 					form.handleSubmit();
 				},
-				children: /* @__PURE__ */ jsxs("div", { children: [
-					/* @__PURE__ */ jsx("h2", { children: currentStep.id }),
-					currentStep.componentGroups.map((componentGroup) => {
-						return componentGroup.components.map((component) => {
-							if (component.componentType === "compound") return renderCompoundField({
-								componentName: component.componentName,
-								form,
-								basePath: component.path,
-								props: component.props
-							});
-							if (component.componentType === "field") return /* @__PURE__ */ jsx(form.Field, {
-								name: component.path,
-								children: (field) => renderSimpleField(component.componentName, field)
-							}, component.path);
+				children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Header, {
+					title: headingKey && t(($) => $[headingKey]),
+					description: descriptionKey && t(($) => $[descriptionKey])
+				}), currentStep.componentGroups.map((componentGroup) => {
+					return componentGroup.components.map((component) => {
+						const componentProps = resolveComponentProps(globals.value, component.props);
+						if (component.componentType === "compound") return renderCompoundField({
+							componentName: component.componentName,
+							form,
+							basePath: component.path,
+							props: componentProps
 						});
+						if (component.componentType === "field") return /* @__PURE__ */ jsx(form.Field, {
+							name: component.path,
+							children: (field) => renderSimpleField(component.componentName, field)
+						}, component.path);
+					});
+				})] }, currentStep.id)
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: FormFlow_module_default.formFlowFooter,
+			children: [steps.length !== 1 && /* @__PURE__ */ jsx(ProgressBar, {
+				ariaLabel: commonT(($) => $["progress"]),
+				progress
+			}), /* @__PURE__ */ jsxs("div", {
+				className: FormFlow_module_default.formFlowActions,
+				children: [
+					isFirstStep && /* @__PURE__ */ jsx(Button, {
+						disabled: false,
+						onClick: handleDismiss,
+						variant: "secondary",
+						children: commonT(($) => $["cancel"])
+					}),
+					!isFirstStep && /* @__PURE__ */ jsx(Button, {
+						disabled: false,
+						icon: "chevron-left",
+						onClick: navigateBack,
+						variant: "secondary",
+						children: commonT(($) => $["back"])
 					}),
-					/* @__PURE__ */ jsxs("div", { children: [steps.length !== 1 && /* @__PURE__ */ jsx(ProgressBar, {
-						ariaLabel: t(($) => $["progress"]),
-						progress
-					}), /* @__PURE__ */ jsxs("div", {
-						className: FormFlow_module_default.formFlowActions,
-						children: [
-							isFirstStep && /* @__PURE__ */ jsx(Button, {
-								disabled: false,
-								onClick: handleDismiss,
-								variant: "secondary",
-								children: t(($) => $["cancel"])
-							}),
-							!isFirstStep && /* @__PURE__ */ jsx(Button, {
-								disabled: false,
-								icon: "chevron-left",
-								onClick: navigateBack,
-								variant: "secondary",
-								children: t(($) => $["back"])
-							}),
-							/* @__PURE__ */ jsx("div", {
-								className: FormFlow_module_default.formFlowPrimaryActions,
-								children: /* @__PURE__ */ jsx(form.Subscribe, {
-									selector: (s) => [s.isSubmitting, !s.canSubmit],
-									children: ([isSubmitting, isDisabled]) => isLastStep ? /* @__PURE__ */ jsx(Button, {
-										type: "submit",
-										onClick: () => form.handleSubmit(),
-										loading: isSubmitting,
-										disabled: isDisabled,
-										children: t(($) => $["submit"])
-									}) : /* @__PURE__ */ jsx(Button, {
-										onClick: navigateNext,
-										disabled: isDisabled,
-										loading: isSubmitting,
-										children: t(($) => $["continue"])
-									})
-								})
+					/* @__PURE__ */ jsx("div", {
+						className: FormFlow_module_default.formFlowPrimaryActions,
+						children: /* @__PURE__ */ jsx(form.Subscribe, {
+							selector: (s) => [s.isSubmitting, !s.canSubmit],
+							children: ([isSubmitting, isDisabled]) => isLastStep ? /* @__PURE__ */ jsx(Button, {
+								type: "submit",
+								onClick: () => form.handleSubmit(),
+								loading: isSubmitting,
+								disabled: isDisabled,
+								children: commonT(($) => $["submit"])
+							}) : /* @__PURE__ */ jsx(Button, {
+								onClick: navigateNext,
+								disabled: isDisabled,
+								loading: isSubmitting,
+								children: commonT(($) => $["continue"])
 							})
-						]
-					})] })
-				] }, currentStep.id)
-			}) })
-		})
+						})
+					})
+				]
+			})]
+		})] })
 	}), isConfirmPresented && /* @__PURE__ */ jsx(Confirm, {
-		confirmText: t(($) => $["leave"]),
-		description: t(($) => $["unsavedChangesDescription"]),
+		confirmText: commonT(($) => $["leave"]),
+		description: commonT(($) => $["unsavedChangesDescription"]),
 		onCancel: handleCancelDismiss,
 		onConfirm: handleConfirmDismiss,
-		title: t(($) => $["unsavedChanges"])
+		title: commonT(($) => $["unsavedChanges"])
 	})] });
 }
 //#endregion
@@ -895,18 +1050,22 @@ function DynamicForm({ onClose, onComplete, steps }) {
 * {@link specializedComponentMap} registry using the `componentName` provided by the AWE manifest.
 *
 * @param componentName - name used to resolve the component from the registry
-* @param id - entity ID passed through to the resolved component
 * @param onComplete - Forwarded to the resolved component; called when its flow finishes
 * @param onClose - Forwarded to the resolved component; called to dismiss the modal
+* @param props - props returned from AWE
 * @returns The matched specialized component, or an error end-state if the component
 *          is not found in the registry or the `id` is missing
 */
-var SpecializedComponent = ({ componentName, onComplete, onClose, id }) => {
+var SpecializedComponent = ({ componentName, onComplete, onClose, props }) => {
+	const { globals } = useWorkflowContext();
 	const Component = specializedComponentMap[componentName];
-	if (Component && id) return /* @__PURE__ */ jsx(Component, {
+	const mappedProps = useComputed(() => {
+		return resolveComponentProps(globals.value, props);
+	});
+	if (Component) return /* @__PURE__ */ jsx(Component, {
 		onComplete,
 		onClose,
-		id
+		...mappedProps.value
 	});
 	return /* @__PURE__ */ jsx(EndStateLayout, {
 		title: "Something went wrong",
@@ -949,7 +1108,9 @@ var Task = (props) => {
 	const { t } = useTranslation("adaptive");
 	const { t: commonT } = useTranslation("common");
 	const { title, icon } = contextMap$1[id] || {};
+	const { taskStatuses, updateTaskStatus } = useWorkflowContext();
 	const [showModal, setShowModal] = useState(false);
+	const taskStatus = useComputed(() => taskStatuses.value[id] ?? TaskStatuses.DETAILS_REQUIRED);
 	const handleTaskClick = () => {
 		setShowModal(true);
 	};
@@ -957,13 +1118,14 @@ var Task = (props) => {
 		setShowModal(false);
 	};
 	const handleComplete = () => {
+		updateTaskStatus(id, TaskStatuses.FINISHED);
 		setShowModal(false);
 	};
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TaskListItem, {
 		titleKey: "task",
 		title: title ? t(($) => $[title]) : commonT(($) => $["additionalInformation"]),
 		icon,
-		status: TaskStatuses.DETAILS_REQUIRED,
+		status: taskStatus.value,
 		onNavigateToTask: () => handleTaskClick()
 	}), showModal && /* @__PURE__ */ jsxs(Modal, {
 		onClose: handleCloseClick,
@@ -998,12 +1160,6 @@ var contextMap = {
 		description: "placeholder"
 	}
 };
-var TaskGroup_module_default = {
-	"task-group-header": "adyen-kyc-task-group-header",
-	taskGroupHeader: "adyen-kyc-task-group-header",
-	"task-group-description": "adyen-kyc-task-group-description",
-	taskGroupDescription: "adyen-kyc-task-group-description"
-};
 //#endregion
 //#region src/adaptiveWorkflow/components/TaskGroup/TaskGroup.tsx
 /**
@@ -1012,21 +1168,12 @@ var TaskGroup_module_default = {
 */
 var TaskGroup = ({ id, tasks }) => {
 	const { t } = useTranslation("adaptive");
-	const { heading, description } = contextMap[id] || {};
+	const { heading: headingKey, description: descriptionKey } = contextMap[id] || {};
 	return /* @__PURE__ */ jsxs(StackLayout, {
 		gap: "xSmall",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: TaskGroup_module_default.taskGroupHeader,
-			children: [/* @__PURE__ */ jsx(Typography, {
-				variant: "title",
-				el: "h2",
-				children: heading ? t(($) => $[heading]) : t(($) => $["additionalDetails"])
-			}), description && /* @__PURE__ */ jsx(Typography, {
-				variant: "body",
-				color: "tertiary",
-				className: TaskGroup_module_default.taskGroupDescription,
-				children: t(($) => $[description])
-			})]
+		children: [/* @__PURE__ */ jsx(Header, {
+			title: headingKey ? t(($) => $[headingKey]) : t(($) => $["additionalDetails"]),
+			description: descriptionKey && t(($) => $[descriptionKey])
 		}), tasks.map((task) => /* @__PURE__ */ jsx(Task, { ...task }, task.id))]
 	});
 };
@@ -1039,64 +1186,124 @@ var TaskGroupParser = ({ taskGroups }) => {
 	return /* @__PURE__ */ jsx(StackLayout, { children: taskGroups.map((taskGroup) => /* @__PURE__ */ jsx(TaskGroup, { ...taskGroup }, taskGroup.id)) });
 };
 //#endregion
+//#region src/adaptiveWorkflow/components/WorkflowHeading/WorkflowHeading.tsx
+var getHeadingCopy = (globalStatus, t) => {
+	switch (globalStatus) {
+		case "ACTION_REQUIRED": return {
+			title: t(($) => $["wereAlmostThere"]),
+			description: t(($) => $["youreInTheHomeStretch"])
+		};
+		default: return {
+			title: t(($) => $["welcomeBack"]),
+			description: t(($) => $["weveReusedYourExistingMerchantProfile"])
+		};
+	}
+};
+var WorkflowHeading = ({ globalStatus }) => {
+	const { t } = useTranslation("adaptive");
+	const { title, description } = getHeadingCopy(globalStatus, t);
+	return /* @__PURE__ */ jsx(Header, {
+		title,
+		description
+	});
+};
+//#endregion
+//#region src/adaptiveWorkflow/components/WorkflowEndState/WorkflowEndState.tsx
+var STATUSES_WITH_WORKFLOW_END_STATE = new Set(["ACTIVATION", "READY"]);
+var getEndStateConfig = (globalStatus, t) => {
+	switch (globalStatus) {
+		case "ACTIVATION": return {
+			title: t(($) => $["weveGotItFromHere"]),
+			description: t(($) => $["yourDetailsHaveBeenSubmitted"]),
+			variant: "info"
+		};
+		case "READY": return {
+			title: t(($) => $["ready"]),
+			description: t(($) => $["youreAllSet"]),
+			variant: "success"
+		};
+		default: return;
+	}
+};
+var WorkflowEndState = ({ status, handleBack }) => {
+	const { t } = useTranslation("adaptive");
+	const endStateConfig = getEndStateConfig(status, t);
+	const action = handleBack ? /* @__PURE__ */ jsx(Button, {
+		fullWidth: true,
+		onClick: handleBack,
+		children: t(($) => $["returnToPlatform"])
+	}) : void 0;
+	return endStateConfig ? /* @__PURE__ */ jsx(EndStateLayout, {
+		title: endStateConfig.title,
+		description: endStateConfig.description,
+		variant: endStateConfig.variant,
+		action
+	}) : null;
+};
+//#endregion
 //#region src/adaptiveWorkflow/AdaptiveWorkflow.tsx
+var getTaskIdsFromTasks = (tasks) => tasks.flatMap((task) => [task.id, ...task.subTasks ? getTaskIdsFromTasks(task.subTasks) : []]);
+var getTaskIds = (taskGroups) => taskGroups.flatMap(({ tasks }) => getTaskIdsFromTasks(tasks));
 /**
 * Main home page for Adaptive Onboarding Workflow
 */
-var AdaptiveWorkflow = ({ uiManifest }) => {
-	const { entity, globals, taskGroups } = uiManifest;
-	const { t } = useTranslation("adaptive");
+var AdaptiveWorkflow = ({ uiManifest, onBack }) => {
+	const { refetch: refetchWorkflowManifest } = useAdaptiveWorkflow();
+	const { entity, globals, globalStatus, taskGroups } = uiManifest;
 	const { t: commonT } = useTranslation("common");
-	const { setGlobals, setEntity } = useWorkflowContext();
+	const { setGlobals, setEntity, taskStatuses, setTaskStatuses } = useWorkflowContext();
+	const allTasksCompleted = useComputed(() => {
+		return Object.values(taskStatuses.value).every((status) => status === TaskStatuses.FINISHED);
+	});
 	useEffect(() => {
 		setGlobals(globals || {});
 		setEntity(entity || {});
+		if (taskGroups) setTaskStatuses(Object.fromEntries(getTaskIds(taskGroups).map((id) => [id, TaskStatuses.DETAILS_REQUIRED])));
 	}, [
 		globals,
 		entity,
+		taskGroups,
 		setGlobals,
-		setEntity
+		setEntity,
+		setTaskStatuses
 	]);
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx("div", { className: AdaptiveWorkflow_module_default.adaptiveWorkflowHeader }),
-		/* @__PURE__ */ jsxs("div", {
-			className: AdaptiveWorkflow_module_default.adaptiveWorkflowMain,
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: AdaptiveWorkflow_module_default.adaptiveWorkflowHeading,
-					children: [/* @__PURE__ */ jsx(Typography, {
-						variant: "title-l",
-						el: "h1",
-						children: t(($) => $["welcomeBack"], { name: "John Doe" })
-					}), /* @__PURE__ */ jsx(Typography, {
-						className: AdaptiveWorkflow_module_default.adaptiveWorkflowDescription,
-						children: t(($) => $["weveReusedYourExistingMerchant"])
-					})]
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: AdaptiveWorkflow_module_default.adaptiveWorkflowDivider,
-					children: /* @__PURE__ */ jsx(Divider, {})
-				}),
-				taskGroups && /* @__PURE__ */ jsx(TaskGroupParser, { taskGroups })
-			]
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: AdaptiveWorkflow_module_default.adaptiveWorkflowActions,
-			children: /* @__PURE__ */ jsxs(StackLayout, {
-				gap: "small",
-				children: [/* @__PURE__ */ jsx(Button, {
-					onClick: () => {},
-					fullWidth: true,
-					children: commonT(($) => $["submit"])
-				}), /* @__PURE__ */ jsx(Button, {
-					variant: "tertiary",
-					onClick: () => {},
-					fullWidth: true,
-					children: commonT(($) => $["back"])
-				})]
-			})
+	const showWorkflowEndState = STATUSES_WITH_WORKFLOW_END_STATE.has(globalStatus);
+	const handleSubmit = () => {
+		refetchWorkflowManifest();
+	};
+	const handleBack = () => {
+		onBack?.();
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: AdaptiveWorkflow_module_default.adaptiveWorkflowHeader }), showWorkflowEndState ? /* @__PURE__ */ jsx(WorkflowEndState, {
+		status: globalStatus,
+		handleBack
+	}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: AdaptiveWorkflow_module_default.adaptiveWorkflowMain,
+		children: [
+			/* @__PURE__ */ jsx(WorkflowHeading, { globalStatus }),
+			/* @__PURE__ */ jsx("div", {
+				className: AdaptiveWorkflow_module_default.adaptiveWorkflowDivider,
+				children: /* @__PURE__ */ jsx(Divider, {})
+			}),
+			taskGroups && /* @__PURE__ */ jsx(TaskGroupParser, { taskGroups })
+		]
+	}), /* @__PURE__ */ jsx("div", {
+		className: AdaptiveWorkflow_module_default.adaptiveWorkflowActions,
+		children: /* @__PURE__ */ jsxs(StackLayout, {
+			gap: "small",
+			children: [/* @__PURE__ */ jsx(Button, {
+				onClick: handleSubmit,
+				fullWidth: true,
+				disabled: !allTasksCompleted.value,
+				children: commonT(($) => $["submit"])
+			}), onBack && /* @__PURE__ */ jsx(Button, {
+				variant: "tertiary",
+				onClick: handleBack,
+				fullWidth: true,
+				children: commonT(($) => $["back"])
+			})]
 		})
-	] });
+	})] })] });
 };
 //#endregion
-export { AdaptiveWorkflow, WorkflowContext as t };
+export { AdaptiveWorkflow, useAdaptiveWorkflow as n, WorkflowContext as t };