@adyen/kyc-components 4.10.0 → 4.11.0-beta.0

package/dist/Dropzone-BX5P1wWl.js

@@ -1,236 +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] = "18df328d-cbf1-49bb-aec9-bf7a05ddb07d", e._sentryDebugIdIdentifier = "sentry-dbid-18df328d-cbf1-49bb-aec9-bf7a05ddb07d");
-} catch (e) {}
-import { a as Icon, i as Typography, r as useTranslation } from "./translation-HjimzbDK.js";
-import { t as Button } from "./Button-BrEOD5gK.js";
-import { t as useAnalyticsContext } from "./useAnalyticsContext-Msf0gvuf.js";
-import { a as StateContextSetter, i as bytesToSize, n as fileValidationRules, r as DropzoneFile, t as defaultFileValidationOptions } from "./validate-DTgOds13.js";
-import { t as useForm } from "./useForm-Cjnros8r.js";
-import { useEffect, useMemo, useRef, useState } from "preact/hooks";
-import cx from "classnames";
-import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
-//#region src/components/ui/molecules/Dropzone/Dropzone.tsx
-function Dropzone(props) {
-	const { name, label = "", multiple = false, disabled = false, required = true, defaultData, id, isOptional = false, maxNumberOfFiles = defaultFileValidationOptions.maxNumberOfFiles, maxSize = defaultFileValidationOptions.maxSize, allowedFileTypes = defaultFileValidationOptions.allowedFileTypes, showMinimal, hidePageCount, onChange: propsOnChange, handleFieldChange, errors: errorProp, fieldValidationErrors, valid: validProp, enableTracking = false, extraDropzoneDescription } = props;
-	const { t } = useTranslation("ui");
-	const userEvents = useAnalyticsContext();
-	const fileInput = useRef(null);
-	const [dragged, setDragged] = useState(false);
-	const stateRef = useRef({ setState: null });
-	const rules = useMemo(() => fileValidationRules({
-		maxSize,
-		allowedFileTypes,
-		maxNumberOfFiles,
-		isOptional
-	}), [
-		allowedFileTypes,
-		isOptional,
-		maxNumberOfFiles,
-		maxSize
-	]);
-	const form = useForm({
-		...props,
-		schema: [name],
-		defaultData: defaultData || [],
-		rules: { [name]: rules }
-	});
-	let { data, valid, errors, fieldProblems, handleChangeFor } = form;
-	const { setValid, setData, isValid, triggerValidation } = form;
-	if (handleFieldChange) {
-		handleChangeFor = handleFieldChange;
-		data = defaultData;
-		errors = errorProp;
-		valid = validProp;
-		fieldProblems = fieldValidationErrors;
-	}
-	const isRequired = errors?.[name]?.errorMessage === "fieldIsRequired";
-	const allowedFiletypes = allowedFileTypes.join(", ");
-	const hasMaxNumberOfFiles = data?.[name]?.length >= maxNumberOfFiles;
-	useEffect(() => {
-		stateRef?.current?.setState?.({
-			type: "addToState",
-			value: {
-				data,
-				valid,
-				errors,
-				fieldProblems,
-				dataStoreId: id
-			}
-		});
-	}, [
-		data,
-		valid,
-		errors,
-		isValid
-	]);
-	const selectFile = () => fileInput.current?.click();
-	const handleFileDelete = (fileToDelete) => {
-		handleChangeFor(name, "input")(data?.[name]?.filter((file) => file !== fileToDelete));
-	};
-	const handleDragEnter = (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-	};
-	const handleDragLeave = (e) => {
-		if (disabled) return;
-		e.preventDefault();
-		e.stopPropagation();
-		setDragged(false);
-	};
-	const handleDragOver = (e) => {
-		if (disabled) return;
-		e.preventDefault();
-		e.stopPropagation();
-		setDragged(true);
-	};
-	const handleDrop = (e) => {
-		if (disabled) return;
-		e.preventDefault();
-		e.stopPropagation();
-		if (e.dataTransfer) updateFiles(e.dataTransfer);
-		setDragged(false);
-	};
-	const handleFileChange = (e) => {
-		updateFiles(e.currentTarget);
-	};
-	const updateFiles = ({ files }) => {
-		if (enableTracking) userEvents.addFieldEvent("Interacted with form field", {
-			actionType: "change",
-			field: name || "file picker"
-		});
-		const currentFiles = data?.[name] || [];
-		handleChangeFor(name, "input")([...currentFiles, ...files ?? []]);
-	};
-	useEffect(() => {
-		const currentFiles = data?.[name] || [];
-		if (isValid) propsOnChange?.([...currentFiles]);
-	}, [isValid, data]);
-	useEffect(() => {
-		if (defaultData?.[name]?.[0]) {
-			setData(name, defaultData?.[name]);
-			triggerValidation();
-		} else setData(name, null);
-	}, [defaultData]);
-	useEffect(() => {
-		const currentFiles = data?.[name];
-		const hasFiles = currentFiles && currentFiles.length > 0;
-		if (isOptional && !hasFiles) setValid(name, true);
-	}, [isOptional, data]);
-	const files = data?.[name] || [];
-	return /* @__PURE__ */ jsxs("div", { children: [
-		/* @__PURE__ */ jsx(StateContextSetter, { stateRef }),
-		label && /* @__PURE__ */ jsx("div", {
-			className: cx("adyen-kyc-label__text", { "adyen-kyc-label__text--error": isRequired }),
-			children: label
-		}),
-		files.map((file) => /* @__PURE__ */ jsx(DropzoneFile, {
-			file,
-			onDelete: () => {
-				handleFileDelete(file);
-			},
-			errorMessage: errors?.[name]?.errorMessage
-		}, file)),
-		!hasMaxNumberOfFiles && /* @__PURE__ */ jsxs("div", {
-			role: "region",
-			className: cx("adyen-kyc-dropzone", {
-				"adyen-kyc-dropzone--dragged": dragged,
-				"adyen-kyc-dropzone--error": !dragged && isRequired
-			}),
-			onDrop: handleDrop,
-			onDragOver: handleDragOver,
-			onDragEnter: handleDragEnter,
-			onDragLeave: handleDragLeave,
-			children: [/* @__PURE__ */ jsx(InnerContent, {
-				multiple,
-				disabled,
-				showMinimal,
-				hidePageCount,
-				extraDropzoneDescription,
-				maxSize,
-				maxNumberOfFiles,
-				allowedFiletypes,
-				selectFile
-			}), /* @__PURE__ */ jsx("input", {
-				className: "adyen-kyc-dropzone__input",
-				ref: fileInput,
-				disabled,
-				multiple,
-				accept: allowedFiletypes,
-				onChange: handleFileChange,
-				type: "file",
-				"aria-required": required,
-				"aria-label": label,
-				"aria-invalid": !valid,
-				"data-testid": "dropzone-input"
-			})]
-		}),
-		isRequired && /* @__PURE__ */ jsx("div", {
-			className: "adyen-kyc-error-text",
-			children: t(($) => $["fieldIsRequired"])
-		})
-	] });
-}
-function InnerContent({ multiple, disabled, showMinimal, hidePageCount, extraDropzoneDescription, maxSize, maxNumberOfFiles, allowedFiletypes, selectFile }) {
-	const { t } = useTranslation("ui");
-	if (showMinimal) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-		className: "adyen-kyc-dropzone__button",
-		children: /* @__PURE__ */ jsx(Button, {
-			onClick: selectFile,
-			disabled,
-			fullWidth: true,
-			children: t(($) => $["browseFiles"])
-		})
-	}), /* @__PURE__ */ jsxs("div", {
-		className: "adyen-kyc-dropzone__extras",
-		children: [/* @__PURE__ */ jsx(Typography, {
-			color: "secondary",
-			children: t(($) => $["supportedFileTypes"], { fileTypes: allowedFiletypes })
-		}), /* @__PURE__ */ jsx(Typography, {
-			color: "secondary",
-			children: t(($) => $[hidePageCount ? "maxFileSizeOnly" : "maxFileSize"], { maxSize: bytesToSize(maxSize) })
-		})]
-	})] });
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx("div", {
-			className: "adyen-kyc-dropzone__icon",
-			children: /* @__PURE__ */ jsx(Icon, { name: "upload" })
-		}),
-		/* @__PURE__ */ jsxs("div", {
-			className: "adyen-kyc-dropzone__labels",
-			children: [
-				/* @__PURE__ */ jsx(Typography, {
-					el: "h4",
-					variant: "body-strongest",
-					children: t(($) => $[multiple ? "dropFilesToUpload" : "dropFileToUpload"])
-				}),
-				extraDropzoneDescription && /* @__PURE__ */ jsx(Typography, {
-					color: "secondary",
-					children: extraDropzoneDescription
-				}),
-				/* @__PURE__ */ jsx(Typography, {
-					color: "secondary",
-					children: t(($) => $["supportedFileTypes"], { fileTypes: allowedFiletypes })
-				}),
-				/* @__PURE__ */ jsx(Typography, {
-					color: "secondary",
-					children: t(($) => $[hidePageCount ? "maxFileSizeOnly" : "maxFileSize"], { maxSize: bytesToSize(maxSize) })
-				}),
-				/* @__PURE__ */ jsx(Typography, {
-					color: "secondary",
-					children: t(($) => $["upToFiles"], { maxFiles: maxNumberOfFiles })
-				})
-			]
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: "adyen-kyc-dropzone__button",
-			children: /* @__PURE__ */ jsx(Button, {
-				onClick: selectFile,
-				variant: "secondary",
-				children: t(($) => $["browseFiles"])
-			})
-		})
-	] });
-}
-//#endregion
-export { Dropzone as t };

