@adyen/kyc-components 4.10.1 → 4.11.0-beta.1

package/dist/ErrorPanel-Dk42PPew.js

@@ -1,185 +0,0 @@
-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] = "01c8a816-81da-4538-b929-347c4289426d", e._sentryDebugIdIdentifier = "sentry-dbid-01c8a816-81da-4538-b929-347c4289426d");
-} catch (e) {}
-import { r as useTranslation } from "./translation-HjimzbDK.js";
-import { t as Button } from "./Button-BrEOD5gK.js";
-import { l as keysOf } from "./AnalyticsContext-zvlAxIPp.js";
-import { t as Alert } from "./Alert-DGt_tas2.js";
-import { r as remediationHasFileUploadField } from "./processCapabilities-CI_g2ItO.js";
-import { useCallback, useContext } from "preact/hooks";
-import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
-import { createContext } from "preact";
-var ErrorPanel_module_default = {
-	"error-panel": "adyen-kyc-error-panel",
-	errorPanel: "adyen-kyc-error-panel"
-};
-//#endregion
-//#region src/context/FormRouterContext/FormRouterContext.ts
-var FormRouterContext = createContext(null);
-//#endregion
-//#region src/context/FormRouterContext/useFormRouterContext.ts
-function useFormRouterContext() {
-	return useContext(FormRouterContext);
-}
-//#endregion
-//#region src/components/ui/molecules/ErrorPanel/NavigateToFieldLink.tsx
-var NavigateToFieldLink = ({ fieldName, label }) => {
-	const { goToFormByFieldName, getFieldAction } = useFormRouterContext();
-	const handleClick = () => {
-		const fieldAction = getFieldAction(fieldName);
-		if (fieldAction) fieldAction();
-		else goToFormByFieldName(fieldName);
-	};
-	return /* @__PURE__ */ jsx(Button, {
-		onClick: handleClick,
-		variant: "link",
-		children: label
-	});
-};
-//#endregion
-//#region src/components/ui/molecules/ErrorPanel/ServerValidationErrors.tsx
-function ServerValidationErrors({ validationErrors, formUtils }) {
-	const { t } = useTranslation("ui");
-	const validationErrorFieldNames = Object.keys(validationErrors || {});
-	const getValidationErrorMessage = useCallback(() => t(($) => $["fieldHasUnsupportedFormats"], { fieldName: formUtils.getLabel(validationErrorFieldNames[0]) }), [
-		t,
-		formUtils,
-		validationErrorFieldNames
-	]);
-	return /* @__PURE__ */ jsx(Alert, {
-		title: t(($) => $["informationCouldNotBeSubmitted"]),
-		variant: "error",
-		children: validationErrorFieldNames?.length === 1 ? /* @__PURE__ */ jsxs("div", {
-			"data-testid": "validation-error--case-1",
-			children: [
-				getValidationErrorMessage(),
-				" ",
-				/* @__PURE__ */ jsx(NavigateToFieldLink, {
-					fieldName: validationErrorFieldNames[0],
-					label: t(($) => $["updateTheInformation"])
-				}),
-				" ",
-				t(($) => $["andResubmit"])
-			]
-		}) : /* @__PURE__ */ jsxs("div", {
-			"data-testid": "validation-error--case-2",
-			children: [t(($) => $["someFieldsHaveUnsupportedFormatedUpdateInfoAndResubmit"]), /* @__PURE__ */ jsx("ul", { children: validationErrorFieldNames.map((fieldName) => /* @__PURE__ */ jsx("li", {
-				"data-testid": "adyen-kyc-error-panel__validation-error",
-				children: /* @__PURE__ */ jsx(NavigateToFieldLink, {
-					fieldName,
-					label: formUtils.getLabel(fieldName)
-				})
-			}, fieldName)) })]
-		})
-	});
-}
-//#endregion
-//#region src/components/ui/molecules/ErrorPanel/VerificationErrors.tsx
-function VerificationErrors({ verificationErrors, formUtils }) {
-	const { t } = useTranslation("common");
-	const getErrorMessage = (errorCode) => t(($) => $[`errorMessage_${errorCode}`]);
-	const getRemediationMessage = (remediationActions, uploadFieldCollection) => {
-		const uploadFields = uploadFieldCollection ? Object.keys(uploadFieldCollection) : [];
-		if (remediationActions?.length === 1 && uploadFields.length === 1) {
-			const firstUploadField = uploadFields[0];
-			return /* @__PURE__ */ jsx(NavigateToFieldLink, {
-				fieldName: firstUploadField,
-				label: t(($) => $[`remediationMessage_${uploadFieldCollection[firstUploadField]?.remediation.code}`])
-			});
-		}
-		if (remediationActions?.length === 1) return t(($) => $[`remediationMessage_${remediationActions[0].code}`]);
-		let uploadFilesCopy;
-		if (uploadFields.length > 0) if (uploadFields.length > 1) {
-			const uploadFieldListItems = uploadFields.map((uploadField) => /* @__PURE__ */ jsx(NavigateToFieldLink, {
-				fieldName: uploadField,
-				label: t(($) => $[`remediationMessage_${uploadFieldCollection[uploadField]?.remediation.code}`])
-			}, uploadField));
-			uploadFilesCopy = /* @__PURE__ */ jsxs(Fragment, { children: [formUtils.getLabel("uploadTheFollowingDocuments"), /* @__PURE__ */ jsx("ul", { children: uploadFieldListItems.map((item, i) => /* @__PURE__ */ jsx("li", { children: item }, i)) })] });
-		} else {
-			const firstUploadField = uploadFields[0];
-			uploadFilesCopy = /* @__PURE__ */ jsx(NavigateToFieldLink, {
-				fieldName: firstUploadField,
-				label: ` ${t(($) => $[`remediationMessage_${uploadFieldCollection[firstUploadField]?.remediation.code}`])?.toLowerCase()}`
-			});
-		}
-		return /* @__PURE__ */ jsxs(Fragment, { children: [
-			t(($) => $["reviewTheInformationBelowAndCorrectMistakesOr"]),
-			" ",
-			uploadFilesCopy,
-			" ",
-			t(($) => $["thenResubmit"])
-		] });
-	};
-	let verificationErrorMsg;
-	let parentCode = void 0;
-	const parentCodes = keysOf(verificationErrors);
-	if (parentCodes.length === 1) parentCode = parentCodes[0];
-	const childErrors = Object.values(verificationErrors).reduce((acc, parentChildErrors) => ({
-		...acc,
-		...parentChildErrors
-	}), {});
-	const childErrorCodes = Object.keys(childErrors);
-	const fileUploadRemediationFields = Object.values(childErrors).flat().reduce((acc, rem) => {
-		const isRemUploadOne = remediationHasFileUploadField(rem);
-		const firstRemediationField = rem.fields?.[0];
-		if (isRemUploadOne && firstRemediationField) acc[firstRemediationField] = {
-			formName: rem?.forms[0],
-			remediation: rem
-		};
-		return acc;
-	}, {});
-	const onlyChildRemediationActions = Object.values(childErrors).flat();
-	if (childErrorCodes.length === 1) verificationErrorMsg = /* @__PURE__ */ jsxs("div", {
-		"data-testid": `verification-error--case-${onlyChildRemediationActions.length === 1 ? "1" : "2-1"}`,
-		children: [/* @__PURE__ */ jsx("span", { children: `${getErrorMessage(childErrorCodes[0])} ` }), /* @__PURE__ */ jsx("span", { children: getRemediationMessage(onlyChildRemediationActions, fileUploadRemediationFields) })]
-	});
-	else if (childErrorCodes.length === 2) verificationErrorMsg = /* @__PURE__ */ jsxs("div", {
-		"data-testid": "verification-error--case-2-2",
-		children: [
-			t(($) => $["weFoundTheFollowingIssues"]),
-			/* @__PURE__ */ jsx("ul", { children: childErrorCodes.map((subErrorCode) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", { children: getErrorMessage(subErrorCode) }) }, subErrorCode)) }),
-			/* @__PURE__ */ jsx("span", { children: getRemediationMessage(onlyChildRemediationActions, fileUploadRemediationFields) })
-		]
-	});
-	else verificationErrorMsg = /* @__PURE__ */ jsx("div", {
-		"data-testid": "verification-error--case-2-3",
-		children: getRemediationMessage(onlyChildRemediationActions, fileUploadRemediationFields)
-	});
-	return /* @__PURE__ */ jsx(Alert, {
-		title: parentCode ? getErrorMessage(parentCode) : t(($) => $["correctErrorsResubmit"]),
-		variant: "error",
-		children: verificationErrorMsg
-	});
-}
-//#endregion
-//#region src/components/ui/molecules/ErrorPanel/ErrorPanel.tsx
-/**
-* Display the API server error messages which come in to flavours:
-* 1. An Error response when trying to PATCH/POST/etc... data to the server and a validation error occurs.
-* 2. A (KYC) verification error occurs after having gone through some checks which is returned in the capability problems array.
-* @param id - the id of the error panel
-* @param verificationErrors - a parent error to sub error mapped object for verification errors incl attached possible Remediation Actions.
-* @param validationErrors - a form to field key mapped object noting which fields have server validation errors.
-* @param formUtils - form utilities use to translate errors and field names.
-* @param heading - customisation for the alert header.
-*/
-function ErrorPanel({ id = "ariaErrorField", verificationErrors, validationErrors, formUtils }) {
-	const isVerificationError = verificationErrors && Object.keys(verificationErrors).length > 0;
-	const isValidationError = validationErrors && Object.keys(validationErrors).length > 0;
-	if (!isVerificationError && !isValidationError) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: ErrorPanel_module_default.errorPanel,
-		id,
-		"aria-live": "polite",
-		children: [isVerificationError && !isValidationError && /* @__PURE__ */ jsx(VerificationErrors, {
-			formUtils,
-			verificationErrors
-		}), isValidationError && /* @__PURE__ */ jsx(ServerValidationErrors, {
-			formUtils,
-			validationErrors
-		})]
-	});
-}
-//#endregion
-export { useFormRouterContext as n, FormRouterContext as r, ErrorPanel as t };

package/dist/Field-DH3pDFxY.js

@@ -1,155 +0,0 @@
-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] = "dfd79579-d8fd-4791-8362-c203a2e8a595", e._sentryDebugIdIdentifier = "sentry-dbid-dfd79579-d8fd-4791-8362-c203a2e8a595");
-} catch (e) {}
-import { a as Icon, r as useTranslation } from "./translation-HjimzbDK.js";
-import { t as useAnalyticsContext } from "./useAnalyticsContext-Msf0gvuf.js";
-import { n as translateTranslatable } from "./utils-g_Wl4-9Z.js";
-import { t as useId } from "./useId-KnIzB9vO.js";
-import { useEffect } from "preact/hooks";
-import cx from "classnames";
-import { jsx, jsxs } from "preact/jsx-runtime";
-//#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;
-		const returnValue = typeof errorMessage === "string" && errorMessage || typeof errorMessage === "object" && errorMessage.key || "invalid";
-		userEvents.addFieldEvent("Encountered error", {
-			actionType: "input",
-			field: name,
-			returnType: "validation",
-			returnValue
-		});
-	}, [
-		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" })
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				"aria-live": "polite",
-				"aria-atomic": true,
-				className: "adyen-kyc-error-text",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "adyen-kyc-u-screen-reader-only",
-					children: `${label}:`
-				}), !!errorMessage && typeof errorMessage !== "boolean" && /* @__PURE__ */ jsxs("span", {
-					id: elementIds.error,
-					children: [translateTranslatable(t, errorMessage), 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
-export { Field as t };

package/dist/FormNavigation-CAHXxOjj.js

@@ -1,116 +0,0 @@
-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] = "d622e14e-e3c0-4871-8076-73e642e39ca9", e._sentryDebugIdIdentifier = "sentry-dbid-d622e14e-e3c0-4871-8076-73e642e39ca9");
-} catch (e) {}
-import { a as Icon, i as Typography, r as useTranslation } from "./translation-HjimzbDK.js";
-import { t as useAnalyticsContext } from "./useAnalyticsContext-Msf0gvuf.js";
-import { t as KEYBOARD_KEYS } from "./keys-C4gD4IDn.js";
-import { t as trackNavigation } from "./trackNavigation--j_v51FT.js";
-import cx from "classnames";
-import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
-//#region src/components/Shared/FormNavigation/FormNavigationItem.tsx
-/** @deprecated do not use in new code */
-var FormNavigationItem = ({ form, isActive, onClick, hasVerificationErrors }) => {
-	const { t } = useTranslation("common");
-	const hasError = form.hasServerValidationErrors || hasVerificationErrors;
-	const handleKeyDown = (e) => {
-		if (onClick && (e.key === KEYBOARD_KEYS.enter || e.key === KEYBOARD_KEYS.space)) {
-			e.preventDefault();
-			onClick();
-		}
-	};
-	return /* @__PURE__ */ jsx("li", {
-		"aria-label": t(($) => $[form.formName]),
-		"aria-current": isActive,
-		className: cx("adyen-kyc-form-navigation__item", {
-			"adyen-kyc-form-navigation__item--active": isActive,
-			"adyen-kyc-form-navigation__item--valid": form.isValid,
-			"adyen-kyc-form-navigation__item--isnav": Boolean(onClick)
-		}),
-		children: /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			onClick,
-			onKeyDown: onClick ? handleKeyDown : void 0,
-			tabIndex: onClick ? 0 : void 0,
-			children: [
-				t(($) => $[form.formName]),
-				form.hasServerValidationErrors && /* @__PURE__ */ jsxs("span", {
-					className: "adyen-kyc-form-navigation__item-icon adyen-kyc-form-navigation__item-icon--error",
-					children: [/* @__PURE__ */ jsx(Icon, { name: "warning" }), /* @__PURE__ */ jsx("span", {
-						className: "adyen-kyc-u-screen-reader-only",
-						children: t(($) => $["formStepInvalid"])
-					})]
-				}),
-				form.isValid && !hasError && /* @__PURE__ */ jsxs("span", {
-					className: "adyen-kyc-form-navigation__item-icon adyen-kyc-form-navigation__item-icon--success",
-					children: [/* @__PURE__ */ jsx(Icon, { name: "checkmark-small" }), /* @__PURE__ */ jsx("span", {
-						className: "adyen-kyc-u-screen-reader-only",
-						children: t(($) => $["formStepCompleted"])
-					})]
-				})
-			]
-		})
-	}, form.formId);
-};
-//#endregion
-//#region src/components/Shared/FormNavigation/FormNavigation.tsx
-/** @deprecated do not use in new code */
-function FormNavigation({ forms, activeForm, gotoForm, validateForm, className, taskName, verificationErrors }) {
-	const { t } = useTranslation("common");
-	const userEvents = useAnalyticsContext();
-	const taskNameTranslated = t(($) => $[taskName]);
-	const getFormIndex = (form) => forms.findIndex((f) => f.formId === form.formId);
-	const goToForm = (form) => () => {
-		if (form.formId === activeForm.formId) return;
-		gotoForm(getFormIndex(form));
-		trackNavigation({
-			userEvents,
-			actionType: "navigate",
-			toForm: form.formName,
-			label: form.formName,
-			returnValue: "success"
-		});
-	};
-	const getNavigateHandler = (form, activeForm) => {
-		if (forms.slice(0, getFormIndex(form)).every((subForm) => subForm.isValid) || !validateForm) return goToForm(form);
-		return activeForm.isValid ? void 0 : () => {
-			trackNavigation({
-				userEvents,
-				actionType: "navigate",
-				toForm: form.formName,
-				label: form.formName,
-				returnValue: "validation error"
-			});
-			validateForm();
-		};
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx("adyen-kyc-form-navigation", className),
-		children: [/* @__PURE__ */ jsx(Typography, {
-			el: "h3",
-			variant: "body",
-			color: "secondary",
-			className: "adyen-kyc-form-navigation__header",
-			children: taskNameTranslated
-		}), forms && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Typography, {
-			color: "tertiary",
-			variant: "caption-stronger",
-			className: "adyen-kyc-form-navigation__step-count",
-			children: t(($) => $["stepsX/YofForm"], {
-				activeFormIndex: getFormIndex(activeForm) + 1,
-				totalForms: forms.length,
-				taskNameTranslated
-			})
-		}), /* @__PURE__ */ jsx("ul", {
-			className: "adyen-kyc-form-navigation__items",
-			children: forms.map((form) => /* @__PURE__ */ jsx(FormNavigationItem, {
-				form,
-				isActive: form.formId === activeForm.formId,
-				onClick: getNavigateHandler(form, activeForm),
-				hasVerificationErrors: Boolean(verificationErrors?.[form.formId] ?? false)
-			}, form.formId))
-		})] })]
-	});
-}
-//#endregion
-export { FormNavigation as t };

