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

package/dist/Task-B05SmIvp.js

@@ -0,0 +1,129 @@
+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] = "71482d06-6f34-45af-9aa8-9d2fe5906216", e._sentryDebugIdIdentifier = "sentry-dbid-71482d06-6f34-45af-9aa8-9d2fe5906216");
+} catch (e) {}
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { t as Button } from "./Button-DSD_afG_.js";
+import { i as TaskStatuses } from "./taskStatus-BtekPA8E.js";
+import { t as Modal } from "./Modal-C6gfqa3Z.js";
+import { t as TaskListItem } from "./TaskListItem-DRUWL-3r.js";
+import { g as FormFlow_module_default } from "./RadioGroup-B_lHSMq9.js";
+import { n as useWorkflowContext, t as NodeRenderer } from "./AdaptiveWorkflow-DnvzkolP.js";
+import { t as useTaskStepperContext } from "./useTaskStepperContext-BIEhTt1x.js";
+import { t as TaskStepperContextProvider } from "./TaskStepperContextProvider-DuM9tlet.js";
+import { useCallback, useRef, useState } from "preact/hooks";
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+import { useComputed } from "@preact/signals";
+//#region src/adaptiveWorkflow/components/Layout/Task/contextMap.ts
+var contextMap = {
+	additionalBusinessDetails: {
+		title: "additionalBusinessDetails",
+		icon: "company"
+	},
+	uboSubTasks: {
+		title: "enhancedIdentityScreening",
+		icon: "user"
+	},
+	sourceOfFunds: {
+		title: "fundingSources",
+		icon: "coins"
+	},
+	taxReporting: {
+		title: "taxReporting",
+		icon: "document"
+	},
+	contracting: {
+		title: "servicesAgreement",
+		icon: "reporting"
+	}
+};
+//#endregion
+//#region src/adaptiveWorkflow/components/Layout/Task/Task.tsx
+/**
+* Renders an AWE `task` layout node, plus the fullscreen
+* modal that walks the user through the task's child components as steps in the modal.
+*
+* On mount the task registers itself in `WorkflowContext` as `DETAILS_REQUIRED`, and is
+* flipped to `FINISHED` once the stepper completes its last step.
+*/
+var Task = ({ node }) => {
+	const isTaskRegistered = useRef(false);
+	const { id, children } = node;
+	const { t } = useTranslation("adaptive");
+	const { t: commonT } = useTranslation("common");
+	const { title, icon } = contextMap[id] || {};
+	const { taskStatuses, updateTaskStatus } = useWorkflowContext();
+	const [showModal, setShowModal] = useState(false);
+	const taskStatus = useComputed(() => taskStatuses.value[id] ?? TaskStatuses.DETAILS_REQUIRED);
+	const totalSteps = children?.length ?? 0;
+	if (!isTaskRegistered.current) {
+		updateTaskStatus(id, "DETAILS_REQUIRED");
+		isTaskRegistered.current = true;
+	}
+	const handleTaskClick = () => {
+		if (!children?.length) return;
+		setShowModal(true);
+	};
+	const handleCloseClick = () => {
+		setShowModal(false);
+	};
+	const handleCompleteClick = useCallback(() => {
+		updateTaskStatus(id, TaskStatuses.FINISHED);
+		setShowModal(false);
+	}, [id, updateTaskStatus]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TaskListItem, {
+		titleKey: "task",
+		title: title ? t(($) => $[title]) : commonT(($) => $["additionalInformation"]),
+		icon: icon || "document",
+		status: taskStatus.value,
+		onNavigateToTask: handleTaskClick
+	}), children && showModal && /* @__PURE__ */ jsx(TaskStepperContextProvider, {
+		totalSteps,
+		onClose: handleCloseClick,
+		onComplete: handleCompleteClick,
+		children: /* @__PURE__ */ jsx(Modal, {
+			onClose: handleCloseClick,
+			size: "fullscreen",
+			transition: "slideIn",
+			showCloseButton: true,
+			ariaLabel: "modal",
+			children: /* @__PURE__ */ jsx(TaskModalContent, { node })
+		})
+	})] });
+};
+/**
+* Contents of the task modal: renders the current step and the nav bar.
+*
+* Navigation (forwards, backwards, visibility, etc.) is controlled via `TaskStepperContext`.
+*/
+var TaskModalContent = ({ node }) => {
+	const { t: commonT } = useTranslation("common");
+	const { currentStepIndex, totalSteps, isStepperVisible, goToNextStep, goToPreviousStep, isSubmitting } = useTaskStepperContext();
+	const isLastStep = currentStepIndex === totalSteps - 1;
+	return /* @__PURE__ */ jsxs("div", {
+		className: FormFlow_module_default.formFlow,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: FormFlow_module_default.formFlowContent,
+			children: !!node.children?.length && /* @__PURE__ */ jsx(NodeRenderer, { node: node.children[currentStepIndex] })
+		}), isStepperVisible && /* @__PURE__ */ jsxs("div", {
+			className: FormFlow_module_default.formFlowActions,
+			children: [/* @__PURE__ */ jsx(Button, {
+				onClick: goToPreviousStep,
+				variant: "secondary",
+				children: commonT(($) => $["back"])
+			}), /* @__PURE__ */ jsx("div", {
+				className: FormFlow_module_default.formFlowPrimaryActions,
+				children: !isLastStep ? /* @__PURE__ */ jsx(Button, {
+					onClick: goToNextStep,
+					children: commonT(($) => $["continue"])
+				}) : /* @__PURE__ */ jsx(Button, {
+					onClick: goToNextStep,
+					loading: isSubmitting,
+					children: commonT(($) => $["submit"])
+				})
+			})]
+		})]
+	});
+};
+//#endregion
+export { Task };

