@incodetech/web 0.0.0-dev-20260608-c8c427ca → 0.0.0-dev-20260609-11ba3e8a

package/dist/ekycModule-BWsVX39d.js

@@ -0,0 +1,257 @@
+import { n as useTranslation } from "./i18n-gTHArCl9.js";
+import { _ as y, d as T, l as A, v as u } from "./vendor-preact-BH7vOa2r.js";
+import { c as useManager, i as useFormScrollable, o as useModuleTerminalCallbacks } from "./hooks-BtgmGvba.js";
+import { t as IncodeComponent } from "./incodeComponent-CDJxFZvS.js";
+import { t as Page } from "./page-BZ-0eNWq.js";
+import { t as Spinner } from "./spinner-BfBIZkDQ.js";
+import { t as Button } from "./button-B-qlr4iI.js";
+import { t as VerificationResult } from "./verificationResult-CJ0JyV6A.js";
+import { i as translateError, r as FormField, t as RadioGroupComposed } from "./radioGroupComposed-DwYW-Ld-.js";
+import { t as PhoneInputComposed } from "./phoneInputComposed-D_IabWKJ.js";
+import { t as DropdownComposed } from "./dropdownComposed-BF4L-7mJ.js";
+import { t as DateInputComposed } from "./dateInputComposed-DY97tQVK.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-DkA_yd0X.js";
+import { n as getRequiredHintMode, t as getFieldHint } from "./requiredLabelHint-DEadtiwx.js";
+import { n as AddressAutocomplete, t as getAccessibleOptionLabel } from "./optionAccessibleLabel-Czc2YC8z.js";
+import { createEkycManager } from "@incodetech/core/ekyc";
+//#region src/modules/ekyc/ekycModule.tsx
+var EkycContent = ({ config, onFinish }) => {
+	const { t } = useTranslation();
+	const [state, manager] = useManager(() => createEkycManager({ config }));
+	useModuleTerminalCallbacks({
+		status: state.status === "closed" ? "finished" : state.status,
+		onFinish
+	});
+	if (state.status === "finished" || state.status === "closed") return null;
+	if (state.status === "loading") return /* @__PURE__ */ u(VerificationResult, {
+		status: "submitting",
+		submittingTitle: t("common.loading")
+	});
+	if (state.status === "submitting") return /* @__PURE__ */ u(Page, {
+		className: "IncodeEkycPage",
+		children: /* @__PURE__ */ u(Spinner, {
+			fullScreen: false,
+			title: t("common.processing"),
+			className: "IncodeEkycSpinner"
+		})
+	});
+	if (state.status === "success") return /* @__PURE__ */ u(VerificationResult, { status: "success" });
+	if (state.status === "error") return /* @__PURE__ */ u(VerificationResult, {
+		status: "failure",
+		onRetry: () => manager.retry(),
+		onSkip: () => manager.skip()
+	});
+	if (state.status === "misconfigured") return /* @__PURE__ */ u(VerificationResult, {
+		status: "failure",
+		failureTitle: t("verification.noFormFields"),
+		onSkip: () => manager.close(),
+		skipLabel: t("common.close")
+	});
+	if (state.status === "form") return /* @__PURE__ */ u(EkycForm, {
+		state,
+		manager
+	});
+	return null;
+};
+var EkycForm = ({ state, manager }) => {
+	const { fields, values, validationErrors, isValid, addressSuggestions, prefilled, hideEmail, fieldsCountry, submitError } = state;
+	const { t } = useTranslation();
+	const formRef = A(null);
+	const postalCodeFieldRef = A(null);
+	const previousPostalCodeErrorRef = A(void 0);
+	const isScrollable = useFormScrollable(formRef, fields.length);
+	const mode = T(() => getRequiredHintMode(fields.filter((f) => !(f.name === "email" && hideEmail)).map((f) => f.readonly || prefilled[f.name] ? false : f.required)), [
+		fields,
+		hideEmail,
+		prefilled
+	]);
+	const labelHintFor = (effectiveRequired) => {
+		const hint = getFieldHint(mode, effectiveRequired);
+		return hint ? t(`forms.label.${hint}`) : void 0;
+	};
+	const postalCodeErrorKey = validationErrors?.postalCode?.key;
+	y(() => {
+		const previous = previousPostalCodeErrorRef.current;
+		previousPostalCodeErrorRef.current = postalCodeErrorKey;
+		if (!postalCodeErrorKey || previous === postalCodeErrorKey) return;
+		const rafId = requestAnimationFrame(() => {
+			const postalField = postalCodeFieldRef.current;
+			if (!postalField) return;
+			(postalField.querySelector("#postalCode-error") ?? postalField).scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			});
+		});
+		return () => cancelAnimationFrame(rafId);
+	}, [postalCodeErrorKey]);
+	const translateError$1 = (err) => translateError(t, err?.key, err?.params);
+	let currentSection;
+	return /* @__PURE__ */ u(Page, {
+		className: `IncodeEkycPage${isScrollable ? " IncodeEkycPageScrollable" : ""}`,
+		title: t("verification.title"),
+		children: [/* @__PURE__ */ u("div", {
+			ref: formRef,
+			className: "IncodeEkycForm",
+			children: fields.map((field) => {
+				if (field.name === "email" && hideEmail) return null;
+				let sectionHeader = null;
+				if (field.section && field.section !== currentSection) {
+					currentSection = field.section;
+					sectionHeader = /* @__PURE__ */ u("h3", {
+						className: "IncodeEkycSectionHeader",
+						children: t({
+							address: "verification.labels.addressDetailsSection",
+							driverLicense: "verification.labels.dlDetailsSection"
+						}[field.section] ?? field.section)
+					});
+				}
+				const isReadonly = field.readonly || prefilled[field.name];
+				const isFieldRequired = isReadonly ? false : field.required;
+				const labelHint = labelHintFor(isFieldRequired);
+				const fieldValue = values[field.name] ?? "";
+				const fieldError = validationErrors?.[field.name];
+				if (field.name === "street" && field.section === "address") return /* @__PURE__ */ u("div", { children: [sectionHeader, /* @__PURE__ */ u(AddressAutocomplete, {
+					label: field.label,
+					labelHint,
+					value: fieldValue,
+					error: fieldError?.key,
+					errorParams: fieldError?.params,
+					suggestions: addressSuggestions,
+					readonly: isReadonly,
+					required: isFieldRequired,
+					onChange: (value) => manager.setField("street", value),
+					onSearch: (query) => manager.searchAddress(query),
+					onSelect: (suggestion) => manager.selectAddress(suggestion),
+					onBlur: () => manager.validateField("street")
+				})] }, field.name);
+				if (field.type === "dropdown") {
+					const dropdownLabel = t(field.label);
+					return /* @__PURE__ */ u("div", { children: [sectionHeader, /* @__PURE__ */ u(DropdownComposed, {
+						id: `ekyc-${field.name}`,
+						label: dropdownLabel,
+						labelHint,
+						placeholder: field.placeholder ? t(field.placeholder) : void 0,
+						value: fieldValue,
+						options: (field.options ?? []).map((o) => {
+							const translatedOptionLabel = t(o.label);
+							return {
+								...o,
+								label: translatedOptionLabel,
+								ariaLabel: getAccessibleOptionLabel(translatedOptionLabel)
+							};
+						}),
+						error: translateError$1(fieldError),
+						disabled: isReadonly,
+						required: isFieldRequired,
+						searchable: true,
+						onChange: (value) => manager.setField(field.name, value),
+						onBlur: () => manager.validateField(field.name),
+						"data-testid": `ekyc-field-${field.name}`
+					})] }, field.name);
+				}
+				if (field.type === "date") {
+					const dateLabel = t(field.label);
+					return /* @__PURE__ */ u("div", { children: [sectionHeader, /* @__PURE__ */ u(DateInputComposed, {
+						id: `ekyc-${field.name}`,
+						label: dateLabel,
+						labelHint,
+						value: fieldValue,
+						error: translateError$1(fieldError),
+						disabled: isReadonly,
+						required: isFieldRequired,
+						onInput: (e) => {
+							const target = e.target;
+							manager.setField(field.name, target.value);
+						},
+						onBlur: () => manager.validateField(field.name),
+						"data-testid": `ekyc-field-${field.name}`
+					})] }, field.name);
+				}
+				if (field.type === "phone") {
+					const phoneLabel = t(field.label);
+					return /* @__PURE__ */ u("div", { children: [sectionHeader, /* @__PURE__ */ u(PhoneInputComposed, {
+						id: `ekyc-${field.name}`,
+						label: phoneLabel,
+						labelHint,
+						countryCode: fieldsCountry,
+						value: fieldValue,
+						placeholder: field.placeholder,
+						error: translateError$1(fieldError),
+						disabled: isReadonly,
+						disableCountrySelector: field.disableCountrySelector,
+						required: isFieldRequired,
+						onChange: (fullNumber) => manager.setField(field.name, fullNumber),
+						onBlur: () => manager.validateField(field.name),
+						"data-testid": `ekyc-field-${field.name}`
+					})] }, field.name);
+				}
+				if (field.type === "radio") return /* @__PURE__ */ u("div", { children: [sectionHeader, /* @__PURE__ */ u(RadioGroupComposed, {
+					id: `ekyc-${field.name}`,
+					class: "IncodeEkycRadioGroup",
+					label: t(field.label),
+					labelHint,
+					value: fieldValue,
+					options: (field.options ?? []).map((option) => ({
+						value: option.value,
+						label: t(option.label)
+					})),
+					error: translateError$1(fieldError),
+					disabled: isReadonly,
+					required: isFieldRequired,
+					onChange: (next) => manager.setField(field.name, next),
+					onBlur: () => manager.validateField(field.name)
+				})] }, field.name);
+				return /* @__PURE__ */ u("div", {
+					ref: field.name === "postalCode" ? postalCodeFieldRef : void 0,
+					children: [sectionHeader, /* @__PURE__ */ u(FormField, {
+						name: field.name,
+						label: field.label,
+						displayLabel: field.displayLabel,
+						value: fieldValue,
+						error: fieldError?.key,
+						errorParams: fieldError?.params,
+						type: field.type,
+						placeholder: field.placeholder,
+						placeholderParams: field.placeholderParams,
+						required: isFieldRequired,
+						labelHint,
+						readonly: isReadonly,
+						maxLength: field.maxLength,
+						onChange: (name, value) => manager.setField(name, value),
+						onBlur: (name) => manager.validateField(name)
+					})]
+				}, field.name);
+			})
+		}), /* @__PURE__ */ u("div", {
+			className: "IncodeEkycFooter",
+			children: [
+				submitError && /* @__PURE__ */ u("p", {
+					className: "IncodeEkycSubmitError",
+					role: "alert",
+					children: t(submitError)
+				}),
+				/* @__PURE__ */ u(Button, {
+					onClick: () => manager.submit(),
+					disabled: !isValid,
+					"data-testid": "ekyc-submit",
+					children: t("common.continue")
+				}),
+				submitError === "verification.errors.countryNotSupported" && /* @__PURE__ */ u(Button, {
+					variant: "link",
+					onClick: () => manager.skip(),
+					"data-testid": "ekyc-skip",
+					children: t("verification.labels.skip")
+				})
+			]
+		})]
+	});
+};
+var EkycModule = ({ config, onFinish }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(EkycContent, {
+		config,
+		onFinish
+	}) : null });
+};
+registerIncodeModuleElement(EkycModule, "incode-ekyc");
+//#endregion
+export { EkycModule as t };

