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

package/dist/BusinessTypeSelectionPage-BETJH6LZ.js

@@ -0,0 +1,457 @@
+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] = "a15ae635-8498-40e5-914a-9a63477aaec4", e._sentryDebugIdIdentifier = "sentry-dbid-a15ae635-8498-40e5-914a-9a63477aaec4");
+} catch (e) {}
+import { r as useTranslation } from "./translation-DbATp_35.js";
+import { t as createLogger } from "./logger-Z8AeTE4x.js";
+import { t as Typography } from "./Typography-CAc_f5Iq.js";
+import { t as Loader } from "./Loader-BVtlpTeo.js";
+import { t as Button } from "./Button-DPJ1k02w.js";
+import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-DHA8TJeV.js";
+import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BK-HHa65.js";
+import { t as useAccountHolder } from "./useAccountHolder-DDto9d9n.js";
+import { t as getCapabilities } from "./processCapabilities-CWE5UFt8.js";
+import { t as useAnalyticsContext } from "./useAnalyticsContext-gSnRnYgV.js";
+import { t as useToastContext } from "./useToastContext-B6Mqc2HY.js";
+import { t as LoaderWrapper } from "./LoaderWrapper-Dc88hY-P.js";
+import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-CqmqXsbR.js";
+import { t as Field } from "./Field-DwDJQVSS.js";
+import { t as TileGroup } from "./TileGroup-D1-M64Ul.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-DwZHcMEQ.js";
+import { t as useForm } from "./useForm-CWrbJG44.js";
+import { t as formatValidationError } from "./formatValidationError-q_w9DTrl.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-CJcGZvj1.js";
+import { useCallback, useEffect, useState } from "preact/hooks";
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+//#region src/datasets/generators/getBusinessTypeExamplesForCountry.ts
+var businessTypeExamples = /* #__PURE__ */ Object.assign({
+	"../localized/legalEntityTypeExamples/AT.json": () => import("./AT-BG3-OqzL.js"),
+	"../localized/legalEntityTypeExamples/AU.json": () => import("./AU-CcGu7r3p.js"),
+	"../localized/legalEntityTypeExamples/BE.json": () => import("./BE-S2mx1KWp.js"),
+	"../localized/legalEntityTypeExamples/BR.json": () => import("./BR-CZRoZyCm.js"),
+	"../localized/legalEntityTypeExamples/CA.json": () => import("./CA-C_C9nVmL.js"),
+	"../localized/legalEntityTypeExamples/CH.json": () => import("./CH-8VbtrnFA.js"),
+	"../localized/legalEntityTypeExamples/CZ.json": () => import("./CZ-CG9NlpHx.js"),
+	"../localized/legalEntityTypeExamples/DE.json": () => import("./DE-BX-_ptty.js"),
+	"../localized/legalEntityTypeExamples/DK.json": () => import("./DK-B9lf0wLy.js"),
+	"../localized/legalEntityTypeExamples/ES.json": () => import("./ES-IBdkjuIk.js"),
+	"../localized/legalEntityTypeExamples/FI.json": () => import("./FI-C2Ehs0Cl.js"),
+	"../localized/legalEntityTypeExamples/FR.json": () => import("./FR-B5uEo3fD.js"),
+	"../localized/legalEntityTypeExamples/GB.json": () => import("./GB-tfbORrua.js"),
+	"../localized/legalEntityTypeExamples/HK.json": () => import("./HK-DDKKwlVK.js"),
+	"../localized/legalEntityTypeExamples/HR.json": () => import("./HR-DxBWHi9K.js"),
+	"../localized/legalEntityTypeExamples/HU.json": () => import("./HU-BS5tTBem.js"),
+	"../localized/legalEntityTypeExamples/IE.json": () => import("./IE-BB2lTAcu.js"),
+	"../localized/legalEntityTypeExamples/IT.json": () => import("./IT-DwZn8LHj.js"),
+	"../localized/legalEntityTypeExamples/LT.json": () => import("./LT-GP546RUy.js"),
+	"../localized/legalEntityTypeExamples/NL.json": () => import("./NL-BosPsuiC.js"),
+	"../localized/legalEntityTypeExamples/NO.json": () => import("./NO--AQKkHLW.js"),
+	"../localized/legalEntityTypeExamples/PL.json": () => import("./PL-DasLrwsx.js"),
+	"../localized/legalEntityTypeExamples/PT.json": () => import("./PT-C9aMzry5.js"),
+	"../localized/legalEntityTypeExamples/RO.json": () => import("./RO-C_QrkrYl.js"),
+	"../localized/legalEntityTypeExamples/SE.json": () => import("./SE-Ca_yLiKO.js"),
+	"../localized/legalEntityTypeExamples/SG.json": () => import("./SG-BR0qm_Lu.js"),
+	"../localized/legalEntityTypeExamples/SI.json": () => import("./SI-BxOiA06G.js"),
+	"../localized/legalEntityTypeExamples/SK.json": () => import("./SK-B-_-RVXx.js"),
+	"../localized/legalEntityTypeExamples/US.json": () => import("./US-CBUD9sMP.js")
+});
+var logger$1 = createLogger();
+var getBusinessTypeExamplesForCountry = async (country) => {
+	const importForCountry = businessTypeExamples[`../localized/legalEntityTypeExamples/${country}.json`];
+	if (!importForCountry) {
+		logger$1.warn(`No business type examples available for ${country}`);
+		return {};
+	}
+	return (await importForCountry()).default;
+};
+var useBusinessTypeExamples = (country) => {
+	const [examples, setExamples] = useState();
+	useEffect(() => {
+		getBusinessTypeExamplesForCountry(country).then(setExamples).catch(console.error);
+	}, [country]);
+	return examples;
+};
+//#endregion
+//#region src/datasets/generators/getLegalArrangementTypeExamplesForCountry.ts
+var legalArrangementTypeExamples = /* #__PURE__ */ Object.assign({
+	"../localized/legalArrangementTypeExamples/AT.json": () => import("./AT-CaB9iU_v.js"),
+	"../localized/legalArrangementTypeExamples/AU.json": () => import("./AU-B7Lwienf.js"),
+	"../localized/legalArrangementTypeExamples/BE.json": () => import("./BE-BIPb3aCp.js"),
+	"../localized/legalArrangementTypeExamples/BR.json": () => import("./BR-B6k-5VHk.js"),
+	"../localized/legalArrangementTypeExamples/CA.json": () => import("./CA-BJlN0jtV.js"),
+	"../localized/legalArrangementTypeExamples/CH.json": () => import("./CH-B0Z9FJR9.js"),
+	"../localized/legalArrangementTypeExamples/CZ.json": () => import("./CZ-DD_9_zGY.js"),
+	"../localized/legalArrangementTypeExamples/DE.json": () => import("./DE-BFenFnWV.js"),
+	"../localized/legalArrangementTypeExamples/DK.json": () => import("./DK-EjkKz2GN.js"),
+	"../localized/legalArrangementTypeExamples/ES.json": () => import("./ES-pbBXmvb6.js"),
+	"../localized/legalArrangementTypeExamples/FI.json": () => import("./FI-K6KjFCWK.js"),
+	"../localized/legalArrangementTypeExamples/FR.json": () => import("./FR-CQw_46PX.js"),
+	"../localized/legalArrangementTypeExamples/GB.json": () => import("./GB-BDGKJSiZ.js"),
+	"../localized/legalArrangementTypeExamples/HK.json": () => import("./HK-B4jzjZtL.js"),
+	"../localized/legalArrangementTypeExamples/HR.json": () => import("./HR-DOktpDnh.js"),
+	"../localized/legalArrangementTypeExamples/HU.json": () => import("./HU--SKUZPJ2.js"),
+	"../localized/legalArrangementTypeExamples/IE.json": () => import("./IE-DOtxtX8R.js"),
+	"../localized/legalArrangementTypeExamples/IT.json": () => import("./IT-CUgNzWLF.js"),
+	"../localized/legalArrangementTypeExamples/LT.json": () => import("./LT-BkxAhfJz.js"),
+	"../localized/legalArrangementTypeExamples/NL.json": () => import("./NL-DQew6XR-.js"),
+	"../localized/legalArrangementTypeExamples/NO.json": () => import("./NO-CFh5Lkfr.js"),
+	"../localized/legalArrangementTypeExamples/NZ.json": () => import("./NZ-DyVhIxBu.js"),
+	"../localized/legalArrangementTypeExamples/PL.json": () => import("./PL-7-9sJ6je.js"),
+	"../localized/legalArrangementTypeExamples/PT.json": () => import("./PT-DMEuvIu6.js"),
+	"../localized/legalArrangementTypeExamples/RO.json": () => import("./RO-CJlQuJqy.js"),
+	"../localized/legalArrangementTypeExamples/SE.json": () => import("./SE-U0u4yomj.js"),
+	"../localized/legalArrangementTypeExamples/SG.json": () => import("./SG-ljx49JLF.js"),
+	"../localized/legalArrangementTypeExamples/SI.json": () => import("./SI-CHQHMWZa.js"),
+	"../localized/legalArrangementTypeExamples/SK.json": () => import("./SK-BPuPGFPo.js"),
+	"../localized/legalArrangementTypeExamples/US.json": () => import("./US-CyRlJ_CX.js")
+});
+var logger = createLogger();
+var getLegalArrangementTypeExamplesForCountry = async (country) => {
+	const importForCountry = legalArrangementTypeExamples[`../localized/legalArrangementTypeExamples/${country}.json`];
+	if (!importForCountry) {
+		logger.warn(`No legal arrangement type examples available for ${country}`);
+		return {};
+	}
+	return (await importForCountry()).default;
+};
+var useLegalArrangementTypeExamples = (country) => {
+	const [examples, setExamples] = useState();
+	useEffect(() => {
+		getLegalArrangementTypeExamplesForCountry(country).then(setExamples).catch(console.error);
+	}, [country]);
+	return examples;
+};
+//#endregion
+//#region src/components/Shared/forms/BusinessTypeSelection/useUpdateLegalEntityAndSelectAccountHolder.ts
+var trackingPayload = { actionType: "submit" };
+function useUpdateLegalEntityAndSelectAccountHolder({ rootLegalEntity, targetLegalEntityType, targetLegalArrangement, newAccountHolder, setLoadingStatus, onComplete }) {
+	const { t } = useTranslation("common");
+	const userEvents = useAnalyticsContext();
+	const { accountHolder } = useAccountHolder();
+	const { showToast } = useToastContext();
+	const { mutateAsync: updateLegalEntity } = useUpdateLegalEntity();
+	const currentLegalEntityType = rootLegalEntity.type;
+	const currentOrganizationType = rootLegalEntity.organization?.type;
+	const isLegalArrangement = accountHolder === "mySoleProprietorName" || accountHolder === "aTrust" || accountHolder === "anUnincorporatedPartnership";
+	const isLegalEntityTypeChanging = currentLegalEntityType !== targetLegalEntityType;
+	const isAccountHolderChanging = accountHolder !== newAccountHolder;
+	return useCallback(async () => {
+		try {
+			if (isLegalEntityTypeChanging) {
+				setLoadingStatus("loading");
+				await updateLegalEntity({
+					id: rootLegalEntity.id,
+					type: targetLegalEntityType
+				});
+				userEvents.addTaskEvent("Success", trackingPayload);
+			}
+			const targetOrganizationType = determineOrganizationTypeToUpdate(targetLegalArrangement, currentOrganizationType);
+			const updatePayload = {
+				id: rootLegalEntity.id,
+				...isLegalArrangement && isAccountHolderChanging ? { entityAssociations: [] } : {},
+				...targetOrganizationType !== void 0 ? { organization: { type: targetOrganizationType } } : {}
+			};
+			if (Object.keys(updatePayload).length > 1) {
+				await updateLegalEntity(updatePayload);
+				userEvents.addTaskEvent("Success", trackingPayload);
+			}
+		} catch {
+			showToast({
+				label: t(($) => $["failedToUpdateDetails"]),
+				variant: "error"
+			});
+		} finally {
+			setLoadingStatus("success");
+			onComplete(newAccountHolder);
+		}
+	}, [
+		currentOrganizationType,
+		isAccountHolderChanging,
+		isLegalArrangement,
+		isLegalEntityTypeChanging,
+		newAccountHolder,
+		onComplete,
+		rootLegalEntity.id,
+		setLoadingStatus,
+		showToast,
+		t,
+		targetLegalArrangement,
+		targetLegalEntityType,
+		updateLegalEntity,
+		userEvents
+	]);
+}
+//#endregion
+//#region src/components/Shared/forms/BusinessTypeSelection/types.ts
+var trusteeTypes = ["individual", "company"];
+//#endregion
+//#region src/components/Shared/forms/BusinessTypeSelection/BusinessTypeSelection.tsx
+var trusteeTypeMetadata = {
+	individual: {
+		id: "individual",
+		name: "individualMember"
+	},
+	company: {
+		id: "company",
+		name: "companyMember"
+	}
+};
+var getFormSchema = (isLegalArrangement, isTrust) => {
+	const schema = ["businessType"];
+	if (isLegalArrangement) schema.push("legalArrangement");
+	if (isTrust) schema.push("trusteeType");
+	return schema;
+};
+var businessTypeSelectionValidationRules = {
+	businessType: {
+		modes: ["blur"],
+		validate: (businessType) => !!businessType,
+		errorMessage: "fieldIsRequired"
+	},
+	legalArrangement: {
+		modes: ["blur"],
+		validate: (legalArrangement) => !!legalArrangement,
+		errorMessage: "fieldIsRequired"
+	},
+	trusteeType: {
+		modes: ["blur"],
+		validate: (trusteeType) => !!trusteeType,
+		errorMessage: "fieldIsRequired"
+	}
+};
+var BusinessTypeSelectionSteps = {
+	BUSINESS_TYPE_SELECTION: 0,
+	LEGAL_ARRANGEMENT_SELECTION: 1,
+	WE_CANNOT_SET_UP_ACCOUNT: 2,
+	CONFIRM_BUSINESS_SETUP_CHANGE: 3
+};
+var businessTypeSelectionStepTitles = {
+	[BusinessTypeSelectionSteps.BUSINESS_TYPE_SELECTION]: "whatBestDescribesYourBusinessSetup",
+	[BusinessTypeSelectionSteps.LEGAL_ARRANGEMENT_SELECTION]: "whichLegalArrangementDoesYourBusinessHave",
+	[BusinessTypeSelectionSteps.WE_CANNOT_SET_UP_ACCOUNT]: "sorryWeCantSetUpAnAccountForYou",
+	[BusinessTypeSelectionSteps.CONFIRM_BUSINESS_SETUP_CHANGE]: "changeYourBusinessSetup"
+};
+var BusinessTypeSelection = ({ rootLegalEntity, onComplete, onBack }) => {
+	const { t } = useTranslation("common");
+	const userEvents = useAnalyticsContext();
+	const { accountHolder } = useAccountHolder();
+	const [loadingStatus, setLoadingStatus] = useState();
+	const [currentStep, setCurrentStep] = useState(BusinessTypeSelectionSteps.BUSINESS_TYPE_SELECTION);
+	const [formSchema, setFormSchema] = useState(["businessType"]);
+	const hasBackButton = currentStep === BusinessTypeSelectionSteps.LEGAL_ARRANGEMENT_SELECTION || currentStep === BusinessTypeSelectionSteps.WE_CANNOT_SET_UP_ACCOUNT || currentStep === BusinessTypeSelectionSteps.BUSINESS_TYPE_SELECTION && Boolean(onBack);
+	const { legalArrangementOptions, adjustedBusinessTypeMetadata: businessTypeMetadata } = useSelectionOptions(rootLegalEntity);
+	const currentLegalEntityType = rootLegalEntity.type;
+	const currentOrganizationType = rootLegalEntity.organization?.type;
+	const capabilities = getCapabilities(rootLegalEntity);
+	const country = getLegalEntityCountry(rootLegalEntity);
+	const defaultBusinessType = getBusinessType(businessTypeMetadata, country, accountHolder, rootLegalEntity.type, rootLegalEntity.organization?.type, capabilities);
+	const defaultLegalArrangementType = legalArrangementOptions.find((item) => item === getDefaultLegalArrangementOrSuborganizationType(rootLegalEntity, accountHolder));
+	const defaultTrusteeType = rootLegalEntity.type === "individual" ? trusteeTypeMetadata.individual : trusteeTypeMetadata.company;
+	const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm({
+		schema: formSchema,
+		defaultData: {
+			businessType: defaultBusinessType,
+			legalArrangement: legalArrangementMetadata[defaultLegalArrangementType],
+			trusteeType: defaultTrusteeType
+		},
+		rules: businessTypeSelectionValidationRules
+	});
+	const newAccountHolder = data.businessType?.accountHolder || data.legalArrangement?.accountHolder;
+	const targetLegalArrangement = data.legalArrangement?.id;
+	const isTrust = targetLegalArrangement === "aTrust";
+	const isUnincorporatedPartnership = targetLegalArrangement === "partnershipUnincorporated";
+	const trustOrUnincorporatedPartnership = isTrust || isUnincorporatedPartnership;
+	const targetLegalEntityType = getTargetLegalEntityType(data.businessType?.id, data.legalArrangement?.id, data.trusteeType?.id, currentLegalEntityType);
+	const isLegalEntityTypeChanging = currentLegalEntityType !== targetLegalEntityType;
+	const isAccountHolderChanging = newAccountHolder !== accountHolder;
+	useEffect(() => {
+		setFormSchema(getFormSchema(data.businessType?.id === "legalArrangement" && !!data.legalArrangement || currentStep === BusinessTypeSelectionSteps.LEGAL_ARRANGEMENT_SELECTION, trustOrUnincorporatedPartnership));
+	}, [
+		data.businessType,
+		data.legalArrangement,
+		currentStep,
+		trustOrUnincorporatedPartnership
+	]);
+	/**
+	* Analytics
+	*/
+	useTaskLandedEvent("BUSINESS_TYPE_SELECTION");
+	const updateLegalEntityAndSelectAccountHolder = useUpdateLegalEntityAndSelectAccountHolder({
+		rootLegalEntity,
+		targetLegalEntityType,
+		targetLegalArrangement,
+		newAccountHolder,
+		setLoadingStatus,
+		onComplete
+	});
+	const handleNextClick = async () => {
+		if (loadingStatus === "loading") return;
+		triggerValidation();
+		if (isValid) {
+			userEvents.addPageEvent("Clicked button", { actionType: "next" });
+			if (data.businessType?.id === "legalArrangement") {
+				if (currentStep !== BusinessTypeSelectionSteps.LEGAL_ARRANGEMENT_SELECTION) {
+					setCurrentStep(BusinessTypeSelectionSteps.LEGAL_ARRANGEMENT_SELECTION);
+					return;
+				}
+			}
+			if (isLegalEntityTypeChanging || isAccountHolderChanging || currentOrganizationType !== targetLegalArrangement) {
+				if (accountHolder) {
+					setCurrentStep(BusinessTypeSelectionSteps.CONFIRM_BUSINESS_SETUP_CHANGE);
+					return;
+				}
+				await updateLegalEntityAndSelectAccountHolder();
+			} else onComplete(newAccountHolder);
+		}
+	};
+	const handleBackClick = () => {
+		if (currentStep === BusinessTypeSelectionSteps.WE_CANNOT_SET_UP_ACCOUNT) setCurrentStep(BusinessTypeSelectionSteps.LEGAL_ARRANGEMENT_SELECTION);
+		if (currentStep === BusinessTypeSelectionSteps.LEGAL_ARRANGEMENT_SELECTION) setCurrentStep(BusinessTypeSelectionSteps.BUSINESS_TYPE_SELECTION);
+		if (currentStep === BusinessTypeSelectionSteps.BUSINESS_TYPE_SELECTION) onBack?.();
+	};
+	const isWeCannotSetUpAccountStep = currentStep === BusinessTypeSelectionSteps.WE_CANNOT_SET_UP_ACCOUNT;
+	const businessTypeExamples = useBusinessTypeExamples(country);
+	const businessTiles = Object.keys(businessTypeMetadata).map((option) => {
+		const description = t(($) => $[businessTypeMetadata[option].description]);
+		const examples = businessTypeExamples?.[option];
+		const subTitle = examples ? `${description} ${t(($) => $["forExample_"], {
+			examples: examples.join(", "),
+			interpolation: { escapeValue: false },
+			ns: "ui"
+		})}` : description;
+		return {
+			value: option,
+			label: t(($) => $[businessTypeMetadata[option].name]),
+			subTitle,
+			icon: businessTypeIcons[option]
+		};
+	});
+	const legalArrangementTypeExamples = useLegalArrangementTypeExamples(country);
+	return /* @__PURE__ */ jsx(LoaderWrapper, {
+		status: loadingStatus,
+		formOpacityWhenLoading: .3,
+		showSpinner: false,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "adyen-kyc-business-type-selection",
+			children: [
+				/* @__PURE__ */ jsxs("header", {
+					className: "u-margin-bottom-32",
+					children: [/* @__PURE__ */ jsx(Typography, {
+						el: "h2",
+						variant: "title-m",
+						children: t(($) => $[businessTypeSelectionStepTitles[currentStep]])
+					}), currentStep === BusinessTypeSelectionSteps.CONFIRM_BUSINESS_SETUP_CHANGE && /* @__PURE__ */ jsx(Typography, {
+						el: "p",
+						variant: "title",
+						children: t(($) => $["someInformationWillNotBeSaved"])
+					})]
+				}),
+				currentStep === BusinessTypeSelectionSteps.BUSINESS_TYPE_SELECTION && /* @__PURE__ */ jsx(Field, {
+					el: "fieldset",
+					name: "businessType",
+					errorMessage: formatValidationError(errors.businessType?.errorMessage, t),
+					showErrorIconBottom: true,
+					isValid: valid.businessType,
+					children: (childProps) => /* @__PURE__ */ jsx(TileGroup, {
+						...childProps,
+						name: "businessType",
+						tiles: businessTiles,
+						selected: data.businessType?.id ?? "",
+						onChange: (value) => handleChangeFor("businessType")(businessTypeMetadata[value]),
+						isHorizontal: true
+					})
+				}),
+				currentStep === BusinessTypeSelectionSteps.LEGAL_ARRANGEMENT_SELECTION && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Field, {
+					name: "legalArrangement",
+					el: "fieldset",
+					errorMessage: formatValidationError(errors.legalArrangement?.errorMessage, t),
+					showErrorIconBottom: true,
+					isValid: valid.legalArrangement,
+					children: (childProps) => /* @__PURE__ */ jsx(TileGroup, {
+						...childProps,
+						name: "legalArrangement",
+						tiles: legalArrangementOptions.map((option) => {
+							const description = t(($) => $[legalArrangementMetadata[option].description]);
+							const examples = legalArrangementTypeExamples?.[option];
+							const subTitle = examples ? `${description} (${t(($) => $["forExample_"], {
+								examples: examples.join(", "),
+								interpolation: { escapeValue: false },
+								ns: "ui"
+							})})` : description;
+							return {
+								value: option,
+								label: t(($) => $[legalArrangementMetadata[option].name]),
+								subTitle
+							};
+						}),
+						selected: data.legalArrangement?.id ?? "",
+						onChange: (value) => handleChangeFor("legalArrangement")(legalArrangementMetadata[value]),
+						isHorizontal: true
+					})
+				}), trustOrUnincorporatedPartnership && /* @__PURE__ */ jsx(Field, {
+					el: "fieldset",
+					name: "trusteeType",
+					label: t(($) => $[isTrust ? "whatTypeOfTrusteeAreYou" : "whatTypeOfPartnershipAreYou"]),
+					helper: isUnincorporatedPartnership ? t(($) => $["whatTypeOfPartnershipAreYouGuidance"]) : void 0,
+					className: "u-margin-top-32",
+					errorMessage: formatValidationError(errors.trusteeType?.errorMessage, t),
+					showErrorIconBottom: true,
+					isValid: valid.trusteeType,
+					children: (childProps) => /* @__PURE__ */ jsx(TileGroup, {
+						...childProps,
+						name: "trusteeType",
+						tiles: trusteeTypes.map((option) => ({
+							value: option,
+							label: t(($) => $[trusteeTypeMetadata[option].name])
+						})),
+						selected: data.trusteeType?.id ?? "",
+						onChange: (value) => handleChangeFor("trusteeType")(trusteeTypeMetadata[value]),
+						isHorizontal: true
+					})
+				})] }),
+				isWeCannotSetUpAccountStep && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", { children: t(($) => $["ourFinancialServicesAreNotAvailableYetForPartnershipsAndAssociations"]) }), /* @__PURE__ */ jsx("p", { children: t(($) => $["needHelpYouCanAlwaysReachOutToCustomerSupport"]) })] }),
+				currentStep === BusinessTypeSelectionSteps.CONFIRM_BUSINESS_SETUP_CHANGE ? /* @__PURE__ */ jsxs("div", {
+					className: "adyen-kyc-business-type-selection__confirm",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "secondary",
+						onClick: () => setCurrentStep(BusinessTypeSelectionSteps.BUSINESS_TYPE_SELECTION),
+						children: t(($) => $["cancel"])
+					}), /* @__PURE__ */ jsx(Button, {
+						onClick: () => updateLegalEntityAndSelectAccountHolder(),
+						children: t(($) => $["yesChange"])
+					})]
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "adyen-kyc-business-type-selection__nav",
+					children: [
+						hasBackButton && /* @__PURE__ */ jsx(Button, {
+							onClick: handleBackClick,
+							variant: "secondary",
+							icon: "chevron-left",
+							children: t(($) => $["back"])
+						}),
+						/* @__PURE__ */ jsx(Spacer, {}),
+						!isWeCannotSetUpAccountStep && /* @__PURE__ */ jsx(Button, {
+							disabled: currentStep === BusinessTypeSelectionSteps.LEGAL_ARRANGEMENT_SELECTION && !data.legalArrangement,
+							onClick: handleNextClick,
+							children: t(($) => $["continue"])
+						})
+					]
+				})
+			]
+		})
+	});
+};
+//#endregion
+//#region src/components/Shared/pages/BusinessTypeSelectionPage.tsx
+var BusinessTypeSelectionPage = ({ onComplete, onBack }) => {
+	const { data: rootLe, isLoading } = useLegalEntity(ROOT_LE);
+	if (isLoading || !rootLe) return /* @__PURE__ */ jsx(Loader, {});
+	return /* @__PURE__ */ jsx(BusinessTypeSelection, {
+		onComplete,
+		onBack,
+		rootLegalEntity: rootLe
+	});
+};
+//#endregion
+export { BusinessTypeSelectionPage };

