@adyen/kyc-components 4.17.0 → 4.18.0-beta.0

package/dist/{BusinessFinancingDropin-DYZPXmaA.js → BusinessFinancingDropin-BIYr1Mgu.js}

@@ -1,48 +1,49 @@
 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] = "3177955f-38dc-407c-92a7-0a93d4c67d4d", e._sentryDebugIdIdentifier = "sentry-dbid-3177955f-38dc-407c-92a7-0a93d4c67d4d");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "02a79a6e-39c6-43ca-aa39-ee62cfc62198", e._sentryDebugIdIdentifier = "sentry-dbid-02a79a6e-39c6-43ca-aa39-ee62cfc62198");
 } catch (e) {}
-import { i as Typography, r as useTranslation } from "./translation-BR3rLb4m.js";
-import { T as datasetUtilities, k as Header } from "./resolveEnvironment-DqVK_B7n.js";
-import { r as Loader, t as Button } from "./Button-3qGOI53m.js";
-import { n as httpGet, s as useApiContext } from "./http-DeQp0G69.js";
+import { i as Typography, r as useTranslation } from "./translation-BYvhW5zA.js";
+import { T as datasetUtilities, k as Header } from "./resolveEnvironment-CL_fPQJG.js";
+import { r as Loader, t as Button } from "./Button-i8I2dHP8.js";
+import { n as httpGet, s as useApiContext } from "./http-8qgzqVqk.js";
 import { t as LegalEntityTypes } from "./legal-entity-type-0MfCGzUf.js";
 import { t as useSettingsContext } from "./useSettingsContext-Bpf4UqRT.js";
 import { n as cloneObject } from "./AnalyticsContext-BnRQ9H1u.js";
-import { y as reverseMapping } from "./processCapabilities-BeE0xWUp.js";
-import { f as hasSolePropInLegalEntity } from "./entityAssociationUtil-C-wflW8q.js";
+import { y as reverseMapping } from "./processCapabilities-C2kMryYn.js";
+import { f as hasSolePropInLegalEntity } from "./entityAssociationUtil-DLXInibJ.js";
 import { t as isEeaCountry } from "./country-BxigZW1s.js";
-import { i as useAnalyticsContext } from "./Modal-DParMHcv.js";
+import { i as useAnalyticsContext } from "./Modal-ByJare7m.js";
 import { t as SettingNames } from "./types-Cwq1JAWT.js";