package/dist/EmbeddedStatus-Dqa3hRtl.js

@@ -1,128 +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] = "3d86c207-7b9c-42bc-a1ed-e9509e96d61d", e._sentryDebugIdIdentifier = "sentry-dbid-3d86c207-7b9c-42bc-a1ed-e9509e96d61d");
-} catch (e) {}
-import { i as Typography, r as useTranslation } from "./translation-HjimzbDK.js";
-import { i as TaskStatuses } from "./taskStatus-CvMqhrOK.js";
-import { n as Skeleton } from "./Accordion-Ces4MlyX.js";
-import { t as Avatar } from "./Avatar-BZ1R_63Q.js";
-import { t as OnboardingStatuses } from "./view-verification-status-CYHM_Ggf.js";
-import { t as Tag } from "./Tag-BhU73i1R.js";
-import cx from "classnames";
-import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
-var EmbeddedStatus_module_default = {
-	"embedded-status": "adyen-kyc-embedded-status",
-	embeddedStatus: "adyen-kyc-embedded-status",
-	"embedded-status-loading": "adyen-kyc-embedded-status-loading",
-	embeddedStatusLoading: "adyen-kyc-embedded-status-loading",
-	"embedded-status-avatar": "adyen-kyc-embedded-status-avatar",
-	embeddedStatusAvatar: "adyen-kyc-embedded-status-avatar",
-	"embedded-status-action-indicator": "adyen-kyc-embedded-status-action-indicator",
-	embeddedStatusActionIndicator: "adyen-kyc-embedded-status-action-indicator",
-	"embedded-status-info": "adyen-kyc-embedded-status-info",
-	embeddedStatusInfo: "adyen-kyc-embedded-status-info"
-};
-//#endregion
-//#region src/components/ui/molecules/EmbeddedStatus/statusToTag.ts
-/**
-* Maps a Status to Tag-compatible props
-* Similar to TaskItemStatus (without the css class overrides),
-* and should ideally handle view-verification-status as well
-*/
-var statusToTag = (status, uiT) => {
-	switch (status) {
-		case TaskStatuses.FINISHED:
-		case OnboardingStatuses.VERIFIED: return {
-			text: uiT(($) => $["verified"]),
-			variant: "green"
-		};
-		case TaskStatuses.SIGNED:
-		case OnboardingStatuses.REJECTED: return {
-			text: uiT(($) => $["rejected"]),
-			variant: "red"
-		};
-		case TaskStatuses.ERROR: return {
-			text: uiT(($) => $["actionNeeded"]),
-			variant: "red"
-		};
-		case TaskStatuses.PROCESSING:
-		case OnboardingStatuses.IN_REVIEW:
-		case OnboardingStatuses.AWAITING_DATA: return {
-			text: uiT(($) => $["inReview"]),
-			variant: "grey"
-		};
-		case OnboardingStatuses.UNSUCCESSFUL: return {
-			text: uiT(($) => $["unsuccessful"]),
-			variant: "red"
-		};
-		default: return;
-	}
-};
-//#endregion
-//#region src/components/ui/molecules/EmbeddedStatus/EmbeddedStatus.tsx
-/**
-* UI-only component used to display a tag based on status or an action button
-*/
-var EmbeddedStatus = ({ title, subtitle, status, tag, iconName = "user", loading = false, onClick, light = false, className, actionIndicator, ...props }) => {
-	const { t } = useTranslation("ui");
-	const statusTag = status ? statusToTag(status, t) : tag;
-	const avatarVariant = light ? "tertiary" : "secondary";
-	return /* @__PURE__ */ jsxs("button", {
-		type: "button",
-		className: cx(className, EmbeddedStatus_module_default.embeddedStatus, "adyen-kyc-externalComponent", {
-			[EmbeddedStatus_module_default.embeddedStatusLoading]: loading,
-			[EmbeddedStatus_module_default.embeddedStatusLight]: light
-		}),
-		onClick,
-		...props,
-		children: [
-			loading ? /* @__PURE__ */ jsx(Skeleton, {
-				height: "44px",
-				width: "44px",
-				circle: true
-			}) : /* @__PURE__ */ jsx(Avatar, {
-				iconName,
-				variant: avatarVariant,
-				circle: true
-			}),
-			/* @__PURE__ */ jsx("section", {
-				className: EmbeddedStatus_module_default.embeddedStatusInfo,
-				children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Skeleton, {
-					text: true,
-					width: "20ch",
-					height: "1em"
-				}), /* @__PURE__ */ jsx(Skeleton, {
-					text: true,
-					width: "90%",
-					height: "1em"
-				})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Typography, {
-					variant: "body-stronger",
-					el: "h3",
-					children: title
-				}), /* @__PURE__ */ jsx(Typography, {
-					variant: "caption",
-					color: "secondary",
-					el: "div",
-					children: subtitle
-				})] })
-			}),
-			actionIndicator ? /* @__PURE__ */ jsx("section", { children: loading ? /* @__PURE__ */ jsx(Skeleton, {
-				width: "5em",
-				height: "2em"
-			}) : /* @__PURE__ */ jsx(Typography, {
-				el: "div",
-				variant: "body-stronger",
-				className: EmbeddedStatus_module_default.embeddedStatusActionIndicator,
-				children: actionIndicator.text
-			}) }) : statusTag?.text && /* @__PURE__ */ jsx("section", { children: loading ? /* @__PURE__ */ jsx(Skeleton, {
-				width: "8ch",
-				height: "1em"
-			}) : /* @__PURE__ */ jsx(Tag, {
-				variant: statusTag.variant,
-				children: statusTag.text
-			}) })
-		]
-	});
-};
-//#endregion
-export { statusToTag as n, EmbeddedStatus as t };

