@incodetech/web 0.0.0-dev-20260820-e7c67ad4 → 0.0.0-dev-20260821-af317971

package/dist/{extensibility-C94DltcN.js → extensibility-CHLVc-Wh.js}

@@ -1,9 +1,9 @@
-import { a as useTranslation, i as Trans, r as useUiConfig } from "./uiConfig-C3dX3oV1.js";
-import { S as k, _ as y, a as D, b as Q, c as z, d as T, f as _, g as x, h as q, i as C, l as A, m as g, o as P, p as d, r as $, s as gn, v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { a as getStandaloneSetupPolicy, n as preloadDashboardTheme, t as getDashboardTheme } from "./dashboardTheme-DAD_v7bm.js";
-import { a as useAnimationData, n as LoadingIcon, o as Lottie, r as AnimatedAsset, t as Spacer, u as cn } from "./spacer-BgPYQ4gX.js";
-import { a as TypographyH4, n as Title, o as TypographyH5, r as TypographyH1, t as Spinner } from "./spinner-V9NaJLF-.js";
-import { C as CheckmarkIcon, D as incode_logo_default, E as CalendarIcon, O as ErrorIcon, _ as EllipseIcon, a as useModalFocusCapture, c as SvgLightningIcon, f as LockIcon, g as EyeIcon, h as EyeOffIcon, i as useModalEscapeDismiss, k as Button, l as WarningIcon, n as Modal, o as useModalTabCycle, p as HelpIcon, r as useModalBodyScrollLock, s as useModalVisualViewportBounds, t as DropdownComposed, u as SuccessIcon, v as CloseIcon, w as CaptureButtonIcon, y as ChevronRightIcon } from "./dropdownComposed-B3EP6yr2.js";
+import { a as useTranslation, i as Trans, r as useUiConfig } from "./uiConfig-CoKSzxxR.js";
+import { C as k, _ as x, a as D, c as z, d as T, f as _, g as q, h, i as C, l as A, m as g, o as P, p as d, r as $, s as gn, v as y, x as Q, y as u } from "./vendor-preact-BPXMFRom.js";
+import { a as getStandaloneSetupPolicy, n as preloadDashboardTheme, t as getDashboardTheme } from "./dashboardTheme-Bg4e2e_3.js";
+import { a as useAnimationData, n as LoadingIcon, o as Lottie, r as AnimatedAsset, t as Spacer, u as cn } from "./spacer-1k4Y_MPK.js";
+import { a as TypographyH4, n as Title, o as TypographyH5, r as TypographyH1, t as Spinner } from "./spinner-Dx70DGml.js";
+import { C as CheckmarkIcon, D as incode_logo_default, E as CalendarIcon, O as ErrorIcon, _ as EllipseIcon, a as useModalFocusCapture, c as SvgLightningIcon, f as LockIcon, g as EyeIcon, h as EyeOffIcon, i as useModalEscapeDismiss, k as Button, l as WarningIcon, n as Modal, o as useModalTabCycle, p as HelpIcon, r as useModalBodyScrollLock, s as useModalVisualViewportBounds, t as DropdownComposed, u as SuccessIcon, v as CloseIcon, w as CaptureButtonIcon, y as ChevronRightIcon } from "./dropdownComposed-CL61H6PB.js";
 import { ScreenOrientationProvider, createScreenOrientationObserver, getBrowser, getDeviceClass, isApplePlatform, isIPad, isSupportedBrowser } from "@incodetech/core/device";
 import { eventModuleNames, recordExperimentAssignmentOnce } from "@incodetech/core/events";
 import { ONBOARDING_WEB_SDK_PARAMETER_STORE, booleanParam, defineExperimentParams, getExperiment, getFeatureGate, getFeatureManagementVersion, getFeatureParameterStore, getIsFeatureManagementInitialized, getLayer, resolveExperiment, subscribeFeatureManagement, updateFeatureManagementUser } from "@incodetech/core/feature-management";
@@ -228,6 +228,102 @@ function useCopyToClipboard() {
 	}, []);
 }
 //#endregion