-import { t as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-QRvyeNwU.js";
-import { n as useToastContext, t as useInvalidateRootLegalEntity } from "./invalidateRootLegalEntity-CCtOf4ib.js";
-import { t as EndStateLayout } from "./EndStateLayout-ic1EOve9.js";
-import { n as translateTranslatable } from "./utils-BtyrxTzp.js";
-import { t as useCreateLegalEntity } from "./useCreateLegalEntity-zPjl13U3.js";
-import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-CsWHWigd.js";
-import { t as Address } from "./Address-BDAWsBP6.js";
-import { i as FormFlow, n as addValidityToForms, o as useFormComposer, r as getRequiredForms, s as FormContextProvider, t as useFormContext } from "./useFormContext-Dtfe218N.js";
-import { t as ErrorPanel } from "./ErrorPanel-BqfHivX7.js";
-import { t as createFormUtils } from "./formUtils-C4NqSvj-.js";
-import { t as useMultiForm } from "./useMultiForm-DGafu7JW.js";
-import { t as useTaskLandedEvent } from "./useTaskLandedEvent-DDVHIkiF.js";
+import { t as useAssociatedLegalEntity } from "./useAssociatedLegalEntity-CkuvFV-D.js";
+import { n as useToastContext, t as useInvalidateRootLegalEntity } from "./invalidateRootLegalEntity-CHNRruhe.js";
+import { t as EndStateLayout } from "./EndStateLayout-CBRHUXyY.js";
+import { n as translateTranslatable } from "./utils-C1buyvRw.js";
+import { t as useCreateLegalEntity } from "./useCreateLegalEntity-CoBr-K0N.js";
+import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-Cdv-ffXE.js";
+import { i as FormFlow, n as addValidityToForms, o as useFormComposer, r as getRequiredForms, s as FormContextProvider, t as useFormContext } from "./useFormContext-CYWY41hm.js";
+import { t as ErrorPanel } from "./ErrorPanel-O79YWbUj.js";
+import { t as createFormUtils } from "./formUtils-BrLGUOLK.js";
+import { t as useMultiForm } from "./useMultiForm-Cccdz8QU.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-BiIxm8IU.js";
 import { c as COUNTRIES_WITH_STATES_DATASET, n as getAddressSchemaLabelsByCountry, r as getKeyForField, t as getAddressSchemaForCountry } from "./utils-BIsRIG8_.js";
-import { i as isValidationError, o as processValidationErrors, s as isMaintenanceModeError } from "./validationError-DwNvWaOL.js";
+import { n as isMaintenanceModeError, t as processValidationErrors } from "./processValidationErrors--FWewgRp.js";
 import { r as formatObject } from "./utils-DdHbAadK.js";
-import { t as localizeDateString } from "./localizeDateString-CU7HGR-k.js";
-import { t as Field } from "./Field-CIqSPDus.js";
-import { t as Select } from "./Select-BgdbPMw9.js";
-import { t as Checkbox } from "./Checkbox-yzDgU8Go.js";
-import { t as getFieldProps } from "./getProps-1L-urpfA.js";
-import { t as Link } from "./Link-C0jrInxa.js";
-import { t as InputText } from "./InputText-DtRsfuMv.js";
-import { t as InputDate } from "./InputDate-DSeCO1wk.js";
-import { n as CountryField } from "./CountryField-BooICUbM.js";
-import { t as RadioGroup } from "./RadioGroup-_XpoFWaf.js";
+import { t as localizeDateString } from "./localizeDateString-Bmx3yBcR.js";
+import { a as isValidationError } from "./validationError-CPM3NYRx.js";
+import { t as Field } from "./Field-Dg-2A6bG.js";
+import { t as Select } from "./Select-D4oEtS2n.js";
+import { t as Checkbox } from "./Checkbox-DdEBnXOB.js";
+import { n as getFieldProps } from "./getProps-DVqK7eRw.js";
+import { t as Link } from "./Link-JFzfaUOa.js";
+import { t as InputText } from "./InputText-CQcWyZ8_.js";
+import { t as InputDate } from "./InputDate-CxzAaaCm.js";
+import { n as CountryField } from "./CountryField-DoLt4vNa.js";
+import { t as RadioGroup } from "./RadioGroup-Bt1Dv_S8.js";
+import { t as Address } from "./Address-CUkUuSeU.js";
 import { t as currencyByCountry } from "./types-KjTYEnAG.js";
-import { a as LegalFormField, i as InputCurrency, n as Currency, o as mapFinancialReportsToFinancialInformation, r as InputNumber, s as mapFinancialInformationToFinancialReport, t as CURRENCY_FIELD } from "./Currency-CFuP1Dyd.js";
-import { t as NewSummary } from "./NewSummary-JEU35ul4.js";
-import { t as businessFinancingMultiformRules } from "./validate-CeVER2vD.js";
+import { a as LegalFormField, i as InputCurrency, n as Currency, o as mapFinancialReportsToFinancialInformation, r as InputNumber, s as mapFinancialInformationToFinancialReport, t as CURRENCY_FIELD } from "./Currency-D1hJGOjo.js";
+import { t as NewSummary } from "./NewSummary-DwQr3V21.js";
+import { t as businessFinancingMultiformRules } from "./validate-Cr-q1Y4p.js";
 import { useEffect, useMemo, useRef, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 import { useQuery } from "@tanstack/preact-query";
@@ -177,6 +178,22 @@ var BusinessFinancingIndices = {
 };
 //#endregion
 //#region src/components/EFP/tasks/BusinessFinancingDropin/utils.ts
+/**
+* Deep-merges freshly processed validation errors into the previous ones, keyed by formId.
+* Merging (rather than replacing) is required because sibling entities (e.g. parent and
+* ultimate parent company) are submitted in parallel and each may contribute errors to the
+* shared summary bucket within a single submit.
+*
+* NOTE: This never removes an error, so callers must reset validation errors at the start of
+* each submit to avoid showing stale errors from a previous attempt.
+*/
+var mergeValidationErrors = (previousValidationErrors, newValidationErrors) => Object.entries(newValidationErrors ?? {}).reduce((acc, [formId, formErrors]) => ({
+	...acc,
+	[formId]: {
+		...acc[formId],
+		...formErrors
+	}
+}), { ...previousValidationErrors });
 var getLegalEntityId = (businessFinancingIndex, rootLegalEntity) => {
 	if (!rootLegalEntity) return void 0;
 	if (businessFinancingIndex === BusinessFinancingIndices.COMPANY || businessFinancingIndex === BusinessFinancingIndices.SOLE_PROPRIETOR) return rootLegalEntity.id;
@@ -1526,6 +1543,10 @@ function BusinessFinancingDropin(props) {
 	const onSubmit = async () => {
 		setLoadingStatus("loading");
 		if (!umfData) return;
+		setProblems((prevProblems) => ({
+			...prevProblems,
+			validationErrors: {}
+		}));
 		const isSoleProprietor = hasSolePropInLegalEntity(rootLegalEntity);
 		const mainEntityDetails = !isSoleProprietor ? prepareBusinessFinancingSubmitData(BusinessFinancingIndices.COMPANY, umfData, rootLegalEntity) : null;
 		const soleProprietorPayloads = isSoleProprietor ? prepareSoleProprietorBusinessFinancingSubmitData(umfData, rootLegalEntity, soleProprietor) : null;
@@ -1625,6 +1646,7 @@ function BusinessFinancingDropin(props) {
 						await invalidateRootLegalEntity();
 						if (showBusinessFinancingFirst || isStandaloneComponent) setShowEndState(true);
 						else externalOnSubmit?.({ ...umfData });
+						setProblems({});
 					} catch (e) {
 						showToast({
 							label: commonT(($) => $["failedToUpdateDetails"]),
@@ -1632,7 +1654,6 @@ function BusinessFinancingDropin(props) {
 						});
 						handleSubmissionError(e, BusinessFinancingIndices.COMPANY);
 					}
-					setProblems({});
 				}
 			} catch (e) {
 				if (!parentCompanyFailed && !ultimateParentCompanyFailed) handleSubmissionError(e, BusinessFinancingIndices.COMPANY);
@@ -1654,10 +1675,7 @@ function BusinessFinancingDropin(props) {
 			const validationErrors = processValidationErrors(error.actualError, void 0, keyMapping);
 			setProblems((prevProblems) => ({
 				...prevProblems,
-				validationErrors: {
-					...prevProblems?.validationErrors,
-					[businessFinancingType]: validationErrors?.[businessFinancingType] ?? {}
-				}
+				validationErrors: mergeValidationErrors(prevProblems?.validationErrors, validationErrors)
 			}));
 		} else if (isMaintenanceModeError(error)) showToast({
 			label: commonT(($) => $["maintenanceModeMessage"]),

package/dist/{BusinessFinancingPage-CWAVQIUu.js → BusinessFinancingPage-C-UIVRTK.js}

@@ -1,13 +1,13 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f4734c93-cb1a-48ea-ba9a-ab3b60cf5de3", e._sentryDebugIdIdentifier = "sentry-dbid-f4734c93-cb1a-48ea-ba9a-ab3b60cf5de3");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "67f65dc9-d7a7-4c42-8ce3-b945c79d183d", e._sentryDebugIdIdentifier = "sentry-dbid-67f65dc9-d7a7-4c42-8ce3-b945c79d183d");
 } catch (e) {}
-import { n as addResourceBundles, r as useTranslation } from "./translation-BR3rLb4m.js";
-import { A as _rolldown_dynamic_import_helper_default } from "./resolveEnvironment-DqVK_B7n.js";
-import { r as Loader } from "./Button-3qGOI53m.js";
-import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-BXk2tzGe.js";
+import { n as addResourceBundles, r as useTranslation } from "./translation-BYvhW5zA.js";
+import { A as _rolldown_dynamic_import_helper_default } from "./resolveEnvironment-CL_fPQJG.js";
+import { r as Loader } from "./Button-i8I2dHP8.js";
+import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-CtlUQv_J.js";
 import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BHh7Ux8v.js";
-import { t as BusinessFinancingDropin } from "./BusinessFinancingDropin-DYZPXmaA.js";
+import { t as BusinessFinancingDropin } from "./BusinessFinancingDropin-BIYr1Mgu.js";
 import { jsx } from "preact/jsx-runtime";
 //#region src/components/EFP/pages/BusinessFinancingPage.tsx
 var BusinessFinancingPage = ({ onSubmit, handleHomeClick }) => {
@@ -47,33 +47,33 @@ var BusinessFinancingPage = ({ onSubmit, handleHomeClick }) => {
 	}, {
 		ns: "common",
 		importFn: (lang) => _rolldown_dynamic_import_helper_default(/* @__PURE__ */ Object.assign({
-			"../../../language/locales/bg-BG.json": () => import("./bg-BG-BHL5r3bk.js"),
-			"../../../language/locales/cs-CZ.json": () => import("./cs-CZ-DfuZr4cv.js"),
-			"../../../language/locales/da-DK.json": () => import("./da-DK-CLx0Hv_L.js"),
-			"../../../language/locales/de-DE.json": () => import("./de-DE-CcOP7Z3J.js"),
-			"../../../language/locales/el-GR.json": () => import("./el-GR-CO9ixkqP.js"),
+			"../../../language/locales/bg-BG.json": () => import("./bg-BG-BNxxbT-Z.js"),
+			"../../../language/locales/cs-CZ.json": () => import("./cs-CZ-Bw702SPD.js"),
+			"../../../language/locales/da-DK.json": () => import("./da-DK-CUL_Et0l.js"),
+			"../../../language/locales/de-DE.json": () => import("./de-DE-D-2q3DBW.js"),
+			"../../../language/locales/el-GR.json": () => import("./el-GR-RkQ7qOtM.js"),
 			"../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-FOYUYA3c.js"),
-			"../../../language/locales/en-US.json": () => import("./en-US-CJsQJw90.js"),
-			"../../../language/locales/es-ES.json": () => import("./es-ES-CwLsmJeQ.js"),
-			"../../../language/locales/es-LA.json": () => import("./es-LA-b7TFh_XZ.js"),
-			"../../../language/locales/et-EE.json": () => import("./et-EE-o65QgBKk.js"),
-			"../../../language/locales/fi-FI.json": () => import("./fi-FI-CKffkrhp.js"),
-			"../../../language/locales/fr-FR.json": () => import("./fr-FR-CQbo6d_Q.js"),
-			"../../../language/locales/hr-HR.json": () => import("./hr-HR-BH4GZRVw.js"),
-			"../../../language/locales/hu-HU.json": () => import("./hu-HU-D0LsAFcV.js"),
-			"../../../language/locales/it-IT.json": () => import("./it-IT-NOsTkUWg.js"),
-			"../../../language/locales/ja-JP.json": () => import("./ja-JP-C98F-BgJ.js"),
-			"../../../language/locales/lt-LT.json": () => import("./lt-LT-erbGBPqF.js"),
-			"../../../language/locales/lv-LV.json": () => import("./lv-LV-xbEcOY__.js"),
-			"../../../language/locales/nl-NL.json": () => import("./nl-NL-Cpuz-HtA.js"),
-			"../../../language/locales/no-NO.json": () => import("./no-NO-Bd3KNpMs.js"),
-			"../../../language/locales/pl-PL.json": () => import("./pl-PL-Bg2G4ioZ.js"),
-			"../../../language/locales/pt-BR.json": () => import("./pt-BR-DT63AAqA2.js"),
-			"../../../language/locales/pt-PT.json": () => import("./pt-PT-BFTfpBI4.js"),
-			"../../../language/locales/ro-RO.json": () => import("./ro-RO-DJeBU2j9.js"),
-			"../../../language/locales/sk-SK.json": () => import("./sk-SK-rMCHSdm4.js"),
-			"../../../language/locales/sl-SI.json": () => import("./sl-SI-Dg4bivT7.js"),
-			"../../../language/locales/sv-SE.json": () => import("./sv-SE-DaklU1jx.js")
+			"../../../language/locales/en-US.json": () => import("./en-US-BNfqvbyW.js"),
+			"../../../language/locales/es-ES.json": () => import("./es-ES-CtKqdJ9Z.js"),
+			"../../../language/locales/es-LA.json": () => import("./es-LA-racbldhR.js"),
+			"../../../language/locales/et-EE.json": () => import("./et-EE-CXOeuULd.js"),
+			"../../../language/locales/fi-FI.json": () => import("./fi-FI-BNfxJDvc.js"),
+			"../../../language/locales/fr-FR.json": () => import("./fr-FR-Byelw2ED.js"),
+			"../../../language/locales/hr-HR.json": () => import("./hr-HR-Cmnnjuvd.js"),
+			"../../../language/locales/hu-HU.json": () => import("./hu-HU-8uDv5c4i.js"),
+			"../../../language/locales/it-IT.json": () => import("./it-IT-VzcvfA7e.js"),
+			"../../../language/locales/ja-JP.json": () => import("./ja-JP-B05v6NdN.js"),
+			"../../../language/locales/lt-LT.json": () => import("./lt-LT-C7Bf2i87.js"),
+			"../../../language/locales/lv-LV.json": () => import("./lv-LV-D3bkGuXV.js"),
+			"../../../language/locales/nl-NL.json": () => import("./nl-NL-lyCxhWKl.js"),
+			"../../../language/locales/no-NO.json": () => import("./no-NO-FFwOUFr9.js"),
+			"../../../language/locales/pl-PL.json": () => import("./pl-PL-B9u7WZBs.js"),
+			"../../../language/locales/pt-BR.json": () => import("./pt-BR-XeJRk5pM2.js"),
+			"../../../language/locales/pt-PT.json": () => import("./pt-PT-CCuTeMbQ.js"),
+			"../../../language/locales/ro-RO.json": () => import("./ro-RO-CXGpXJAG.js"),
+			"../../../language/locales/sk-SK.json": () => import("./sk-SK-DoHPhXvk.js"),
+			"../../../language/locales/sl-SI.json": () => import("./sl-SI-Ga2XE4DC.js"),
+			"../../../language/locales/sv-SE.json": () => import("./sv-SE-DYjpbult.js")
 		}), `../../../language/locales/${lang}.json`, 6)
 	}]);
 	if (!rootLe) return /* @__PURE__ */ jsx(Loader, {});

package/dist/{BusinessTypeSelectionPage-mR4yxGIO.js → BusinessTypeSelectionPage-CFz9n5DM.js}

@@ -1,24 +1,24 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "82d93181-c75e-4bc9-92a9-8f9dc2d7d5d5", e._sentryDebugIdIdentifier = "sentry-dbid-82d93181-c75e-4bc9-92a9-8f9dc2d7d5d5");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b85288d8-1963-4dc3-acef-a98f152b940d", e._sentryDebugIdIdentifier = "sentry-dbid-b85288d8-1963-4dc3-acef-a98f152b940d");
 } catch (e) {}
-import { i as Typography, o as createLogger, r as useTranslation } from "./translation-BR3rLb4m.js";
-import { ft as useAccountHolder } from "./resolveEnvironment-DqVK_B7n.js";
-import { r as Loader, t as Button } from "./Button-3qGOI53m.js";
-import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-BXk2tzGe.js";
+import { i as Typography, o as createLogger, r as useTranslation } from "./translation-BYvhW5zA.js";
+import { ft as useAccountHolder } from "./resolveEnvironment-CL_fPQJG.js";
+import { r as Loader, t as Button } from "./Button-i8I2dHP8.js";
+import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-CtlUQv_J.js";
 import { t as LegalEntityTypes } from "./legal-entity-type-0MfCGzUf.js";
 import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BHh7Ux8v.js";
-import { t as getCapabilities } from "./processCapabilities-BeE0xWUp.js";
-import { i as useAnalyticsContext } from "./Modal-DParMHcv.js";
-import { n as useToastContext } from "./invalidateRootLegalEntity-CCtOf4ib.js";
-import { r as LoaderWrapper } from "./utils-BtyrxTzp.js";
-import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-CsWHWigd.js";
-import { t as useTaskLandedEvent } from "./useTaskLandedEvent-DDVHIkiF.js";
-import { t as Field } from "./Field-CIqSPDus.js";
-import { t as TileGroup } from "./TileGroup-DWtO7N2P.js";
-import { t as useForm } from "./useForm-DhSq8lwH.js";
+import { t as getCapabilities } from "./processCapabilities-C2kMryYn.js";
+import { i as useAnalyticsContext } from "./Modal-ByJare7m.js";
+import { n as useToastContext } from "./invalidateRootLegalEntity-CHNRruhe.js";
+import { r as LoaderWrapper } from "./utils-C1buyvRw.js";
+import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-Cdv-ffXE.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-BiIxm8IU.js";
+import { t as Field } from "./Field-Dg-2A6bG.js";
+import { t as TileGroup } from "./TileGroup-PzJay6GP.js";
+import { t as useForm } from "./useForm-Cj24Z0GS.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-CGlii18m.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-DnCitvpf.js";
 import { useEffect, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/datasets/generators/getBusinessTypeExamplesForCountry.ts

package/dist/{Button-3qGOI53m.js → Button-i8I2dHP8.js}

@@ -2,7 +2,7 @@ try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4472c2f7-a4d0-4e03-9801-71e5f9ca14ae", e._sentryDebugIdIdentifier = "sentry-dbid-4472c2f7-a4d0-4e03-9801-71e5f9ca14ae");
 } catch (e) {}
-import { a as Icon, i as Typography, r as useTranslation } from "./translation-BR3rLb4m.js";
+import { a as Icon, i as Typography, r as useTranslation } from "./translation-BYvhW5zA.js";
 import { useLayoutEffect } from "preact/hooks";
 import cx from "classnames";
 import { jsx, jsxs } from "preact/jsx-runtime";

package/dist/{Checkbox-yzDgU8Go.js → Checkbox-DdEBnXOB.js}

@@ -2,7 +2,7 @@ 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] = "21b5f4b5-e6aa-485f-81bb-5191296c392b", e._sentryDebugIdIdentifier = "sentry-dbid-21b5f4b5-e6aa-485f-81bb-5191296c392b");
 } catch (e) {}