package/dist/EndStateLayout-Dz4uTeoO.js

@@ -1,84 +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] = "9119e31f-2f6e-4df6-a777-f64b17648a53", e._sentryDebugIdIdentifier = "sentry-dbid-9119e31f-2f6e-4df6-a777-f64b17648a53");
-} catch (e) {}
-import { a as Icon } from "./translation-HjimzbDK.js";
-import { r as Loader, t as Button } from "./Button-BrEOD5gK.js";
-import cx from "classnames";
-import { jsx, jsxs } from "preact/jsx-runtime";
-import { cloneElement, isValidElement } from "preact";
-var EndStateLayout_module_default = {
-	"end-state-layout": "adyen-kyc-end-state-layout",
-	endStateLayout: "adyen-kyc-end-state-layout",
-	"end-state-layout-header": "adyen-kyc-end-state-layout-header",
-	endStateLayoutHeader: "adyen-kyc-end-state-layout-header",
-	"end-state-layout-icon": "adyen-kyc-end-state-layout-icon",
-	endStateLayoutIcon: "adyen-kyc-end-state-layout-icon",
-	"end-state-layout-icon-success": "adyen-kyc-end-state-layout-icon-success",
-	endStateLayoutIconSuccess: "adyen-kyc-end-state-layout-icon-success",
-	"end-state-layout-icon-error": "adyen-kyc-end-state-layout-icon-error",
-	endStateLayoutIconError: "adyen-kyc-end-state-layout-icon-error",
-	"end-state-layout-icon-info": "adyen-kyc-end-state-layout-icon-info",
-	endStateLayoutIconInfo: "adyen-kyc-end-state-layout-icon-info",
-	"end-state-layout-icon-warning": "adyen-kyc-end-state-layout-icon-warning",
-	endStateLayoutIconWarning: "adyen-kyc-end-state-layout-icon-warning",
-	"end-state-layout-text": "adyen-kyc-end-state-layout-text",
-	endStateLayoutText: "adyen-kyc-end-state-layout-text",
-	"end-state-layout-title": "adyen-kyc-end-state-layout-title",
-	endStateLayoutTitle: "adyen-kyc-end-state-layout-title",
-	"end-state-layout-description": "adyen-kyc-end-state-layout-description",
-	endStateLayoutDescription: "adyen-kyc-end-state-layout-description",
-	"end-state-layout-action": "adyen-kyc-end-state-layout-action",
-	endStateLayoutAction: "adyen-kyc-end-state-layout-action"
-};
-//#endregion
-//#region src/components/ui/layout/EndStateLayout/EndStateLayout.tsx
-var EndStateLayout = ({ action, description, loading = false, title, variant = "success" }) => {
-	if (action && (!isValidElement(action) || action.type !== Button)) throw new Error("EndStateLayout component only accepts Button component as \"action\".");
-	const iconClassname = cx(EndStateLayout_module_default.endStateLayoutIcon, {
-		[EndStateLayout_module_default.endStateLayoutIconSuccess]: variant === "success",
-		[EndStateLayout_module_default.endStateLayoutIconError]: variant === "error",
-		[EndStateLayout_module_default.endStateLayoutIconWarning]: variant === "warning",
-		[EndStateLayout_module_default.endStateLayoutIconInfo]: variant === "info" || variant === "basic"
-	});
-	const iconName = {
-		basic: "info-circle",
-		error: "cross",
-		info: "info-circle",
-		success: "check",
-		warning: "warning"
-	};
-	const actionButton = action ? cloneElement(action, { disabled: loading }) : null;
-	return /* @__PURE__ */ jsxs("article", {
-		className: EndStateLayout_module_default.endStateLayout,
-		children: [/* @__PURE__ */ jsxs("header", {
-			className: EndStateLayout_module_default.endStateLayoutHeader,
-			children: [
-				loading ? /* @__PURE__ */ jsx("div", {
-					className: EndStateLayout_module_default.endStateLayoutIcon,
-					role: "progressbar",
-					children: /* @__PURE__ */ jsx(Loader, {})
-				}) : /* @__PURE__ */ jsx("div", {
-					className: iconClassname,
-					role: "img",
-					"aria-label": variant,
-					children: /* @__PURE__ */ jsx(Icon, { name: iconName[variant] })
-				}),
-				/* @__PURE__ */ jsx("h1", {
-					className: EndStateLayout_module_default.endStateLayoutTitle,
-					children: title
-				}),
-				description && /* @__PURE__ */ jsx("div", {
-					className: EndStateLayout_module_default.endStateLayoutDescription,
-					children: description
-				})
-			]
-		}), actionButton && /* @__PURE__ */ jsx("div", {
-			className: EndStateLayout_module_default.endStateLayoutAction,
-			role: "toolbar",
-			children: actionButton
-		})]
-	});
-};
-//#endregion
-export { EndStateLayout as t };