+//#region src/hooks/useAnimationSignal.ts
+/**
+* "This animation finished" primitive: filters `animationend` bubbling from a
+* subtree down to the names that matter, fires `onComplete` at most once per
+* `active` activation, and backstops with a watchdog timer in case the event
+* never arrives (CSS fails to load, the element is swapped mid-animation,
+* `animationend` doesn't fire in a test environment, …).
+*
+* Returns an `onAnimationEnd` handler to attach to the animating element (or
+* an ancestor — bubbled events from unrelated animations are ignored by name).
+*/
+function useAnimationSignal({ active, animationName, timeoutMs, onComplete }) {
+	const names = T(() => new Set(Array.isArray(animationName) ? animationName : [animationName]), [animationName]);
+	const activeRef = A(active);
+	activeRef.current = active;
+	const onCompleteRef = A(onComplete);
+	onCompleteRef.current = onComplete;
+	const hasFiredRef = A(false);
+	const { schedule, clear } = useTimeoutHandle();
+	const complete = () => {
+		if (hasFiredRef.current) return;
+		hasFiredRef.current = true;
+		clear();
+		onCompleteRef.current();
+	};
+	y(() => {
+		if (!active) return;
+		hasFiredRef.current = false;
+		schedule(complete, timeoutMs);
+		return clear;
+	}, [active, timeoutMs]);
+	return (event) => {
+		if (!activeRef.current) return;
+		if (!names.has(event.animationName)) return;
+		complete();
+	};
+}
+//#endregion
+//#region src/hooks/useNextTick.ts
+var nextTick = (tick, _action) => tick + 1;
+/**
+* Forces one extra render with no payload — the primitive for "something
+* happened outside of render (a DOM event, a timer, an external
+* subscription, …), re-render me now." The tick value itself is never read.
+*/
+function useNextTick() {
+	const [, dispatch] = h(nextTick, 0);
+	return () => dispatch();
+}
+//#endregion
+//#region src/hooks/usePresence.ts
+/**
+* Keeps a layer mounted for the length of its exit animation. `present`
+* dropping to `false` starts the exit synchronously, in the same render —
+* not one render later via an effect — so there is no paintable frame where
+* the caller has already stopped rendering the layer but the exit hasn't
+* started. `present` becoming `true` again while exiting (e.g. a retry)
+* cancels the exit immediately.
+*
+* Mutating refs during render (rather than in an effect) is what makes the
+* exit start synchronous with the render that reports `present: false`.
+* This is safe here: Preact renders function components synchronously with
+* no concurrent double-invocation, so a ref write in the render body is
+* observed by every consumer of this hook's return value in that same pass.
+* The only actual state update — `nextTick` (see `useNextTick`) — happens
+* exclusively from the animation-completion callback below, never during
+* render.
+*/
+function usePresence({ present, animationName, timeoutMs, skipExit = false }) {
+	const wasPresentRef = A(present);
+	const isExitingRef = A(false);
+	const nextTick = useNextTick();
+	const wasPresent = wasPresentRef.current;
+	wasPresentRef.current = present;
+	if (skipExit || present) isExitingRef.current = false;
+	else if (wasPresent) isExitingRef.current = true;
+	const isExiting = !present && isExitingRef.current;
+	const isRendered = present || isExiting;
+	const onAnimationEnd = useAnimationSignal({
+		active: isExiting,
+		animationName,
+		timeoutMs,
+		onComplete: () => {
+			if (isExitingRef.current) {
+				isExitingRef.current = false;
+				nextTick();
+			}
+		}
+	});
+	return {
+		phase: present ? "present" : isExiting ? "exiting" : "absent",
+		isRendered,
+		onAnimationEnd
+	};
+}
+//#endregion
 //#region src/hooks/useFeatureManagement.ts
 var fallbackGet = (_paramName, fallback) => fallback;
 var FALLBACK_EXPERIMENT = {
@@ -17995,45 +18091,56 @@ var CommonIssues = ({ open, onClose, onTakeManually, portalContainer }) => {
 };
 //#endregion
 //#region src/modules/id/experiments/useCaptureResultPreview.ts
-var CAPTURE_RESULT_HOLD_MS = 2e3;
-var CROSSFADE_ANIMATION_NAME = "incodeIdCaptureResultCrossfade";
+var CROSSFADE_ANIMATION_NAME = "incodeIdCaptureResultCrossfadeOut";
 var CROSSFADE_WATCHDOG_MS = 1e3;
-var useCaptureResultPreview = (manager, state) => {
-	const enabled = state.captureFeedbackMode === "result-preview";
-	const hasAdvancedRef = A(false);
-	const [isCrossfading, setIsCrossfading] = d(false);
-	const { schedule: scheduleCrossfadeTimeout, clear: clearCrossfadeTimeout } = useTimeoutHandle();
-	const advance = q(() => {
-		if (hasAdvancedRef.current) return;
-		hasAdvancedRef.current = true;
-		clearCrossfadeTimeout();
-		manager.completeResultPreview();
-	}, [clearCrossfadeTimeout, manager]);
-	y(() => {
-		if (!enabled || state.captureStatus !== "resultPreview") {
-			hasAdvancedRef.current = false;
-			setIsCrossfading(false);
-			clearCrossfadeTimeout();
-			return;
-		}
-		const timeoutId = setTimeout(() => {
-			setIsCrossfading(true);
-			scheduleCrossfadeTimeout(advance, CROSSFADE_WATCHDOG_MS);
-		}, CAPTURE_RESULT_HOLD_MS);
-		return () => clearTimeout(timeoutId);
-	}, [
-		advance,
-		clearCrossfadeTimeout,
-		enabled,
-		scheduleCrossfadeTimeout,
-		state.captureStatus
-	]);
+/**
+* IDC-05 rendering state.
+*
+* Core owns the phase on **both** paths — `detectingWithOptimization.optimizing`
+* before the frame is committed (auto capture), `optimizingHold` after it
+* (manual capture) — and reports both as `captureStatus: 'optimizing'`. So there
+* is no dwell timer here, nothing to acknowledge, and no branch on which path
+* produced it.
+*
+* What stays UI-owned is only the *tail*: keeping the frozen still (and the live
+* camera layer beneath it) mounted for the length of the crossfade into the
+* analyzing screen. `usePresence` starts that exit in the *same* render that
+* stops reporting the phase — deriving it from an effect instead leaves one
+* paintable frame with neither the still nor the fade, which resolves to the
+* analyzing stage: the live `<video>` is destroyed, a bare `IdAnalyzing` flashes
+* with no fade and an undecoded image, and the fade then remounts the element and
+* re-attaches the MediaStream — a visible blink.
+*/
+var useCaptureResultPreview = (state) => {
+	const enabled = state.captureFeedbackMode === "optimizing";
+	const isOptimizing = enabled && state.captureStatus === "optimizing";
+	/**
+	* The auto path's phase runs before the commit, so its still is the best
+	* frame *so far*; the manual path's runs after, so `previewImageUrl` is all
+	* there is. One expression covers both.
+	*
+	* At the commit, core clears `candidateImageUrl` in the same assign that
+	* sets `previewImageUrl` (`getStoreCapturedImageValues`), so this falls through
+	* to the committed frame for the crossfade — the better-rectified crop, and the
+	* same URL the analyzing layer beneath is already mounting, so the swap paints
+	* from that URL's cache entry rather than decoding cold. The fallthrough is
+	* also what lets core free the phase's blob at the commit instead of holding it
+	* to the next boundary.
+	*/
+	const imageUrl = state.candidateImageUrl ?? state.previewImageUrl;
+	const { phase, isRendered, onAnimationEnd } = usePresence({
+		present: isOptimizing && Boolean(imageUrl),
+		animationName: CROSSFADE_ANIMATION_NAME,
+		timeoutMs: CROSSFADE_WATCHDOG_MS,
+		skipExit: !(state.previewImageUrl && state.captureStatus === "uploading")
+	});
 	return {
 		enabled,
-		isCrossfading,
-		onCrossfadeEnd: q((event) => {
-			if (event.animationName === CROSSFADE_ANIMATION_NAME) advance();
-		}, [advance])
+		phase,
+		isResultPreview: isRendered,
+		resultPreviewImageUrl: isRendered ? imageUrl : void 0,
+		isCrossfading: phase === "exiting",
+		onCrossfadeEnd: onAnimationEnd
 	};
 };
 //#endregion
@@ -18095,11 +18202,38 @@ var IdProcessingLayout = ({ imageUrl, orientation, mode, borderState, topContent
 	});
 };
 //#endregion
+//#region src/modules/id/experiments/analyzingTitle.ts
+/** Control arm: one static title for the whole upload. */
+var ANALYZING_TITLE_KEY = "idv2.capture.processing.analyzing";
+/** IDC-05 treatment arm, below `UPLOADING_TITLE_PROGRESS`. */
+var PROCESSING_TITLE_KEY = "idv2.capture.processing.processing";
+/** IDC-05 treatment arm, at or above `UPLOADING_TITLE_PROGRESS`. */
+var UPLOADING_TITLE_KEY = "idv2.capture.processing.uploading";
+/**
+* IDC-05 treatment: the analyzing screen steps its title "Processing" →
+* "Uploading" instead of resting on the control arm's single "Analyzing".
+*
+* Derived from `uploadProgress` rather than from a dwell timer, so the copy and
+* the bar can never disagree about how far along the upload looks. That also
+* makes it monotonic for free — the machine only ever raises `uploadProgress`
+* within a single `uploading` visit (`Math.max` on the byte events, `Math.min`
+* against the hold ceiling on the ticker) — so the title cannot walk backwards
+* on a re-render or a stalled upload.
+*
+* Pure rather than a hook: no timers, no state, nothing to reset between
+* attempts.
+*/
+function getAnalyzingTitleKey(resultPreviewEnabled, progress) {
+	if (!resultPreviewEnabled) return ANALYZING_TITLE_KEY;
+	return progress >= 80 ? UPLOADING_TITLE_KEY : PROCESSING_TITLE_KEY;
+}
+//#endregion
 //#region src/modules/id/processing/idAnalyzing.tsx
-var IdAnalyzing = ({ imageUrl, progress, orientation, mode, blurImage, autoFocusTitle = true }) => {
+var IdAnalyzing = ({ imageUrl, progress, orientation, mode, blurImage, autoFocusTitle = true, resultPreviewEnabled = false }) => {
 	const { t } = useTranslation();
 	const titleRef = A(null);
 	const isHorizontal = orientation !== "vertical";
+	const titleKey = getAnalyzingTitleKey(resultPreviewEnabled, progress);
 	_(() => {
 		if (!autoFocusTitle) return;
 		titleRef.current?.focus();
@@ -18120,7 +18254,11 @@ var IdAnalyzing = ({ imageUrl, progress, orientation, mode, blurImage, autoFocus
 				id: "analyzing-title",
 				className: "IncodeAnalyzingTitle",
 				tabIndex: -1,
-				children: t("idv2.capture.processing.analyzing")
+				"aria-live": "polite",
+				children: /* @__PURE__ */ u("span", {
+					class: "IncodeAnalyzingTitleText",
+					children: t(titleKey)
+				}, titleKey)
 			})]
 		}),
 		overlayContent: /* @__PURE__ */ u(AnimatedAsset, {
@@ -18487,12 +18625,12 @@ var IdNoAttempts = ({ manager }) => {
 };
 //#endregion
 //#region src/modules/id/capture/idHint.tsx
-var FrontHorizontalHintSvg = z(() => import("./front-horizontal-hint-DJoi7q0O.js"));
-var FrontVerticalHintSvg = z(() => import("./front-vertical-hint-DwBeFRhM.js"));
-var BackHorizontalHintSvg = z(() => import("./back-horizontal-hint-DE7qSED8.js"));
-var BackVerticalHintSvg = z(() => import("./back-vertical-hint-tRfKQSB7.js"));
-var PassportHorizontalHintSvg = z(() => import("./passport-horizontal-hint-DkZZzf9B.js"));
-var PassportVerticalHintSvg = z(() => import("./passport-vertical-hint-BMZpf7cB.js"));
+var FrontHorizontalHintSvg = z(() => import("./front-horizontal-hint-BSDqPUtf.js"));
+var FrontVerticalHintSvg = z(() => import("./front-vertical-hint-DC7DL0yG.js"));
+var BackHorizontalHintSvg = z(() => import("./back-horizontal-hint-C26z-OQP.js"));
+var BackVerticalHintSvg = z(() => import("./back-vertical-hint-CWwh2lzA.js"));
+var PassportHorizontalHintSvg = z(() => import("./passport-horizontal-hint-kGA1I7F-.js"));
+var PassportVerticalHintSvg = z(() => import("./passport-vertical-hint-C-Dj33fi.js"));
 var CARD_WIDTH_IN_SVG = {
 	"front-horizontal": 348,
 	"back-horizontal": 348,
@@ -18554,7 +18692,7 @@ var IdHint = ({ mode, orientation, onAnimationEnd }) => {
 };
 //#endregion
 //#region src/modules/id/capture/captureLiveFrameContent.tsx
-var CaptureLiveFrameContent = ({ hideCountdown, isCapturing, counterValue, showIdHint, mode, orientation, onIdHintAnimationEnd }) => /* @__PURE__ */ u(k, { children: [!hideCountdown && isCapturing && counterValue > 0 && /* @__PURE__ */ u("div", {
+var CaptureLiveFrameContent = ({ isCapturing, counterValue, showIdHint, mode, orientation, onIdHintAnimationEnd }) => /* @__PURE__ */ u(k, { children: [isCapturing && counterValue > 0 && /* @__PURE__ */ u("div", {
 	class: "IncodeCaptureCounter",
 	children: counterValue
 }), showIdHint && /* @__PURE__ */ u(IdHint, {
@@ -18847,7 +18985,7 @@ var resolveLiveView = ({ t, mode, detectionStatus, isCapturing }) => {
 //#endregion
 //#region src/modules/id/capture/captureOverlay.tsx
 var MANUAL_CAPTURE_TOOLTIP_EXIT_ANIMATION = "manualCaptureTooltipExit";
-var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCapturing, showManualCapture, onCapture, onOpenHelp, helpButtonRef, captureButtonRef, hideCountdown, resultPreview }, ref) => {
+var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCapturing, showManualCapture, onCapture, onOpenHelp, helpButtonRef, captureButtonRef, hideFooterActions, resultPreview }, ref) => {
 	const { t } = useTranslation();
 	usePreloadCaptureAnimations();
 	const isResultPreview = resultPreview !== void 0;
@@ -18893,7 +19031,7 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 	const isPassport = mode === "passport";
 	const frameOrientation = orientation !== "vertical" ? "horizontal" : "vertical";
 	const showManualCaptureTooltip = !isResultPreview && showManualCapture && !manualCaptureTooltipDismissed;
-	const showCounter = !isResultPreview && !hideCountdown && isCapturing && counterValue > 0;
+	const showCounter = isCapturing && counterValue > 0;
 	const manualCaptureTooltip = /* @__PURE__ */ u("div", {
 		id: "manual-capture-tooltip",
 		class: "IncodeIdManualCaptureTooltip",
@@ -18927,7 +19065,6 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 				frameState,
 				className: cn(isPassport && "IncodeCaptureFramePassport"),
 				children: resultPreview ? /* @__PURE__ */ u(CaptureResultPreview, { resultPreview }) : /* @__PURE__ */ u(CaptureLiveFrameContent, {
-					hideCountdown,
 					isCapturing,
 					counterValue,
 					showIdHint,
@@ -18949,7 +19086,7 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 				helpButtonRef,
 				captureButtonRef,
 				captureAriaDescribedBy: showManualCaptureTooltip ? "manual-capture-tooltip" : void 0,
-				hideActions: isResultPreview,
+				hideActions: hideFooterActions,
 				children: showManualCaptureTooltip ? /* @__PURE__ */ u("div", {
 					class: "IncodeIdManualCaptureTooltipContainer",
 					onAnimationEnd: handleManualCaptureTooltipAnimationEnd,
@@ -18961,10 +19098,23 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 });
 //#endregion
 //#region src/modules/id/capture/captureHelpers.ts
-function getCaptureStageView(state, isCrossfading) {
+/**
+* Which layer(s) the capture screen mounts.
+*
+* The crossfade wins outright while it runs: on the IDC-05 treatment the machine
+* commits the frame on its own clock, so `uploading` arrives *before* the fade
+* rather than after it, and letting `uploading` win would hard-cut the live
+* layer away mid-animation.
+*
+* A `present` phase keeps the live layer mounted through the manual-capture
+* result preview, where a committed `previewImageUrl` already exists but the frozen still
+* is deliberately still on screen.
+*/
+function getCaptureStageView(state, phase) {
 	if (!state.previewImageUrl) return "live";
-	if (state.captureStatus === "uploading") return "analyzing";
-	return isCrossfading ? "crossfade" : "live";
+	if (phase === "exiting") return "crossfade";
+	if (phase === "present") return "live";
+	return state.captureStatus === "uploading" ? "analyzing" : "live";
 }
 function getCaptureMode(state) {
 	return state.currentMode === "passport" ? "passport" : "id";
@@ -18973,7 +19123,10 @@ function getCaptureMode(state) {
 //#region src/modules/id/capture/capture.tsx
 var Capture = ({ manager, state }) => {
 	const { t } = useTranslation();
-	const { enabled: captureResultPreviewEnabled, isCrossfading, onCrossfadeEnd } = useCaptureResultPreview(manager, state);
+	const { enabled: resultPreviewEnabled, phase: resultPreviewPhase, isResultPreview, resultPreviewImageUrl, onCrossfadeEnd } = useCaptureResultPreview(state);
+	const stageView = getCaptureStageView(state, resultPreviewPhase);
+	const isCrossfadeStage = stageView === "crossfade";
+	const isLiveStage = stageView === "live";
 	if (state.captureStatus === "holdOn") return /* @__PURE__ */ u(TransitionSpinner, { spinnerConfig: { subtitle: t("idv2.capture.holdOn.subtitle") } });
 	if (state.captureStatus === "success" && (state.previewImageUrl || state.barcodeFastPathCaptured)) return /* @__PURE__ */ u(IdSuccess, {
 		manager,
@@ -18985,12 +19138,9 @@ var Capture = ({ manager, state }) => {
 		state,
 		blurImage: state.ageAssurance
 	});
-	const stageView = getCaptureStageView(state, isCrossfading);
-	const isCrossfadeStage = stageView === "crossfade";
-	const isLiveStage = stageView === "live";
 	let idAnalyzingSlot = null;
 	if (state.previewImageUrl && !isLiveStage) idAnalyzingSlot = /* @__PURE__ */ u("div", {
-		class: "IncodeIdCaptureStageAnalyzing",
+		class: cn("IncodeIdCaptureStageAnalyzing", isCrossfadeStage && "IncodeIdCaptureStageResultEntering"),
 		"aria-hidden": isCrossfadeStage || void 0,
 		inert: isCrossfadeStage || void 0,
 		children: /* @__PURE__ */ u(IdAnalyzing, {
@@ -18999,25 +19149,28 @@ var Capture = ({ manager, state }) => {
 			orientation: state.orientation,
 			mode: getCaptureMode(state),
 			blurImage: state.ageAssurance,
-			autoFocusTitle: !isCrossfadeStage
+			autoFocusTitle: !isCrossfadeStage,
+			resultPreviewEnabled
 		})
 	}, "analyzing");
 	let captureViewSlot = null;
 	if (stageView !== "analyzing") captureViewSlot = /* @__PURE__ */ u("div", {
-		class: "IncodeIdCaptureStageLive",
+		class: cn("IncodeIdCaptureStageLive", isCrossfadeStage && "IncodeIdCaptureStageResultExiting"),
 		onAnimationEnd: onCrossfadeEnd,
 		children: /* @__PURE__ */ u(CaptureView, {
 			manager,
 			state,
-			captureResultPreviewEnabled
+			isResultPreview,
+			resultPreviewImageUrl,
+			hideFooterActions: !isLiveStage
 		})
 	}, "live");
 	return /* @__PURE__ */ u("div", {
-		class: cn("IncodeIdCaptureStage", stageView === "crossfade" && "IncodeIdCaptureStageCrossfading"),
+		class: "IncodeIdCaptureStage",
 		children: [idAnalyzingSlot, captureViewSlot]
 	});
 };
-var CaptureView = ({ manager, state, captureResultPreviewEnabled }) => {
+var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hideFooterActions }) => {
 	const frameRef = A(null);
 	const helpButtonRef = A(null);
 	const captureButtonRef = A(null);
@@ -19036,11 +19189,11 @@ var CaptureView = ({ manager, state, captureResultPreviewEnabled }) => {
 	}, [manager]);
 	useEventListener("resize", reportFrame);
 	useResizeObserver(frameRef, reportFrame);
-	const isCapturing = state.captureStatus === "capturing" || state.detectionStatus === "capturing";
+	const isCapturing = !isResultPreview && (state.captureStatus === "capturing" || state.detectionStatus === "capturing");
 	const detectionStatus = state.detectionStatus;
 	const showManualCapture = detectionStatus === "manualCapture" || state.showCaptureButtonInAuto && state.captureStatus === "detecting" && detectionStatus !== "capturing";
-	const resultPreview = captureResultPreviewEnabled && state.captureStatus === "resultPreview" && state.previewImageUrl ? {
-		imageUrl: state.previewImageUrl,
+	const resultPreview = isResultPreview && resultPreviewImageUrl ? {
+		imageUrl: resultPreviewImageUrl,
 		blurImage: state.ageAssurance
 	} : void 0;
 	const handleOpenHelp = () => {
@@ -19083,8 +19236,8 @@ var CaptureView = ({ manager, state, captureResultPreviewEnabled }) => {
 					onOpenHelp: handleOpenHelp,
 					helpButtonRef,
 					captureButtonRef,
-					hideCountdown: captureResultPreviewEnabled,
-					resultPreview
+					resultPreview,
+					hideFooterActions
 				})
 			}),
 			/* @__PURE__ */ u("div", { ref: portalRef }),
@@ -20284,4 +20437,4 @@ var FlipAnimation = ({ manager, direction }) => {
 	});
 };
 //#endregion
-export { Processing as $, TextArea as A, translateError as B, CameraOverlayHeader as C, VerificationOptionCard as D, BottomSheet as E, PhoneInputComposed as F, PasswordInputComposed as G, OtpInput as H, countries as I, ProgressBar as J, InputComposed as K, getCountryByCallingCode as L, RadioButtonComposed as M, SegmentedDateInput as N, VerificationOptionCardList as O, DateInputComposed as P, ErrorContent as Q, getCountryByCode as R, CameraView as S, CameraFrame as T, formatResendTimer as U, Checkbox as V, useResendTimerAnnouncements as W, StatusPage as X, ConnectionError as Y, VerificationResult as Z, Permissions as _, useModuleTerminalCallbacks as _t, Capture as a, withStandaloneModuleBootstrap as at, ManualCapture as b, IdNoAttempts as c, Page as ct, IdError as d, TransitionSpinner as dt, Overlay as et, useIdExperiment as f, useFeatureManagement as ft, ManualCaptureButton$1 as g, isTerminalModuleState as gt, Capture$1 as h, useFormScrollable as ht, ManualCaptureButton as i, Snackbar as it, RadioGroupComposed as j, TextAreaComposed as k, IdExpired as l, VerifiedByIncodeLogo as lt, Tutorial$1 as m, useIsMobileDeviceWidth as mt, Chooser as n, LandscapeBlocker as nt, CaptureNotification as o, ResolvedConfigProvider as ot, CaptureFrame as p, useTimeoutHandle as pt, Input as q, Tutorial as r, AutoFocusTitle as rt, preloadCaptureAnimations as s, TerminalErrorPage as st, FlipAnimation as t, IncodeComponent as tt, ExpiredId as u, usePageUiConfig as ut, NumberedStep as v, useScreenOrientation as vt, CameraOverlay as w, CaptureFooter as x, BaseTutorial as y, useManager as yt, FormField as z };
+export { Processing as $, TextArea as A, translateError as B, CameraOverlayHeader as C, VerificationOptionCard as D, BottomSheet as E, PhoneInputComposed as F, PasswordInputComposed as G, OtpInput as H, countries as I, ProgressBar as J, InputComposed as K, getCountryByCallingCode as L, RadioButtonComposed as M, SegmentedDateInput as N, VerificationOptionCardList as O, DateInputComposed as P, ErrorContent as Q, getCountryByCode as R, CameraView as S, CameraFrame as T, formatResendTimer as U, Checkbox as V, useResendTimerAnnouncements as W, StatusPage as X, ConnectionError as Y, VerificationResult as Z, Permissions as _, isTerminalModuleState as _t, Capture as a, withStandaloneModuleBootstrap as at, ManualCapture as b, useManager as bt, IdNoAttempts as c, TerminalErrorPage as ct, IdError as d, usePageUiConfig as dt, Overlay as et, useIdExperiment as f, TransitionSpinner as ft, ManualCaptureButton$1 as g, useFormScrollable as gt, Capture$1 as h, useIsMobileDeviceWidth as ht, ManualCaptureButton as i, Snackbar as it, RadioGroupComposed as j, TextAreaComposed as k, IdExpired as l, Page as lt, Tutorial$1 as m, useTimeoutHandle as mt, Chooser as n, LandscapeBlocker as nt, CaptureNotification as o, ResolvedConfigProvider as ot, CaptureFrame as p, useFeatureManagement as pt, Input as q, Tutorial as r, AutoFocusTitle as rt, preloadCaptureAnimations as s, useHasResolvedConfig as st, FlipAnimation as t, IncodeComponent as tt, ExpiredId as u, VerifiedByIncodeLogo as ut, NumberedStep as v, useModuleTerminalCallbacks as vt, CameraOverlay as w, CaptureFooter as x, BaseTutorial as y, useScreenOrientation as yt, FormField as z };

package/dist/extensibility.es.js

@@ -1,6 +1,6 @@
-import { a as useTranslation, n as setUiConfig } from "./uiConfig-C3dX3oV1.js";
-import { $ as Processing, A as TextArea, C as CameraOverlayHeader, D as VerificationOptionCard, E as BottomSheet, F as PhoneInputComposed, G as PasswordInputComposed, H as OtpInput, I as countries, J as ProgressBar, K as InputComposed, L as getCountryByCallingCode, M as RadioButtonComposed, N as SegmentedDateInput, O as VerificationOptionCardList, P as DateInputComposed, Q as ErrorContent, R as getCountryByCode, S as CameraView, T as CameraFrame, V as Checkbox, Y as ConnectionError, Z as VerificationResult, _ as Permissions, a as Capture, b as ManualCapture, ct as Page, d as IdError, et as Overlay, h as Capture$1, j as RadioGroupComposed, k as TextAreaComposed, l as IdExpired, m as Tutorial$1, n as Chooser, nt as LandscapeBlocker, q as Input, r as Tutorial, t as FlipAnimation, tt as IncodeComponent, vt as useScreenOrientation, w as CameraOverlay, x as CaptureFooter, y as BaseTutorial, yt as useManager, z as FormField } from "./extensibility-C94DltcN.js";
-import { o as Lottie, t as Spacer } from "./spacer-BgPYQ4gX.js";
-import { a as TypographyH4, i as TypographyH3, n as Title, o as TypographyH5, r as TypographyH1, s as TypographyP, t as Spinner } from "./spinner-V9NaJLF-.js";
-import { C as CheckmarkIcon, E as CalendarIcon, O as ErrorIcon, S as CheckmarkCompactIcon, T as CameraIcon, _ as EllipseIcon, b as ChevronLeftIcon, c as SvgLightningIcon, d as SearchIcon, f as LockIcon, g as EyeIcon, h as EyeOffIcon, k as Button, l as WarningIcon, m as FileIcon, n as Modal, p as HelpIcon, t as DropdownComposed, u as SuccessIcon, v as CloseIcon, w as CaptureButtonIcon, x as ChevronDown, y as ChevronRightIcon } from "./dropdownComposed-B3EP6yr2.js";
+import { a as useTranslation, n as setUiConfig } from "./uiConfig-CoKSzxxR.js";
+import { $ as Processing, A as TextArea, C as CameraOverlayHeader, D as VerificationOptionCard, E as BottomSheet, F as PhoneInputComposed, G as PasswordInputComposed, H as OtpInput, I as countries, J as ProgressBar, K as InputComposed, L as getCountryByCallingCode, M as RadioButtonComposed, N as SegmentedDateInput, O as VerificationOptionCardList, P as DateInputComposed, Q as ErrorContent, R as getCountryByCode, S as CameraView, T as CameraFrame, V as Checkbox, Y as ConnectionError, Z as VerificationResult, _ as Permissions, a as Capture, b as ManualCapture, bt as useManager, d as IdError, et as Overlay, h as Capture$1, j as RadioGroupComposed, k as TextAreaComposed, l as IdExpired, lt as Page, m as Tutorial$1, n as Chooser, nt as LandscapeBlocker, q as Input, r as Tutorial, t as FlipAnimation, tt as IncodeComponent, w as CameraOverlay, x as CaptureFooter, y as BaseTutorial, yt as useScreenOrientation, z as FormField } from "./extensibility-CHLVc-Wh.js";
+import { o as Lottie, t as Spacer } from "./spacer-1k4Y_MPK.js";
+import { a as TypographyH4, i as TypographyH3, n as Title, o as TypographyH5, r as TypographyH1, s as TypographyP, t as Spinner } from "./spinner-Dx70DGml.js";
+import { C as CheckmarkIcon, E as CalendarIcon, O as ErrorIcon, S as CheckmarkCompactIcon, T as CameraIcon, _ as EllipseIcon, b as ChevronLeftIcon, c as SvgLightningIcon, d as SearchIcon, f as LockIcon, g as EyeIcon, h as EyeOffIcon, k as Button, l as WarningIcon, m as FileIcon, n as Modal, p as HelpIcon, t as DropdownComposed, u as SuccessIcon, v as CloseIcon, w as CaptureButtonIcon, x as ChevronDown, y as ChevronRightIcon } from "./dropdownComposed-CL61H6PB.js";
 export { BaseTutorial, BottomSheet, Button, CalendarIcon, CameraFrame, CameraIcon, CameraOverlay, CameraOverlayHeader, CameraView, CaptureButtonIcon, CaptureFooter, Checkbox, CheckmarkCompactIcon, CheckmarkIcon, ChevronDown, ChevronLeftIcon, ChevronRightIcon, CloseIcon, ConnectionError, DateInputComposed, DropdownComposed, EllipseIcon, ErrorContent, ErrorIcon, EyeIcon, EyeOffIcon, FileIcon, FormField, HelpIcon, Capture as IdCapture, Chooser as IdChooser, IdError, IdExpired, FlipAnimation as IdFlipAnimation, Tutorial as IdTutorial, IncodeComponent, Input, InputComposed, LandscapeBlocker, SvgLightningIcon as LightningIcon, LockIcon, Lottie, ManualCapture, Modal, OtpInput, Overlay, Page, PasswordInputComposed, Permissions, PhoneInputComposed, Processing, ProgressBar, RadioButtonComposed, RadioGroupComposed, SearchIcon, SegmentedDateInput, Capture$1 as SelfieCapture, Tutorial$1 as SelfieTutorial, Spacer, Spinner, SuccessIcon, TextArea, TextAreaComposed, Title, TypographyH1, TypographyH3, TypographyH4, TypographyH5, TypographyP, VerificationOptionCard, VerificationOptionCardList, VerificationResult, WarningIcon, countries, getCountryByCallingCode, getCountryByCode, setUiConfig, useManager, useScreenOrientation, useTranslation };

package/dist/face-match/face-match.es.js

@@ -1,2 +1,2 @@
-import { t as FaceMatch } from "../faceMatch-wwCDcSbs.js";
+import { t as FaceMatch } from "../faceMatch-DieakWZY.js";
 export { FaceMatch };

package/dist/faceMatch-ClZJMSqC.js

@@ -0,0 +1,2 @@
+import { t as FaceMatch } from "./faceMatch-DieakWZY.js";
+export { FaceMatch };

package/dist/{faceMatch-wwCDcSbs.js → faceMatch-DieakWZY.js}

@@ -1,10 +1,10 @@
-import { a as useTranslation } from "./uiConfig-C3dX3oV1.js";
-import { S as k, _ as y, l as A, v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { _t as useModuleTerminalCallbacks, at as withStandaloneModuleBootstrap, ct as Page, dt as TransitionSpinner, gt as isTerminalModuleState, it as Snackbar, tt as IncodeComponent, yt as useManager } from "./extensibility-C94DltcN.js";
-import { s as Asset, t as Spacer } from "./spacer-BgPYQ4gX.js";
-import { n as Title } from "./spinner-V9NaJLF-.js";
-import { k as Button } from "./dropdownComposed-B3EP6yr2.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-JCrVkdOU.js";
+import { a as useTranslation } from "./uiConfig-CoKSzxxR.js";
+import { C as k, l as A, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
+import { _t as isTerminalModuleState, at as withStandaloneModuleBootstrap, bt as useManager, ft as TransitionSpinner, it as Snackbar, lt as Page, tt as IncodeComponent, vt as useModuleTerminalCallbacks } from "./extensibility-CHLVc-Wh.js";
+import { s as Asset, t as Spacer } from "./spacer-1k4Y_MPK.js";
+import { n as Title } from "./spinner-Dx70DGml.js";
+import { k as Button } from "./dropdownComposed-CL61H6PB.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-CTY2xtWa.js";
 import { createFaceMatchManager } from "@incodetech/core/face-match";
 //#region src/modules/face-match/assets/match-success.svg?react
 var SvgMatchSuccess = (props) => /* @__PURE__ */ u("svg", {

package/dist/field-comparison/field-comparison.es.js

@@ -1,2 +1,2 @@
-import { t as FieldComparison } from "../fieldComparison-CaQOzoZT.js";
+import { t as FieldComparison } from "../fieldComparison-Dfo_LFVW.js";
 export { FieldComparison };

package/dist/{fieldComparison-CaQOzoZT.js → fieldComparison-Dfo_LFVW.js}

@@ -1,9 +1,9 @@
-import { a as useTranslation } from "./uiConfig-C3dX3oV1.js";
-import { v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { K as InputComposed, Z as VerificationResult, _t as useModuleTerminalCallbacks, at as withStandaloneModuleBootstrap, ct as Page, tt as IncodeComponent, yt as useManager } from "./extensibility-C94DltcN.js";
-import { t as Spacer } from "./spacer-BgPYQ4gX.js";
-import { k as Button } from "./dropdownComposed-B3EP6yr2.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-JCrVkdOU.js";
+import { a as useTranslation } from "./uiConfig-CoKSzxxR.js";
+import { y as u } from "./vendor-preact-BPXMFRom.js";
+import { K as InputComposed, Z as VerificationResult, at as withStandaloneModuleBootstrap, bt as useManager, lt as Page, tt as IncodeComponent, vt as useModuleTerminalCallbacks } from "./extensibility-CHLVc-Wh.js";
+import { t as Spacer } from "./spacer-1k4Y_MPK.js";
+import { k as Button } from "./dropdownComposed-CL61H6PB.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-CTY2xtWa.js";
 import { createFieldComparisonManager } from "@incodetech/core/field-comparison";
 //#region src/modules/field-comparison/fieldComparison.tsx
 var FieldComparisonContent = ({ config, manager: externalManager, onFinish }) => {

package/dist/fieldComparison-Dhmi4zCD.js

@@ -0,0 +1,2 @@
+import { t as FieldComparison } from "./fieldComparison-Dfo_LFVW.js";
+export { FieldComparison };

package/dist/{finalSuccessScreen-CJaKTpxc.js → finalSuccessScreen-DaVv7Mz7.js}

@@ -1,8 +1,8 @@
-import { a as useTranslation } from "./uiConfig-C3dX3oV1.js";
-import { S as k, _ as y, h as q, l as A, p as d, v as u } from "./vendor-preact-mvwZ8mJj.js";
-import { T as CameraFrame, ct as Page, g as ManualCaptureButton, i as ManualCaptureButton$1, o as CaptureNotification, pt as useTimeoutHandle, rt as AutoFocusTitle } from "./extensibility-C94DltcN.js";
-import { n as LoadingIcon, o as Lottie, s as Asset, u as cn } from "./spacer-BgPYQ4gX.js";
-import { O as ErrorIcon, k as Button, n as Modal, u as SuccessIcon } from "./dropdownComposed-B3EP6yr2.js";
+import { a as useTranslation } from "./uiConfig-CoKSzxxR.js";
+import { C as k, g as q, l as A, p as d, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
+import { T as CameraFrame, g as ManualCaptureButton, i as ManualCaptureButton$1, lt as Page, mt as useTimeoutHandle, o as CaptureNotification, rt as AutoFocusTitle } from "./extensibility-CHLVc-Wh.js";
+import { n as LoadingIcon, o as Lottie, s as Asset, u as cn } from "./spacer-1k4Y_MPK.js";
+import { O as ErrorIcon, k as Button, n as Modal, u as SuccessIcon } from "./dropdownComposed-CL61H6PB.js";
 import { checkCameraPermission, requestCameraPermission } from "@incodetech/core/camera";
 import { resolveVideoSelfieSteps } from "@incodetech/core/video-selfie";
 //#region src/modules/video-selfie/useVideoSelfiePermissions.ts

package/dist/fiscal-qr/fiscal-qr.es.js

@@ -1,9 +1,9 @@
-import { a as useTranslation } from "../uiConfig-C3dX3oV1.js";
-import { v as u } from "../vendor-preact-mvwZ8mJj.js";
-import { C as CameraOverlayHeader, S as CameraView, T as CameraFrame, Z as VerificationResult, _t as useModuleTerminalCallbacks, at as withStandaloneModuleBootstrap, ct as Page, tt as IncodeComponent, w as CameraOverlay, yt as useManager } from "../extensibility-C94DltcN.js";
-import { t as Spacer } from "../spacer-BgPYQ4gX.js";
-import { k as Button } from "../dropdownComposed-B3EP6yr2.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-JCrVkdOU.js";
+import { a as useTranslation } from "../uiConfig-CoKSzxxR.js";
+import { y as u } from "../vendor-preact-BPXMFRom.js";
+import { C as CameraOverlayHeader, S as CameraView, T as CameraFrame, Z as VerificationResult, at as withStandaloneModuleBootstrap, bt as useManager, lt as Page, tt as IncodeComponent, vt as useModuleTerminalCallbacks, w as CameraOverlay } from "../extensibility-CHLVc-Wh.js";
+import { t as Spacer } from "../spacer-1k4Y_MPK.js";
+import { k as Button } from "../dropdownComposed-CL61H6PB.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-CTY2xtWa.js";
 import { createFiscalQrManager } from "@incodetech/core/fiscal-qr";
 //#region src/modules/fiscal-qr/fiscalQrCapture.tsx
 function getFrameState(status) {

package/dist/flow/flow.es.js

@@ -1,9 +1,9 @@
-import { a as useTranslation, l as readStoredLanguage, t as setThemeUiConfig } from "../uiConfig-C3dX3oV1.js";
-import { _ as y, c as z, d as T, l as A, o as P, p as d, v as u } from "../vendor-preact-mvwZ8mJj.js";
-import { X as StatusPage, dt as TransitionSpinner, ot as ResolvedConfigProvider, st as TerminalErrorPage, tt as IncodeComponent, yt as useManager } from "../extensibility-C94DltcN.js";
-import { O as ErrorIcon } from "../dropdownComposed-B3EP6yr2.js";
-import { t as registerIncodeModuleElement } from "../incodeModule-JCrVkdOU.js";
-import { _ as warmupWasmIfNeeded, a as resolveApiKey, c as HEADLESS_FLOW_MODULE_KEYS, d as fetchTheme, f as initializeFlowManager, h as preloadRedirectToMobile, l as LAZY_UI_MODULES, m as preloadHomeScreen, n as useModulePreloader, o as extractIncodeStatus, p as preloadFirstModule, r as usePrefetchNextModule, s as UnsupportedModule, t as useModuleLoader, u as createFlowManager, v as isDesktopOrEmulated } from "../useModuleLoader-Dn47Khdf.js";
+import { a as useTranslation, l as readStoredLanguage, t as setThemeUiConfig } from "../uiConfig-CoKSzxxR.js";
+import { c as z, d as T, l as A, o as P, p as d, v as y, y as u } from "../vendor-preact-BPXMFRom.js";
+import { X as StatusPage, bt as useManager, ct as TerminalErrorPage, ft as TransitionSpinner, ot as ResolvedConfigProvider, tt as IncodeComponent } from "../extensibility-CHLVc-Wh.js";
+import { O as ErrorIcon } from "../dropdownComposed-CL61H6PB.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-CTY2xtWa.js";
+import { _ as warmupWasmIfNeeded, a as resolveApiKey, c as HEADLESS_FLOW_MODULE_KEYS, d as fetchTheme, f as initializeFlowManager, h as preloadRedirectToMobile, l as LAZY_UI_MODULES, m as preloadHomeScreen, n as useModulePreloader, o as extractIncodeStatus, p as preloadFirstModule, r as usePrefetchNextModule, s as UnsupportedModule, t as useModuleLoader, u as createFlowManager, v as isDesktopOrEmulated } from "../useModuleLoader-CoykN6rv.js";
 import { getRequiredWasmPipelines } from "@incodetech/core/flow";
 import { bootstrapSession, refreshQrUrlUuid } from "@incodetech/core/session";
 //#region src/shared/processing/useDelayedFlag.ts
@@ -342,7 +342,7 @@ function useFlowInitialization(options) {
 }
 //#endregion
 //#region src/modules/flow/flow.tsx
-var LazyHomeScreen = z(() => import("../homeScreen-Zh7A-i_Y.js").then((module) => ({ default: module.HomeScreen })));
+var LazyHomeScreen = z(() => import("../homeScreen-ZhZlt4X1.js").then((module) => ({ default: module.HomeScreen })));
 var IncodeFlowContent = ({ config, onFinish, onError }) => {
 	const { i18n } = useTranslation();
 	const initState = useFlowInitialization(T(() => ({