-import { i as useAnalyticsContext } from "./Modal-DParMHcv.js";
+import { i as useAnalyticsContext } from "./Modal-ByJare7m.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/components/ui/atoms/Checkbox/Checkbox.tsx

package/dist/{CompanyRegistrationNumberTypeSelector-DuiQt7Rc.js → CompanyRegistrationNumberTypeSelector-BXzFJpA0.js}

@@ -1,15 +1,15 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7fcb4d33-5ff5-4861-8af7-bd3e60ab6748", e._sentryDebugIdIdentifier = "sentry-dbid-7fcb4d33-5ff5-4861-8af7-bd3e60ab6748");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "14f00c46-4e20-44d7-9600-5deab7447509", e._sentryDebugIdIdentifier = "sentry-dbid-14f00c46-4e20-44d7-9600-5deab7447509");
 } catch (e) {}
-import { r as useTranslation } from "./translation-BR3rLb4m.js";
+import { r as useTranslation } from "./translation-BYvhW5zA.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
-import { c as CompanyTypesValues } from "./bafinUtils-BKq-s1Ka.js";
-import { l as numericInputs, s as makeMask, u as spacer } from "./MaskedInput-C5W0lx70.js";
-import { a as validateNotEmptyOnBlur, o as validatePatternOnBlur } from "./patternValidators-ldthuMTg.js";
-import { M as businessRegistrationNumberMasks, N as stateFormatGuidanceText, j as businessRegistrationNumberPatterns } from "./utils-CTt_G6Rx.js";
-import { t as Field } from "./Field-CIqSPDus.js";
-import { t as RadioGroup } from "./RadioGroup-_XpoFWaf.js";
+import { c as CompanyTypesValues } from "./bafinUtils-CbfyDBkh.js";
+import { l as numericInputs, s as makeMask, u as spacer } from "./MaskedInput-ClZhzZhf.js";
+import { a as validateNotEmptyOnBlur, o as validatePatternOnBlur } from "./patternValidators-BFk0f6IP.js";
+import { M as businessRegistrationNumberMasks, N as stateFormatGuidanceText, j as businessRegistrationNumberPatterns } from "./utils-DK1Fqkgs.js";
+import { t as Field } from "./Field-Dg-2A6bG.js";
+import { t as RadioGroup } from "./RadioGroup-Bt1Dv_S8.js";
 import { useCallback, useEffect, useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
 //#region src/components/Shared/fields/BusinessRegistrationNumberField/fieldConfig.ts
@@ -485,18 +485,6 @@ var registrationNumberDefaultFieldConfig = {
 			}
 		}
 	},
