@incodetech/web 2.1.0-rc.2 → 2.1.0-rc.3

package/dist/geolocation/geolocation.es.js

@@ -1,12 +1,12 @@
-import { n as useTranslation, t as Trans } from "../i18n-DoP1NB7u.js";
+import { n as useTranslation, t as Trans } from "../i18n-CU4xq8qC.js";
 import { v as u, x as k } from "../vendor-preact-DThS2ZQ_.js";
-import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
+import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o-v8.js";
+import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
 import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
 import { t as Page } from "../page-DidH_RkX.js";
-import { t as Button } from "../button-Ch5-QgHB.js";
-import { t as NumberedStep } from "../numberedStep-Dc0BUU-j.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
+import { t as Button } from "../button-Dz6AsbmF.js";
+import { t as NumberedStep } from "../numberedStep-CEb-lFJm.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 import { getBrowser, getDeviceClass } from "@incodetech/core/device";
 import { createGeolocationManager } from "@incodetech/core/geolocation";
 //#region src/modules/geolocation/LocationActiveIcon.tsx
@@ -733,11 +733,13 @@ var GeolocationPermissionDenied = ({ canSkip, onSkip, onRefresh }) => {
 			/* @__PURE__ */ u(Spacer, {}),
 			/* @__PURE__ */ u(Button, {
 				onClick: onRefresh,
+				"data-testid": "geolocation-refresh",
 				children: t("geolocationv2.refreshPage")
 			}),
 			canSkip ? /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Spacer, { size: 12 }), /* @__PURE__ */ u(Button, {
 				variant: "secondary",
 				onClick: onSkip,
+				"data-testid": "geolocation-skip",
 				children: t("geolocationv2.skip")
 			})] }) : null
 		]
@@ -761,17 +763,19 @@ var GeolocationPageLayout = ({ icon: Icon, title, subtitle, onContinue, isLoadin
 				onClick: onContinue,
 				"aria-label": isLoading ? t("geolocation.continue") : void 0,
 				"aria-busy": isLoading || void 0,
+				"data-testid": "geolocation-continue",
 				children: t("geolocation.continue")
 			})
 		})]
 	});
 };
