@adyen/kyc-components 4.23.0 → 4.24.0-beta.0

package/dist/Loader-BEpMlKm2.js

@@ -1,92 +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] = "08cf0806-f0c7-4f44-8e5c-d37c7165f641", e._sentryDebugIdIdentifier = "sentry-dbid-08cf0806-f0c7-4f44-8e5c-d37c7165f641");
-} catch (e) {}
-import { r as useTranslation } from "./translation-BOm4lmPx.js";
-import { t as Typography } from "./Typography-CAc_f5Iq.js";
-import { useLayoutEffect } from "preact/hooks";
-import cx from "classnames";
-import { jsx, jsxs } from "preact/jsx-runtime";
-import { useComputed, useSignal } from "@preact/signals";
-var Loader_module_default = {
-	"loader-wrapper": "_loader-wrapper_xtjeo_1",
-	loaderWrapper: "_loader-wrapper_xtjeo_1",
-	"loader-text": "_loader-text_xtjeo_10",
-	loaderText: "_loader-text_xtjeo_10",
-	"loader-text-visible": "_loader-text-visible_xtjeo_18",
-	loaderTextVisible: "_loader-text-visible_xtjeo_18",
-	loader: "_loader_xtjeo_1",
-	rotateLoader: "_rotateLoader_xtjeo_1",
-	"loader-large": "_loader-large_xtjeo_46",
-	loaderLarge: "_loader-large_xtjeo_46",
-	"loader-small": "_loader-small_xtjeo_52",
-	loaderSmall: "_loader-small_xtjeo_52",
-	"loader-medium": "_loader-medium_xtjeo_59",
-	loaderMedium: "_loader-medium_xtjeo_59",
-	"loader-xsmall": "_loader-xsmall_xtjeo_65",
-	loaderXsmall: "_loader-xsmall_xtjeo_65",
-	fadeInText: "_fadeInText_xtjeo_1"
-};
-//#endregion
-//#region src/components/ui/atoms/Loader/Loader.tsx
-var LOADER_TEXT_DELAY_MS = 5e3;
-var LOADER_TEXT_LONG_DELAY_MS = 1e4;
-var sizeMap = {
-	xsmall: Loader_module_default.loaderXsmall,
-	small: Loader_module_default.loaderSmall,
-	medium: Loader_module_default.loaderMedium,
-	large: Loader_module_default.loaderLarge
-};
-/**
-* Default Loading Loader
-* @param props -
-*/
-var Loader = ({ size = "large", defaultMessage, shortMessage, shortDelayMs = LOADER_TEXT_DELAY_MS, longMessage, longDelayMs = LOADER_TEXT_LONG_DELAY_MS }) => {
-	const { t } = useTranslation("common");
-	const loaderTextState = useSignal(defaultMessage ? "default" : "hidden");
-	const showText = size === "large";
-	useLayoutEffect(() => {
-		if (!showText) return;
-		const shortTimer = setTimeout(() => {
-			loaderTextState.value = "short";
-		}, shortDelayMs);
-		const longTimer = setTimeout(() => {
-			loaderTextState.value = "long";
-		}, longDelayMs);
-		return () => {
-			clearTimeout(shortTimer);
-			clearTimeout(longTimer);
-		};
-	}, [
-		showText,
-		shortDelayMs,
-		longDelayMs,
-		loaderTextState
-	]);
-	const resolvedMessage = useComputed(() => {
-		switch (loaderTextState.value) {
-			case "long": return longMessage ?? t(($) => $["justAMomentTakingLonger"]);
-			case "short": return shortMessage ?? t(($) => $["justAMoment"]);
-			case "default": return defaultMessage;
-			default: return;
-		}
-	});
-	const loaderTextVisible = useComputed(() => loaderTextState.value !== "hidden");
-	return /* @__PURE__ */ jsxs("div", {
-		className: Loader_module_default.loaderWrapper,
-		children: [/* @__PURE__ */ jsx("div", {
-			role: "progressbar",
-			className: cx(Loader_module_default.loader, sizeMap[size])
-		}), showText && /* @__PURE__ */ jsx("div", {
-			className: cx(Loader_module_default.loaderText, { [Loader_module_default.loaderTextVisible]: loaderTextVisible }),
-			children: /* @__PURE__ */ jsx(Typography, {
-				variant: "body",
-				color: "secondary",
-				el: "span",
-				children: resolvedMessage
-			})
-		})]
-	});
-};
-//#endregion
-export { Loader as t };