package/dist/Button-DPJ1k02w.js

@@ -0,0 +1,108 @@
+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] = "a9368eae-7056-4ffc-96ba-50081917faf1", e._sentryDebugIdIdentifier = "sentry-dbid-a9368eae-7056-4ffc-96ba-50081917faf1");
+} catch (e) {}
+import { t as Icon } from "./Icon-4XR6gZzk.js";
+import { t as Loader } from "./Loader-BVtlpTeo.js";
+import cx from "classnames";
+import { jsx, jsxs } from "preact/jsx-runtime";
+var Button_module_default = {
+	button: "_button_hk0u4_1",
+	"button-full-width": "_button-full-width_hk0u4_32",
+	buttonFullWidth: "_button-full-width_hk0u4_32",
+	"button-label": "_button-label_hk0u4_36",
+	buttonLabel: "_button-label_hk0u4_36",
+	"button-label-padding": "_button-label-padding_hk0u4_43",
+	buttonLabelPadding: "_button-label-padding_hk0u4_43",
+	"button-shape-rectangle": "_button-shape-rectangle_hk0u4_47",
+	buttonShapeRectangle: "_button-shape-rectangle_hk0u4_47",
+	"button-shape-circle": "_button-shape-circle_hk0u4_51",
+	buttonShapeCircle: "_button-shape-circle_hk0u4_51",
+	"button-variant-primary": "_button-variant-primary_hk0u4_55",
+	buttonVariantPrimary: "_button-variant-primary_hk0u4_55",
+	"button-variant-secondary": "_button-variant-secondary_hk0u4_75",
+	buttonVariantSecondary: "_button-variant-secondary_hk0u4_75",
+	"button-variant-tertiary": "_button-variant-tertiary_hk0u4_97",
+	buttonVariantTertiary: "_button-variant-tertiary_hk0u4_97",
+	"button-variant-critical": "_button-variant-critical_hk0u4_117",
+	buttonVariantCritical: "_button-variant-critical_hk0u4_117",
+	"button-variant-link": "_button-variant-link_hk0u4_135",
+	buttonVariantLink: "_button-variant-link_hk0u4_135",
+	"button-variant-surface": "_button-variant-surface_hk0u4_153",
+	buttonVariantSurface: "_button-variant-surface_hk0u4_153",
+	"button-spinner": "_button-spinner_hk0u4_190",
+	buttonSpinner: "_button-spinner_hk0u4_190",
+	"present-spinner": "_present-spinner_hk0u4_1",
+	presentSpinner: "_present-spinner_hk0u4_1"
+};
+//#endregion
+//#region src/components/ui/atoms/Button/Button.tsx
+var ButtonBase = ({ ariaLabel, children, circle = false, disabled = false, fullWidth = false, loading = false, onClick, testId, type = "button", variant = "primary" }) => {
+	const isDisabled = disabled || loading;
+	const buttonVariantStyle = {
+		primary: Button_module_default.buttonVariantPrimary,
+		secondary: Button_module_default.buttonVariantSecondary,
+		tertiary: Button_module_default.buttonVariantTertiary,
+		critical: Button_module_default.buttonVariantCritical,
+		link: Button_module_default.buttonVariantLink,
+		surface: Button_module_default.buttonVariantSurface
+	};
+	const rootClassName = cx(Button_module_default.button, buttonVariantStyle[variant], variant !== "link" && {
+		[Button_module_default.buttonShapeRectangle]: !circle,
+		[Button_module_default.buttonShapeCircle]: circle,
+		[Button_module_default.buttonFullWidth]: fullWidth
+	});
+	const handleOnClick = (event) => {
+		event.preventDefault();
+		if (!isDisabled && onClick) onClick(event);
+	};
+	return /* @__PURE__ */ jsxs("button", {
+		"aria-label": ariaLabel,
+		className: rootClassName,
+		"data-testid": testId,
+		disabled: isDisabled,
+		onClick: handleOnClick,
+		type,
+		children: [loading && /* @__PURE__ */ jsx("div", {
+			className: Button_module_default.buttonSpinner,
+			children: /* @__PURE__ */ jsx(Loader, { size: "small" })
+		}), children]
+	});
+};
+var Button = ({ children, disabled = false, fullWidth, icon, loading = false, onClick, testId, type = "button", variant = "primary" }) => {
+	const buttonProps = {
+		disabled,
+		fullWidth,
+		icon,
+		loading,
+		onClick,
+		testId,
+		type,
+		variant
+	};
+	const labelClassname = cx(Button_module_default.buttonLabel, { [Button_module_default.buttonLabelPadding]: variant !== "link" });
+	return /* @__PURE__ */ jsx(ButtonBase, {
+		...buttonProps,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: labelClassname,
+			children: [icon && /* @__PURE__ */ jsx(Icon, { name: icon }), children]
+		})
+	});
+};
+var IconButton = ({ ariaLabel, circle = false, disabled = false, icon, loading = false, onClick, testId, variant = "primary" }) => {
+	return /* @__PURE__ */ jsx(ButtonBase, {
+		ariaLabel,
+		circle,
+		disabled,
+		loading,
+		onClick,
+		testId,
+		variant,
+		children: /* @__PURE__ */ jsx("div", {
+			className: Button_module_default.buttonLabel,
+			children: /* @__PURE__ */ jsx(Icon, { name: icon })
+		})
+	});
+};
+//#endregion
+export { IconButton as n, Button as t };

