@incodetech/web 2.0.0 → 2.0.1

package/dist/ekycModule-CU9pt5YN.js

@@ -0,0 +1,246 @@
+import { n as e } from "./i18n-9s4OSqwi.js";
+import { _ as t, d as n, h as r, l as i, p as a, v as o } from "./vendor-preact-D6SntenC.js";
+import { i as s, o as c } from "./hooks-BVnGysT7.js";
+import { t as l } from "./incodeComponent-C1o4M0ZK.js";
+import { t as u } from "./page-C1yT4DLb.js";
+import { t as d } from "./spinner-CKnjVHxw.js";
+import { t as f } from "./button-DcCUEn2n.js";
+import { t as p } from "./verificationResult-BrVbUJ4U.js";
+import { i as m, r as h, t as g } from "./radioGroupComposed-BbmvxmD2.js";
+import { t as _ } from "./phoneInputComposed-bvWhGLFZ.js";
+import { t as v } from "./dropdownComposed-DFRBG22E.js";
+import { t as y } from "./dateInputComposed-BpAGsjN6.js";
+import { t as b } from "./incodeModule-BqCjVgEI.js";
+import { n as x, t as S } from "./requiredLabelHint-BLwgqozE.js";
+import { n as C, t as w } from "./optionAccessibleLabel-CzEeX3Q4.js";
+import { computeEkycDisplayErrors as T, createEkycManager as E } from "@incodetech/core/ekyc";
+//#region src/modules/ekyc/ekycModule.tsx
+var D = ({ config: n, onFinish: r }) => {
+	let { t: i } = e(), [a, s] = c(() => E({ config: n }));
+	return t(() => {
+		(a.status === "finished" || a.status === "closed") && r?.();
+	}, [a.status, r]), a.status === "finished" || a.status === "closed" ? null : a.status === "loading" ? /* @__PURE__ */ o(p, {
+		status: "submitting",
+		submittingTitle: i("common.loading")
+	}) : a.status === "submitting" ? /* @__PURE__ */ o(u, {
+		className: "IncodeEkycPage",
+		children: /* @__PURE__ */ o(d, {
+			fullScreen: !1,
+			title: i("common.processing"),
+			className: "IncodeEkycSpinner"
+		})
+	}) : a.status === "success" ? /* @__PURE__ */ o(p, { status: "success" }) : a.status === "error" ? /* @__PURE__ */ o(p, {
+		status: "failure",
+		onRetry: () => s.retry(),
+		onSkip: () => s.skip()
+	}) : a.status === "misconfigured" ? /* @__PURE__ */ o(p, {
+		status: "failure",
+		failureTitle: i("verification.noFormFields"),
+		onSkip: () => s.close(),
+		skipLabel: i("common.close")
+	}) : a.status === "form" ? /* @__PURE__ */ o(k, {
+		state: a,
+		manager: s
+	}) : null;
+}, O = [
+	"street",
+	"city",
+	"state",
+	"postalCode",
+	"houseNo"
+], k = ({ state: c, manager: l }) => {
+	let { fields: d, values: p, errors: b, isValid: E, addressSuggestions: D, prefilled: k, hideEmail: A, fieldsCountry: j, submitError: M, submitAttempted: N } = c, { t: P } = e(), F = i(null), I = i(null), L = i(void 0), R = s(F, d.length), [z, B] = a({}), V = r((e) => {
+		B((t) => t[e] ? t : {
+			...t,
+			[e]: !0
+		});
+	}, []), { displayErrors: H, errorParams: U } = n(() => T(b, z, N, j, d), [
+		b,
+		z,
+		N,
+		j,
+		d
+	]), W = r((e) => V(e), [V]), G = r((e, t) => {
+		V(e), l.setField(e, t);
+	}, [l, V]), K = r((e) => {
+		for (let e of O) V(e);
+		l.selectAddress(e);
+	}, [l, V]), q = n(() => x(d.filter((e) => !(e.name === "email" && A)).map((e) => e.readonly || k[e.name] ? !1 : e.required)), [
+		d,
+		A,
+		k
+	]), J = (e) => {
+		let t = S(q, e);
+		return t ? P(`forms.label.${t}`) : void 0;
+	};
+	t(() => {
+		let e = H.postalCode, t = L.current;
+		if (L.current = e, !e || t === e) return;
+		let n = requestAnimationFrame(() => {
+			let e = I.current;
+			e && (e.querySelector("#postalCode-error") ?? e).scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			});
+		});
+		return () => cancelAnimationFrame(n);
+	}, [H.postalCode]);
+	let Y = (e, t) => m(P, t, U[e]), X;
+	return /* @__PURE__ */ o(u, {
+		className: `IncodeEkycPage${R ? " IncodeEkycPageScrollable" : ""}`,
+		title: P("verification.title"),
+		children: [/* @__PURE__ */ o("div", {
+			ref: F,
+			className: "IncodeEkycForm",
+			children: d.map((e) => {
+				if (e.name === "email" && A) return null;
+				let t = null;
+				e.section && e.section !== X && (X = e.section, t = /* @__PURE__ */ o("h3", {
+					className: "IncodeEkycSectionHeader",
+					children: P({
+						address: "verification.labels.addressDetailsSection",
+						driverLicense: "verification.labels.dlDetailsSection"
+					}[e.section] ?? e.section)
+				}));
+				let n = e.readonly || k[e.name], r = n ? !1 : e.required, i = J(r), a = p[e.name] ?? "", s = H[e.name];
+				if (e.name === "street" && e.section === "address") return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(C, {
+					label: e.label,
+					labelHint: i,
+					value: a,
+					error: s,
+					errorParams: U[e.name],
+					suggestions: D,
+					readonly: n,
+					required: r,
+					onChange: (e) => G("street", e),
+					onSearch: (e) => l.searchAddress(e),
+					onSelect: K,
+					onBlur: () => W("street")
+				})] }, e.name);
+				if (e.type === "dropdown") {
+					let c = P(e.label);
+					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(v, {
+						id: `ekyc-${e.name}`,
+						label: c,
+						labelHint: i,
+						placeholder: e.placeholder ? P(e.placeholder) : void 0,
+						value: a,
+						options: (e.options ?? []).map((e) => {
+							let t = P(e.label);
+							return {
+								...e,
+								label: t,
+								ariaLabel: w(t)
+							};
+						}),
+						error: Y(e.name, s),
+						disabled: n,
+						required: r,
+						searchable: !0,
+						onChange: (t) => G(e.name, t),
+						onBlur: () => W(e.name),
+						"data-testid": `ekyc-field-${e.name}`
+					})] }, e.name);
+				}
+				if (e.type === "date") {
+					let c = P(e.label);
+					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(y, {
+						id: `ekyc-${e.name}`,
+						label: c,
+						labelHint: i,
+						value: a,
+						error: Y(e.name, s),
+						disabled: n,
+						required: r,
+						onInput: (t) => {
+							let n = t.target;
+							G(e.name, n.value);
+						},
+						onBlur: () => W(e.name),
+						"data-testid": `ekyc-field-${e.name}`
+					})] }, e.name);
+				}
+				if (e.type === "phone") {
+					let c = P(e.label);
+					return /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(_, {
+						id: `ekyc-${e.name}`,
+						label: c,
+						labelHint: i,
+						countryCode: j,
+						value: a,
+						placeholder: e.placeholder,
+						error: Y(e.name, s),
+						disabled: n,
+						disableCountrySelector: e.disableCountrySelector,
+						required: r,
+						onChange: (t) => G(e.name, t),
+						onBlur: () => W(e.name),
+						"data-testid": `ekyc-field-${e.name}`
+					})] }, e.name);
+				}
+				return e.type === "radio" ? /* @__PURE__ */ o("div", { children: [t, /* @__PURE__ */ o(g, {
+					id: `ekyc-${e.name}`,
+					class: "IncodeEkycRadioGroup",
+					label: P(e.label),
+					labelHint: i,
+					value: a,
+					options: (e.options ?? []).map((e) => ({
+						value: e.value,
+						label: P(e.label)
+					})),
+					error: s ? Y(e.name, s) : void 0,
+					disabled: n,
+					required: r,
+					onChange: (t) => G(e.name, t),
+					onBlur: () => W(e.name)
+				})] }, e.name) : /* @__PURE__ */ o("div", {
+					ref: e.name === "postalCode" ? I : void 0,
+					children: [t, /* @__PURE__ */ o(h, {
+						name: e.name,
+						label: e.label,
+						displayLabel: e.displayLabel,
+						value: a,
+						error: s,
+						errorParams: U[e.name],
+						type: e.type,
+						placeholder: e.placeholder,
+						placeholderParams: e.placeholderParams,
+						required: r,
+						labelHint: i,
+						readonly: n,
+						maxLength: e.maxLength,
+						onChange: G,
+						onBlur: W
+					})]
+				}, e.name);
+			})
+		}), /* @__PURE__ */ o("div", {
+			className: "IncodeEkycFooter",
+			children: [
+				M && /* @__PURE__ */ o("p", {
+					className: "IncodeEkycSubmitError",
+					role: "alert",
+					children: P(M)
+				}),
+				/* @__PURE__ */ o(f, {
+					onClick: () => l.submit(),
+					disabled: !E,
+					"data-testid": "ekyc-submit",
+					children: P("common.continue")
+				}),
+				M === "verification.errors.countryNotSupported" && /* @__PURE__ */ o(f, {
+					variant: "link",
+					onClick: () => l.skip(),
+					"data-testid": "ekyc-skip",
+					children: P("verification.labels.skip")
+				})
+			]
+		})]
+	});
+}, A = ({ config: e, onFinish: t }) => /* @__PURE__ */ o(l, { children: e ? /* @__PURE__ */ o(D, {
+	config: e,
+	onFinish: t
+}) : null });
+b(A, "incode-ekyc");
+//#endregion
+export { A as t };