package/dist/Modal-BsivDPTd.js

@@ -1,129 +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] = "0788a620-9c81-4d68-9d97-de1b69e8a279", e._sentryDebugIdIdentifier = "sentry-dbid-0788a620-9c81-4d68-9d97-de1b69e8a279");
-} catch (e) {}
-import { dt as AnalyticsContext } from "./resolveEnvironment-BYEL10Nc.js";
-import { n as IconButton } from "./Button-DfRmINzF.js";
-import { useContext, useLayoutEffect, useRef } from "preact/hooks";
-import cx from "classnames";
-import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
-//#region src/context/AnalyticsContext/useAnalyticsContext.tsx
-var useAnalyticsContext = () => {
-	return useContext(AnalyticsContext);
-};
-//#endregion
-//#region src/constants/keys.ts
-var KEYBOARD_KEYS = {
-	arrowDown: "ArrowDown",
-	arrowUp: "ArrowUp",
-	arrowLeft: "ArrowLeft",
-	arrowRight: "ArrowRight",
-	enter: "Enter",
-	escape: "Escape",
-	space: " ",
-	tab: "Tab",
-	backspace: "Backspace",
-	home: "Home",
-	end: "End",
-	shift: "Shift"
-};
-var Modal_module_default = {
-	modal: "_modal_kkggh_1",
-	"modal-small": "_modal-small_kkggh_30",
-	modalSmall: "_modal-small_kkggh_30",
-	"modal-medium": "_modal-medium_kkggh_39",
-	modalMedium: "_modal-medium_kkggh_39",
-	"modal-large": "_modal-large_kkggh_49",
-	modalLarge: "_modal-large_kkggh_49",
-	"modal-fit-content": "_modal-fit-content_kkggh_58",
-	modalFitContent: "_modal-fit-content_kkggh_58",
-	"modal-body": "_modal-body_kkggh_62",
-	modalBody: "_modal-body_kkggh_62",
-	"modal-body-height": "_modal-body-height_kkggh_69",
-	modalBodyHeight: "_modal-body-height_kkggh_69",
-	"modal-transition-slide-in": "_modal-transition-slide-in_kkggh_75",
-	modalTransitionSlideIn: "_modal-transition-slide-in_kkggh_75",
-	"modal-transition-drop-in": "_modal-transition-drop-in_kkggh_91",
-	modalTransitionDropIn: "_modal-transition-drop-in_kkggh_91",
-	"modal-inset": "_modal-inset_kkggh_105",
-	modalInset: "_modal-inset_kkggh_105",
-	"modal-button": "_modal-button_kkggh_138",
-	modalButton: "_modal-button_kkggh_138",
-	"modal-content": "_modal-content_kkggh_145",
-	modalContent: "_modal-content_kkggh_145"
-};
-//#endregion
-//#region src/components/ui/atoms/Modal/Modal.tsx
-var Modal = ({ ariaLabel, children, fitContent = false, inset = false, onClose, showCloseButton = true, size = "medium", transition = "slideIn" }) => {
-	const dialogRef = useRef(null);
-	const shouldShowCloseButton = onClose !== void 0 && showCloseButton;
-	useLayoutEffect(() => {
-		const dialogElement = dialogRef.current;
-		if (!dialogElement) return;
-		const handleCancel = (event) => {
-			event.preventDefault();
-			onClose?.();
-		};
-		const handleKeydown = (event) => {
-			if (event.key !== KEYBOARD_KEYS.escape) return;
-			event.preventDefault();
-			onClose?.();
-		};
-		try {
-			dialogElement.addEventListener("keydown", handleKeydown);
-			dialogElement.addEventListener("cancel", handleCancel);
-			dialogElement.showModal();
-		} catch {
-			console.warn("Could not call `showModal()` on the <dialog>; likely it was already removed from the document.");
-			return;
-		}
-		dialogElement.focus();
-		dialogElement.blur();
-		return () => {
-			dialogElement.removeEventListener("cancel", handleCancel);
-			dialogElement.removeEventListener("keydown", handleKeydown);
-			dialogElement.close();
-		};
-	}, []);
-	const transitionStyle = {
-		slideIn: Modal_module_default.modalTransitionSlideIn,
-		dropIn: Modal_module_default.modalTransitionDropIn
-	};
-	const sizeStyle = {
-		small: Modal_module_default.modalSmall,
-		medium: Modal_module_default.modalMedium,
-		large: Modal_module_default.modalLarge,
-		fullscreen: null
-	};
-	const rootClassname = cx(Modal_module_default.modal, transitionStyle[transition], sizeStyle[size], { [Modal_module_default.modalFitContent]: fitContent && (size === "medium" || size === "large") });
-	const bodyClassname = cx(Modal_module_default.modalBody, {
-		[Modal_module_default.modalInset]: inset,
-		[Modal_module_default.modalBodyHeight]: size !== "small" && !fitContent
-	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("style", { children: `html,body { overflow: hidden !important; }` }), /* @__PURE__ */ jsxs("dialog", {
-		"aria-label": ariaLabel,
-		className: rootClassname,
-		ref: dialogRef,
-		children: [shouldShowCloseButton && /* @__PURE__ */ jsx("div", {
-			className: Modal_module_default.modalButton,
-			children: /* @__PURE__ */ jsx(IconButton, {
-				ariaLabel: "Close",
-				circle: true,
-				icon: "cross",
-				onClick: onClose,
-				variant: "surface"
-			})
-		}), /* @__PURE__ */ jsx("div", {
-			className: bodyClassname,
-			"data-testid": "modal-body",
-			children
-		})]
-	})] });
-};
-/** @deprecated do not use in new UI. If you need inset styling, use the `inset` prop on the Modal component. */
-var ModalContent = ({ children }) => /* @__PURE__ */ jsx("section", {
-	className: Modal_module_default.modalContent,
-	children
-});
-//#endregion
-export { useAnalyticsContext as i, ModalContent as n, KEYBOARD_KEYS as r, Modal as t };