package/dist/Checkbox-qfdF12cF.js

@@ -0,0 +1,60 @@
+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] = "c1efc8f8-98d6-4169-a0d4-3a58db7a244c", e._sentryDebugIdIdentifier = "sentry-dbid-c1efc8f8-98d6-4169-a0d4-3a58db7a244c");
+} catch (e) {}
+import { t as useAnalyticsContext } from "./useAnalyticsContext-gSnRnYgV.js";
+import cx from "classnames";
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+var Checkbox_module_default = {
+	input: "_input_1pgbk_1",
+	label: "_label_1pgbk_6",
+	invalid: "_invalid_1pgbk_34",
+	"helper-text": "_helper-text_1pgbk_118",
+	helperText: "_helper-text_1pgbk_118"
+};
+//#endregion
+//#region src/components/ui/atoms/Checkbox/Checkbox.tsx
+function Checkbox({ id, name, value, className, label, isInvalid, onChange, helper, checked, disabled, enableTracking = false, "aria-required": ariaRequired, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy }) {
+	const userEvents = useAnalyticsContext();
+	const handleChange = (newValue) => {
+		if (enableTracking) userEvents.addFieldEvent("Interacted with form field", {
+			actionType: "input",
+			field: name,
+			returnValue: String(newValue)
+		});
+		onChange(newValue);
+	};
+	const helperId = `${id}-helper`;
+	const ariaDescribedById = `${helper ? helperId : ""} ${ariaDescribedBy ?? ""}`.trim();
+	const inputClassname = cx(Checkbox_module_default.input, className, { [Checkbox_module_default.invalid]: isInvalid });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("input", {
+			id,
+			name,
+			value,
+			"aria-describedby": ariaDescribedById,
+			"aria-invalid": ariaInvalid || isInvalid,
+			"aria-required": ariaRequired,
+			disabled,
+			checked,
+			className: inputClassname,
+			type: "checkbox",
+			onClick: (event) => {
+				event.stopPropagation();
+				handleChange(!checked);
+			}
+		}),
+		/* @__PURE__ */ jsx("label", {
+			htmlFor: id,
+			className: Checkbox_module_default.label,
+			children: label
+		}),
+		helper && /* @__PURE__ */ jsx("span", {
+			id: helperId,
+			className: Checkbox_module_default.helperText,
+			children: helper
+		})
+	] });
+}
+//#endregion
+export { Checkbox as t };

package/dist/ComponentGroup-SozxzKWw.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] = "c5da2ea6-35c0-4a35-bf47-419db3769eca", e._sentryDebugIdIdentifier = "sentry-dbid-c5da2ea6-35c0-4a35-bf47-419db3769eca");
+} catch (e) {}
+import { r as useTranslation } from "./translation-DbATp_35.js";
+import { t as Accordion } from "./Accordion-Dgdxfe-d.js";
+import { t as NodeRenderer } from "./NodeRenderer-B3G7pvjG.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 };