package/dist/Header-Bc32XYD-.js

@@ -1,93 +0,0 @@
-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] = "5029aafb-9566-4133-af96-bd0481b7a124", e._sentryDebugIdIdentifier = "sentry-dbid-5029aafb-9566-4133-af96-bd0481b7a124");
-} catch (e) {}
-import { t as StackLayout } from "./StackLayout-D0Kqs-Ti.js";
-import { t as TaskVerificationStatus } from "./TaskVerificationStatus-o58AmswI.js";
-import cx from "classnames";
-import { jsx, jsxs } from "preact/jsx-runtime";
-import { defineSlots } from "named-slots";
-var Header_module_default = {
-	header: "adyen-kyc-header",
-	"header-margin": "adyen-kyc-header-margin",
-	headerMargin: "adyen-kyc-header-margin",
-	"header-margin-secondary": "adyen-kyc-header-margin-secondary",
-	headerMarginSecondary: "adyen-kyc-header-margin-secondary",
-	"header-left": "adyen-kyc-header-left",
-	headerLeft: "adyen-kyc-header-left",
-	"header-center": "adyen-kyc-header-center",
-	headerCenter: "adyen-kyc-header-center",
-	"header-right": "adyen-kyc-header-right",
-	headerRight: "adyen-kyc-header-right",
-	"header-content": "adyen-kyc-header-content",
-	headerContent: "adyen-kyc-header-content",
-	"header-actions": "adyen-kyc-header-actions",
-	headerActions: "adyen-kyc-header-actions",
-	"header-title": "adyen-kyc-header-title",
-	headerTitle: "adyen-kyc-header-title",
-	"header-title-primary": "adyen-kyc-header-title-primary",
-	headerTitlePrimary: "adyen-kyc-header-title-primary",
-	"header-title-secondary": "adyen-kyc-header-title-secondary",
-	headerTitleSecondary: "adyen-kyc-header-title-secondary",
-	"header-description": "adyen-kyc-header-description",
-	headerDescription: "adyen-kyc-header-description",
-	"header-description-primary": "adyen-kyc-header-description-primary",
-	headerDescriptionPrimary: "adyen-kyc-header-description-primary",
-	"header-description-secondary": "adyen-kyc-header-description-secondary",
-	headerDescriptionSecondary: "adyen-kyc-header-description-secondary"
-};
-//#endregion
-//#region src/components/ui/atoms/Header/Header.tsx
-var alignmentStyles = {
-	left: Header_module_default.headerLeft,
-	center: Header_module_default.headerCenter,
-	right: Header_module_default.headerRight
-};
-var Header = ({ align = "left", children, description, secondary = false, status, title }) => {
-	const { Slot, hasSlot } = defineSlots(children ?? [], ["actions", "description"]);
-	const HeadingElement = secondary ? "h2" : "h1";
-	const rootClassname = cx(Header_module_default.header, alignmentStyles[align], {
-		[Header_module_default.headerMargin]: !secondary,
-		[Header_module_default.headerMarginSecondary]: secondary
-	});
-	const titleClassname = cx(Header_module_default.headerTitle, {
-		[Header_module_default.headerTitlePrimary]: !secondary,
-		[Header_module_default.headerTitleSecondary]: secondary
-	});
-	const descriptionClassname = cx(Header_module_default.headerDescription, {
-		[Header_module_default.headerDescriptionPrimary]: !secondary,
-		[Header_module_default.headerDescriptionSecondary]: secondary
-	});
-	return /* @__PURE__ */ jsxs("header", {
-		className: rootClassname,
-		children: [
-			status && /* @__PURE__ */ jsx(TaskVerificationStatus, {
-				status,
-				responsive: false
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: Header_module_default.headerContent,
-				children: [/* @__PURE__ */ jsx(HeadingElement, {
-					className: titleClassname,
-					children: title
-				}), (hasSlot("description") || description) && /* @__PURE__ */ jsx("div", {
-					className: descriptionClassname,
-					children: /* @__PURE__ */ jsx(Slot, {
-						name: "description",
-						children: description
-					})
-				})]
-			}),
-			hasSlot("actions") && /* @__PURE__ */ jsx("div", {
-				className: Header_module_default.headerActions,
-				children: /* @__PURE__ */ jsx(StackLayout, {
-					gap: "small",
-					horizontal: true,
-					children: /* @__PURE__ */ jsx(Slot, { name: "actions" })
-				})
-			})
-		]
-	});
-};
-//#endregion
-export { Header as t };