package/dist/Name-DMf8Uyof.js

@@ -1,61 +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] = "5be9e442-4a0b-47cb-84f6-53b7f6f6ad71", e._sentryDebugIdIdentifier = "sentry-dbid-5be9e442-4a0b-47cb-84f6-53b7f6f6ad71");
-} catch (e) {}
-import { r as useTranslation } from "./translation-BOm4lmPx.js";
-import { t as InputText } from "./InputText-CTpVF0Mu.js";
-import { r as Field } from "./Select-ByVcS_J2.js";
-import { k as createFormUtils } from "./RadioGroup-D8DRUJ2o.js";
-import { jsx, jsxs } from "preact/jsx-runtime";
-//#region src/components/Shared/fields/Name/Name.tsx
-var nameFields = ["firstName", "lastName"];
-function Name(props) {
-	const { data, handleFieldChange, errors, valid, fieldValidationErrors } = props;
-	const { t } = useTranslation("common");
-	if (!handleFieldChange) return;
-	const formUtils = createFormUtils(props, t);
-	return /* @__PURE__ */ jsxs("div", {
-		className: "adyen-kyc-field-wrapper",
-		children: [formUtils.isRequiredField("firstName") && /* @__PURE__ */ jsx(Field, {
-			name: "firstName",
-			label: formUtils.getLabel("firstName"),
-			className: "u-width-half",
-			errorMessage: formUtils.getErrorMessage("firstName", errors, fieldValidationErrors),
-			isValid: valid?.firstName,
-			helper: formUtils.getLabel("enterNameExactlyAsAppearInID"),
-			children: (childProps) => /* @__PURE__ */ jsx(InputText, {
-				...childProps,
-				name: "firstName",
-				value: data?.firstName,
-				readonly: formUtils.isReadOnly("firstName"),
-				onInput: handleFieldChange("firstName", "input"),
-				onBlur: handleFieldChange("firstName", "blur"),
-				trimOnBlur: true,
-				spellCheck: false,
-				"aria-required": true,
-				"aria-invalid": !valid?.firstName
-			})
-		}), formUtils.isRequiredField("lastName") && /* @__PURE__ */ jsx(Field, {
-			name: "lastName",
-			label: formUtils.getLabel("lastName"),
-			className: "u-width-half",
-			errorMessage: formUtils.getErrorMessage("lastName", errors, fieldValidationErrors),
-			isValid: valid?.lastName,
-			helper: formUtils.getLabel("enterLastNameExactlyAsAppearInID"),
-			children: (childProps) => /* @__PURE__ */ jsx(InputText, {
-				...childProps,
-				name: "lastName",
-				value: data?.lastName,
-				readonly: formUtils.isReadOnly("lastName"),
-				onInput: handleFieldChange("lastName", "input"),
-				onBlur: handleFieldChange("lastName", "blur"),
-				trimOnBlur: true,
-				spellCheck: false,
-				"aria-required": true,
-				"aria-invalid": !valid?.lastName
-			})
-		})]
-	});
-}
-//#endregion
-export { nameFields as n, Name as t };