package/dist/TaskGroup-CCneo6Tt.js

@@ -0,0 +1,46 @@
+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] = "e433187c-4f73-415d-a9ec-b2a64d4f70fc", e._sentryDebugIdIdentifier = "sentry-dbid-e433187c-4f73-415d-a9ec-b2a64d4f70fc");
+} catch (e) {}
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { k as Header } from "./resolveEnvironment-wbFNXSP-.js";
+import { t as StackLayout } from "./StackLayout-IUdNMDgW.js";
+import { t as NodeRenderer } from "./AdaptiveWorkflow-DnvzkolP.js";
+import { jsx, jsxs } from "preact/jsx-runtime";
+//#region src/adaptiveWorkflow/components/Layout/TaskGroup/contextMap.ts
+var contextMap = {
+	businessInformation: {
+		heading: "businessInformation",
+		description: "placeholder"
+	},
+	financialProducts: {
+		heading: "setUpFinancialProducts",
+		description: "placeholder"
+	},
+	contracting: {
+		heading: "reviewAndSignLegalDisclosures",
+		description: "placeholder"
+	}
+};
+//#endregion
+//#region src/adaptiveWorkflow/components/Layout/TaskGroup/TaskGroup.tsx
+/**
+* Renders an AWE `taskGroup` layout node as a titled section containing its child tasks.
+*/
+var TaskGroup = ({ node }) => {
+	const { t } = useTranslation("adaptive");
+	const { heading: headingKey, description: descriptionKey } = contextMap[node.id] || {};
+	return /* @__PURE__ */ jsx("div", {
+		className: "u-margin-bottom-48",
+		children: /* @__PURE__ */ jsxs(StackLayout, {
+			gap: "xSmall",
+			children: [/* @__PURE__ */ jsx(Header, {
+				title: headingKey ? t(($) => $[headingKey]) : t(($) => $["additionalDetails"]),
+				description: descriptionKey && t(($) => $[descriptionKey]),
+				secondary: true
+			}), node.children?.map((child) => /* @__PURE__ */ jsx(NodeRenderer, { node: child }, child.id))]
+		})
+	});
+};
+//#endregion
+export { TaskGroup };