package/dist/Image-DuhCij-a.js

@@ -1,33 +0,0 @@
-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] = "0f96309b-c723-4819-9537-d67b30cd0ae9", e._sentryDebugIdIdentifier = "sentry-dbid-0f96309b-c723-4819-9537-d67b30cd0ae9");
-} catch (e) {}
-import { r as Loader } from "./Button-BrEOD5gK.js";
-import { Suspense } from "preact/compat";
-import { jsx } from "preact/jsx-runtime";
-//#region src/components/ui/atoms/Image/Image.tsx
-/**
-* Tiny helper to display treeshakable images
-*
-* It needs to receive an import function to enable treeshaking
-* this way other modules/exports have no knowledge of the image being imported
-*  *
-* @example
-* ```jsx
-* <Image lazyLoadedImage={lazy(() => import('../local/path/my-image.svg?component'))} />
-* ```
-*
-* @param importFn lazy with dynamic import with a path that contains ?component
-*/
-var Image = ({ lazyLoadedImage, alt, className }) => {
-	return /* @__PURE__ */ jsx(Suspense, {
-		fallback: /* @__PURE__ */ jsx(Loader, {}),
-		children: /* @__PURE__ */ jsx(lazyLoadedImage, {
-			"aria-label": alt,
-			className,
-			role: "img"
-		})
-	});
-};
-//#endregion
-export { Image as t };