package/dist/EntityAssociation-C3qUz5m6.js

@@ -1,163 +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] = "b27e06fd-e0c9-42b7-9b70-949e141b4c69", e._sentryDebugIdIdentifier = "sentry-dbid-b27e06fd-e0c9-42b7-9b70-949e141b4c69");
-} catch (e) {}
-import { r as useTranslation } from "./translation-HjimzbDK.js";
-import { n as IconButton, t as Button } from "./Button-BrEOD5gK.js";
-import { t as TaskVerificationStatus } from "./TaskVerificationStatus-o58AmswI.js";
-import { i as TaskStatuses } from "./taskStatus-CvMqhrOK.js";
-import { t as Card } from "./Card-D6AEqxyX.js";
-import { t as VerificationErrorAlert } from "./VerificationErrorAlert-rxIxZG_9.js";
-import { t as Confirm } from "./Confirm-DL6vIvKe.js";
-import { n as getRoleTagVariant, t as getRoleName } from "./roleMetadata-72B4lOSi.js";
-import { t as Tag } from "./Tag-BhU73i1R.js";
-import { useCallback, useEffect, useRef, useState } from "preact/hooks";
-import { jsx, jsxs } from "preact/jsx-runtime";
-//#region src/hooks/useClickAwayListener.tsx
-function useClickAwayListener(ref, onClickAway) {
-	const handleClickAway = useCallback((event) => {
-		if (ref.current && !event.composedPath().includes(ref.current)) onClickAway();
-	}, [ref, onClickAway]);
-	useEffect(() => {
-		document.addEventListener("mousedown", handleClickAway);
-		return () => {
-			document.removeEventListener("mousedown", handleClickAway);
-		};
-	}, [handleClickAway]);
-}
-var ClickAwayWrapper = ({ children, onClickAway, ...divProps }) => {
-	const ref = useRef(null);
-	useClickAwayListener(ref, onClickAway);
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		...divProps,
-		children
-	});
-};
-var ActionsMenu_module_default = {
-	"actions-menu": "adyen-kyc-actions-menu",
-	actionsMenu: "adyen-kyc-actions-menu",
-	"actions-menu-option": "adyen-kyc-actions-menu-option",
-	actionsMenuOption: "adyen-kyc-actions-menu-option"
-};
-//#endregion
-//#region src/components/ui/atoms/ActionsMenu/ActionsMenu.tsx
-var ActionsMenu = ({ options, open, setOpen }) => {
-	const menuItems = options.map(({ label, onSelect, icon }) => /* @__PURE__ */ jsx(Button, {
-		onClick: (event) => {
-			event.stopPropagation();
-			setOpen(false);
-			onSelect();
-		},
-		variant: "tertiary",
-		icon,
-		children: label
-	}, label));
-	return open ? /* @__PURE__ */ jsx(ClickAwayWrapper, {
-		onClickAway: () => {
-			setOpen(false);
-		},
-		className: ActionsMenu_module_default.actionsMenu,
-		role: "menu",
-		children: menuItems
-	}) : null;
-};
-var EntityAssociation_module_default = {
-	"entity-association-wrapper": "adyen-kyc-entity-association-wrapper",
-	entityAssociationWrapper: "adyen-kyc-entity-association-wrapper",
-	"entity-association": "adyen-kyc-entity-association",
-	entityAssociation: "adyen-kyc-entity-association",
-	"entity-association-top": "adyen-kyc-entity-association-top",
-	entityAssociationTop: "adyen-kyc-entity-association-top",
-	"entity-association-title": "adyen-kyc-entity-association-title",
-	entityAssociationTitle: "adyen-kyc-entity-association-title",
-	"entity-association-info": "adyen-kyc-entity-association-info",
-	entityAssociationInfo: "adyen-kyc-entity-association-info",
-	"entity-association-tag": "adyen-kyc-entity-association-tag",
-	entityAssociationTag: "adyen-kyc-entity-association-tag",
-	"entity-association-actions": "adyen-kyc-entity-association-actions",
-	entityAssociationActions: "adyen-kyc-entity-association-actions",
-	"entity-association-alert": "adyen-kyc-entity-association-alert",
-	entityAssociationAlert: "adyen-kyc-entity-association-alert",
-	card: "adyen-kyc-card"
-};
-//#endregion
-//#region src/components/Shared/EntityAssociation/EntityAssociation.tsx
-var EntityAssociation = ({ name, types, status, actions, problems, infoContent, onNavigateToEntity, deleteEntity, isDeleteDisabled }) => {
-	const { t } = useTranslation("common");
-	const [showingActions, setShowingActions] = useState(false);
-	const [isConfirmShown, setIsConfirmShown] = useState(false);
-	const isDeletable = !!deleteEntity;
-	const handleRemoveIntent = (event) => {
-		event.stopPropagation();
-		setIsConfirmShown(true);
-	};
-	const dismissConfirm = () => {
-		setIsConfirmShown(false);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: EntityAssociation_module_default.entityAssociationWrapper,
-		children: [/* @__PURE__ */ jsx(Card, {
-			onClick: onNavigateToEntity,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: EntityAssociation_module_default.entityAssociation,
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: EntityAssociation_module_default.entityAssociationTop,
-						children: [/* @__PURE__ */ jsx("h3", {
-							className: EntityAssociation_module_default.entityAssociationTitle,
-							children: name
-						}), /* @__PURE__ */ jsxs("div", {
-							className: EntityAssociation_module_default.entityAssociationInfo,
-							children: [
-								/* @__PURE__ */ jsx(TaskVerificationStatus, { status }),
-								actions && /* @__PURE__ */ jsxs("div", {
-									className: EntityAssociation_module_default.entityAssociationActions,
-									children: [/* @__PURE__ */ jsx(IconButton, {
-										variant: "tertiary",
-										icon: "more-horiz",
-										onClick: (event) => {
-											event.stopPropagation();
-											setShowingActions(!showingActions);
-										},
-										ariaLabel: t(($) => $["toggleAssociationMenu"], { name })
-									}), /* @__PURE__ */ jsx(ActionsMenu, {
-										options: actions,
-										open: showingActions,
-										setOpen: setShowingActions
-									})]
-								}),
-								isDeletable && /* @__PURE__ */ jsx(IconButton, {
-									ariaLabel: t(($) => $["delete"]),
-									icon: "bin",
-									variant: "tertiary",
-									onClick: handleRemoveIntent,
-									disabled: isConfirmShown || isDeleteDisabled
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ jsx("div", { children: types.map((type) => /* @__PURE__ */ jsx(Tag, {
-						className: EntityAssociation_module_default.entityAssociationTag,
-						variant: getRoleTagVariant(type),
-						children: t(($) => $[getRoleName(type)])
-					}, type)) }),
-					status === TaskStatuses.ERROR && /* @__PURE__ */ jsx(VerificationErrorAlert, {
-						className: EntityAssociation_module_default.entityAssociationAlert,
-						problems
-					}),
-					infoContent
-				]
-			})
-		}), isConfirmShown && isDeletable && /* @__PURE__ */ jsx(Confirm, {
-			title: t(($) => $["deleteItem"], { item: name }),
-			description: t(($) => $["thisActionIsPermanent"]),
-			onConfirm: deleteEntity,
-			confirmText: t(($) => $["delete"]),
-			onCancel: dismissConfirm,
-			critical: true
-		})]
-	});
-};
-//#endregion
-export { EntityAssociation as t };