@adyen/kyc-components 4.25.2 → 4.26.0-beta.1

package/dist/{Select-prMx73V9.js → Select-DwuMMZWv.js}

@@ -1,21 +1,335 @@
 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] = "ed3378bc-508b-4df0-945c-0f3e20def68c", e._sentryDebugIdIdentifier = "sentry-dbid-ed3378bc-508b-4df0-945c-0f3e20def68c");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "cbce9c78-cf1d-48d6-8eeb-677b0938076e", e._sentryDebugIdIdentifier = "sentry-dbid-cbce9c78-cf1d-48d6-8eeb-677b0938076e");
 } catch (e) {}
-import { r as useTranslation } from "./translation-DbATp_35.js";
+import { r as useTranslation } from "./translation-CpH8D2NK.js";
+import { I as ToastContextProvider } from "./resolveEnvironment-DwfwgVEU.js";
 import { t as createLogger } from "./logger-Z8AeTE4x.js";
+import { t as Icon } from "./Icon-_YUEZg1p.js";
 import { t as Typography } from "./Typography-CAc_f5Iq.js";
-import { t as Loader } from "./Loader-BVtlpTeo.js";
-import { i as noop } from "./genUtils-nphCwt1A.js";
-import { t as useAnalyticsContext } from "./useAnalyticsContext-gSnRnYgV.js";
-import { t as KEYBOARD_KEYS } from "./keys-Ce8YnRP2.js";
-import { t as useId } from "./useId-BkDhUta2.js";
-import { t as debouncedInputEvent } from "./debouncedInputEvent-Fwwp_K_-.js";
-import { t as Checkbox } from "./Checkbox-qfdF12cF.js";
+import { t as Loader } from "./Loader-BDaKGf77.js";
+import { i as noop, o as entriesOf } from "./genUtils-nphCwt1A.js";
+import { n as debouncedInputEvent, t as Checkbox } from "./Checkbox-CpzEl3ji.js";
+import { i as useAnalyticsContext, r as KEYBOARD_KEYS, t as Modal } from "./Modal-C-T-spfu.js";
+import { t as useId } from "./useId-DbtfzzaE.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "preact/hooks";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 import { computed, signal, useSignal, useSignalEffect } from "@preact/signals";
+var LoaderWrapper_module_default = {
+	"loader-wrapper-loader": "_loader-wrapper-loader_17ekf_1",
+	loaderWrapperLoader: "_loader-wrapper-loader_17ekf_1",
+	"loader-wrapper-loader-active": "_loader-wrapper-loader-active_17ekf_11",
+	loaderWrapperLoaderActive: "_loader-wrapper-loader-active_17ekf_11"
+};
+//#endregion
+//#region src/components/ui/atoms/LoaderWrapper/LoaderWrapper.tsx
+var LoaderWrapper = ({ children, status, formOpacityWhenLoading = 0, loaderSize = "medium", showSpinner = true, className }) => {
+	const opacitySyle = status === "loading" ? { opacity: formOpacityWhenLoading } : { opacity: 1 };
+	const showLoader = status === "loading" && showSpinner;
+	const loaderWrapperClass = cx(LoaderWrapper_module_default.loaderWrapperLoader, { [LoaderWrapper_module_default.loaderWrapperLoaderActive]: showLoader });
+	const overlayClass = cx(LoaderWrapper_module_default.loaderWrapper, className);
+	return /* @__PURE__ */ jsxs("div", {
+		className: overlayClass,
+		style: { position: "relative" },
+		children: [showLoader && /* @__PURE__ */ jsx("div", {
+			className: loaderWrapperClass,
+			children: /* @__PURE__ */ jsx(Loader, { size: loaderSize })
+		}), /* @__PURE__ */ jsx("div", {
+			className: LoaderWrapper_module_default.loaderWrapperForm,
+			style: opacitySyle,
+			children
+		})]
+	});
+};
+//#endregion
+//#region src/language/utils.ts
+/**
+* Returns a LanguageCode from locale
+* @param locale - The locale the user wants to use
+*
+* @example for getLanguageCode('en-US')
+* // returns 'en'
+*/
+var getLanguageCode = (locale) => {
+	const [languageCode] = locale.split("-");
+	return languageCode;
+};
+var isTranslationObject = (value) => value !== null && typeof value === "object" && "key" in value && "values" in value;
+/**
+* A helper function to translate a `Translatable` type, which can be either a simple string key
+* or an object with a key and values for interpolation. It uses the provided `i18next` `t` function.
+*
+* @param t - The `i18next` translation function.
+* @param translatable - The string or object to translate.
+* @returns The translated string.
+*/
+var translateTranslatable = (t, translatable) => {
+	if (!translatable) return void 0;
+	if (isTranslationObject(translatable)) return t(($) => $[translatable.key], translatable.values);
+	return t(($) => $[translatable]);
+};
+//#endregion
+//#region src/hooks/formUtils.ts
+/**
+* Creates a new object with specified keys omitted.
+*
+* @param obj - The source object
+* @param omit - Array of keys to omit from the result
+* @returns A new object without the omitted keys
+*/
+var omitKeys = (obj, omit) => {
+	const filtered = { ...obj };
+	for (const key of omit) delete filtered[key];
+	return filtered;
+};
+/**
+* Adds keys to an object with values resolved from multiple sources.
+* Priority: existing value > pendingData > defaultData > initialValue
+*
+* @param obj - The base object to extend
+* @param add - Array of keys to add
+* @param initialValue - Fallback value if no other source has the key
+* @param defaultData - Default values for keys
+* @param pendingData - Pending values (highest priority after existing)
+* @returns A new object with the added keys
+*/
+var addKeys = (obj, add, initialValue, defaultData, pendingData) => {
+	const extended = { ...obj };
+	for (const key of add) if (!(key in extended) || extended[key] === void 0) extended[key] = pendingData?.[key] ?? defaultData?.[key] ?? initialValue;
+	return extended;
+};
+/**
+* @description Extracts the field schema data from the form schema using the field component
+*
+* @param formData The data of the form using the field component
+* @param fieldKeys The keys in the field schema
+* @returns An object containing only the field schemas form data
+*/
+function getDataByFields(formData, fieldKeys) {
+	return entriesOf(formData).reduce((acc, [key, val]) => {
+		if (fieldKeys.includes(key)) return {
+			...acc,
+			[key]: val
+		};
+		return acc;
+	}, {});
+}
+//#endregion
+//#region src/utils/validation/validationResult.ts
+var ValidationResult = class {
+	validationResults;
+	constructor(results) {
+		this.validationResults = results;
+	}
+	/** Checks if all validation rules have passed */
+	get isValid() {
+		return this.validationResults.reduce((acc, result) => acc && result.isValid, true);
+	}
+	/** Checks if any validation rule returned an error */
+	hasError() {
+		return Boolean(this.getError());
+	}
+	/** Returns the first validation result that returned an error */
+	getError() {
+		return this.validationResults.find((result) => result.hasError);
+	}
+	/** Used to add async validation results to the static validation result*/
+	addError(result) {
+		this.validationResults.push(result);
+		return this.validationResults;
+	}
+};
+//#endregion
+//#region src/components/ui/atoms/Modal/MaybeModal.tsx
+/**
+* Renders a modal or an inline div
+* @returns {Modal|HTMLDivElement}
+*/
+var MaybeModal = ({ ariaLabel, children, inline = false, inset, onClose, showCloseButton, size }) => {
+	return inline ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Modal, {
+		onClose,
+		ariaLabel,
+		size,
+		inset,
+		showCloseButton,
+		children: /* @__PURE__ */ jsx(ToastContextProvider, { children })
+	});
+};
+var ProgressBar_module_default = {
+	"progress-bar": "_progress-bar_1d5l3_1",
+	progressBar: "_progress-bar_1d5l3_1",
+	"progress-bar-rounded": "_progress-bar-rounded_1d5l3_8",
+	progressBarRounded: "_progress-bar-rounded_1d5l3_8",
+	"progress-bar-indicator": "_progress-bar-indicator_1d5l3_12",
+	progressBarIndicator: "_progress-bar-indicator_1d5l3_12"
+};
+//#endregion
+//#region src/components/ui/atoms/ProgressBar/ProgressBar.tsx
+var ProgressBar = ({ progress, ariaLabel, rounded = false }) => {
+	const clamp = (value) => {
+		return Math.min(Math.max(value, 0), 100);
+	};
+	const clampedProgress = clamp(progress);
+	const cssWidth = `${clampedProgress}%`;
+	const className = cx(ProgressBar_module_default.progressBar, { [ProgressBar_module_default.progressBarRounded]: rounded });
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		role: "progressbar",
+		"aria-label": ariaLabel,
+		"aria-valuenow": clampedProgress,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: ProgressBar_module_default.progressBarIndicator,
+			style: { width: cssWidth },
+			children: [progress, "%"]
+		})
+	});
+};
+//#endregion
+//#region src/components/ui/molecules/ErrorPanel/constants.ts
+var ARIA_ERROR_SUFFIX = "-ariaError";
+//#endregion
+//#region src/components/ui/atoms/Field/Field.tsx
+/**
+* Internal component to render either a wrapping `<div>` for a single input field,
+* or a `<fieldset>` for a group of related inputs (like RadioGroupCard or RadioGroup).
+*/
+var MaybeFieldset = ({ children, className, name, disabled, el, dataTestId }) => el === "fieldset" ? /* @__PURE__ */ jsx("fieldset", {
+	name,
+	disabled,
+	className,
+	"data-testid": dataTestId,
+	children
+}) : /* @__PURE__ */ jsx("div", {
+	className,
+	"data-testid": dataTestId,
+	children
+});
+/**
+* A wrapper component for form inputs that provides consistent layout and handling for labels,
+* descriptions (ex. helper text, error text), validation, styling, etc.
+* For use with various input components like `InputText`, `InputDate`, `Select`, etc.
+* 
+* FieldChildProps are props passed to children which include a unique identifier (id) and other validation/a11y related props
+*
+* @example
+* ```tsx
+* <Field name="lastName" label="Last name" isValid={valid?.lastName} helper="This is helper text" >
+{(childProps) => (
+<InputText
+{...childProps}
+name="lastName"
+value={data?.lastName}
+/>
+)}
+</Field>
+* ```
+*/
+var Field = ({ className, children, disabled, optional, errorMessage, formatGuidance, helper, helperPosition = "above", isValid, label, name, showErrorIconBottom = false, showErrorIcon = true, el = "div", dataTestId, onBlur, onFieldBlur, onFocus }) => {
+	const uniqueId = useId("field");
+	const { t } = useTranslation("common");
+	const userEvents = useAnalyticsContext();
+	const Label = el === "fieldset" ? "legend" : "label";
+	useEffect(() => {
+		if (!errorMessage) return;
+		userEvents.addFieldEvent("Encountered error", {
+			actionType: "input",
+			field: name,
+			returnType: "validation",
+			returnValue: errorMessage.key
+		});
+	}, [
+		name,
+		errorMessage,
+		userEvents
+	]);
+	const elementIds = {
+		label: `${uniqueId}-label`,
+		helper: `${uniqueId}-helper`,
+		error: `${uniqueId}${ARIA_ERROR_SUFFIX}`,
+		guidanceText: `${uniqueId}-guidanceText`
+	};
+	const inputDescribedBy = `${errorMessage ? elementIds.error : ""} ${helper ? elementIds.helper : ""} ${formatGuidance ? elementIds.guidanceText : ""}`.trim();
+	return /* @__PURE__ */ jsxs(MaybeFieldset, {
+		className: cx("adyen-kyc-field", className, {
+			"adyen-kyc-field--error": !!errorMessage,
+			"adyen-kyc-field--valid": isValid,
+			"adyen-kyc-field--disabled": disabled
+		}),
+		name,
+		disabled,
+		el,
+		dataTestId,
+		children: [
+			label && /* @__PURE__ */ jsxs(Label, {
+				id: elementIds.label,
+				htmlFor: el === "fieldset" ? void 0 : uniqueId,
+				className: cx("adyen-kyc-label__text", { "adyen-kyc-label__text--error": !!errorMessage }),
+				children: [label, optional && /* @__PURE__ */ jsxs("span", {
+					className: "adyen-kyc-optional-label",
+					children: [" ", t(($) => $["optional"])]
+				})]
+			}),
+			helper && helperPosition === "above" && /* @__PURE__ */ jsx("span", {
+				id: elementIds.helper,
+				className: "adyen-kyc-helper-text adyen-kyc-helper-text__above",
+				children: helper
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "adyen-kyc-input-wrapper",
+				children: [
+					children({
+						id: uniqueId,
+						"aria-labelledby": elementIds.label,
+						"aria-describedby": inputDescribedBy,
+						isInvalid: !!errorMessage,
+						isValid: !!isValid,
+						onBlurHandler: (e) => {
+							if (typeof onBlur === "function") onBlur(e);
+							if (typeof onFieldBlur === "function") onFieldBlur(e);
+						},
+						onFocusHandler: (e) => {
+							if (typeof onFocus === "function") onFocus(e);
+						}
+					}),
+					helper && helperPosition === "below" && /* @__PURE__ */ jsx("span", {
+						id: elementIds.helper,
+						className: "adyen-kyc-helper-text adyen-kyc-helper-text__below",
+						children: helper
+					}),
+					!!errorMessage && !showErrorIconBottom && showErrorIcon && /* @__PURE__ */ jsx("span", {
+						className: "adyen-kyc-input__inline-validation adyen-kyc-input__inline-validation--invalid",
+						children: /* @__PURE__ */ jsx(Icon, { name: "field-error" })
+					})
+				]
+			}),
+			!!errorMessage?.message && /* @__PURE__ */ jsxs("div", {
+				"aria-live": "polite",
+				"aria-atomic": true,
+				className: "adyen-kyc-error-text",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "u-screen-reader-only",
+					children: `${label}:`
+				}), /* @__PURE__ */ jsxs("span", {
+					id: elementIds.error,
+					children: [errorMessage.message, showErrorIconBottom && /* @__PURE__ */ jsx("span", {
+						className: "adyen-kyc-input__inline-validation adyen-kyc-input__inline-validation--invalid-bottom",
+						children: /* @__PURE__ */ jsx(Icon, { name: "field-error" })
+					})]
+				})]
+			}),
+			!errorMessage && formatGuidance && /* @__PURE__ */ jsx("span", {
+				id: elementIds.guidanceText,
+				"aria-live": "polite",
+				className: "adyen-kyc-guidance-text",
+				children: formatGuidance
+			})
+		]
+	});
+};
+//#endregion
 //#region src/components/ui/atoms/Select/useSelectFocus.ts
 var createSelectFocus = ({ activeItems, filteredItems: items }) => {
 	const numberOfItems = computed(() => items.value.length - 1);
@@ -573,9 +887,7 @@ var Select = ({ id, items, filterable = true, readonly = false, onChange, onSele
 			case "input":
 				focusInput();
 				break;
-			case "nothing":
-				focusNothing();
-				break;
+			case "nothing": focusNothing();
 		}
 	}, [
 		behaviour,
@@ -634,9 +946,10 @@ var Select = ({ id, items, filterable = true, readonly = false, onChange, onSele
 	* @param e - KeyboardEvent
 	*/
 	const handleInputKeyDown = async (e) => {
-		if (e.key === KEYBOARD_KEYS.enter && isShowList) if (filtered.length === 1) handleSelect(filtered[0]);
-		else e.preventDefault();
-		else if (e.key === KEYBOARD_KEYS.escape) closeList("nothing");
+		if (e.key === KEYBOARD_KEYS.enter && isShowList) {
+			if (filtered.length === 1) handleSelect(filtered[0]);
+			else e.preventDefault();
+		} else if (e.key === KEYBOARD_KEYS.escape) closeList("nothing");
 		else if (e.key === KEYBOARD_KEYS.enter || e.key === KEYBOARD_KEYS.space && (!filterable || !isShowList)) {
 			e.preventDefault();
 			e.stopPropagation();
@@ -651,9 +964,7 @@ var Select = ({ id, items, filterable = true, readonly = false, onChange, onSele
 				case KEYBOARD_KEYS.arrowUp:
 					moveFocusToPreviousItem();
 					break;
-				case KEYBOARD_KEYS.arrowDown:
-					moveFocusToNextItem();
-					break;
+				case KEYBOARD_KEYS.arrowDown: moveFocusToNextItem();
 			}
 		} else if (e.key === KEYBOARD_KEYS.tab) closeList("nothing");
 	};
@@ -778,4 +1089,4 @@ var Select = ({ id, items, filterable = true, readonly = false, onChange, onSele
 	});
 };
 //#endregion
-export { SelectListItem as n, Select as t };
+export { MaybeModal as a, getDataByFields as c, isTranslationObject as d, translateTranslatable as f, ProgressBar as i, omitKeys as l, SelectListItem as n, ValidationResult as o, LoaderWrapper as p, Field as r, addKeys as s, Select as t, getLanguageCode as u };

package/dist/{SignPCIComponent-CIkdVNH2.js → SignPCIComponent-B4D4nPDO.js}

@@ -1,31 +1,27 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "00e77347-d7e8-4980-a355-9dd29e243dcb", e._sentryDebugIdIdentifier = "sentry-dbid-00e77347-d7e8-4980-a355-9dd29e243dcb");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4fea4caf-7602-4ac1-ab8d-bc42de234ae1", e._sentryDebugIdIdentifier = "sentry-dbid-4fea4caf-7602-4ac1-ab8d-bc42de234ae1");
 } catch (e) {}
-import { n as addResourceBundles, o as __exportAll, r as useTranslation } from "./translation-DbATp_35.js";
-import { t as Loader } from "./Loader-BVtlpTeo.js";
-import { t as Button } from "./Button-BxdC8cVB.js";
-import { r as httpPost, s as useApiContext } from "./http-DsJtugN1.js";
-import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-QQXN6YOm.js";
-import { y as isEmpty } from "./validatorUtils-D2O6AAZn.js";
-import { t as _rolldown_dynamic_import_helper_default } from "./_rolldown_dynamic_import_helper-sGNwd-kR.js";
+import { n as addResourceBundles, o as __exportAll, r as useTranslation } from "./translation-CpH8D2NK.js";
+import { A as _rolldown_dynamic_import_helper_default, it as isEmpty } from "./resolveEnvironment-DwfwgVEU.js";
+import { t as Loader } from "./Loader-BDaKGf77.js";
+import { t as Button } from "./Button-Dwr6jvJZ.js";
+import { r as httpPost, s as useApiContext } from "./http-C8rt2BZk.js";
+import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-CxeMoCm4.js";
 import { t as TaskTypes } from "./taskTypes-3vSkMBDm.js";
-import { r as getOwnDecisionMakers } from "./decisionMakerRoles-JEb0ON4e.js";
-import { t as useAnalyticsContext } from "./useAnalyticsContext-gSnRnYgV.js";
-import { n as usePciStatus, t as useSalesChannels } from "./useSalesChannels-huIL6Dhk.js";
+import { r as getOwnDecisionMakers } from "./decisionMakerRoles-DA8MK9Dh.js";
+import { t as Checkbox } from "./Checkbox-CpzEl3ji.js";
+import { i as useAnalyticsContext } from "./Modal-C-T-spfu.js";
+import { n as usePciStatus, t as useSalesChannels } from "./useSalesChannels-XZRfoa6v.js";
 import { t as Card } from "./Card-BCGLpdw7.js";
-import { t as useToastContext } from "./useToastContext-B6Mqc2HY.js";
-import { t as EndStateLayout } from "./EndStateLayout-GHEYl82p.js";
-import { t as useInvalidateRootLegalEntity } from "./invalidateRootLegalEntity-B97dCa-s.js";
-import { t as MaybeModal } from "./MaybeModal-Dfm1rIUG.js";
-import { t as Field } from "./Field-Df7ajJE2.js";
-import { t as Select } from "./Select-prMx73V9.js";
-import { t as Checkbox } from "./Checkbox-qfdF12cF.js";
-import { t as useTaskLandedEvent } from "./useTaskLandedEvent-DwZHcMEQ.js";
-import { t as useForm } from "./useForm-BFeaSvlP.js";
-import { t as formatValidationError } from "./formatValidationError-z2D5oU1e.js";
+import { n as useInvalidateRootLegalEntity, r as useToastContext } from "./useId-DbtfzzaE.js";
+import { t as EndStateLayout } from "./EndStateLayout-C5Pqler-.js";
+import { a as MaybeModal, r as Field, t as Select } from "./Select-DwuMMZWv.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-DzsLZguJ.js";
+import { t as useForm } from "./useForm-B5MdX_HU.js";
+import { t as formatValidationError } from "./formatValidationError-CwtW9tMt.js";
 import { t as ContractViewer } from "./ContractViewer-CG9UNGz1.js";
-import { t as DetailViewLayout } from "./DetailViewLayout-DNCGEd7b.js";
+import { t as DetailViewLayout } from "./DetailViewLayout-DJgAzdlZ.js";
 import { useCallback, useMemo, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 import { useMutation, useQuery } from "@tanstack/preact-query";
@@ -255,7 +251,7 @@ function SignPCIComponent({ modalView = false, onClose, onSigned, onUnmount, sel
 				"../../../language/locales/nl-NL.json": () => import("./nl-NL-CwNBy0Ku.js"),
 				"../../../language/locales/no-NO.json": () => import("./no-NO-VqkeNhzB.js"),
 				"../../../language/locales/pl-PL.json": () => import("./pl-PL-Bp218jDD.js"),
-				"../../../language/locales/pt-BR.json": () => import("./pt-BR-CPbFPNwq2.js"),
+				"../../../language/locales/pt-BR.json": () => import("./pt-BR-CPbFPNwq.js"),
 				"../../../language/locales/pt-PT.json": () => import("./pt-PT-Bz39smeX.js"),
 				"../../../language/locales/ro-RO.json": () => import("./ro-RO-jNItoBZk.js"),
 				"../../../language/locales/sk-SK.json": () => import("./sk-SK-CsSqXqf_.js"),

package/dist/{SingpassSelection-B6NONcr4.js → SingpassSelection-vy5Stz5H.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] = "9e7f7ef8-a2f4-4ffd-85f9-1960de54a06c", e._sentryDebugIdIdentifier = "sentry-dbid-9e7f7ef8-a2f4-4ffd-85f9-1960de54a06c");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "96234e82-f3a5-425e-aa80-03f864638bfa", e._sentryDebugIdIdentifier = "sentry-dbid-96234e82-f3a5-425e-aa80-03f864638bfa");
 } catch (e) {}
-import { r as useTranslation } from "./translation-DbATp_35.js";
+import { r as useTranslation } from "./translation-CpH8D2NK.js";
 import { t as Typography } from "./Typography-CAc_f5Iq.js";
-import { t as Button } from "./Button-BxdC8cVB.js";
-import { t as StackLayout } from "./StackLayout-IUdNMDgW.js";
+import { t as Button } from "./Button-Dwr6jvJZ.js";
+import { t as StackLayout } from "./StackLayout-J1ynSX-P.js";
 import { t as Card } from "./Card-BCGLpdw7.js";
-import { t as Image } from "./Image-Bn_Yyuof.js";
-import { t as Field } from "./Field-Df7ajJE2.js";
-import { t as useForm } from "./useForm-BFeaSvlP.js";
+import { r as Field } from "./Select-DwuMMZWv.js";
+import { t as Image } from "./Image-CxnjHtP1.js";
+import { t as useForm } from "./useForm-B5MdX_HU.js";
 import { t as Tag } from "./Tag-CNeDHqKp.js";
 import { lazy } from "preact/compat";
 import { useState as useState$1 } from "preact/hooks";

package/dist/Skeleton-7xDqhYr-.js

@@ -0,0 +1,30 @@
+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] = "83cb25af-3021-4162-b2e4-86aa7e2345bc", e._sentryDebugIdIdentifier = "sentry-dbid-83cb25af-3021-4162-b2e4-86aa7e2345bc");
+} catch (e) {}
+import cx from "classnames";
+import { jsx } from "preact/jsx-runtime";
+var Skeleton_module_default = {
+	skeleton: "_skeleton_xa3xt_1",
+	"skeleton-circle": "_skeleton-circle_xa3xt_11",
+	skeletonCircle: "_skeleton-circle_xa3xt_11",
+	"skeleton-text": "_skeleton-text_xa3xt_14",
+	skeletonText: "_skeleton-text_xa3xt_14"
+};
+//#endregion
+//#region src/components/ui/atoms/Skeleton/Skeleton.tsx
+var Skeleton = ({ circle = false, text = false, height = "1em", width }) => {
+	const classNames = cx(Skeleton_module_default.skeleton, {
+		[Skeleton_module_default.skeletonCircle]: circle,
+		[Skeleton_module_default.skeletonText]: text
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: classNames,
+		style: {
+			height,
+			width
+		}
+	});
+};
+//#endregion
+export { Skeleton as t };