-	[CountryCodes.Mexico]: {
-		label: "RFC",
-		mask: businessRegistrationNumberMasks[CountryCodes.Mexico].default,
-		validators: validatePatternOnBlur(businessRegistrationNumberPatterns[CountryCodes.Mexico].default),
-		guidanceText: {
-			key: "enterNDigitsForExample",
-			values: {
-				numDigits: "12",
-				example: "LFM200817DGA"
-			}
-		}
-	},
 	[CountryCodes.Monaco]: ({ registrationNumberType }) => {
 		switch (registrationNumberType) {
 			case "mcRegistrationNumberSoleProp": return {

package/dist/{Confirm-D3iEEzM7.js → Confirm-DcqMV7rd.js}

@@ -2,9 +2,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] = "4aedd1b9-81aa-40d2-9fc4-4b7fc8dfa8eb", e._sentryDebugIdIdentifier = "sentry-dbid-4aedd1b9-81aa-40d2-9fc4-4b7fc8dfa8eb");
 } catch (e) {}
-import { i as Typography, r as useTranslation } from "./translation-BR3rLb4m.js";
-import { t as Button } from "./Button-3qGOI53m.js";
-import { i as useAnalyticsContext, t as Modal } from "./Modal-DParMHcv.js";
+import { i as Typography, r as useTranslation } from "./translation-BYvhW5zA.js";
+import { t as Button } from "./Button-i8I2dHP8.js";
+import { i as useAnalyticsContext, t as Modal } from "./Modal-ByJare7m.js";
 import { useEffect, useState } from "preact/hooks";
 import { jsx, jsxs } from "preact/jsx-runtime";
 var Confirm_module_default = {

package/dist/{ContactDetails-DfGTy-MW.js → ContactDetails-BAmxW5qa.js}

@@ -1,18 +1,18 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "cddb4081-85ec-4688-9a98-3e9ab1cd5635", e._sentryDebugIdIdentifier = "sentry-dbid-cddb4081-85ec-4688-9a98-3e9ab1cd5635");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "afbd65dd-0102-47c8-800c-c92d3a0b7824", e._sentryDebugIdIdentifier = "sentry-dbid-afbd65dd-0102-47c8-800c-c92d3a0b7824");
 } catch (e) {}