package/dist/NewSummary-DxWLTnJy.js

@@ -1,73 +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] = "eea1ec26-ccf1-4204-9516-df4357892eaa", e._sentryDebugIdIdentifier = "sentry-dbid-eea1ec26-ccf1-4204-9516-df4357892eaa");
-} catch (e) {}
-import { r as useTranslation } from "./translation-BOm4lmPx.js";
-import { k as Header } from "./resolveEnvironment-BYEL10Nc.js";
-import { t as Typography } from "./Typography-CAc_f5Iq.js";
-import { n as IconButton } from "./Button-DfRmINzF.js";
-import { t as StackLayout } from "./StackLayout-IUdNMDgW.js";
-import { i as useAnalyticsContext } from "./Modal-BsivDPTd.js";
-import { o as StructuredList } from "./utils-DBIDcVUN.js";
-import { j as trackNavigation } from "./RadioGroup-D8DRUJ2o.js";
-import { t as List } from "./List-ywoRPg-q.js";
-import { jsx, jsxs } from "preact/jsx-runtime";
-import { defineSlots } from "named-slots";
-var SummarySection_module_default = {
-	"summary-header": "_summary-header_jps0f_1",
-	summaryHeader: "_summary-header_jps0f_1"
-};
-//#endregion
-//#region src/components/Shared/SummarySection/SummarySection.tsx
-var SummarySection = ({ formId, label, items, action }) => /* @__PURE__ */ jsxs(List, {
-	variant: "grouped-secondary",
-	children: [/* @__PURE__ */ jsxs("header", {
-		className: SummarySection_module_default.summaryHeader,
-		children: [/* @__PURE__ */ jsx(Typography, {
-			el: "h2",
-			variant: "title",
-			children: label
-		}), action]
-	}), /* @__PURE__ */ jsx(StructuredList, { items: items ?? [] })]
-}, formId);
-//#endregion
-//#region src/components/Shared/NewSummary/NewSummary.tsx
-var NewSummary = ({ children, handleEditForm, sections }) => {
-	const { t } = useTranslation("common");
-	const { Slot } = defineSlots(children, ["errorPanel", "extraContent"]);
-	const userEvents = useAnalyticsContext();
-	return /* @__PURE__ */ jsxs("div", {
-		role: "region",
-		children: [/* @__PURE__ */ jsx(Header, {
-			title: t(($) => $["summary"]),
-			description: t(($) => $["summaryDescription"])
-		}), /* @__PURE__ */ jsxs(StackLayout, { children: [
-			/* @__PURE__ */ jsx(Slot, { name: "errorPanel" }),
-			sections.map(({ formId, label, items, hideEditButton }) => {
-				if (formId === "summary") return;
-				return /* @__PURE__ */ jsx(SummarySection, {
-					formId,
-					label,
-					items,
-					action: hideEditButton ? void 0 : /* @__PURE__ */ jsx(IconButton, {
-						variant: "tertiary",
-						icon: "edit",
-						onClick: () => {
-							trackNavigation({
-								userEvents,
-								actionType: "edit",
-								toForm: label,
-								label: "Pencil icon"
-							});
-							handleEditForm(formId);
-						},
-						ariaLabel: t(($) => $["editForm"], { formName: label })
-					})
-				}, formId);
-			}),
-			/* @__PURE__ */ jsx(Slot, { name: "extraContent" })
-		] })]
-	});
-};
-//#endregion
-export { SummarySection as n, NewSummary as t };