package/dist/{TaskListItem-CKO2Us74.js → TaskListItem-DRUWL-3r.js}

@@ -1,67 +1,21 @@
 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] = "9fcbe69e-5dfa-4c87-b40c-caa56da0d893", e._sentryDebugIdIdentifier = "sentry-dbid-9fcbe69e-5dfa-4c87-b40c-caa56da0d893");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7f701804-6363-4b07-8647-7fa2493b5c44", e._sentryDebugIdIdentifier = "sentry-dbid-7f701804-6363-4b07-8647-7fa2493b5c44");
 } catch (e) {}
-import { a as Icon, r as useTranslation } from "./translation-DH4IlMCP.js";
-import { x as Alert } from "./resolveEnvironment-I0NAzeCT.js";
-import { n as IconButton } from "./Button-Cm7cT6BX.js";
-import { t as TaskVerificationStatus } from "./TaskVerificationStatus-DMj8rsZ_.js";
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { x as Alert } from "./resolveEnvironment-wbFNXSP-.js";
+import { t as Icon } from "./Icon-CurE93CX.js";
+import { n as IconButton } from "./Button-DSD_afG_.js";
+import { t as TaskVerificationStatus } from "./TaskVerificationStatus-DCfFNRJc.js";
 import { i as TaskStatuses } from "./taskStatus-BtekPA8E.js";
-import { t as getCapabilities } from "./processCapabilities-BSpmJOEd.js";
-import { i as useAnalyticsContext } from "./Modal-nylR9F4X.js";
+import { i as useAnalyticsContext } from "./Modal-C6gfqa3Z.js";
 import { t as Card } from "./Card-BCGLpdw7.js";
-import { t as VerificationErrorAlert } from "./VerificationErrorAlert-Ci453mfn.js";
-import { t as Avatar } from "./Avatar-CeZIQS8n.js";
-import { p as LoaderWrapper } from "./Select-Dmn4bMEK.js";
-import { n as Confirm } from "./StructuredList-DpzDjXNV.js";
+import { t as VerificationErrorAlert } from "./VerificationErrorAlert-D6Fwj_k3.js";
+import { t as Avatar } from "./Avatar-BKTdqNpO.js";
+import { p as LoaderWrapper } from "./Select-PqhoL_oQ.js";
+import { n as Confirm } from "./StructuredList-BKWmLAYe.js";
 import { useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
-//#region src/adaptiveWorkflow/utils/utils.ts
-/** Read a value from a nested object using dot-notation path. */
-function getNestedValue(obj, path) {
-	return path.split(".").reduce((acc, key) => acc?.[key], obj);
-}
-/** Write a value into a nested object at a dot-notation path, creating intermediary objects as needed. */
-function setNestedValue(obj, path, value) {
-	const keys = path.split(".");
-	keys.reduce((acc, key, index) => {
-		if (index === keys.length - 1) acc[key] = value;
-		else {
-			if (typeof acc[key] !== "object" || acc[key] === null) acc[key] = {};
-			return acc[key];
-		}
-		return acc;
-	}, obj);
-}
-/**
-* Resolve props for components from awe response, some props are diretly provided with value, other
-* which depend on other fields are provided in globals.
-* @param globals
-* @param componentProps
-*/
-function resolveComponentProps(globals, componentProps) {
-	if (!componentProps) return;
-	const props = {};
-	for (const propName in componentProps) {
-		const propData = componentProps[propName];
-		if (propData.type === "global") {
-			const [globalName, ...path] = propData.value.split(".");
-			props[propName] = globals[propData.value]?.value ?? getNestedValue(globals[globalName]?.value, path.join("."));
-			continue;
-		}
-		props[propName] = propData.value;
-	}
-	return props;
-}
-/**
-* Check if adaptive POC can be shown
-* @param isPocEnabled feature toggle
-* @param legalEntityData legal entity data to check the BBA capability
-*/
-var canShowAdaptivePoc = function(isPocEnabled, legalEntityData) {
-	return isPocEnabled && getCapabilities(legalEntityData).includes("issueBankAccount");
-};
-//#endregion
 //#region src/components/Apps/tasks/TaskList/TaskListItem/TaskListItem.tsx
 var TaskListItem = ({ titleKey, title, icon, status, onNavigateToTask, disabled = false, problems, downloadHandler, info, loading = false, showErrorAlerts = "onErrorStatus", warningMessage, deleteEntity, testId, enableTracking = true, fallbackErrorMessage }) => {
 	const { t } = useTranslation("common");
@@ -166,4 +120,4 @@ var TaskListItem = ({ titleKey, title, icon, status, onNavigateToTask, disabled
 	})] });
 };
 //#endregion