package/dist/{SoleProprietorshipPage-_aY8GRDx.js → SoleProprietorshipPage-dyEpmmk3.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] = "20a5b5d4-d0a7-413a-b989-ad6a00294b65", e._sentryDebugIdIdentifier = "sentry-dbid-20a5b5d4-d0a7-413a-b989-ad6a00294b65");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "bec0b2a1-cad7-4cbb-ba7d-0cd4d1af12fa", e._sentryDebugIdIdentifier = "sentry-dbid-bec0b2a1-cad7-4cbb-ba7d-0cd4d1af12fa");
 } catch (e) {}
-import { n as addResourceBundles, r as useTranslation } from "./translation-DbATp_35.js";
-import { t as Loader } from "./Loader-BVtlpTeo.js";
-import { r as useLegalEntity } from "./useLegalEntity-QQXN6YOm.js";
+import { n as addResourceBundles, r as useTranslation } from "./translation-CpH8D2NK.js";
+import { A as _rolldown_dynamic_import_helper_default } from "./resolveEnvironment-DwfwgVEU.js";
+import { t as Loader } from "./Loader-BDaKGf77.js";
+import { r as useLegalEntity } from "./useLegalEntity-CxeMoCm4.js";
 import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BK-HHa65.js";
-import { t as _rolldown_dynamic_import_helper_default } from "./_rolldown_dynamic_import_helper-sGNwd-kR.js";
 import { t as TaskTypes } from "./taskTypes-3vSkMBDm.js";
-import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-BY_voJ99.js";
-import { r as BusinessDetailsDropin, t as useBusinessDetailsData } from "./useBusinessDetailsData-BDcLKqSN.js";
+import { n as useCapabilityProblems, t as getProblemsForEntity } from "./getProblemsForEntity-mdb3Bfpj.js";
+import { r as BusinessDetailsDropin, t as useBusinessDetailsData } from "./useBusinessDetailsData-D1DJeC90.js";
 import { jsx } from "preact/jsx-runtime";
 import { skipToken } from "@tanstack/preact-query";
 //#region src/components/Business/pages/SoleProprietorshipPage.tsx