-import { r as useTranslation } from "./translation-BR3rLb4m.js";
-import { C as useDataset, k as Header, nt as isEmpty, w as datasetIdentifier } from "./resolveEnvironment-DqVK_B7n.js";
-import { r as httpPost, s as useApiContext } from "./http-DeQp0G69.js";
+import { r as useTranslation } from "./translation-BYvhW5zA.js";
+import { C as useDataset, k as Header, nt as isEmpty, w as datasetIdentifier } from "./resolveEnvironment-CL_fPQJG.js";
+import { r as httpPost, s as useApiContext } from "./http-8qgzqVqk.js";
 import { s as entriesOf } from "./AnalyticsContext-BnRQ9H1u.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
-import { n as mergeFieldMetadataIntoProps, t as createFormUtils } from "./formUtils-C4NqSvj-.js";
-import { c as nonInputs, l as numericInputs, n as InputEmail, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-C5W0lx70.js";
+import { n as mergeFieldMetadataIntoProps, t as createFormUtils } from "./formUtils-BrLGUOLK.js";
+import { c as nonInputs, l as numericInputs, n as InputEmail, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-ClZhzZhf.js";
 import { n as emailPattern } from "./basePatterns-plHFNzgJ.js";
 import { t as resolveFieldMetadata } from "./fieldConfigurations-CZCFghnK.js";
-import { t as Field } from "./Field-CIqSPDus.js";
-import { t as Select } from "./Select-BgdbPMw9.js";
+import { t as Field } from "./Field-Dg-2A6bG.js";
+import { t as Select } from "./Select-D4oEtS2n.js";
 import { t as InputGroup } from "./InputGroup-B4U3QVEp.js";
 import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
 import { jsx, jsxs } from "preact/jsx-runtime";

package/dist/{ContextGuidance-CBREh6Su.js → ContextGuidance-DPro1Ce0.js}

@@ -2,8 +2,8 @@ try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d5da8859-9632-4657-931c-9316f8fa78d1", e._sentryDebugIdIdentifier = "sentry-dbid-d5da8859-9632-4657-931c-9316f8fa78d1");
 } catch (e) {}
-import { x as Alert } from "./resolveEnvironment-DqVK_B7n.js";
-import { i as useAnalyticsContext } from "./Modal-DParMHcv.js";
+import { x as Alert } from "./resolveEnvironment-CL_fPQJG.js";
+import { i as useAnalyticsContext } from "./Modal-ByJare7m.js";
 import { jsx } from "preact/jsx-runtime";
 //#region src/components/ui/molecules/ContextGuidance/ContextGuidance.tsx
 function ContextGuidance({ title, content, titleId, contentId, trackingParams }) {

package/dist/{CountryField-BooICUbM.js → CountryField-DoLt4vNa.js}

@@ -1,11 +1,11 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7f436cd8-46e3-4953-841c-bdf80d4f6089", e._sentryDebugIdIdentifier = "sentry-dbid-7f436cd8-46e3-4953-841c-bdf80d4f6089");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "2e013062-29d3-4755-8d16-061e7130af92", e._sentryDebugIdIdentifier = "sentry-dbid-2e013062-29d3-4755-8d16-061e7130af92");
 } catch (e) {}
-import { r as useTranslation } from "./translation-BR3rLb4m.js";
-import { C as useDataset, w as datasetIdentifier } from "./resolveEnvironment-DqVK_B7n.js";
-import { t as Field } from "./Field-CIqSPDus.js";
-import { t as Select } from "./Select-BgdbPMw9.js";
+import { r as useTranslation } from "./translation-BYvhW5zA.js";
+import { C as useDataset, w as datasetIdentifier } from "./resolveEnvironment-CL_fPQJG.js";
+import { t as Field } from "./Field-Dg-2A6bG.js";
+import { t as Select } from "./Select-D4oEtS2n.js";
 import { useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
 //#region src/components/Shared/fields/CountryField/CountryField.tsx

package/dist/{Currency-CFuP1Dyd.js → Currency-D1hJGOjo.js}

@@ -1,35 +1,70 @@
 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] = "625e4dec-803b-46fc-87b8-a11a9d93556d", e._sentryDebugIdIdentifier = "sentry-dbid-625e4dec-803b-46fc-87b8-a11a9d93556d");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d8f6ac9e-23f6-45de-9a4a-a55c210c5e72", e._sentryDebugIdIdentifier = "sentry-dbid-d8f6ac9e-23f6-45de-9a4a-a55c210c5e72");
 } catch (e) {}