package/dist/ekycModule-CZw9cLno.js

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

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

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

package/dist/electronic-signature-COYXjGdd.js

@@ -0,0 +1,410 @@
+import { n as e, t } from "./i18n-9s4OSqwi.js";
+import { _ as n, h as r, l as i, v as a } from "./vendor-preact-D6SntenC.js";
+import { o } from "./hooks-BVnGysT7.js";
+import { t as s } from "./incodeComponent-C1o4M0ZK.js";
+import { t as c } from "./page-C1yT4DLb.js";
+import { t as l } from "./button-DcCUEn2n.js";
+import { c as u, r as d } from "./icons-Cc7zwchP.js";
+import { t as f } from "./successIcon-DbILeIz_.js";
+import { t as p } from "./verificationResult-BrVbUJ4U.js";
+import { t as m } from "./checkbox-Cl57ltq_.js";
+import { t as h } from "./pdfViewer-BGBNL1Ea.js";
+import { t as g } from "./incodeModule-BqCjVgEI.js";
+import { createElectronicSignatureManager as _ } from "@incodetech/core/electronic-signature";
+//#region src/modules/electronic-signature/documentIllustration.tsx
+var v = () => /* @__PURE__ */ a("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "233",
+	height: "289",
+	viewBox: "0 0 233 289",
+	fill: "none",
+	"aria-hidden": "true",
+	children: [
+		/* @__PURE__ */ a("g", {
+			filter: "url(#aes-doc-shadow)",
+			children: [/* @__PURE__ */ a("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__ */ a("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__ */ a("g", {
+			opacity: "0.5",
+			children: [
+				/* @__PURE__ */ a("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__ */ a("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__ */ a("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__ */ a("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__ */ a("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__ */ a("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__ */ a("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__ */ a("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__ */ a("defs", { children: /* @__PURE__ */ a("filter", {
+			id: "aes-doc-shadow",
+			x: "0",
+			y: "0",
+			width: "232.757",
+			height: "288.421",
+			filterUnits: "userSpaceOnUse",
+			"color-interpolation-filters": "sRGB",
+			children: [
+				/* @__PURE__ */ a("feFlood", {
+					"flood-opacity": "0",
+					result: "BackgroundImageFix"
+				}),
+				/* @__PURE__ */ a("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__ */ a("feOffset", { dy: "3" }),
+				/* @__PURE__ */ a("feGaussianBlur", { stdDeviation: "12" }),
+				/* @__PURE__ */ a("feComposite", {
+					in2: "hardAlpha",
+					operator: "out"
+				}),
+				/* @__PURE__ */ a("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__ */ a("feBlend", {
+					mode: "normal",
+					in2: "BackgroundImageFix",
+					result: "effect1_dropShadow"
+				}),
+				/* @__PURE__ */ a("feBlend", {
+					mode: "normal",
+					in: "SourceGraphic",
+					in2: "effect1_dropShadow",
+					result: "shape"
+				})
+			]
+		}) })
+	]
+});
+//#endregion
+//#region src/modules/electronic-signature/consentItems.tsx
+function y() {
+	return /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(t, {
+		i18nKey: "aes.confirmSignature.terms1.title",
+		components: { 2: /* @__PURE__ */ a("a", {
+			href: "https://psc.incode.com/repositorio/",
+			target: "_blank",
+			rel: "noopener noreferrer"
+		}) }
+	}) });
+}
+function b(e) {
+	return [
+		{
+			id: "terms",
+			label: /* @__PURE__ */ a(y, {})
+		},
+		{
+			id: "signElectronically",
+			label: e("aes.confirmSignature.terms2.title")
+		},
+		{
+			id: "signDisplayed",
+			label: e("aes.confirmSignature.terms3.title")
+		}
+	];
+}
+function x() {
+	return /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(t, {
+		i18nKey: "qes.newTermsCheck",
+		components: {
+			2: /* @__PURE__ */ a("a", {
+				href: "https://policies.incodesmile.com/terms-of-use/",
+				target: "_blank",
+				rel: "noopener noreferrer"
+			}),
+			6: /* @__PURE__ */ a("a", {
+				href: "https://policies.incodesmile.com/privacy-policy/",
+				target: "_blank",
+				rel: "noopener noreferrer"
+			})
+		}
+	}) });
+}
+function S(e) {
+	return [
+		{
+			id: "issuance",
+			label: e("qes.issuanceCheck")
+		},
+		{
+			id: "qesAcknowledgement",
+			label: e("qes.qesAcknowledgementCheck")
+		},
+		{
+			id: "qscdConfirmation",
+			label: e("qes.qscdConfirmationCheck")
+		},
+		{
+			id: "termsAgreement",
+			label: /* @__PURE__ */ a(x, {})
+		},
+		{
+			id: "documentsReviewed",
+			label: e("qes.documentsReviewedCheck")
+		}
+	];
+}
+function C(e, t) {
+	return e === "qe" ? S(t) : b(t);
+}
+function w(e, t) {
+	return e === "qe" ? {
+		signingTitle: t("qes.consent.title"),
+		signingSubtitle: t("qes.consent.text"),
+		signButtonLabel: t("forms.button.continue")
+	} : {
+		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 T = ({ config: t, onFinish: s, onError: d }) => {
+	let { t: g } = e(), [y, b] = o(() => _({ config: t })), x = i(null);
+	n(() => {
+		b.load();
+	}, [b]);
+	let S = y.status === "error" ? y.errorMessage : y.status;
+	n(() => {
+		y.status === "finished" ? s?.() : y.status === "closed" ? d?.("closed") : y.status === "error" && d?.(S);
+	}, [
+		y.status,
+		S,
+		s,
+		d
+	]);
+	let T = r((e) => {
+		let t = e.target.files?.[0];
+		if (!t) return;
+		let n = new FileReader();
+		n.onload = () => {
+			if (n.result instanceof ArrayBuffer) {
+				let e = URL.createObjectURL(new Blob([n.result], { type: "application/pdf" }));
+				b.selectFile(t.name, n.result, e);
+			}
+		}, n.readAsArrayBuffer(t);
+	}, [b]), D = r(() => {
+		x.current?.click();
+	}, []);
+	if (y.status === "finished" || y.status === "closed") return null;
+	if (y.status === "loading") return /* @__PURE__ */ a(p, {
+		status: "submitting",
+		submittingTitle: g("common.processing")
+	});
+	if (y.status === "uploading") return /* @__PURE__ */ a(c, {
+		className: "IncodeElectronicSignature",
+		title: g("aes.confirmSignature.uploadTitle"),
+		subtitle: g("aes.confirmSignature.uploadDescription"),
+		children: [/* @__PURE__ */ a("div", {
+			className: "IncodeElectronicSignatureUploadBody",
+			children: [/* @__PURE__ */ a("div", {
+				className: "IncodeElectronicSignatureIllustration",
+				children: /* @__PURE__ */ a(v, {})
+			}), /* @__PURE__ */ a("input", {
+				ref: x,
+				type: "file",
+				accept: "application/pdf",
+				className: "IncodeElectronicSignatureFileInput",
+				onChange: T
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: "IncodeElectronicSignatureFooter",
+			children: /* @__PURE__ */ a(l, {
+				onClick: D,
+				children: g("aes.confirmSignature.addDocument")
+			})
+		})]
+	});
+	if (y.status === "reviewing") return /* @__PURE__ */ a(E, {
+		state: y,
+		manager: b,
+		t: g
+	});
+	if (y.status === "processing") return /* @__PURE__ */ a(p, {
+		status: "submitting",
+		submittingTitle: g("common.processing")
+	});
+	if (y.status === "success") return y.downloadDocument ? /* @__PURE__ */ a(c, {
+		className: "IncodeElectronicSignature IncodeElectronicSignatureSuccess",
+		children: [/* @__PURE__ */ a("div", {
+			className: "IncodeElectronicSignatureSuccessCenter",
+			children: [/* @__PURE__ */ a(f, { size: 64 }), /* @__PURE__ */ a("p", {
+				className: "IncodeElectronicSignatureSuccessTitle",
+				children: g("signature.successTitle")
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: "IncodeElectronicSignatureFooter",
+			children: [/* @__PURE__ */ a(l, {
+				onClick: () => b.finish(),
+				children: g("common.continue")
+			}), y.signedDocuments.map((e, t) => /* @__PURE__ */ a("a", {
+				href: e.signedDocumentUrl,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: "IncodeElectronicSignatureDownloadLink",
+				children: g("aes.confirmSignature.downloadDocument")
+			}, t))]
+		})]
+	}) : /* @__PURE__ */ a(p, {
+		status: "success",
+		successTitle: g("signature.successTitle")
+	});
+	if (y.status === "error") return /* @__PURE__ */ a(p, {
+		status: "warning",
+		warningTitle: g("aes.confirmSignature.fail"),
+		onRetry: () => b.retry()
+	});
+	if (y.status === "signing") {
+		if (y.viewingDocumentUrl) return /* @__PURE__ */ a(c, {
+			className: "IncodeElectronicSignature",
+			children: [/* @__PURE__ */ a("div", {
+				className: "IncodeElectronicSignatureDocViewHeader",
+				children: /* @__PURE__ */ a(l, {
+					size: "M",
+					variant: "link",
+					class: "IncodeElectronicSignatureBackButton",
+					icon: /* @__PURE__ */ a(u, { variant: "m" }),
+					onClick: () => b.closeDocumentView(),
+					"aria-label": g("common.back")
+				})
+			}), /* @__PURE__ */ a(h, {
+				url: y.viewingDocumentUrl,
+				mode: "full",
+				className: "IncodeElectronicSignatureDocViewer",
+				"aria-label": g("aes.confirmSignature.viewDocument")
+			})]
+		});
+		let e = y.variant, t = C(e, g), n = w(e, g);
+		return /* @__PURE__ */ a(c, {
+			className: "IncodeElectronicSignature",
+			title: n.signingTitle,
+			subtitle: n.signingSubtitle,
+			children: [/* @__PURE__ */ a("div", {
+				className: "IncodeElectronicSignatureSigningTop",
+				children: /* @__PURE__ */ a("div", {
+					className: "IncodeElectronicSignatureDocContainer",
+					children: y.documents.map((e, t) => /* @__PURE__ */ a("div", {
+						className: "IncodeElectronicSignatureDocRow",
+						children: [/* @__PURE__ */ a("span", {
+							className: "IncodeElectronicSignatureDocRowName",
+							children: [
+								g("aes.confirmSignature.contract"),
+								t === 0 ? "" : `${t + 1}`,
+								".pdf"
+							]
+						}), /* @__PURE__ */ a("button", {
+							type: "button",
+							className: "IncodeElectronicSignatureDocRowAction",
+							onClick: () => b.viewDocument(e.documentUrl),
+							children: g("aes.confirmSignature.viewDocument")
+						})]
+					}, e.documentRef))
+				})
+			}), /* @__PURE__ */ a("div", {
+				className: "IncodeElectronicSignatureSigningBottom",
+				children: [/* @__PURE__ */ a("div", {
+					className: "IncodeElectronicSignatureConsents",
+					children: t.map((e) => /* @__PURE__ */ a(m, {
+						id: `es-${e.id}`,
+						label: e.label,
+						size: "s",
+						checked: !!y.consentChecks[e.id],
+						onChange: () => b.setConsent(e.id, !y.consentChecks[e.id])
+					}, e.id))
+				}), /* @__PURE__ */ a("div", {
+					className: "IncodeElectronicSignatureFooter",
+					children: /* @__PURE__ */ a(l, {
+						onClick: () => b.sign(),
+						disabled: !y.allConsented,
+						children: n.signButtonLabel
+					})
+				})]
+			})]
+		});
+	}
+	return null;
+}, E = ({ state: e, manager: t, t: r }) => (n(() => () => URL.revokeObjectURL(e.fileUrl), [e.fileUrl]), /* @__PURE__ */ a(c, {
+	className: "IncodeElectronicSignature",
+	title: r("aes.reviewDocument.title"),
+	subtitle: r("aes.reviewDocument.subtitle"),
+	children: [/* @__PURE__ */ a("div", {
+		className: "IncodeElectronicSignatureReviewBody",
+		children: [/* @__PURE__ */ a("div", {
+			className: "IncodeElectronicSignatureReviewCard",
+			children: [/* @__PURE__ */ a("div", {
+				className: "IncodeElectronicSignatureDocPreview",
+				children: /* @__PURE__ */ a(h, {
+					url: e.fileUrl,
+					mode: "thumbnail",
+					className: "IncodeElectronicSignatureDocPreviewObject",
+					"aria-label": e.fileName
+				})
+			}), /* @__PURE__ */ a("p", {
+				className: "IncodeElectronicSignatureDocName",
+				children: e.fileName
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: "IncodeElectronicSignatureEncrypted",
+			children: [/* @__PURE__ */ a(d, { className: "IncodeElectronicSignatureEncryptedIcon" }), /* @__PURE__ */ a("span", { children: r("encryptionLabel.encryptedPhotos") })]
+		})]
+	}), /* @__PURE__ */ a("div", {
+		className: "IncodeElectronicSignatureFooter",
+		children: [/* @__PURE__ */ a(l, {
+			onClick: () => t.confirmFile(),
+			children: r("common.continue")
+		}), /* @__PURE__ */ a(l, {
+			variant: "secondary",
+			onClick: () => t.replaceFile(),
+			children: r("aes.reviewDocument.replace")
+		})]
+	})]
+})), D = ({ config: e, onFinish: t, onError: n }) => /* @__PURE__ */ a(s, { children: e ? /* @__PURE__ */ a(T, {
+	config: e,
+	onFinish: t,
+	onError: n
+}) : null }), O = D;
+g(D, "incode-electronic-signature");
+//#endregion
+export { D as n, O as t };