package/dist/PatriotActDisclosure-ChZ_ePr2.js

@@ -1,265 +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] = "ea159181-e5e4-4ce3-a08f-6c3b0db238ec", e._sentryDebugIdIdentifier = "sentry-dbid-ea159181-e5e4-4ce3-a08f-6c3b0db238ec");
-} catch (e) {}
-import { r as useTranslation } from "./translation-BOm4lmPx.js";
-import { k as Header } from "./resolveEnvironment-BYEL10Nc.js";
-import { t as Icon } from "./Icon-C3S5_kkS.js";
-import { t as Typography } from "./Typography-CAc_f5Iq.js";
-import { a as objectsDeepEqual } from "./genUtils-Ce61IJs8.js";
-import { t as getNestedPropertyKeys } from "./getNestedPropertyKeys-Cd8HKupP.js";
-import { r as Field, t as Select } from "./Select-ByVcS_J2.js";
-import { k as createFormUtils } from "./RadioGroup-D8DRUJ2o.js";
-import { t as Image } from "./Image-D82terx4.js";
-import { t as ErrorPanel } from "./ErrorPanel-tnFOlOZU.js";
-import { t as TextArea } from "./TextArea-qbFhi8Az.js";
-import { n as StateContextSetter, t as Dropzone } from "./Dropzone-CNHxDEc3.js";
-import { t as useForm } from "./useForm-DbDFfb2S.js";
-import { lazy, memo } from "preact/compat";
-import { useEffect as useEffect$1, useMemo as useMemo$1, useRef as useRef$1, useState as useState$1 } from "preact/hooks";
-import cx from "classnames";
-import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
-//#region src/utils/getFieldsWithExistingData.ts
-var getFieldsWithExistingData = (legalEntity, keyMapping, documentMapping, knownProblematicFields = []) => {
-	const nonDocumentFields = getNestedPropertyKeys(legalEntity).map((field) => keyMapping[field]).filter(Boolean).filter((field) => !knownProblematicFields.includes(field));
-	if (documentMapping && legalEntity.documentDetails?.length) {
-		const documentFields = legalEntity.documentDetails.map((document) => documentMapping[document.type]).filter(Boolean);
-		return [...nonDocumentFields, ...documentFields];
-	}
-	return nonDocumentFields;
-};
-//#endregion
-//#region src/utils/mapping/documentGuidanceMap.ts
-/**
-* Returns the appropriate prefix for the document guidance image based on api documentType.
-*/
-var getDocumentGuidancePrefix = (documentType) => {
-	switch (documentType) {
-		case "passport": return "passport";
-		case "driversLicense":
-		case "identityCard": return "id";
-		default: return "document";
-	}
-};
-//#endregion
-//#region src/components/ui/molecules/DocumentGuidance/DocumentGuidance.tsx
-var documentMap = {
-	"document-blurred": lazy(() => import("./document-blurred-iJRUsQR5.js")),
-	"document-cutoff": lazy(() => import("./document-cut-off-DhZYZ56P.js")),
-	"document-expired": lazy(() => import("./document-expired-CDV5yclN.js")),
-	"document-front": lazy(() => import("./document-front-tg-w81rp.js")),
-	"id-blurred": lazy(() => import("./id-blurred-VxdOFc9Z.js")),
-	"id-cutoff": lazy(() => import("./id-cut-off-Lf8yjnWT.js")),
-	"id-front": lazy(() => import("./id-front-C00ss5Ib.js")),
-	"id-glare": lazy(() => import("./id-glare-DyvU9bwI.js")),
-	"passport-blurred": lazy(() => import("./passport-blurred-0Uw8uYSJ.js")),
-	"passport-cutoff": lazy(() => import("./passport-cut-off-BPzI2BwO.js")),
-	"passport-front": lazy(() => import("./passport-front-D6Nky-ni.js")),
-	"passport-glare": lazy(() => import("./passport-glare-DFSFxNy9.js"))
-};
-function DocumentGuidance({ type, className }) {
-	const { t } = useTranslation("ui");
-	const documentGuidanceItems = useMemo$1(() => {
-		const guidancePrefix = getDocumentGuidancePrefix(type);
-		const guidanceItems = [
-			{
-				svgName: `${guidancePrefix}-front`,
-				translationKey: "good",
-				valid: true
-			},
-			{
-				svgName: `${guidancePrefix}-cutoff`,
-				translationKey: "notCutOff"
-			},
-			{
-				svgName: `${guidancePrefix}-blurred`,
-				translationKey: "notBlurry"
-			},
-			guidancePrefix === "document" ? {
-				svgName: `document-expired`,
-				translationKey: "notExpired"
-			} : {
-				svgName: `${guidancePrefix}-glare`,
-				translationKey: "noGlare"
-			}
-		];
-		return type === "constitutionalDocument" ? guidanceItems.filter((item) => item.svgName !== "document-expired") : guidanceItems;
-	}, [type]);
-	return /* @__PURE__ */ jsx("div", {
-		className: cx("adyen-kyc-document-guidance", className),
-		children: /* @__PURE__ */ jsx("div", {
-			className: "adyen-kyc-document-guidance__container",
-			children: documentGuidanceItems.map((item) => /* @__PURE__ */ jsxs("figure", {
-				className: "adyen-kyc-document-guidance__item",
-				children: [/* @__PURE__ */ jsx(Image, { lazyLoadedImage: documentMap[item.svgName] }), /* @__PURE__ */ jsxs("figcaption", {
-					className: "adyen-kyc-document-guidance__description",
-					children: [item.valid ? /* @__PURE__ */ jsx(Icon, {
-						name: "check",
-						className: "adyen-kyc-document-guidance__icon"
-					}) : /* @__PURE__ */ jsx(Icon, {
-						name: "cross",
-						className: "adyen-kyc-document-guidance__icon adyen-kyc-document-guidance__icon--invalid"
-					}), /* @__PURE__ */ jsx("span", {
-						className: "adyen-kyc-document-guidance__description-text",
-						children: t(($) => $[item.translationKey])
-					})]
-				})]
-			}, item.translationKey))
-		})
-	});
-}
-var DocumentUpload_module_default = {
-	"description-field": "_description-field_1i0mx_1",
-	descriptionField: "_description-field_1i0mx_1"
-};
-//#endregion
-//#region src/components/Shared/forms/DocumentUpload/DocumentUpload.tsx
-var DESCRIPTION_CHARACTERS_LIMIT = 200;
-function DocumentUpload({ documentType, documentField, guidanceHeader, documentTypeSelect, guidanceContent, handleFieldChange, requiredFields, data: dataProp, valid: validProp, errors: errorProp, fieldValidationErrors: propFieldValidationErrors, supportsMultipleUploads, maxNumberOfFiles = 1, label, extraDropzoneDescription, hidePageCount, ...props }) {
-	const { t } = useTranslation("common");
-	const [document, setDocument] = useState$1();
-	const form = useForm({
-		...props,
-		schema: ["description"],
-		defaultData: dataProp,
-		rules: props.validators,
-		fieldProblems: propFieldValidationErrors
-	});
-	const { handleChangeFor, triggerValidation, setData } = form;
-	let { data, errors, valid, fieldProblems } = form;
-	const formUtils = createFormUtils(props, t);
-	const stateRef = useRef$1({ setState: null });
-	const isOptional = !(props?.formVerificationErrors && Object.keys(props?.formVerificationErrors)?.length === 0);
-	useEffect$1(() => {
-		if (isOptional) triggerValidation();
-	}, [dataProp]);
-	useEffect$1(() => {
-		stateRef.current.setState?.({
-			type: "addToState",
-			value: {
-				data,
-				valid,
-				errors,
-				fieldProblems,
-				dataStoreId: props.id,
-				schema: requiredFields
-			}
-		});
-	}, [
-		data,
-		valid,
-		errors,
-		fieldProblems
-	]);
-	useEffect$1(() => {
-		setDocument({ [documentField]: dataProp?.[documentField] });
-		setData("description", dataProp?.description);
-		triggerValidation();
-	}, [dataProp]);
-	if (handleFieldChange && requiredFields && propFieldValidationErrors) {
-		data = dataProp ?? {};
-		errors = errorProp;
-		valid = validProp;
-		fieldProblems = propFieldValidationErrors;
-	}
-	const handleInput = (e) => {
-		handleChangeFor("description")(e);
-		if (handleFieldChange) handleFieldChange?.("description")(e);
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: `adyen-kyc-company-document-upload adyen-kyc-company-document-upload--${documentField}`,
-		children: [
-			/* @__PURE__ */ jsx(StateContextSetter, {
-				owner: props.id,
-				stateRef
-			}),
-			props.heading && /* @__PURE__ */ jsx(Header, {
-				title: props.heading,
-				description: props.description
-			}),
-			/* @__PURE__ */ jsx(ErrorPanel, {
-				verificationErrors: props?.formVerificationErrors,
-				validationErrors: propFieldValidationErrors,
-				formUtils,
-				id: "ariaErrorField"
-			}),
-			formUtils.isRequiredField(documentField) && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-				guidanceHeader,
-				documentTypeSelect && /* @__PURE__ */ jsx(Field, {
-					name: "documentType",
-					label: t(($) => $["selectDocumentType"]),
-					children: (childProps) => /* @__PURE__ */ jsx(Select, {
-						...childProps,
-						onChange: (e) => documentTypeSelect.setSelectedType(e.target.value),
-						name: "documentType",
-						placeholder: t(($) => $["selectDocument"]),
-						selected: documentTypeSelect.selectedType,
-						items: documentTypeSelect.options.map(({ id, name }) => ({
-							id,
-							name: t(($) => $[name])
-						}))
-					})
-				}),
-				/* @__PURE__ */ jsx("div", { children: guidanceContent }),
-				/* @__PURE__ */ jsx(DocumentGuidance, {
-					type: documentType,
-					className: "u-margin-bottom-24"
-				}),
-				/* @__PURE__ */ jsx(Dropzone, {
-					defaultData: document ?? data,
-					id: props.id,
-					isOptional: isOptional || formUtils.isOptionalField(documentField),
-					maxSize: documentType === "constitutionalDocument" ? 31457280 : void 0,
-					name: documentField,
-					shouldValidate: props.shouldValidate,
-					handleFieldChange,
-					errors,
-					fieldValidationErrors: fieldProblems,
-					valid,
-					multiple: supportsMultipleUploads,
-					maxNumberOfFiles: maxNumberOfFiles ?? 1,
-					label,
-					extraDropzoneDescription,
-					hidePageCount
-				})
-			] }),
-			formUtils.isRequiredField("description") && /* @__PURE__ */ jsx("div", {
-				className: DocumentUpload_module_default.descriptionField,
-				children: /* @__PURE__ */ jsx(Field, {
-					name: "description",
-					label: formUtils.getLabel("descriptionOptional"),
-					errorMessage: formUtils.getErrorMessage("description", errors, fieldProblems),
-					isValid: valid.description,
-					children: (childProps) => /* @__PURE__ */ jsx(TextArea, {
-						...childProps,
-						name: "description",
-						value: data.description,
-						maxLength: DESCRIPTION_CHARACTERS_LIMIT,
-						onInput: handleInput,
-						"aria-invalid": !valid.description,
-						handleFieldChange: handleInput,
-						errors,
-						fieldValidationErrors: fieldProblems,
-						valid
-					})
-				})
-			})
-		]
-	});
-}
-var MemoizedDocumentUpload = memo(DocumentUpload, (prevProps, nextProps) => prevProps.shouldValidate === nextProps.shouldValidate && objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.errors, nextProps.errors) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && objectsDeepEqual(prevProps.documentTypeSelect, nextProps.documentTypeSelect) && prevProps.documentField === nextProps.documentField && prevProps.name === nextProps.name && prevProps.country === nextProps.country && prevProps.companyType === nextProps.companyType);
-//#endregion
-//#region src/components/Shared/PatriotActDisclosure/PatriotActDisclosure.tsx
-var PatriotActDisclosure = () => {
-	const { t } = useTranslation("common");
-	return /* @__PURE__ */ jsx("div", {
-		className: "u-margin-bottom-12",
-		children: /* @__PURE__ */ jsx(Typography, {
-			variant: "caption",
-			color: "secondary",
-			children: t(($) => $["toHelpTheGovernmentCombat"])
-		})
-	});
-};
-//#endregion
-export { getFieldsWithExistingData as i, MemoizedDocumentUpload as n, DocumentGuidance as r, PatriotActDisclosure as t };