-import { o as createLogger, r as useTranslation } from "./translation-BR3rLb4m.js";
-import { at as isUndefinedOrNull } from "./resolveEnvironment-DqVK_B7n.js";
-import { n as httpGet, s as useApiContext } from "./http-DeQp0G69.js";
+import { o as createLogger, r as useTranslation } from "./translation-BYvhW5zA.js";
+import { at as isUndefinedOrNull } from "./resolveEnvironment-CL_fPQJG.js";
+import { n as httpGet, s as useApiContext } from "./http-8qgzqVqk.js";
 import { i as drop } from "./AnalyticsContext-BnRQ9H1u.js";
-import { t as Field } from "./Field-CIqSPDus.js";
-import { t as Select } from "./Select-BgdbPMw9.js";
-import { r as InputBase, t as InputText } from "./InputText-DtRsfuMv.js";
+import { l as addressFields } from "./utils-BIsRIG8_.js";
+import { t as Field } from "./Field-Dg-2A6bG.js";
+import { t as Select } from "./Select-D4oEtS2n.js";
+import { t as capitalize } from "./getProps-DVqK7eRw.js";
+import { r as InputBase, t as InputText } from "./InputText-CQcWyZ8_.js";
 import { t as currencyByCountry } from "./types-KjTYEnAG.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
 import { useQuery } from "@tanstack/preact-query";
 //#region src/components/Business/forms/AdditionalInformation/utils.ts