package/dist/ekycModule-DNDPqvUc.js

@@ -0,0 +1,2 @@
+import { t as EkycModule } from "./ekycModule-BWsVX39d.js";
+export { EkycModule };

package/dist/electronic-signature/electronic-signature.es.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../electronic-signature-OdgTyso4.js";
-export { t as AeSignature, e as ElectronicSignature };
+import { n as ElectronicSignature, t as AeSignature } from "../electronic-signature-BJSyzex9.js";
+export { AeSignature, ElectronicSignature };

package/dist/electronic-signature-BJSyzex9.js

@@ -0,0 +1,426 @@
+import { n as useTranslation, t as Trans } from "./i18n-gTHArCl9.js";
+import { _ as y, h as q, l as A, v as u } from "./vendor-preact-BH7vOa2r.js";
+import { c as useManager, o as useModuleTerminalCallbacks } from "./hooks-BtgmGvba.js";
+import { t as IncodeComponent } from "./incodeComponent-CDJxFZvS.js";
+import { t as Page } from "./page-BZ-0eNWq.js";
+import { t as Button } from "./button-B-qlr4iI.js";
+import { c as ChevronLeftIcon, r as LockIcon } from "./icons-DKY3xDkf.js";
+import { t as SuccessIcon } from "./successIcon-rmzr-pxu.js";
+import { t as VerificationResult } from "./verificationResult-CJ0JyV6A.js";
+import { t as Checkbox } from "./checkbox-CTPETqo5.js";
+import { t as PdfViewer } from "./pdfViewer-Dr63sJ51.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-DkA_yd0X.js";
+import { createElectronicSignatureManager } from "@incodetech/core/electronic-signature";
+//#region src/modules/electronic-signature/documentIllustration.tsx
+var DocumentIllustration = () => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "233",
+	height: "289",
+	viewBox: "0 0 233 289",
+	fill: "none",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ u("g", {
+			filter: "url(#aes-doc-shadow)",
+			children: [/* @__PURE__ */ u("path", {
+				d: "M24 26C24 23.2386 26.2386 21 29 21H203.757C206.518 21 208.757 23.2386 208.757 26V256.421C208.757 259.182 206.518 261.421 203.757 261.421H29C26.2386 261.421 24 259.182 24 256.421V26Z",
+				fill: "white"
+			}), /* @__PURE__ */ u("path", {
+				d: "M24 26C24 23.2386 26.2386 21 29 21H203.757C206.518 21 208.757 23.2386 208.757 26V256.421C208.757 259.182 206.518 261.421 203.757 261.421H29C26.2386 261.421 24 259.182 24 256.421V26Z",
+				fill: "black",
+				"fill-opacity": "0.01"
+			})]
+		}),
+		/* @__PURE__ */ u("g", {
+			opacity: "0.5",
+			children: [
+				/* @__PURE__ */ u("path", {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					d: "M39.7534 55.606C39.7534 55.1047 40.1599 54.6982 40.6613 54.6982H192.611C193.113 54.6982 193.519 55.1047 193.519 55.606V58.4219C193.519 58.9233 193.113 59.3297 192.611 59.3297H40.6613C40.1599 59.3297 39.7534 58.9233 39.7534 58.4219V55.606Z",
+					fill: "#C6C8D2"
+				}),
+				/* @__PURE__ */ u("path", {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					d: "M39.7534 226.972C39.7534 226.47 40.1599 226.064 40.6613 226.064H192.611C193.113 226.064 193.519 226.47 193.519 226.972V229.788C193.519 230.289 193.113 230.695 192.611 230.695H40.6613C40.1599 230.695 39.7534 230.289 39.7534 229.788V226.972Z",
+					fill: "#C6C8D2"
+				}),
+				/* @__PURE__ */ u("path", {
+					d: "M39.7534 80.6165C39.7534 80.1152 40.1599 79.7087 40.6613 79.7087H100.908C101.409 79.7087 101.816 80.1152 101.816 80.6165V88.9902C101.816 89.4916 101.409 89.898 100.908 89.898H40.6613C40.1599 89.898 39.7534 89.4916 39.7534 88.9902L39.7534 80.6165Z",
+					fill: "#C6C8D2"
+				}),
+				/* @__PURE__ */ u("path", {
+					d: "M39.7534 100.069C39.7534 99.5676 40.1598 99.1612 40.6612 99.1612H100.908C101.409 99.1612 101.815 99.5676 101.815 100.069V108.443C101.815 108.944 101.409 109.35 100.908 109.35H40.6612C40.1598 109.35 39.7534 108.944 39.7534 108.443L39.7534 100.069Z",
+					fill: "#C6C8D2"
+				}),
+				/* @__PURE__ */ u("path", {
+					d: "M39.7376 119.521C39.7463 119.019 40.1598 118.62 40.6611 118.629L125.905 120.117C126.406 120.125 126.805 120.539 126.796 121.04L126.65 129.413C126.642 129.914 126.228 130.313 125.727 130.304L40.4833 128.817C39.982 128.808 39.5827 128.394 39.5914 127.893L39.7376 119.521Z",
+					fill: "#C6C8D2"
+				}),
+				/* @__PURE__ */ u("path", {
+					d: "M39.7376 138.973C39.7463 138.472 40.1598 138.072 40.6611 138.081L65.7043 138.518C66.2056 138.527 66.6049 138.941 66.5962 139.442L66.4824 145.962C66.4736 146.463 66.0602 146.862 65.5589 146.854L40.5156 146.417C40.0143 146.408 39.615 145.994 39.6238 145.493L39.7376 138.973Z",
+					fill: "#C6C8D2"
+				}),
+				/* @__PURE__ */ u("path", {
+					d: "M39.7534 32.4487C39.7534 31.9473 40.1599 31.5409 40.6613 31.5409H153.707C154.208 31.5409 154.615 31.9473 154.615 32.4487V41.7487C154.615 42.25 154.208 42.6565 153.707 42.6565H40.6613C40.1599 42.6565 39.7534 42.25 39.7534 41.7487V32.4487Z",
+					fill: "#C6C8D2"
+				}),
+				/* @__PURE__ */ u("path", {
+					d: "M170.362 31.5221C170.362 31.0208 170.768 30.6143 171.27 30.6143H192.611C193.113 30.6143 193.519 31.0208 193.519 31.5221V40.8221C193.519 41.3235 193.113 41.7299 192.611 41.7299H171.27C170.768 41.7299 170.362 41.3235 170.362 40.8221V31.5221Z",
+					fill: "#C6C8D2"
+				})
+			]
+		}),
+		/* @__PURE__ */ u("defs", { children: /* @__PURE__ */ u("filter", {
+			id: "aes-doc-shadow",
+			x: "0",
+			y: "0",
+			width: "232.757",
+			height: "288.421",
+			filterUnits: "userSpaceOnUse",
+			"color-interpolation-filters": "sRGB",
+			children: [
+				/* @__PURE__ */ u("feFlood", {
+					"flood-opacity": "0",
+					result: "BackgroundImageFix"
+				}),
+				/* @__PURE__ */ u("feColorMatrix", {
+					in: "SourceAlpha",
+					type: "matrix",
+					values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+					result: "hardAlpha"
+				}),
+				/* @__PURE__ */ u("feOffset", { dy: "3" }),
+				/* @__PURE__ */ u("feGaussianBlur", { stdDeviation: "12" }),
+				/* @__PURE__ */ u("feComposite", {
+					in2: "hardAlpha",
+					operator: "out"
+				}),
+				/* @__PURE__ */ u("feColorMatrix", {
+					type: "matrix",
+					values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
+				}),
+				/* @__PURE__ */ u("feBlend", {
+					mode: "normal",
+					in2: "BackgroundImageFix",
+					result: "effect1_dropShadow"
+				}),
+				/* @__PURE__ */ u("feBlend", {
+					mode: "normal",
+					in: "SourceGraphic",
+					in2: "effect1_dropShadow",
+					result: "shape"
+				})
+			]
+		}) })
+	]
+});
+//#endregion
+//#region src/modules/electronic-signature/consentItems.tsx
+function AeTerms1Label() {
+	return /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(Trans, {
+		i18nKey: "aes.confirmSignature.terms1.title",
+		components: { 2: /* @__PURE__ */ u("a", {
+			href: "https://psc.incode.com/repositorio/",
+			target: "_blank",
+			rel: "noopener noreferrer"
+		}) }
+	}) });
+}
+function getAeConsentItems(t) {
+	return [
+		{
+			id: "terms",
+			label: /* @__PURE__ */ u(AeTerms1Label, {})
+		},
+		{
+			id: "signElectronically",
+			label: t("aes.confirmSignature.terms2.title")
+		},
+		{
+			id: "signDisplayed",
+			label: t("aes.confirmSignature.terms3.title")
+		}
+	];
+}
+function TermsAgreementLabel() {
+	return /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(Trans, {
+		i18nKey: "qes.newTermsCheck",
+		components: {
+			2: /* @__PURE__ */ u("a", {
+				href: "https://policies.incodesmile.com/terms-of-use/",
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}),
+			6: /* @__PURE__ */ u("a", {
+				href: "https://policies.incodesmile.com/privacy-policy/",
+				target: "_blank",
+				rel: "noopener noreferrer"
+			})
+		}
+	}) });
+}
+function getQeConsentItems(t) {
+	return [
+		{
+			id: "issuance",
+			label: t("qes.issuanceCheck")
+		},
+		{
+			id: "qesAcknowledgement",
+			label: t("qes.qesAcknowledgementCheck")
+		},
+		{
+			id: "qscdConfirmation",
+			label: t("qes.qscdConfirmationCheck")
+		},
+		{
+			id: "termsAgreement",
+			label: /* @__PURE__ */ u(TermsAgreementLabel, {})
+		},
+		{
+			id: "documentsReviewed",
+			label: t("qes.documentsReviewedCheck")
+		}
+	];
+}
+function getConsentItems(variant, t) {
+	return variant === "qe" ? getQeConsentItems(t) : getAeConsentItems(t);
+}
+function getVariantCopy(variant, t) {
+	if (variant === "qe") return {
+		signingTitle: t("qes.consent.title"),
+		signingSubtitle: t("qes.consent.text"),
+		signButtonLabel: t("forms.button.continue")
+	};
+	return {
+		signingTitle: t("aes.confirmSignature.title"),
+		signingSubtitle: t("aes.confirmSignature.subtitle"),
+		signButtonLabel: t("aes.confirmSignature.finishSigning")
+	};
+}
+//#endregion
+//#region src/modules/electronic-signature/electronic-signature.tsx
+var ElectronicSignatureContent = ({ config, onFinish, onError }) => {
+	const { t } = useTranslation();
+	const [state, manager] = useManager(() => createElectronicSignatureManager({ config }));
+	const fileInputRef = A(null);
+	y(() => {
+		manager.load();
+	}, [manager]);
+	useModuleTerminalCallbacks({
+		status: state.status,
+		onFinish,
+		onError: state.status === "closed" ? () => onError?.("closed") : onError,
+		error: state.status === "failed" ? state.errorMessage : void 0,
+		errorStatuses: ["failed"]
+	});
+	const handleFileChange = q((event) => {
+		const file = event.target.files?.[0];
+		if (!file) return;
+		const reader = new FileReader();
+		reader.onload = () => {
+			if (reader.result instanceof ArrayBuffer) {
+				const fileUrl = URL.createObjectURL(new Blob([reader.result], { type: "application/pdf" }));
+				manager.selectFile(file.name, reader.result, fileUrl);
+			}
+		};
+		reader.readAsArrayBuffer(file);
+	}, [manager]);
+	const triggerFileInput = q(() => {
+		fileInputRef.current?.click();
+	}, []);
+	if (state.status === "loading") return /* @__PURE__ */ u(VerificationResult, {
+		status: "submitting",
+		submittingTitle: t("common.processing")
+	});
+	if (state.status === "uploading") return /* @__PURE__ */ u(Page, {
+		className: "IncodeElectronicSignature",
+		title: t("aes.confirmSignature.uploadTitle"),
+		subtitle: t("aes.confirmSignature.uploadDescription"),
+		children: [/* @__PURE__ */ u("div", {
+			className: "IncodeElectronicSignatureUploadBody",
+			children: [/* @__PURE__ */ u("div", {
+				className: "IncodeElectronicSignatureIllustration",
+				children: /* @__PURE__ */ u(DocumentIllustration, {})
+			}), /* @__PURE__ */ u("input", {
+				ref: fileInputRef,
+				type: "file",
+				accept: "application/pdf",
+				className: "IncodeElectronicSignatureFileInput",
+				onChange: handleFileChange
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "IncodeElectronicSignatureFooter",
+			children: /* @__PURE__ */ u(Button, {
+				onClick: triggerFileInput,
+				children: t("aes.confirmSignature.addDocument")
+			})
+		})]
+	});
+	if (state.status === "reviewing") return /* @__PURE__ */ u(ReviewScreen, {
+		state,
+		manager,
+		t
+	});
+	if (state.status === "processing") return /* @__PURE__ */ u(VerificationResult, {
+		status: "submitting",
+		submittingTitle: t("common.processing")
+	});
+	if (state.status === "success") {
+		if (state.downloadDocument) return /* @__PURE__ */ u(Page, {
+			className: "IncodeElectronicSignature IncodeElectronicSignatureSuccess",
+			children: [/* @__PURE__ */ u("div", {
+				className: "IncodeElectronicSignatureSuccessCenter",
+				children: [/* @__PURE__ */ u(SuccessIcon, { size: 64 }), /* @__PURE__ */ u("p", {
+					className: "IncodeElectronicSignatureSuccessTitle",
+					children: t("signature.successTitle")
+				})]
+			}), /* @__PURE__ */ u("div", {
+				className: "IncodeElectronicSignatureFooter",
+				children: [/* @__PURE__ */ u(Button, {
+					onClick: () => manager.finish(),
+					children: t("common.continue")
+				}), state.signedDocuments.map((doc, i) => /* @__PURE__ */ u("a", {
+					href: doc.signedDocumentUrl,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					className: "IncodeElectronicSignatureDownloadLink",
+					children: t("aes.confirmSignature.downloadDocument")
+				}, i))]
+			})]
+		});
+		return /* @__PURE__ */ u(VerificationResult, {
+			status: "success",
+			successTitle: t("signature.successTitle")
+		});
+	}
+	if (state.status === "error") return /* @__PURE__ */ u(VerificationResult, {
+		status: "warning",
+		warningTitle: t("aes.confirmSignature.fail"),
+		onRetry: () => manager.retry()
+	});
+	if (state.status === "signing") {
+		if (state.viewingDocumentUrl) return /* @__PURE__ */ u(Page, {
+			className: "IncodeElectronicSignature",
+			children: [/* @__PURE__ */ u("div", {
+				className: "IncodeElectronicSignatureDocViewHeader",
+				children: /* @__PURE__ */ u(Button, {
+					size: "M",
+					variant: "link",
+					class: "IncodeElectronicSignatureBackButton",
+					icon: /* @__PURE__ */ u(ChevronLeftIcon, { variant: "m" }),
+					onClick: () => manager.closeDocumentView(),
+					"aria-label": t("common.back")
+				})
+			}), /* @__PURE__ */ u(PdfViewer, {
+				url: state.viewingDocumentUrl,
+				mode: "full",
+				className: "IncodeElectronicSignatureDocViewer",
+				"aria-label": t("aes.confirmSignature.viewDocument")
+			})]
+		});
+		const variant = state.variant;
+		const consentItems = getConsentItems(variant, t);
+		const copy = getVariantCopy(variant, t);
+		return /* @__PURE__ */ u(Page, {
+			className: "IncodeElectronicSignature",
+			title: copy.signingTitle,
+			subtitle: copy.signingSubtitle,
+			children: [/* @__PURE__ */ u("div", {
+				className: "IncodeElectronicSignatureSigningTop",
+				children: /* @__PURE__ */ u("div", {
+					className: "IncodeElectronicSignatureDocContainer",
+					children: state.documents.map((doc, i) => /* @__PURE__ */ u("div", {
+						className: "IncodeElectronicSignatureDocRow",
+						children: [/* @__PURE__ */ u("span", {
+							className: "IncodeElectronicSignatureDocRowName",
+							children: [
+								t("aes.confirmSignature.contract"),
+								i === 0 ? "" : `${i + 1}`,
+								".pdf"
+							]
+						}), /* @__PURE__ */ u("button", {
+							type: "button",
+							className: "IncodeElectronicSignatureDocRowAction",
+							onClick: () => manager.viewDocument(doc.documentUrl),
+							children: t("aes.confirmSignature.viewDocument")
+						})]
+					}, doc.documentRef))
+				})
+			}), /* @__PURE__ */ u("div", {
+				className: "IncodeElectronicSignatureSigningBottom",
+				children: [/* @__PURE__ */ u("div", {
+					className: "IncodeElectronicSignatureConsents",
+					children: consentItems.map((item) => /* @__PURE__ */ u(Checkbox, {
+						id: `es-${item.id}`,
+						label: item.label,
+						size: "s",
+						checked: !!state.consentChecks[item.id],
+						onChange: () => manager.setConsent(item.id, !state.consentChecks[item.id])
+					}, item.id))
+				}), /* @__PURE__ */ u("div", {
+					className: "IncodeElectronicSignatureFooter",
+					children: /* @__PURE__ */ u(Button, {
+						onClick: () => manager.sign(),
+						disabled: !state.allConsented,
+						children: copy.signButtonLabel
+					})
+				})]
+			})]
+		});
+	}
+	return null;
+};
+var ReviewScreen = ({ state, manager, t }) => {
+	y(() => () => URL.revokeObjectURL(state.fileUrl), [state.fileUrl]);
+	return /* @__PURE__ */ u(Page, {
+		className: "IncodeElectronicSignature",
+		title: t("aes.reviewDocument.title"),
+		subtitle: t("aes.reviewDocument.subtitle"),
+		children: [/* @__PURE__ */ u("div", {
+			className: "IncodeElectronicSignatureReviewBody",
+			children: [/* @__PURE__ */ u("div", {
+				className: "IncodeElectronicSignatureReviewCard",
+				children: [/* @__PURE__ */ u("div", {
+					className: "IncodeElectronicSignatureDocPreview",
+					children: /* @__PURE__ */ u(PdfViewer, {
+						url: state.fileUrl,
+						mode: "thumbnail",
+						className: "IncodeElectronicSignatureDocPreviewObject",
+						"aria-label": state.fileName
+					})
+				}), /* @__PURE__ */ u("p", {
+					className: "IncodeElectronicSignatureDocName",
+					children: state.fileName
+				})]
+			}), /* @__PURE__ */ u("div", {
+				className: "IncodeElectronicSignatureEncrypted",
+				children: [/* @__PURE__ */ u(LockIcon, { className: "IncodeElectronicSignatureEncryptedIcon" }), /* @__PURE__ */ u("span", { children: t("encryptionLabel.encryptedPhotos") })]
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "IncodeElectronicSignatureFooter",
+			children: [/* @__PURE__ */ u(Button, {
+				onClick: () => manager.confirmFile(),
+				children: t("common.continue")
+			}), /* @__PURE__ */ u(Button, {
+				variant: "secondary",
+				onClick: () => manager.replaceFile(),
+				children: t("aes.reviewDocument.replace")
+			})]
+		})]
+	});
+};
+var ElectronicSignature = ({ config, onFinish, onError }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(ElectronicSignatureContent, {
+		config,
+		onFinish,
+		onError
+	}) : null });
+};
+/** @deprecated Use {@link ElectronicSignature} */
+var AeSignature = ElectronicSignature;
+registerIncodeModuleElement(ElectronicSignature, "incode-electronic-signature");
+//#endregion
+export { ElectronicSignature as n, AeSignature as t };