-export { setNestedValue as a, resolveComponentProps as i, canShowAdaptivePoc as n, getNestedValue as r, TaskListItem as t };
+export { TaskListItem as t };

package/dist/TaskStepperContextProvider-DuM9tlet.js

@@ -0,0 +1,81 @@
+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] = "73b1015b-843d-47f8-a4c0-811cb7fcca77", e._sentryDebugIdIdentifier = "sentry-dbid-73b1015b-843d-47f8-a4c0-811cb7fcca77");
+} catch (e) {}
+import { n as TaskStepperContext } from "./useTaskStepperContext-BIEhTt1x.js";
+import { useCallback, useMemo, useRef, useState } from "preact/hooks";
+import { jsx } from "preact/jsx-runtime";
+//#region src/adaptiveWorkflow/context/TaskStepperContext/TaskStepperContextProvider.tsx
+/**
+* For managing the stepper for children of a task node component
+* @param currentStepIndex - index of current step
+* @param totalSteps - total number of steps
+* @param isStepperVisible - if task stepper is visible
+* @param setIsStepperVisible - sets visibility of task stepper
+* @param goToNextStep - moves to next step, executes validation handler if present, or submit handler if on final step
+* @param goToPreviousStep - moves to previous step, or closes out of task if on first step
+* @param registerSubmitHandler - registers a submit handler
+* @param registerValidateHandler - registers a validation handler
+* @param isSubmitting - if task is in submitting state
+* @param setIsSubmitting - setting submitting state for task stepper
+*/
+function TaskStepperContextProvider({ children, totalSteps, onClose, onComplete }) {
+	const [currentStepIndex, setCurrentStepIndex] = useState(0);
+	const [isStepperVisible, setIsStepperVisible] = useState(true);
+	const [isSubmitting, setIsSubmitting] = useState(false);
+	const submitHandlerRef = useRef(null);
+	const validateHandlerRef = useRef(null);
+	const registerSubmitHandler = useCallback((handler) => {
+		submitHandlerRef.current = handler;
+	}, []);
+	const registerValidateHandler = useCallback((handler) => {
+		validateHandlerRef.current = handler;
+	}, []);
+	const goToNextStep = useCallback(async () => {
+		if (validateHandlerRef.current) {
+			if (!await validateHandlerRef.current()) return;
+		}
+		if (currentStepIndex < totalSteps - 1) setCurrentStepIndex(currentStepIndex + 1);
+		else if (submitHandlerRef.current) try {
+			await submitHandlerRef.current();
+			onComplete();
+		} catch {}
+		else onComplete();
+	}, [
+		currentStepIndex,
+		totalSteps,
+		onComplete
+	]);
+	const goToPreviousStep = useCallback(() => {
+		if (currentStepIndex > 0) setCurrentStepIndex(currentStepIndex - 1);
+		else onClose();
+	}, [currentStepIndex, onClose]);
+	const value = useMemo(() => ({
+		currentStepIndex,
+		totalSteps,
+		isStepperVisible,
+		setIsStepperVisible,
+		goToNextStep,
+		goToPreviousStep,
+		registerSubmitHandler,
+		registerValidateHandler,
+		isSubmitting,
+		setIsSubmitting
+	}), [
+		currentStepIndex,
+		totalSteps,
+		isStepperVisible,
+		goToNextStep,
+		goToPreviousStep,
+		registerSubmitHandler,
+		registerValidateHandler,
+		isSubmitting,
+		setIsSubmitting
+	]);
+	return /* @__PURE__ */ jsx(TaskStepperContext.Provider, {
+		value,
+		children
+	});
+}
+//#endregion
+export { TaskStepperContextProvider as t };