+var JP_ONLY_ADDRESS_FIELDS = [
+	"jaHaniStateOrProvince",
+	"jaHaniCity",
+	"jaHaniStreet",
+	"jaKanaStateOrProvince",
+	"jaKanaCity",
+	"street2FullWidth"
+];
+var ALL_ADDRESS_FIELDS = [...addressFields, ...JP_ONLY_ADDRESS_FIELDS];
 /**
-* Parses the nested trusted fields on a legal entity e.g. ['registrationAddress.address', 'registrationAddress.postalCode']
+* Parses the nested trusted fields on a legal entity e.g. ['registrationAddress.address', 'registrationAddress.postalCode'],
+* rebuilding them into the flattened, prefixed fields for the addresses, e.g., `registrationAddress.address` -> `registrationAddressAddress`
 *
-* @param field - field in formSchema
-* @param data - data in useForm
+* @param prefix - `registrationAddress` or `operationalAddress`
 * @param trustedFields - trustedFields on legal entity
 * @returns An array of the nested field keys that are trusted
 */
-var getNestedTrustedFields = (field, data, trustedFields) => {
-	if (trustedFields && data?.[field] && typeof data[field] === "object") return trustedFields.reduce((fields, trustedField) => {
-		const splitField = trustedField.split(".");
-		if (splitField[0] === field) return [...fields, splitField[1]];
-		return fields;
-	}, []);
-	return [];
+var getNestedTrustedFields = (prefix, trustedFields) => {
+	if (!trustedFields) return [];
+	const flattenedTrustedFields = [];
+	for (const trustedField of trustedFields) {
+		const [group, field] = trustedField.split(".");
+		if (group === prefix && field) flattenedTrustedFields.push(`${prefix}${capitalize(field)}`);
+	}
+	return flattenedTrustedFields;
 };
+/**
+* Flattens a nested address schema using the provided prefix to avoid collisions so each
+* field can be handled individually.
+*
+* `flattenAddressSchema('registrationAddress', { city: 'Chicago' })` -> `{ registrationAddressCity: 'Chicago' }`
+*/
+function flattenAddressSchema(prefix, address) {
+	const flattenedAddressSchema = {};
+	for (const field of ALL_ADDRESS_FIELDS) flattenedAddressSchema[`${prefix}${capitalize(field)}`] = address?.[field];
+	return flattenedAddressSchema;
+}
+/**
+* Nests a flattened address schema, removing the provided prefix from each field. Used for
+* utilities that still expect nested data.
+*
+* `flattenAddressSchema('registrationAddress', { registrationAddressCity: 'Chicago' })` -> `{ city: 'Chicago' }`
+*/
+function nestAddressSchema(prefix, flatData) {
+	const nestedAddressSchema = {};
+	for (const field of ALL_ADDRESS_FIELDS) nestedAddressSchema[field] = flatData?.[`${prefix}${capitalize(field)}`];
+	return nestedAddressSchema;
+}
+var getPrefixedAddressFieldNames = (prefix) => ALL_ADDRESS_FIELDS.map((field) => `${prefix}${capitalize(field)}`);
 var mapAddressData = (verifiedBusiness) => ({
 	street: verifiedBusiness.street ?? "",
 	street2: verifiedBusiness.street2 ?? "",
@@ -223,4 +258,4 @@ function Currency({ data, valid, errors, labels, readonly, handleChangeFor, coun
 	});
 }
 //#endregion
-export { LegalFormField as a, getNestedTrustedFields as c, InputCurrency as i, isDateOlderThanAYear as l, Currency as n, mapFinancialReportsToFinancialInformation as o, InputNumber as r, mapFinancialInformationToFinancialReport as s, CURRENCY_FIELD as t, mapAddressData as u };
+export { LegalFormField as a, ALL_ADDRESS_FIELDS as c, getPrefixedAddressFieldNames as d, isDateOlderThanAYear as f, InputCurrency as i, flattenAddressSchema as l, nestAddressSchema as m, Currency as n, mapFinancialReportsToFinancialInformation as o, mapAddressData as p, InputNumber as r, mapFinancialInformationToFinancialReport as s, CURRENCY_FIELD as t, getNestedTrustedFields as u };

package/dist/{CustomerSupport-DFyRJizn.js → CustomerSupport-Bsi7JCV0.js}

@@ -1,21 +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] = "510b5451-d1fe-41a5-8b5f-a1e24c304c11", e._sentryDebugIdIdentifier = "sentry-dbid-510b5451-d1fe-41a5-8b5f-a1e24c304c11");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "928869ce-b2f0-4cb0-93f1-240d81fd1206", e._sentryDebugIdIdentifier = "sentry-dbid-928869ce-b2f0-4cb0-93f1-240d81fd1206");
 } catch (e) {}