-var GeolocationContent = ({ config, onFinish, onError: _onError }) => {
+var GeolocationContent = ({ config, manager: externalManager, onFinish, onError: _onError }) => {
 	const { t } = useTranslation();
 	const [state, manager] = useManager(() => {
+		if (externalManager) return externalManager;
 		if (!config) throw new Error("Geolocation config is required");
 		return createGeolocationManager({ config });
-	});
+	}, { manageLifecycle: !externalManager });
 	useModuleTerminalCallbacks({
 		status: state.status === "finished" ? "finished" : "loading",
 		onFinish
@@ -797,8 +801,9 @@ var GeolocationContent = ({ config, onFinish, onError: _onError }) => {
 	if (state.status === "finished") return null;
 	return null;
 };
-var Geolocation = ({ config, onFinish, onError }) => /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(GeolocationContent, {
+var Geolocation = ({ config, manager, onFinish, onError }) => /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(GeolocationContent, {
 	config,
+	manager,
 	onFinish,
 	onError
 }) : null });

package/dist/{governmentValidation/governmentValidation.es.js → government-validation/government-validation.es.js}

@@ -1,16 +1,16 @@
-import { n as useTranslation } from "../i18n-DoP1NB7u.js";
+import { n as useTranslation } from "../i18n-CU4xq8qC.js";
 import { v as u, x as k } from "../vendor-preact-DThS2ZQ_.js";
-import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
+import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o-v8.js";
+import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
 import { r as Spacer } from "../loadingIcon-B0ysgiNq.js";
 import { t as Page } from "../page-DidH_RkX.js";
-import "../extensibility-CTmAsaji.js";
+import "../extensibility-7sRIN0JC.js";
 import { t as AutoFocusTitle } from "../autoFocusTitle-CuRu2lPg.js";
-import { t as VerificationResult } from "../verificationResult-B6PBXbp9.js";
-import { t as OtpInput } from "../otpInput-Q_kzSZeD.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
+import { t as VerificationResult } from "../verificationResult-BWWkmeiA.js";
+import { t as OtpInput } from "../otpInput-CnDc6pQm.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 import { createGovernmentValidationManager } from "@incodetech/core/government-validation";
-//#region src/modules/governmentValidation/governmentIncodeLogo.tsx
+//#region src/modules/government-validation/governmentIncodeLogo.tsx
 var VerifiedByGovIncodeLogo = () => {
 	return /* @__PURE__ */ u("svg", {
 		width: "390",
@@ -84,7 +84,7 @@ var VerifiedByGovIncodeLogo = () => {
 	});
 };
 //#endregion
-//#region src/modules/governmentValidation/governmentValidation.tsx
+//#region src/modules/government-validation/government-validation.tsx
 var GovernmentVerificationResult = (props) => /* @__PURE__ */ u(VerificationResult, {
 	...props,
 	hideFooterBranding: false,
@@ -103,7 +103,7 @@ var GovernmentValidationContent = ({ config, onFinish }) => {
 	if (config.backgroundExecution || state.status === "finished") return null;
 	const isOtpStep = state.status === "awaitingOtp" || state.status === "verifyingOtp";
 	return /* @__PURE__ */ u(k, { children: [
-		(state.status === "idle" || state.status === "loading") && /* @__PURE__ */ u(GovernmentVerificationResult, {
+		(state.status === "idle" || state.status === "loading" || state.status === "processing") && /* @__PURE__ */ u(GovernmentVerificationResult, {
 			status: "submitting",
 			submittingTitle: t("common.holdOnASec"),
 			submittingSubtitle: t("ineCheck.checkingYourInformation")
@@ -112,10 +112,6 @@ var GovernmentValidationContent = ({ config, onFinish }) => {
 			status: "success",
 			successTitle: t("ineCheck.verified")
 		}),
-		state.status === "processing" && /* @__PURE__ */ u(GovernmentVerificationResult, {
-			status: "success",
-			successTitle: t("ineCheck.processing")
-		}),
 		isOtpStep && (() => {
 			const isVerifying = state.status === "verifyingOtp";
 			const otpError = state.status === "awaitingOtp" ? state.otpError : void 0;

package/dist/{homeScreen-BIdVm9KA.js → homeScreen-B6T0JVh8.js}

@@ -1,9 +1,9 @@
-import { c as supportedLanguages, n as useTranslation, s as getLanguageEmoji } from "./i18n-DoP1NB7u.js";
+import { c as supportedLanguages, n as useTranslation, s as getLanguageEmoji } from "./i18n-CU4xq8qC.js";
 import { _ as y, d as T, l as A, p as d, v as u } from "./vendor-preact-DThS2ZQ_.js";
 import { n as useUiConfig } from "./uiConfig-D2_wawvr.js";
 import { r as Spacer } from "./loadingIcon-B0ysgiNq.js";
 import "./incode-logo-57XFniXU.js";
-import { t as Button } from "./button-Ch5-QgHB.js";
+import { t as Button } from "./button-Dz6AsbmF.js";
 import { t as Modal } from "./modal-OxkFuuiR.js";
 import { t as DropdownComposed } from "./dropdownComposed-CoU0enG6.js";
 import "./dropdownComposed-BAoxIIsE.js";

package/dist/{hooks-Da_yP_Dr.js → hooks-CNu7o-v8.js}

@@ -1,4 +1,4 @@
-import { _ as y, l as A, p as d, s as gn } from "./vendor-preact-DThS2ZQ_.js";
+import { _ as y, d as T, h as q, l as A, p as d, s as gn } from "./vendor-preact-DThS2ZQ_.js";
 import { ScreenOrientationProvider, createScreenOrientationObserver, getDeviceClass } from "@incodetech/core/device";
 import "@incodetech/core/events";
 //#region src/hooks/useManager.ts
@@ -146,4 +146,41 @@ function useResizeObserver(ref, onResize) {
 	}, [ref, onResize]);
 }
 //#endregion
-export { isTerminalModuleState as a, useManager as c, useFormScrollable as i, useEventListener as n, useModuleTerminalCallbacks as o, useIsMobileDeviceWidth as r, useScreenOrientation as s, useResizeObserver as t };
+//#region src/hooks/useTimeout.ts
+/**
+* Runs `callback` once after `delayMs` when `delayMs` is not null. Clears the
+* timer on unmount or when `delayMs` / `callback` changes.
+*/
+function useTimeout(callback, delayMs) {
+	y(() => {
+		if (delayMs === null) return;
+		const timeoutId = window.setTimeout(callback, delayMs);
+		return () => {
+			window.clearTimeout(timeoutId);
+		};
+	}, [callback, delayMs]);
+}
+/**
+* Imperative one-shot timeout handle for user-triggered delays. Clears any
+* pending timer on unmount.
+*/
+function useTimeoutHandle() {
+	const timerRef = A();
+	const clear = q(() => {
+		if (timerRef.current !== void 0) {
+			window.clearTimeout(timerRef.current);
+			timerRef.current = void 0;
+		}
+	}, []);
+	const schedule = q((callback, delayMs) => {
+		clear();
+		timerRef.current = window.setTimeout(callback, delayMs);
+	}, [clear]);
+	y(() => clear, [clear]);
+	return T(() => ({
+		schedule,
+		clear
+	}), [schedule, clear]);
+}
+//#endregion
+export { useIsMobileDeviceWidth as a, useModuleTerminalCallbacks as c, useEventListener as i, useScreenOrientation as l, useTimeoutHandle as n, useFormScrollable as o, useResizeObserver as r, isTerminalModuleState as s, useTimeout as t, useManager as u };

package/dist/{i18n-DoP1NB7u.js → i18n-CU4xq8qC.js}

@@ -2360,7 +2360,7 @@ if (typeof ActiveXObject === "function") {
 }
 if (typeof fetchApi !== "function") fetchApi = void 0;
 if (!fetchApi && !XmlHttpRequestApi && !ActiveXObjectApi) try {
-	import("./browser-ponyfill-C_DpU0lQ.js").then((m) => /* @__PURE__ */ __toESM(m.default, 1)).then(function(mod) {
+	import("./browser-ponyfill-Df13Th-G.js").then((m) => /* @__PURE__ */ __toESM(m.default, 1)).then(function(mod) {
 		fetchApi = mod.default;
 	}).catch(function() {});
 } catch (e) {}

package/dist/id/id.es.js

@@ -1,23 +1,24 @@
-import { n as useTranslation } from "../i18n-DoP1NB7u.js";
+import { n as useTranslation } from "../i18n-CU4xq8qC.js";
 import { _ as y, c as z, d as T, l as A, o as P, p as d, v as u, x as k } from "../vendor-preact-DThS2ZQ_.js";
-import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
+import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o-v8.js";
+import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
 import { n as cn } from "../loadingIcon-B0ysgiNq.js";
 import { t as Page } from "../page-DidH_RkX.js";
-import { a as IdNoAttempts, i as Capture, n as Chooser, o as IdExpired, r as Tutorial, s as IdError, t as FlipAnimation, y as ProgressBar } from "../extensibility-CTmAsaji.js";
-import { t as Spinner } from "../spinner-BRNNKqPN.js";
-import "../spinner-zRaUjXtH.js";
-import { t as TransitionSpinner } from "../transitionSpinner-4rPkt-KM.js";
-import { t as Processing } from "../processing-Boki1Z8j.js";
-import { t as Button } from "../button-Ch5-QgHB.js";
+import { _ as ProgressBar, a as IdNoAttempts, i as Capture, n as Chooser, o as IdExpired, r as Tutorial, s as IdError, t as FlipAnimation } from "../extensibility-7sRIN0JC.js";
+import { t as Spinner } from "../spinner-BMeIEK1d.js";
+import "../spinner-BCDCoi9C.js";
+import { t as TransitionSpinner } from "../transitionSpinner-CuNCqHNi.js";
+import { t as Processing } from "../processing-BeUMfdJJ.js";
+import { t as Button } from "../button-Dz6AsbmF.js";
 import { t as ErrorIcon } from "../errorIcon-BA4T6iy-.js";
 import { s as ChevronRightIcon } from "../icons-CJJbIpBq.js";
 import { t as SuccessIcon } from "../successIcon-B5mGvdx1.js";
-import { a as Lottie, o as ErrorContent, r as Permissions } from "../tutorial-Cap8qKvM.js";
-import { t as PdfViewer } from "../pdfViewer-BewML6eg.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
-import { t as id_laser_v_default } from "../id-laser-v-Dj_RN_s9.js";
-import { t as Tabs } from "../tabs-DUkWjBGk.js";
+import { a as ErrorContent, i as Lottie } from "../tutorial-CCfPuVKX.js";
+import { i as Permissions } from "../capture-CkGvdDNH.js";
+import { t as PdfViewer } from "../pdfViewer-B97DmT9m.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
+import { t as id_laser_v_default } from "../id-laser-v-BiUXkM4x.js";
+import { t as Tabs } from "../tabs-C__chW-u.js";
 import { createIdCaptureManager } from "@incodetech/core/id";
 //#region src/shared/fonts/preloadDisplayFont.ts
 function preloadDisplayFont() {
@@ -613,6 +614,24 @@ var DigitalIdUpload = ({ manager, state }) => {
 	return null;
 };
 //#endregion
+//#region src/modules/id/manualUpload/manualUploadError.tsx
+/**
+* Inline validation message for the manual-upload flow. Rendered directly
+* beneath the slot it refers to so the user can tell which document side was
+* rejected — the side context comes from the placement, not the copy.
+* `role="alert"` announces it once on insert (SC 4.1.3).
+*/
+var ManualUploadError = ({ errorKey, id }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ u("div", {
+		id,
+		class: "IncodeManualUploadError",
+		role: "alert",
+		"data-testid": "manual-upload-error",
+		children: [/* @__PURE__ */ u(ErrorIcon, { size: 16 }), /* @__PURE__ */ u("p", { children: t(errorKey) })]
+	});
+};
+//#endregion
 //#region src/modules/id/manualUpload/uploadButton.tsx
 /**
 * Slot card for a single document side. The whole card is the clickable
@@ -763,11 +782,20 @@ var UploadTab = ({ mode, manager, state, errorMessageId }) => {
 		invalid: true,
 		describedById: errorMessageId
 	} : {};
+	/**
+	* Render the validation message directly beneath the slot it refers to so
+	* the error is unambiguously tied to the correct document side. Only the
+	* slot matching `errorSide` gets the message.
+	*/
+	const slotError = (slot) => state.errorKey && state.errorSide === slot ? /* @__PURE__ */ u(ManualUploadError, {
+		id: errorMessageId,
+		errorKey: state.errorKey
+	}) : null;
 	if (mode === "passport") {
 		const isUploading = state.uploadingSide === "passport";
 		return /* @__PURE__ */ u("div", {
 			class: "IncodeManualUploadTab",
-			children: /* @__PURE__ */ u(UploadButton, {
+			children: [/* @__PURE__ */ u(UploadButton, {
 				icon: /* @__PURE__ */ u(PassportSlotIcon, {}),
 				label: slotLabel("passport", isUploading, state.passportUploaded),
 				uploaded: state.passportUploaded,
@@ -775,30 +803,34 @@ var UploadTab = ({ mode, manager, state, errorMessageId }) => {
 				testId: "manual-upload-passport",
 				onFile: (file) => manager.manualUploadSelectFile("passport", file),
 				...slotErrorProps("passport")
-			})
+			}), slotError("passport")]
 		});
 	}
 	const isUploadingFront = state.uploadingSide === "front";
 	const isUploadingBack = state.uploadingSide === "back";
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeManualUploadTab",
-		children: [/* @__PURE__ */ u(UploadButton, {
-			icon: /* @__PURE__ */ u(IdFrontIcon, {}),
-			label: slotLabel("front", isUploadingFront, state.frontUploaded),
-			uploaded: state.frontUploaded,
-			uploading: isUploadingFront,
-			testId: "manual-upload-front",
-			onFile: (file) => manager.manualUploadSelectFile("front", file),
-			...slotErrorProps("front")
-		}), state.showBackSlot && /* @__PURE__ */ u(UploadButton, {
-			icon: /* @__PURE__ */ u(IdBackIcon, {}),
-			label: slotLabel("back", isUploadingBack, state.backUploaded),
-			uploaded: state.backUploaded,
-			uploading: isUploadingBack,
-			testId: "manual-upload-back",
-			onFile: (file) => manager.manualUploadSelectFile("back", file),
-			...slotErrorProps("back")
-		})]
+		children: [
+			/* @__PURE__ */ u(UploadButton, {
+				icon: /* @__PURE__ */ u(IdFrontIcon, {}),
+				label: slotLabel("front", isUploadingFront, state.frontUploaded),
+				uploaded: state.frontUploaded,
+				uploading: isUploadingFront,
+				testId: "manual-upload-front",
+				onFile: (file) => manager.manualUploadSelectFile("front", file),
+				...slotErrorProps("front")
+			}),
+			slotError("front"),
+			state.showBackSlot && /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(UploadButton, {
+				icon: /* @__PURE__ */ u(IdBackIcon, {}),
+				label: slotLabel("back", isUploadingBack, state.backUploaded),
+				uploaded: state.backUploaded,
+				uploading: isUploadingBack,
+				testId: "manual-upload-back",
+				onFile: (file) => manager.manualUploadSelectFile("back", file),
+				...slotErrorProps("back")
+			}), slotError("back")] })
+		]
 	});
 };
 //#endregion
@@ -879,13 +911,7 @@ var ManualUpload = ({ manager, state }) => {
 				manager,
 				state,
 				errorMessageId
-			}) : null, state.errorKey ? /* @__PURE__ */ u("div", {
-				id: errorMessageId,
-				class: "IncodeManualUploadError",
-				role: "alert",
-				"data-testid": "manual-upload-error",
-				children: [/* @__PURE__ */ u(ErrorIcon, { size: 16 }), /* @__PURE__ */ u("p", { children: t(state.errorKey) })]
-			}) : null]
+			}) : null, state.errorKey && !state.errorSide ? /* @__PURE__ */ u(ManualUploadError, { errorKey: state.errorKey }) : null]
 		}), /* @__PURE__ */ u("div", {
 			class: "IncodeManualUploadFooter",
 			children: [/* @__PURE__ */ u("ul", {
@@ -907,13 +933,13 @@ var started = false;
 function preloadIdTutorialAssets() {
 	if (started) return;
 	started = true;
-	import("../id-tutorial-BOOsXlAJ.js");
-	import("../back-tutorial-B8JJSJBB.js");
-	import("../passport-tutorial-CeSup6m9.js");
+	import("../id-tutorial-DwO90SAm.js");
+	import("../back-tutorial-cI_4VHmE.js");
+	import("../passport-tutorial-D9JNsMsM.js");
 }
 //#endregion
 //#region src/modules/id/id.tsx
-var MandatoryConsent = z(() => import("../mandatoryConsent-DOQ0DKgM.js").then((module) => ({ default: module.MandatoryConsent })));
+var MandatoryConsent = z(() => import("../mandatoryConsent-D0GTKu-H.js").then((module) => ({ default: module.MandatoryConsent })));
 var IdContent = ({ config, manager: externalManager, onFinish, onError }) => {
 	usePreloadDisplayFont();
 	const { t } = useTranslation();
@@ -931,7 +957,10 @@ var IdContent = ({ config, manager: externalManager, onFinish, onError }) => {
 		onError
 	});
 	if (state.status === "idle") return /* @__PURE__ */ u(TransitionSpinner, { hideText: true });
-	if (state.status === "loading") return /* @__PURE__ */ u(TransitionSpinner, { spinnerConfig: { subtitle: t("loadingCircle.preparingCamera") } });
+	if (state.status === "loading") return /* @__PURE__ */ u(TransitionSpinner, { spinnerConfig: {
+		title: t("loadingCircle.holdOn"),
+		subtitle: t("loadingCircle.preparingCamera")
+	} });
 	if (state.status === "chooser") return /* @__PURE__ */ u(Chooser, {
 		manager,
 		state
@@ -969,7 +998,8 @@ var IdContent = ({ config, manager: externalManager, onFinish, onError }) => {
 	if (state.status === "processing") return /* @__PURE__ */ u(Processing, {});
 	if (state.status === "expired") return /* @__PURE__ */ u(IdExpired, {
 		manager,
-		attemptsRemaining: state.attemptsRemaining
+		attemptsRemaining: state.attemptsRemaining,
+		isBackSide: state.currentMode === "back"
 	});
 	if (state.status === "expiredExhausted") return /* @__PURE__ */ u(IdNoAttempts, { manager });
 	if (state.status === "finished" || state.status === "closed") return null;

package/dist/id/styles.css

@@ -110,10 +110,6 @@
   margin-inline: auto;
 }
 
-.IncodeIdTutorial {
-  --brand-color: var(--surface-brand-500);
-}
-
 .IncodeIdTutorial .IncodePageTitleContainer {
   padding-block: var(--spacing-16, var(--spacing-16, 16px));
 }
@@ -126,10 +122,6 @@
   padding: var(--spacing-0, var(--spacing-none, 0px));
 }
 
-.IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:nth-child(2) > g:nth-child(5) > g > g > g:nth-child(3) > g > path, .IncodeIdTutorial.IncodeIdTutorialId .IncodeBaseTutorialAnimation svg > g > g > g:first-child > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g:nth-child(2) > g > g > g > g:nth-child(4) > g > path, .IncodeIdTutorial.IncodeIdTutorialPassport .IncodeBaseTutorialAnimation svg > g > g:first-child > g > path {
-  fill: var(--brand-color);
-}
-
 .IncodeFlipAnimation {
   background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
   height: 100%;
@@ -269,7 +261,7 @@
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {
-  --frame-border-color: var(--border-status-focus);
+  --frame-border-color: var(--border-brand-500);
 }
 
 .IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {

package/dist/id-ocr/styles.css

@@ -25,20 +25,30 @@
 .IncodeIdOcrPage .IncodeIdOcrForm {
   margin-top: var(--spacing-32, var(--spacing-32, 32px));
   height: 100%;
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+
+.IncodeIdOcrPage .IncodeIdOcrFields {
   min-height: var(--spacing-0, var(--spacing-none, 0px));
   justify-content: flex-start;
   align-items: center;
   gap: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
+  flex: 1;
   width: 100%;
   display: flex;
   overflow-y: auto;
 }
 
 .IncodeIdOcrPage .IncodeIdOcrButton {
-  bottom: var(--spacing-0, var(--spacing-none, 0px));
   width: 100%;
-  position: sticky;
+  padding-top: var(--spacing-16, var(--spacing-16, 16px));
+  flex-shrink: 0;
 }
 
 .IncodeIdOcrPage .IncodeIdOcrRadioGroup {

package/dist/id-verification/id-verification.es.js

@@ -1,9 +1,9 @@
 import { v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
-import { t as Spinner } from "../spinner-BRNNKqPN.js";
-import { t as ExpiredId } from "../expiredId-D17oN5K2.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
+import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o-v8.js";
+import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
+import { t as Spinner } from "../spinner-BMeIEK1d.js";
+import { t as ExpiredId } from "../expiredId-BZXLrLk-.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 import { createIdVerificationManager } from "@incodetech/core/id-verification";
 //#region src/modules/id-verification/id-verification.tsx
 var IdVerificationContent = ({ config, onFinish }) => {

package/dist/{idOcr-C4K2XVJr.js → idOcr-WFBvqy3b.js}

@@ -1,22 +1,33 @@
-import { n as useTranslation } from "./i18n-DoP1NB7u.js";
+import { n as useTranslation } from "./i18n-CU4xq8qC.js";
 import { d as T, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { c as useManager, o as useModuleTerminalCallbacks } from "./hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "./incodeComponent-Cmi1rlWs.js";
+import { c as useModuleTerminalCallbacks, u as useManager } from "./hooks-CNu7o-v8.js";
+import { t as IncodeComponent } from "./incodeComponent-CfzJGETt.js";
 import { t as Page } from "./page-DidH_RkX.js";
-import "./extensibility-CTmAsaji.js";
-import { t as Button } from "./button-Ch5-QgHB.js";
-import { t as VerificationResult } from "./verificationResult-B6PBXbp9.js";
+import "./extensibility-7sRIN0JC.js";
+import { t as Button } from "./button-Dz6AsbmF.js";
+import { t as VerificationResult } from "./verificationResult-BWWkmeiA.js";
 import { t as InputComposed } from "./inputComposed-C1R2LAa3.js";
-import { t as RadioGroupComposed } from "./radioGroupComposed-TuAWUAFK.js";
+import { t as RadioGroupComposed } from "./radioGroupComposed-DuQxslB2.js";
 import { t as DateInputComposed } from "./dateInputComposed-DuaofcBl.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-M8DszCee.js";
-import { n as getRequiredHintMode, t as getFieldHint } from "./requiredLabelHint-DX3oVNtu.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
+import { n as getRequiredHintMode, t as getFieldHint } from "./requiredLabelHint-D0RhuMed.js";
 import { createIdOcrManager, getOcrFields } from "@incodetech/core/id-ocr";
 //#region src/modules/id-ocr/idOcrForm.tsx
 var TEXT_FIELD_COMPONENTS = {
 	text: InputComposed,
 	date: DateInputComposed
 };
+/**
+* `autocomplete` tokens for personal-info fields (WCAG 2.2 SC 1.3.5 Identify
+* Input Purpose). Fields without a standard token (e.g. document number, sex)
+* are intentionally omitted.
+*/
+var AUTOCOMPLETE_TOKENS = {
+	name: "name",
+	birthDate: "bday",
+	issuingCountry: "country-name",
+	address: "street-address"
+};
 var IdOcrForm = ({ fields, data, validationErrors, isReadonly, onChange, onBlur, onContinue }) => {
 	const { t } = useTranslation();
 	const hasValidationErrors = validationErrors && Object.keys(validationErrors).length > 0;
@@ -56,6 +67,7 @@ var IdOcrForm = ({ fields, data, validationErrors, isReadonly, onChange, onBlur,
 			value,
 			disabled: isReadonly,
 			required: isFieldRequired,
+			autocomplete: AUTOCOMPLETE_TOKENS[field.key],
 			error: fieldError,
 			showErrorIcon: !!fieldError,
 			onInput: (e) => onChange(field.key, e.target.value),
@@ -65,11 +77,16 @@ var IdOcrForm = ({ fields, data, validationErrors, isReadonly, onChange, onBlur,
 	};
 	return /* @__PURE__ */ u("div", {
 		className: "IncodeIdOcrForm",
-		children: [visibleFields.map(renderField), /* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ u("div", {
+			className: "IncodeIdOcrFields",
+			tabIndex: isReadonly ? 0 : void 0,
+			children: visibleFields.map(renderField)
+		}), /* @__PURE__ */ u("div", {
 			className: "IncodeIdOcrButton",
 			children: /* @__PURE__ */ u(Button, {
 				onClick: onContinue,
 				disabled: hasValidationErrors,
+				"data-testid": "id-ocr-continue",
 				children: t("common.continue")
 			})
 		})]
@@ -77,9 +94,9 @@ var IdOcrForm = ({ fields, data, validationErrors, isReadonly, onChange, onBlur,
 };
 //#endregion
 //#region src/modules/id-ocr/idOcr.tsx
-var IdOcrContent = ({ config, onFinish }) => {
+var IdOcrContent = ({ config, manager: externalManager, onFinish }) => {
 	const { t } = useTranslation();
-	const [state, manager] = useManager(() => createIdOcrManager({ config }));
+	const [state, manager] = useManager(() => externalManager ?? createIdOcrManager({ config }), { manageLifecycle: !externalManager });
 	useModuleTerminalCallbacks({
 		status: state.status === "finished" ? "finished" : "loading",
 		onFinish
@@ -114,8 +131,9 @@ var IdOcrContent = ({ config, onFinish }) => {
 	});
 	return null;
 };
-var IdOcr = ({ config, onFinish }) => /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(IdOcrContent, {
+var IdOcr = ({ config, manager, onFinish }) => /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(IdOcrContent, {
 	config,
+	manager,
 	onFinish
 }) : null });
 registerIncodeModuleElement(IdOcr, "incode-id-ocr");

package/dist/identity-reuse/identity-reuse.es.js

@@ -1,11 +1,11 @@
-import { n as useTranslation } from "../i18n-DoP1NB7u.js";
+import { n as useTranslation } from "../i18n-CU4xq8qC.js";
 import { _ as y, v as u } from "../vendor-preact-DThS2ZQ_.js";
-import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "../incodeComponent-Cmi1rlWs.js";
+import { c as useModuleTerminalCallbacks, u as useManager } from "../hooks-CNu7o-v8.js";
+import { t as IncodeComponent } from "../incodeComponent-CfzJGETt.js";
 import { t as Page } from "../page-DidH_RkX.js";
-import { t as Spinner } from "../spinner-BRNNKqPN.js";
-import { t as Button } from "../button-Ch5-QgHB.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-M8DszCee.js";
+import { t as Spinner } from "../spinner-BMeIEK1d.js";
+import { t as Button } from "../button-Dz6AsbmF.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-B-4_3JrK.js";
 import { SCAN_NEW_DOCUMENT, createIdentityReuseManager } from "@incodetech/core/identity-reuse";
 //#region src/modules/identity-reuse/identity-reuse.tsx
 /**

package/dist/{incodeComponent-Cmi1rlWs.js → incodeComponent-CfzJGETt.js}

@@ -1,6 +1,6 @@
-import { n as useTranslation } from "./i18n-DoP1NB7u.js";
+import { n as useTranslation } from "./i18n-CU4xq8qC.js";
 import { _ as y, l as A, p as d, r as $, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { s as useScreenOrientation } from "./hooks-Da_yP_Dr.js";
+import { l as useScreenOrientation } from "./hooks-CNu7o-v8.js";
 import { isIPad } from "@incodetech/core/device";
 //#region src/shared/icons/rotate-icon.svg
 var rotate_icon_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='90'%20height='90'%20viewBox='0%200%2090%2090'%3e%3cg%20fill='%2320263D'%3e%3cpath%20d='M84.12%2027.54l-2.58-2.58L65.036%208.456l-2.58-2.58c-3.127-3.127-8.58-2.764-12.157.81L6.69%2050.306c-3.574%203.574-3.938%209.027-.81%2012.158l21.66%2021.66c3.128%203.127%208.58%202.764%2012.157-.81l43.617-43.616c3.574-3.578%203.937-9.03.806-12.158zm-5.524%208.617l-42.439%2042.44c-1.3%201.3-3.28%201.432-4.42.296l-20.63-20.63c-1.14-1.14-1.008-3.12.297-4.42l42.438-42.44c1.302-1.3%203.282-1.432%204.422-.296l1.031%201.032c1.14%201.14%201.009%203.12-.296%204.421-1.302%201.301-1.433%203.281-.297%204.421L69.02%2031.297c1.14%201.14%203.12%201.01%204.421-.296%201.301-1.301%203.281-1.432%204.421-.296l1.031%201.031c1.137%201.14%201.005%203.12-.296%204.421zM51.885%2090a3.135%203.135%200%2001-2.22-5.351l8.925-8.925a3.138%203.138%200%20014.646.233l3.308%204.046c10.114-5.374%2017.081-15.994%2017.178-28.14a3.136%203.136%200%20013.136-3.113h.026a3.14%203.14%200%20013.112%203.161C89.835%2072.746%2072.746%2089.835%2051.911%2090h-.026zM38.115%200a3.135%203.135%200%20012.22%205.351l-8.925%208.925a3.125%203.125%200%2001-2.378.915%203.138%203.138%200%2001-2.272-1.147l-3.308-4.046C13.34%2015.37%206.373%2025.99%206.274%2038.138a3.14%203.14%200%2001-3.139%203.112h-.026a3.139%203.139%200%2001-3.11-3.161C.166%2017.254%2017.255.165%2038.09%200h.026z'/%3e%3c/g%3e%3c/svg%3e";

package/dist/{incodeModule-M8DszCee.js → incodeModule-B-4_3JrK.js}

@@ -1,4 +1,4 @@
-import { t as registerIncodeElement } from "./registerIncodeElement-CdlNRRv5.js";
+import { t as registerIncodeElement } from "./registerIncodeElement-DaNjbAwZ.js";
 //#region src/shared/webComponent/incodeModule.ts
 var incodeModulePropKeys = [
 	"config",

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { a as createI18n, i as setI18nInstance } from "./i18n-DoP1NB7u.js";
+import { a as createI18n, i as setI18nInstance } from "./i18n-CU4xq8qC.js";
 import { t as setUiConfig } from "./uiConfig-D2_wawvr.js";
 import { DEFAULT_WASM_VERSION } from "@incodetech/core/wasm";
 import { setup as setup$1 } from "@incodetech/core";

package/dist/{mandatoryConsent-DOQ0DKgM.js → mandatoryConsent-D0GTKu-H.js}

@@ -1,13 +1,13 @@
-import { n as useTranslation } from "./i18n-DoP1NB7u.js";
+import { n as useTranslation } from "./i18n-CU4xq8qC.js";
 import { _ as y, l as A, v as u } from "./vendor-preact-DThS2ZQ_.js";
-import { a as isTerminalModuleState, c as useManager, o as useModuleTerminalCallbacks } from "./hooks-Da_yP_Dr.js";
-import { t as IncodeComponent } from "./incodeComponent-Cmi1rlWs.js";
+import { c as useModuleTerminalCallbacks, s as isTerminalModuleState, u as useManager } from "./hooks-CNu7o-v8.js";
+import { t as IncodeComponent } from "./incodeComponent-CfzJGETt.js";
 import { t as Page } from "./page-DidH_RkX.js";
-import { t as TransitionSpinner } from "./transitionSpinner-4rPkt-KM.js";
-import { t as Button } from "./button-Ch5-QgHB.js";
+import { t as TransitionSpinner } from "./transitionSpinner-CuNCqHNi.js";
+import { t as Button } from "./button-Dz6AsbmF.js";
 import { t as Checkbox } from "./checkbox-1wUHSoaK.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-M8DszCee.js";
-import { t as RichText } from "./richText-DsTP4H3j.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
+import { t as RichText } from "./richText-CB1fmegc.js";
 import { createMandatoryConsentManager } from "@incodetech/core/mandatory-consent";
 //#region src/modules/mandatory-consent/mandatoryConsent.tsx
 var stopLinkPropagation = (event) => {