package/dist/{TaskVerificationStatus-DMj8rsZ_.js → TaskVerificationStatus-DCfFNRJc.js}

@@ -1,8 +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] = "0754175f-23e6-4453-95ac-160c6888c7fd", e._sentryDebugIdIdentifier = "sentry-dbid-0754175f-23e6-4453-95ac-160c6888c7fd");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "a31113fc-2c82-4bf1-b3fc-349b52a96be7", e._sentryDebugIdIdentifier = "sentry-dbid-a31113fc-2c82-4bf1-b3fc-349b52a96be7");
 } catch (e) {}
-import { a as Icon, r as useTranslation } from "./translation-DH4IlMCP.js";
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { t as Icon } from "./Icon-CurE93CX.js";
 import { i as TaskStatuses } from "./taskStatus-BtekPA8E.js";
 import cx from "classnames";
 import { jsx, jsxs } from "preact/jsx-runtime";
@@ -121,4 +122,4 @@ var TaskVerificationStatus = ({ status, responsive }) => {
 	}
 };
 //#endregion
-export { Status as n, TaskVerificationStatus as t };
+export { TaskVerificationStatus as t };

package/dist/TaxInformationFieldGroup-pBDZmrIx.js

@@ -0,0 +1,288 @@
+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] = "718d41e2-e5dd-47cc-8308-1ffe8e113fa9", e._sentryDebugIdIdentifier = "sentry-dbid-718d41e2-e5dd-47cc-8308-1ffe8e113fa9");
+} catch (e) {}
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { j as useToggleContext } from "./resolveEnvironment-wbFNXSP-.js";
+import { n as MaskedInput } from "./form-rules-DCZ-uyGo.js";
+import { L as taxInformationDefaultFieldConfig, R as taxInformationDefaultFieldMetadata, W as CompanyTypesValues, d as removeTaxInfoForCountry, f as upsertTaxInfoForCountry, h as getTaxIdNumberOptions, j as COUNTRIES_WITH_POSSIBLE_TRUSTEE_TAXID_ABSENT_V4, m as getDefaultTaxIdNumberType, p as TaxIdNumberTypeSelector } from "./bafinUtils-CT-a64QP.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 { t as formatValidationError } from "./formatValidationError-HjSxukRu.js";
+import { n as withForm } from "./formHook-Dgi2CgbT.js";
+import { useCallback, useEffect, useMemo, useRef } from "preact/hooks";
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { useStore } from "@tanstack/preact-form";
+//#region src/adaptiveWorkflow/components/Fields/TaxInformation/ExemptedFromTaxField.tsx
+function ExemptedFromTaxField({ field, label, checked, 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: "exemptedFromTax",
+			checked,
+			onChange
+		})
+	});
+}
+//#endregion
+//#region src/adaptiveWorkflow/components/Fields/TaxInformation/TaxIdNumberInputField.tsx
+function TaxIdNumberInputField({ field, fieldMetadata, currentValue, placeholder, 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, {
+		type: "text",
+		"aria-required": true,
+		"aria-invalid": isTouched && !isValid,
+		name: "taxInformation",
+		label: fieldMetadata.label ? t(($) => $[fieldMetadata.label]) ?? "" : "",
+		formatGuidance: fieldMetadata.guidanceText ? translateTranslatable(t, fieldMetadata.guidanceText) : void 0,
+		value: currentValue,
+		errorMessage,
+		placeholder,
+		isValid: isValid && !!currentValue,
+		onInput,
+		onBlur,
+		disabled,
+		readonly,
+		optional,
+		shouldValidate,
+		...fieldMetadata.mask ?? {}
+	});
+}
+//#endregion
+//#region src/adaptiveWorkflow/components/Fields/TaxInformation/TaxIdTypeSelectorField.tsx
+function TaxIdTypeSelectorField({ field, country, companyType, selected, onTypeChange, exemptedOptionLabel, isUsSoleProp }) {
+	const { t: commonT } = useTranslation("common");
+	const errorMessage = field.state.meta.isTouched && !field.state.meta.isValid ? field.state.meta.errors[0] : void 0;
+	return /* @__PURE__ */ jsx(TaxIdNumberTypeSelector, {
+		country,
+		companyType,
+		selected,
+		setSelected: onTypeChange,
+		exemptedOptionLabel,
+		isUsSoleProp,
+		errorMessage: isUsSoleProp ? formatValidationError(errorMessage, commonT) : void 0
+	});
+}
+//#endregion
+//#region src/adaptiveWorkflow/components/Fields/TaxInformation/TaxInformationFieldGroup.tsx
+function getNestedValue(obj, path) {
+	return path.split(".").reduce((acc, key) => acc?.[key], obj);
+}
+var TaxInformationFieldGroup = withForm({
+	defaultValues: {},
+	props: {},
+	render: function TaxInformationFieldGroupRender({ form, basePath: taxInfoPath, country, canExempt, entityType, registrationNumber, defaultData, labels, placeholder, readonly, optional }) {
+		const { isFeatureEnabled } = useToggleContext();
+		const { t } = useTranslation("common");
+		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 isUsSoleProp = country === "US" && entityType === CompanyTypesValues.SOLE_PROPRIETORSHIP;
+		const currentTaxInformation = useMemo(() => taxInformations?.find((t) => t.country === country), [taxInformations, country]);
+		const taxIdNumberType = useMemo(() => {
+			if (currentTaxInformation?.numberAbsent) return "exempted";
+			if (currentTaxInformation?.type) return currentTaxInformation.type;
+			if (isUsSoleProp) return void 0;
+			return getDefaultTaxIdNumberType(taxInformations, country, entityType);
+		}, [
+			currentTaxInformation?.type,
+			currentTaxInformation?.numberAbsent,
+			taxInformations,
+			isUsSoleProp,
+			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 fieldMetadata = resolveFieldMetadata(taxInformationDefaultFieldConfig[country], {
+			taxIdNumberType: currentTaxInformation?.type,
+			companyType: entityType
+		}, taxInformationDefaultFieldMetadata);
+		const exemptionLabel = isUsSoleProp ? t(($) => $["socialSecurityNumber"]) : labels?.exemptedFromTax;
+		const updateTaxInfo = useCallback((mode, newEntry) => {
+			const updated = upsertTaxInfoForCountry(defaultData, country, canSaveAbsentState ? {
+				...newEntry,
+				numberAbsent: newEntry.numberAbsent ?? false
+			} : newEntry);
+			form.setFieldValue(taxInfoPath, updated);
+		}, [
+			canSaveAbsentState,
+			country,
+			form,
+			taxInfoPath,
+			defaultData
+		]);
+		const updateTaxType = useCallback((type, mode) => {
+			updateTaxInfo(mode, {
+				country,
+				number: currentTaxInformation?.number,
+				type
+			});
+		}, [
+			country,
+			currentTaxInformation?.number,
+			updateTaxInfo
+		]);
+		const removeCountryTaxInfo = useCallback(() => {
+			form.setFieldValue(taxInfoPath, removeTaxInfoForCountry(taxInformations, country));
+		}, [
+			country,
+			form,
+			taxInfoPath,
+			taxInformations
+		]);
+		const addTaxAbsentStatus = useCallback((absent) => {
+			form.setFieldValue(taxInfoPath, upsertTaxInfoForCountry(taxInformations, country, {
+				country,
+				numberAbsent: absent
+			}));
+		}, [
+			country,
+			form,
+			taxInfoPath,
+			taxInformations
+		]);
+		const setUenAsTaxId = useCallback((uen) => {
+			updateTaxInfo("blur", {
+				country,
+				number: uen ?? "",
+				type: "UEN"
+			});
+		}, [country, updateTaxInfo]);
+		const resetToDefaultData = useCallback(() => {
+			if (defaultData !== void 0) form.setFieldValue(taxInfoPath, defaultData);
+		}, [
+			defaultData,
+			form,
+			taxInfoPath
+		]);
+		const handleTaxIdNumberTypeChange = useCallback((taxIdType) => {
+			if (!canExempt && taxIdType === "exempted") throw new Error(`${country} does not allow tax exemptions`);
+			if (taxIdType === "exempted") {
+				form.setFieldValue(exemptedPath, true);
+				updateTaxType(void 0, "input");
+				return canSaveAbsentState ? addTaxAbsentStatus(true) : removeCountryTaxInfo();
+			}
+			form.setFieldValue(exemptedPath, false);
+			if (country === "SG") if (taxIdType === "UEN") {
+				form.setFieldValue(isUenPath, true);
+				setUenAsTaxId(registrationNumber);
+			} else {
+				form.setFieldValue(isUenPath, false);
+				removeCountryTaxInfo();
+			}
+			updateTaxType(taxIdType, "input");
+		}, [
+			addTaxAbsentStatus,
+			canExempt,
+			canSaveAbsentState,
+			country,
+			exemptedPath,
+			form,
+			isUenPath,
+			removeCountryTaxInfo,
+			registrationNumber,
+			setUenAsTaxId,
+			updateTaxType
+		]);
+		const handleTaxNumberChange = useCallback((e, mode) => {
+			updateTaxInfo(mode, {
+				country,
+				number: e ? typeof e === "string" ? e : e.currentTarget.value : void 0,
+				type: currentTaxInformation?.type ?? (taxIdNumberType !== "exempted" ? taxIdNumberType : void 0)
+			});
+		}, [
+			country,
+			currentTaxInformation?.type,
+			taxIdNumberType,
+			updateTaxInfo
+		]);
+		const handleExemptedFromTaxChange = useCallback((exempted) => {
+			form.setFieldValue(exemptedPath, exempted);
+			if (canSaveAbsentState) addTaxAbsentStatus(exempted);
+			else removeCountryTaxInfo();
+		}, [
+			addTaxAbsentStatus,
+			canSaveAbsentState,
+			exemptedPath,
+			form,
+			removeCountryTaxInfo
+		]);
+		const prevCountryRef = useRef(country);
+		useEffect(() => {
+			if (!country || prevCountryRef.current === country) return;
+			prevCountryRef.current = country;
+			const hasSavedTaxId = defaultData?.find((t) => t.country === country);
+			if (currentTaxInformation && !hasSavedTaxId) return;
+			if (entityType === CompanyTypesValues.SOLE_PROPRIETORSHIP) return;
+			resetToDefaultData();
+		}, [
+			country,
+			currentTaxInformation,
+			defaultData,
+			entityType,
+			resetToDefaultData
+		]);
+		useEffect(() => {
+			if (country === "SG" && registrationNumber && registrationNumber !== currentTaxInformation?.number) setUenAsTaxId(registrationNumber);
+		}, [
+			registrationNumber,
+			currentTaxInformation?.number,
+			country,
+			setUenAsTaxId
+		]);
+		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
+export { TaxInformationFieldGroup };