-import { o as createLogger, r as useTranslation } from "./translation-BR3rLb4m.js";
-import { k as Header } from "./resolveEnvironment-DqVK_B7n.js";
-import { r as Loader, t as Button } from "./Button-3qGOI53m.js";
-import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-BXk2tzGe.js";
-import { C as EntityTypes } from "./processCapabilities-BeE0xWUp.js";
-import { i as useAnalyticsContext } from "./Modal-DParMHcv.js";
-import { n as useToastContext } from "./invalidateRootLegalEntity-CCtOf4ib.js";
-import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-CjAq8_4L.js";
-import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-CsWHWigd.js";
-import { a as contactDetailsValidationRules, c as getAsyncPhoneValidationRules, o as defaultFieldMetadata, s as fieldConfig, t as ContactDetails, u as useValidatePhoneNumberImperatively } from "./ContactDetails-DfGTy-MW.js";
-import { t as ErrorPanel } from "./ErrorPanel-BqfHivX7.js";
-import { t as createFormUtils } from "./formUtils-C4NqSvj-.js";
-import { t as useMultiForm } from "./useMultiForm-DGafu7JW.js";
-import { t as useTaskLandedEvent } from "./useTaskLandedEvent-DDVHIkiF.js";
+import { o as createLogger, r as useTranslation } from "./translation-BYvhW5zA.js";
+import { k as Header } from "./resolveEnvironment-CL_fPQJG.js";
+import { r as Loader, t as Button } from "./Button-i8I2dHP8.js";
+import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-CtlUQv_J.js";
+import { C as EntityTypes } from "./processCapabilities-C2kMryYn.js";
+import { i as useAnalyticsContext } from "./Modal-ByJare7m.js";
+import { n as useToastContext } from "./invalidateRootLegalEntity-CHNRruhe.js";
+import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-ubvE1Px7.js";
+import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-Cdv-ffXE.js";
+import { a as contactDetailsValidationRules, c as getAsyncPhoneValidationRules, o as defaultFieldMetadata, s as fieldConfig, t as ContactDetails, u as useValidatePhoneNumberImperatively } from "./ContactDetails-BAmxW5qa.js";
+import { t as ErrorPanel } from "./ErrorPanel-O79YWbUj.js";
+import { t as createFormUtils } from "./formUtils-BrLGUOLK.js";
+import { t as useMultiForm } from "./useMultiForm-Cccdz8QU.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-BiIxm8IU.js";
 import { t as resolveFieldMetadata } from "./fieldConfigurations-CZCFghnK.js";
 import { t as Spacer } from "./Spacer-CEHRO4Ml.js";
 import { useCallback, useMemo } from "preact/hooks";

package/dist/{DataConflictsModal-DQ3mkW9z.js → DataConflictsModal-DFtNyKkX.js}

@@ -1,14 +1,14 @@
 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] = "8c59a0e9-edd2-4af9-9870-6c2a7f5ebba6", e._sentryDebugIdIdentifier = "sentry-dbid-8c59a0e9-edd2-4af9-9870-6c2a7f5ebba6");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b21048c7-8490-4ae3-801a-03f8aedbf5f1", e._sentryDebugIdIdentifier = "sentry-dbid-b21048c7-8490-4ae3-801a-03f8aedbf5f1");
 } catch (e) {}
-import { i as Typography, r as useTranslation } from "./translation-BR3rLb4m.js";
-import { P as listToRecord, x as Alert } from "./resolveEnvironment-DqVK_B7n.js";
-import { t as Button } from "./Button-3qGOI53m.js";
+import { i as Typography, r as useTranslation } from "./translation-BYvhW5zA.js";
+import { P as listToRecord, x as Alert } from "./resolveEnvironment-CL_fPQJG.js";
+import { t as Button } from "./Button-i8I2dHP8.js";
 import { c as keysOf } from "./AnalyticsContext-BnRQ9H1u.js";
-import { t as Modal } from "./Modal-DParMHcv.js";
-import { t as Confirm } from "./Confirm-D3iEEzM7.js";
-import { n as RadioWithLabel } from "./RadioGroup-_XpoFWaf.js";
+import { t as Modal } from "./Modal-ByJare7m.js";
+import { t as Confirm } from "./Confirm-DcqMV7rd.js";
+import { n as RadioWithLabel } from "./RadioGroup-Bt1Dv_S8.js";
 import { t as isEmpty } from "./isEmpty-MyMko24J.js";
 import { useCallback, useEffect, useMemo, useState } from "preact/hooks";
 import cx from "classnames";