@incodetech/web 2.1.1 → 2.2.0-rc.0

package/dist/{extensibility-7sRIN0JC.js → extensibility-iJYzpW6H.js}

@@ -1,34 +1,31 @@
-import { n as useTranslation } from "./i18n-CU4xq8qC.js";
-import { _ as y, a as D, c as z, d as T, h as q, l as A, o as P, p as d, v as u, x as k } from "./vendor-preact-DThS2ZQ_.js";
-import "./uiConfig-D2_wawvr.js";
-import { i as useEventListener, r as useResizeObserver } from "./hooks-CNu7o-v8.js";
-import "./incodeComponent-CfzJGETt.js";
-import { n as cn, r as Spacer } from "./loadingIcon-B0ysgiNq.js";
-import { t as Page } from "./page-DidH_RkX.js";
-import { t as Title } from "./typography-BZIpjo97.js";
-import { t as Spinner } from "./spinner-BMeIEK1d.js";
-import "./spinner-BCDCoi9C.js";
-import "./processing-BeUMfdJJ.js";
-import { t as Button } from "./button-Dz6AsbmF.js";
-import { t as ErrorIcon } from "./errorIcon-BA4T6iy-.js";
-import { f as CaptureButtonIcon, i as HelpIcon, m as CalendarIcon, r as LockIcon, s as ChevronRightIcon, t as SvgLightningIcon } from "./icons-CJJbIpBq.js";
-import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
-import { t as Modal } from "./modal-OxkFuuiR.js";
-import { i as Lottie, r as BaseTutorial } from "./tutorial-CCfPuVKX.js";
-import "./verificationResult-BWWkmeiA.js";
-import "./inputComposed-C1R2LAa3.js";
-import "./inputComposed-BaY5q9WM.js";
-import "./otpInput-CnDc6pQm.js";
-import "./checkbox-1wUHSoaK.js";
-import "./radioGroupComposed-DuQxslB2.js";
-import "./phoneInputComposed-DMiXfF-1.js";
-import "./dropdownComposed-BAoxIIsE.js";
-import "./dateInputComposed-DRzZi6uy.js";
-import "./bottomSheet-CnWbbUAM.js";
-import { n as CameraFrame, t as CameraView } from "./cameraView-DIEzM5ru.js";
-import "./capture-CkGvdDNH.js";
-import { n as RedStrikeIcon, t as ExpiredId } from "./expiredId-BZXLrLk-.js";
+import { i as useTranslation } from "./uiConfig-B5ASPUL4.js";
+import { S as k, _ as y, a as D, c as z, d as T, f as _, h as q, l as A, o as P, p as d, v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { d as useTimeoutHandle, f as useResizeObserver, l as TransitionSpinner, o as Page, p as useEventListener, u as useFeatureManagement } from "./incodeComponent-K9ZWg302.js";
+import { a as useAnimationData, r as AnimatedAsset, t as Spacer, u as cn } from "./spacer-CDlQd12V.js";
+import { n as Title, t as Spinner } from "./spinner-CLZ2fz4u.js";
+import { n as ErrorIcon, r as Button } from "./incode-logo-rGFjZHqi.js";
+import "./processing-BsvHyDWa.js";
+import { _ as CalendarIcon, c as EllipseIcon, h as CaptureButtonIcon, i as HelpIcon, o as EyeOffIcon, r as LockIcon, s as EyeIcon, t as SvgLightningIcon, u as ChevronRightIcon } from "./icons--ezYG2Fb.js";
+import { t as SuccessIcon } from "./successIcon-Bj8Y9CuI.js";
+import { t as Modal } from "./modal-BjjJFpZu.js";
+import { r as BaseTutorial } from "./tutorial-BZZC93Ur.js";
+import "./verificationResult-B8HwR07t.js";
+import "./connectionError-DAeXp8sE.js";
+import { t as InputComposed } from "./inputComposed-BeROn635.js";
+import "./inputComposed-CADVQW-o.js";
+import "./otpInput-D5dLXrmC.js";
+import "./checkbox-C38Elx0O.js";
+import "./radioGroupComposed-DzNGUbZQ.js";
+import "./phoneInputComposed-CeVWTS_O.js";
+import "./dropdownComposed-kjG4UblM.js";
+import "./dateInputComposed-ks0-opuq.js";
+import "./bottomSheet-Cp8DLulN.js";
+import { a as CameraView, i as usePreloadCaptureAnimations, n as CaptureNotification, o as CameraFrame } from "./manualCaptureButton-t_oIol88.js";
+import "./manualCaptureButton-quGa2ufS.js";
+import { n as RedStrikeIcon, t as ExpiredId } from "./expiredId-BXXE3srN.js";
 import { getDeviceClass } from "@incodetech/core/device";
+import { eventModuleNames, recordExperimentAssignmentOnce } from "@incodetech/core/events";
+import { ONBOARDING_WEB_SDK_PARAMETER_STORE, booleanParam, defineExperimentParams, resolveExperiment } from "@incodetech/core/feature-management";
 import "@incodetech/core/id";
 //#region src/shared/overlay/overlay.tsx
 var Overlay = ({ children, "aria-labelledby": ariaLabelledBy, class: className }) => {
@@ -68,6 +65,74 @@ var ProgressBar = ({ progress, label, className, labelledById }) => /* @__PURE__
 	})] }) : null]
 });
 //#endregion
+//#region src/shared/passwordInputComposed/passwordInputComposed.tsx
+var PasswordInputComposed = D(({ id, value, class: className, invalid, showPasswordAriaLabel, hidePasswordAriaLabel, defaultVisible = false, requirementsHeading, requirements = [], requirementMetLabel, requirementUnmetLabel, ...restProps }, ref) => {
+	const [visible, setVisible] = d(defaultVisible);
+	const hasValue = !!(value && String(value).length > 0);
+	const allMet = requirements.every((requirement) => requirement.met);
+	const showRequirementsError = hasValue && requirements.length > 0 && !allMet;
+	const requirementsHeadingId = `${id}-requirements-heading`;
+	return /* @__PURE__ */ u("div", {
+		class: cn("IncodePasswordInputComposed", className),
+		children: [/* @__PURE__ */ u(InputComposed, {
+			...restProps,
+			id,
+			ref,
+			value,
+			type: visible ? "text" : "password",
+			invalid: showRequirementsError || invalid,
+			rightIcon: /* @__PURE__ */ u("button", {
+				type: "button",
+				class: "IncodePasswordInputComposedToggle",
+				"aria-label": visible ? hidePasswordAriaLabel : showPasswordAriaLabel,
+				"aria-pressed": visible,
+				"aria-controls": id,
+				"data-testid": `${id}-toggle-visibility`,
+				onClick: () => setVisible((currentlyVisible) => !currentlyVisible),
+				children: visible ? /* @__PURE__ */ u(EyeOffIcon, { size: 24 }) : /* @__PURE__ */ u(EyeIcon, { size: 24 })
+			})
+		}), requirements.length > 0 && /* @__PURE__ */ u("div", {
+			class: "IncodePasswordInputComposedRequirements",
+			children: [requirementsHeading && /* @__PURE__ */ u("p", {
+				id: requirementsHeadingId,
+				class: "IncodePasswordInputComposedRequirementsHeading",
+				"data-invalid": showRequirementsError,
+				"data-testid": requirementsHeadingId,
+				children: [showRequirementsError && /* @__PURE__ */ u("span", {
+					class: "IncodePasswordInputComposedRequirementsHeadingIcon",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ u(ErrorIcon, { size: 16 })
+				}), requirementsHeading]
+			}), /* @__PURE__ */ u("ul", {
+				class: "IncodePasswordInputComposedRequirementsList",
+				"aria-live": "polite",
+				"aria-labelledby": requirementsHeading ? requirementsHeadingId : void 0,
+				"data-testid": `${id}-requirements`,
+				children: requirements.map(({ key, label, met }) => /* @__PURE__ */ u("li", {
+					class: "IncodePasswordInputComposedRequirement",
+					"data-met": met,
+					"data-testid": `${id}-requirement-${key}`,
+					children: [
+						/* @__PURE__ */ u("span", {
+							"aria-hidden": "true",
+							class: "IncodePasswordInputComposedRequirementIcon",
+							children: met ? /* @__PURE__ */ u(SuccessIcon, { size: 16 }) : /* @__PURE__ */ u(EllipseIcon, { size: 16 })
+						}),
+						/* @__PURE__ */ u("span", {
+							class: "IncodePasswordInputComposedRequirementLabel",
+							children: label
+						}),
+						(requirementMetLabel || requirementUnmetLabel) && /* @__PURE__ */ u("span", {
+							class: "IncodeSrOnly",
+							children: met ? requirementMetLabel : requirementUnmetLabel
+						})
+					]
+				}, key))
+			})]
+		})]
+	});
+});
+//#endregion
 //#region src/shared/segmentedDateInput/segmentedDateInput.tsx
 /**
 * ⚠️ EXPERIMENTAL — DO NOT USE IN FORMS.
@@ -723,15 +788,16 @@ var CameraOverlay = ({ children, className }) => {
 };
 //#endregion
 //#region src/shared/cameraOverlay/cameraOverlayHeader.tsx
-var CameraOverlayHeader = ({ title, subtitle, visible = true, className, titleId }) => {
-	const titleRef = A(null);
+var CameraOverlayHeader = ({ title, subtitle, visible = true, className, titleId, titleRef }) => {
+	const fallbackTitleRef = A(null);
+	const resolvedTitleRef = titleRef ?? fallbackTitleRef;
 	y(() => {
-		titleRef.current?.focus();
-	}, []);
+		resolvedTitleRef.current?.focus();
+	}, [resolvedTitleRef]);
 	return /* @__PURE__ */ u("div", {
 		class: cn("IncodeCameraOverlayHeader", !visible && "IncodeCameraOverlayHeaderHidden", className),
 		children: [/* @__PURE__ */ u(Title, {
-			ref: titleRef,
+			ref: resolvedTitleRef,
 			id: titleId,
 			className: "IncodeCameraOverlayHeaderTitle",
 			tabIndex: -1,
@@ -744,16 +810,18 @@ var CameraOverlayHeader = ({ title, subtitle, visible = true, className, titleId
 };
 //#endregion
 //#region src/shared/captureFooter/captureFooter.tsx
-var CaptureFooter = ({ onOpenHelp, onCapture, isManualCapture, captureAriaLabel, captureAriaDescribedBy, helpAriaLabel, helpButtonRef, captureButtonRef, encryptionLabel, children }) => {
+var CaptureFooter = ({ onOpenHelp, onCapture, isManualCapture, captureAriaLabel, captureAriaDescribedBy, helpAriaLabel, helpButtonRef, captureButtonRef, encryptionLabel, children, hideActions }) => {
 	const { t } = useTranslation();
+	const isCaptureSectionVisible = !hideActions && isManualCapture && Boolean(onCapture);
+	const isHelpSectionVisible = !hideActions;
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeCaptureFooter",
 		children: [
 			/* @__PURE__ */ u("div", {
 				class: "IncodeCaptureFooterEncryption",
-				children: [/* @__PURE__ */ u(LockIcon, { className: "IncodeCaptureFooterEncryptionIcon" }), /* @__PURE__ */ u("span", { children: encryptionLabel ?? t("v2.capture.label") })]
+				children: [/* @__PURE__ */ u(LockIcon, { className: "IncodeCaptureFooterEncryptionIcon" }), /* @__PURE__ */ u("span", { children: encryptionLabel ?? t("idv2.capture.allDataIsEncrypted") })]
 			}),
-			isManualCapture && onCapture ? /* @__PURE__ */ u("div", {
+			isCaptureSectionVisible && /* @__PURE__ */ u("div", {
 				class: "IncodeCaptureFooterCaptureSection",
 				children: [children, /* @__PURE__ */ u("button", {
 					ref: captureButtonRef,
@@ -765,8 +833,8 @@ var CaptureFooter = ({ onOpenHelp, onCapture, isManualCapture, captureAriaLabel,
 					"data-testid": "capture-button",
 					children: /* @__PURE__ */ u(CaptureButtonIcon, {})
 				})]
-			}) : null,
-			/* @__PURE__ */ u("div", {
+			}),
+			isHelpSectionVisible && /* @__PURE__ */ u("div", {
 				class: "IncodeCaptureFooterHelp",
 				children: /* @__PURE__ */ u(Button, {
 					ref: helpButtonRef,
@@ -774,6 +842,7 @@ var CaptureFooter = ({ onOpenHelp, onCapture, isManualCapture, captureAriaLabel,
 					onClick: onOpenHelp,
 					"aria-label": helpAriaLabel ?? t("idv2.needHelp.open"),
 					class: "IncodeCaptureFooterHelpButton",
+					"data-testid": "capture-help-button",
 					children: /* @__PURE__ */ u(HelpIcon, {})
 				})
 			})
@@ -1067,9 +1136,52 @@ 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_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
+	]);
+	return {
+		enabled,
+		isCrossfading,
+		onCrossfadeEnd: q((event) => {
+			if (event.animationName === CROSSFADE_ANIMATION_NAME) advance();
+		}, [advance])
+	};
+};
+//#endregion
 //#region src/modules/id/shared/captureFrame.tsx
 var CaptureFrame = ({ orientation, mode, state, children, className }) => {
-	const isHorizontal = orientation !== "vertical" || mode === "passport";
+	const isHorizontal = orientation !== "vertical";
 	const isPassport = mode === "passport";
 	const stateClass = `IncodeCaptureFrame${state.charAt(0).toUpperCase() + state.slice(1)}`;
 	return /* @__PURE__ */ u("div", {
@@ -1083,11 +1195,13 @@ var CaptureFrame = ({ orientation, mode, state, children, className }) => {
 //#region src/modules/id/processing/idProcessingLayout.tsx
 var IdProcessingLayout = ({ imageUrl, orientation, mode, borderState, topContent, bottomContent, overlayContent, blurImage }) => {
 	const { t } = useTranslation();
+	const frameMode = mode === "id" ? "front" : mode;
 	return /* @__PURE__ */ u(Page, {
 		hideHeader: true,
 		hideFooterBranding: true,
+		className: "IncodeIdProcessingPage",
 		children: /* @__PURE__ */ u("div", {
-			class: "IncodeIdProcessingLayout",
+			class: cn("IncodeIdProcessingLayout", !imageUrl && "IncodeIdProcessingLayoutNoImage"),
 			children: /* @__PURE__ */ u("div", {
 				class: "IncodeIdProcessingLayoutContent",
 				children: [
@@ -1095,9 +1209,9 @@ var IdProcessingLayout = ({ imageUrl, orientation, mode, borderState, topContent
 						class: "IncodeIdProcessingTopArea",
 						children: topContent
 					}),
-					/* @__PURE__ */ u(CaptureFrame, {
+					imageUrl && /* @__PURE__ */ u(CaptureFrame, {
 						orientation,
-						mode: mode === "id" ? "front" : mode,
+						mode: frameMode,
 						state: borderState,
 						children: [/* @__PURE__ */ u("img", {
 							src: imageUrl,
@@ -1112,9 +1226,9 @@ var IdProcessingLayout = ({ imageUrl, orientation, mode, borderState, topContent
 					}),
 					/* @__PURE__ */ u("div", {
 						class: "IncodeIdProcessingBottomArea",
-						children: [/* @__PURE__ */ u("div", {
+						children: [imageUrl && /* @__PURE__ */ u("div", {
 							class: "IncodeCaptureEncryptionLabel",
-							children: [/* @__PURE__ */ u(LockIcon, { className: "IncodeCaptureEncryptionIcon" }), /* @__PURE__ */ u("span", { children: t("v2.capture.label") })]
+							children: [/* @__PURE__ */ u(LockIcon, { className: "IncodeCaptureEncryptionIcon" }), /* @__PURE__ */ u("span", { children: t("idv2.capture.allDataIsEncrypted") })]
 						}), bottomContent]
 					})
 				]
@@ -1124,22 +1238,14 @@ var IdProcessingLayout = ({ imageUrl, orientation, mode, borderState, topContent
 };
 //#endregion
 //#region src/modules/id/processing/idAnalyzing.tsx
-var IdAnalyzing = ({ imageUrl, progress, orientation, mode, blurImage }) => {
+var IdAnalyzing = ({ imageUrl, progress, orientation, mode, blurImage, autoFocusTitle = true }) => {
 	const { t } = useTranslation();
 	const titleRef = A(null);
-	const isHorizontal = orientation !== "vertical" || mode === "passport";
-	const [animationData, setAnimationData] = d(null);
-	y(() => {
+	const isHorizontal = orientation !== "vertical";
+	_(() => {
+		if (!autoFocusTitle) return;
 		titleRef.current?.focus();
-	}, []);
-	y(() => {
-		if (isHorizontal) import("./id-laser-h-CzPegPMn.js").then((module) => {
-			setAnimationData(module.default);
-		});
-		else import("./id-laser-v-BiUXkM4x.js").then((n) => n.n).then((module) => {
-			setAnimationData(module.default);
-		});
-	}, [isHorizontal]);
+	}, [autoFocusTitle]);
 	return /* @__PURE__ */ u(IdProcessingLayout, {
 		imageUrl,
 		orientation,
@@ -1159,12 +1265,13 @@ var IdAnalyzing = ({ imageUrl, progress, orientation, mode, blurImage }) => {
 				children: t("idv2.capture.processing.analyzing")
 			})]
 		}),
-		overlayContent: animationData ? /* @__PURE__ */ u(Lottie, {
-			animationData,
+		overlayContent: /* @__PURE__ */ u(AnimatedAsset, {
+			name: "id.processing",
+			orientation: isHorizontal ? "horizontal" : "vertical",
 			loop: true,
 			autoStop: true,
-			className: "IncodeAnalyzingLottie"
-		}) : null
+			class: "IncodeAnalyzingLottie"
+		})
 	});
 };
 //#endregion
@@ -1185,12 +1292,35 @@ var GreenCheckIcon = ({ className, ...rest }) => /* @__PURE__ */ u("svg", {
 });
 //#endregion
 //#region src/modules/id/processing/idProcessingResult.tsx
-var IdProcessingResult = ({ variant, imageUrl, orientation, mode, title, subtitle, buttonText, onButtonClick, attemptsRemaining, blurImage }) => {
+var FADE_OUT_ANIMATION_NAME = "incodeIdProcessingResultFadeOut";
+var EXIT_WATCHDOG_MS = 3500;
+var IdProcessingResult = ({ variant, imageUrl, orientation, mode, title, subtitle, buttonText, onButtonClick, attemptsRemaining, blurImage, fadeOutOnClick }) => {
 	const { t } = useTranslation();
 	const titleRef = A(null);
+	const [isExiting, setIsExiting] = d(false);
+	const hasFiredButtonClickRef = A(false);
+	const { schedule: scheduleExitWatchdog, clear: clearExitWatchdog } = useTimeoutHandle();
 	y(() => {
 		titleRef.current?.focus();
 	}, []);
+	const fireButtonClick = () => {
+		if (hasFiredButtonClickRef.current) return;
+		hasFiredButtonClickRef.current = true;
+		onButtonClick();
+	};
+	const handleButtonClick = () => {
+		if (fadeOutOnClick) {
+			setIsExiting(true);
+			scheduleExitWatchdog(fireButtonClick, EXIT_WATCHDOG_MS);
+			return;
+		}
+		onButtonClick();
+	};
+	const handleExitAnimationEnd = (event) => {
+		if (event.animationName !== FADE_OUT_ANIMATION_NAME) return;
+		clearExitWatchdog();
+		fireButtonClick();
+	};
 	return /* @__PURE__ */ u(IdProcessingLayout, {
 		imageUrl,
 		orientation,
@@ -1198,8 +1328,9 @@ var IdProcessingResult = ({ variant, imageUrl, orientation, mode, title, subtitl
 		borderState: variant,
 		blurImage,
 		topContent: /* @__PURE__ */ u("div", {
-			class: "IncodeIdProcessingResultContent",
+			class: cn("IncodeIdProcessingResultContent", isExiting && "IncodeIdProcessingResultContentExiting"),
 			role: "status",
+			onAnimationEnd: handleExitAnimationEnd,
 			children: [
 				variant === "success" ? /* @__PURE__ */ u(GreenCheckIcon, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ u(RedStrikeIcon, { className: "IncodeIdProcessingResultIcon" }),
 				/* @__PURE__ */ u(Spacer, { size: 16 }),
@@ -1216,12 +1347,14 @@ var IdProcessingResult = ({ variant, imageUrl, orientation, mode, title, subtitl
 			]
 		}),
 		bottomContent: /* @__PURE__ */ u("div", {
-			class: "IncodeIdProcessingResultButtonContainer",
+			class: cn("IncodeIdProcessingResultButtonContainer", isExiting && "IncodeIdProcessingResultButtonContainerExiting"),
+			onAnimationEnd: handleExitAnimationEnd,
 			children: [attemptsRemaining !== void 0 && attemptsRemaining > 0 && /* @__PURE__ */ u("p", {
 				class: "IncodeIdProcessingResultAttempts",
 				children: t("v2.idError.attemptsLeft", { count: attemptsRemaining })
 			}), /* @__PURE__ */ u(Button, {
-				onClick: onButtonClick,
+				onClick: handleButtonClick,
+				disabled: isExiting,
 				"data-testid": "retry-button",
 				children: buttonText
 			})]
@@ -1229,10 +1362,75 @@ var IdProcessingResult = ({ variant, imageUrl, orientation, mode, title, subtitl
 	});
 };
 //#endregion
+//#region src/experiments/makeUseModuleExperiment.ts
+/**
+* Builds a per-module experiment hook bound to `registry` (e.g.
+* `ID_EXPERIMENTS`). Each experiment is a self-describing object param on the
+* shared `onboarding_web_sdk_ps` store; the hook resolves it once at the
+* visibility site (single-phase read — exposure logged on that read).
+*/
+function makeUseModuleExperiment(registry) {
+	return function useModuleExperiment({ key, enabled = true, conditions }) {
+		const spec = registry[key];
+		const { value: store, status } = useFeatureManagement("parameterStore", ONBOARDING_WEB_SDK_PARAMETER_STORE, { enabled });
+		const conditionsKey = conditions ? JSON.stringify(conditions) : "";
+		const resolved = T(() => enabled && status === "ready" ? resolveExperiment(spec, { store }) : {
+			params: { ...spec.defaults },
+			assignment: null
+		}, [
+			enabled,
+			status,
+			store,
+			spec
+		]);
+		const assignment = resolved.assignment;
+		const variant = assignment?.variant ?? null;
+		y(() => {
+			if (!assignment) return;
+			recordExperimentAssignmentOnce(spec.module, {
+				...assignment,
+				conditions: conditionsKey ? JSON.parse(conditionsKey) : void 0
+			});
+		}, [
+			assignment,
+			spec,
+			conditionsKey
+		]);
+		return {
+			variant,
+			status,
+			params: resolved.params
+		};
+	};
+}
+//#endregion
+//#region src/modules/id/experiments/useIdExperiment.ts
+/**
+* ID-module binding of `makeUseModuleExperiment` (see `@/experiments` for
+* the shared parameter-store/analytics-gate/assignment-recording mechanics),
+* bound to `ID_EXPERIMENTS`.
+*
+* Pass `enabled: false` for a surface/mode the treatment can never apply to
+* (e.g. passport in `flipCapturedCard`) so that surface neither logs an
+* exposure nor records an assignment; `params` still resolves to the
+* registry-declared defaults so callers don't need a separate
+* branch.
+*/
+var useIdExperiment = makeUseModuleExperiment({ flipCapturedCard: {
+	storeParam: "flipCapturedCard",
+	module: eventModuleNames.idCapture,
+	...defineExperimentParams({ shouldFlipCapturedCard: booleanParam(false) })
+} });
+//#endregion
 //#region src/modules/id/processing/idSuccess.tsx
 var IdSuccess = ({ manager, state, blurImage }) => {
 	const { t } = useTranslation();
-	if (!state.previewImageUrl) return null;
+	const { params } = useIdExperiment({
+		key: "flipCapturedCard",
+		enabled: state.currentMode !== "passport"
+	});
+	const shouldFlipCapturedCard = params.shouldFlipCapturedCard;
+	if (!state.previewImageUrl && !state.barcodeFastPathCaptured) return null;
 	const mode = state.currentMode === "passport" ? "passport" : "id";
 	const getSubtitle = () => {
 		if (state.needsBackCapture) return t("idv2.capture.processing.successFrontSubtitle");
@@ -1253,7 +1451,8 @@ var IdSuccess = ({ manager, state, blurImage }) => {
 		subtitle: getSubtitle(),
 		buttonText: getButtonText(),
 		onButtonClick: () => manager.nextStep(),
-		blurImage
+		blurImage,
+		fadeOutOnClick: shouldFlipCapturedCard
 	});
 };
 //#endregion
@@ -1351,227 +1550,13 @@ var IdNoAttempts = ({ manager }) => {
 	});
 };
 //#endregion
-//#region src/modules/id/capture/useCaptureNotification.ts
-var animationCache = /* @__PURE__ */ new Map();
-var preloadStarted = false;
-var animationLoaders = {
-	blur: () => import("./blurdevicelottie-BLVeJHEG.js"),
-	glare: () => import("./glaredevicelottie-D1pR73sx.js"),
-	align: () => import("./aligndevicelottie-DFscByAI.js"),
-	front: () => import("./frontdevicelottie-B4tE2PYQ.js"),
-	back: () => import("./backdevicelottie-COyhTrxM.js")
-};
-function startPreload(onUpdate) {
-	if (preloadStarted) return;
-	preloadStarted = true;
-	Promise.all([
-		animationLoaders.blur(),
-		animationLoaders.glare(),
-		animationLoaders.align(),
-		animationLoaders.front(),
-		animationLoaders.back()
-	]).then(([blur, glare, align, front, back]) => {
-		animationCache.set("blur", blur.default);
-		animationCache.set("glare", glare.default);
-		animationCache.set("align", align.default);
-		animationCache.set("front", front.default);
-		animationCache.set("back", back.default);
-		onUpdate?.();
-	}).catch(() => {});
-}
-function preloadCaptureAnimations() {
-	startPreload();
-}
-function usePreloadCaptureAnimations() {
-	y(() => {
-		preloadCaptureAnimations();
-	}, []);
-}
-function useCaptureNotification(detectionStatus, mode) {
-	const { t } = useTranslation();
-	const [, forceUpdate] = d(0);
-	y(() => {
-		startPreload(() => forceUpdate((n) => n + 1));
-	}, []);
-	if (detectionStatus === "blur") return {
-		title: t("idv2.capture.notifications.blur.title"),
-		description: t("idv2.capture.notifications.blur.description"),
-		animationData: animationCache.get("blur") ?? null
-	};
-	if (detectionStatus === "glare") return {
-		title: t("idv2.capture.notifications.glare.title"),
-		description: t("idv2.capture.notifications.glare.description"),
-		animationData: animationCache.get("glare") ?? null
-	};
-	if (detectionStatus === "farAway") return {
-		title: t("idv2.capture.notifications.notAligned.title"),
-		description: t("idv2.capture.notifications.notAligned.description"),
-		animationData: animationCache.get("align") ?? null
-	};
-	if (detectionStatus === "wrongSide") {
-		const isBack = mode === "back";
-		return {
-			title: isBack ? t("idv2.capture.notifications.showBack.title") : t("idv2.capture.notifications.showFront.title"),
-			description: isBack ? t("idv2.capture.notifications.showBack.description") : t("idv2.capture.notifications.showFront.description"),
-			animationData: animationCache.get(isBack ? "back" : "front") ?? null
-		};
-	}
-	return null;
-}
-//#endregion
-//#region src/modules/id/capture/captureNotification.tsx
-var CaptureNotification = ({ detectionStatus, mode, isCapturing }) => {
-	const { t } = useTranslation();
-	const notification = useCaptureNotification(detectionStatus, mode);
-	const liveRef = A(null);
-	const lastAnnouncedRef = A({
-		message: "",
-		at: 0
-	});
-	const prevDetectionStatusRef = A(detectionStatus);
-	const hasAnnouncedInstructionsRef = A(false);
-	const clearTimerRef = A();
-	const outerTimerRef = A();
-	const isIdle = detectionStatus === "detecting" || detectionStatus === "idNotDetected" || detectionStatus === "manualCapture";
-	const isManualCapture = detectionStatus === "manualCapture";
-	const isWrongSide = detectionStatus === "wrongSide";
-	const isFarAway = detectionStatus === "farAway";
-	const isGlare = detectionStatus === "glare";
-	const isBlur = detectionStatus === "blur";
-	const announce = q((message) => {
-		const now = Date.now();
-		const last = lastAnnouncedRef.current;
-		if (message === last.message && now - last.at < 200) return;
-		lastAnnouncedRef.current = {
-			message,
-			at: now
-		};
-		const node = liveRef.current;
-		if (!node) return;
-		clearTimeout(clearTimerRef.current);
-		node.textContent = "";
-		outerTimerRef.current = setTimeout(() => {
-			node.textContent = message;
-			clearTimerRef.current = setTimeout(() => {
-				node.textContent = "";
-			}, 3e3);
-		}, 50);
-	}, []);
-	const getIdleMessage = q(() => {
-		if (mode === "passport") return t("idv2.capture.fillFramePassport");
-		if (mode === "back") return t("idv2.capture.fillFrameBack");
-		return t("idv2.capture.fillFrameFront");
-	}, [mode, t]);
-	y(() => {
-		if (isManualCapture) {
-			hasAnnouncedInstructionsRef.current = false;
-			return;
-		}
-		if (hasAnnouncedInstructionsRef.current) return;
-		if (!isIdle) return;
-		const timer = setTimeout(() => {
-			hasAnnouncedInstructionsRef.current = true;
-			announce(getIdleMessage());
-		}, 500);
-		return () => clearTimeout(timer);
-	}, [
-		isIdle,
-		isManualCapture,
-		announce,
-		getIdleMessage
-	]);
-	y(() => {
-		const prev = prevDetectionStatusRef.current;
-		prevDetectionStatusRef.current = detectionStatus;
-		if (prev !== "manualCapture" && isManualCapture) announce(t("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
-	}, [
-		announce,
-		detectionStatus,
-		isManualCapture,
-		t
-	]);
-	y(() => {
-		if (isCapturing) return;
-		if (isWrongSide) {
-			const baseKey = mode === "front" || mode === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
-			announce(`${t(`${baseKey}.title`)}. ${t(`${baseKey}.description`)}`);
-			return;
-		}
-		if (isFarAway) {
-			announce(`${t("idv2.capture.notifications.notAligned.title")}.`);
-			return;
-		}
-		if (isGlare) {
-			announce(`${t("idv2.capture.notifications.glare.title")}.`);
-			return;
-		}
-		if (isBlur) {
-			announce(`${t("idv2.capture.notifications.blur.title")}.`);
-			return;
-		}
-		if (isIdle && hasAnnouncedInstructionsRef.current) announce(getIdleMessage());
-	}, [
-		announce,
-		isBlur,
-		isCapturing,
-		isFarAway,
-		isGlare,
-		isIdle,
-		isWrongSide,
-		mode,
-		t,
-		getIdleMessage
-	]);
-	y(() => {
-		return () => {
-			clearTimeout(outerTimerRef.current);
-			clearTimeout(clearTimerRef.current);
-		};
-	}, []);
-	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("div", {
-		ref: liveRef,
-		class: "IncodeSrOnly",
-		"aria-live": "assertive",
-		"aria-atomic": "true"
-	}), notification ? /* @__PURE__ */ u("div", {
-		class: cn("IncodeIdCaptureNotification"),
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ u("div", {
-			class: "IncodeIdCaptureNotificationContent",
-			children: [
-				/* @__PURE__ */ u("div", {
-					class: cn("IncodeIdCaptureNotificationText"),
-					children: [/* @__PURE__ */ u("div", {
-						class: "IncodeIdCaptureNotificationTitle",
-						children: notification.title
-					}), notification.description && /* @__PURE__ */ u("div", {
-						class: "IncodeIdCaptureNotificationDescription",
-						children: notification.description
-					})]
-				}),
-				/* @__PURE__ */ u(Spacer, {
-					size: 16,
-					direction: "horizontal"
-				}),
-				notification.animationData && /* @__PURE__ */ u("div", {
-					class: "IncodeIdCaptureNotificationAnimation",
-					children: /* @__PURE__ */ u(Lottie, {
-						animationData: notification.animationData,
-						loop: true
-					})
-				})
-			]
-		})
-	}) : null] });
-};
-//#endregion
 //#region src/modules/id/capture/idHint.tsx
-var FrontHorizontalHintSvg = z(() => import("./front-horizontal-hint-B84GgTO1.js"));
-var FrontVerticalHintSvg = z(() => import("./front-vertical-hint-Bs_avngq.js"));
-var BackHorizontalHintSvg = z(() => import("./back-horizontal-hint-xTnSQbzn.js"));
-var BackVerticalHintSvg = z(() => import("./back-vertical-hint-BWWlHfX2.js"));
-var PassportHorizontalHintSvg = z(() => import("./passport-horizontal-hint-Bj0ZJY0g.js"));
-var PassportVerticalHintSvg = z(() => import("./passport-vertical-hint-Dfk77xUJ.js"));
+var FrontHorizontalHintSvg = z(() => import("./front-horizontal-hint-D3CrWViZ.js"));
+var FrontVerticalHintSvg = z(() => import("./front-vertical-hint-BoLZvyx5.js"));
+var BackHorizontalHintSvg = z(() => import("./back-horizontal-hint-BBGuJ75y.js"));
+var BackVerticalHintSvg = z(() => import("./back-vertical-hint-B9usJ5lY.js"));
+var PassportHorizontalHintSvg = z(() => import("./passport-horizontal-hint-DgnU-8bl.js"));
+var PassportVerticalHintSvg = z(() => import("./passport-vertical-hint-Dd2Wknw7.js"));
 var CARD_WIDTH_IN_SVG = {
 	"front-horizontal": 348,
 	"back-horizontal": 348,
@@ -1632,13 +1617,88 @@ 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", {
+	class: "IncodeCaptureCounter",
+	children: counterValue
+}), showIdHint && /* @__PURE__ */ u(IdHint, {
+	mode,
+	orientation: orientation ?? "horizontal",
+	onAnimationEnd: onIdHintAnimationEnd
+})] });
+//#endregion
+//#region src/modules/id/capture/captureResultFlash.tsx
+var FLASH_ANIMATION_NAME = "incodeCaptureResultFlash";
+/**
+* `uxp_idc_exp05_show_result` treatment: one-shot white "shutter" flash.
+* Plays on mount and reports `animationend` so its parent can remove and
+* re-arm it for the next capture.
+*/
+var CaptureResultFlash = ({ onAnimationEnd }) => /* @__PURE__ */ u("div", {
+	class: "IncodeCaptureResultFlash",
+	"aria-hidden": "true",
+	onAnimationEnd: (event) => {
+		if (event.animationName !== FLASH_ANIMATION_NAME) return;
+		onAnimationEnd?.();
+	}
+});
+//#endregion
+//#region src/modules/id/capture/captureResultPreview.tsx
+var CaptureResultPreview = ({ resultPreview, onFlashAnimationEnd }) => {
+	const [hasFlashed, setHasFlashed] = d(false);
+	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("img", {
+		src: resultPreview.imageUrl,
+		alt: "",
+		"aria-hidden": "true",
+		class: cn("IncodeCaptureResultImage", resultPreview.blurImage && "IncodeCaptureResultImageBlurred")
+	}), !hasFlashed && /* @__PURE__ */ u(CaptureResultFlash, { onAnimationEnd: () => {
+		setHasFlashed(true);
+		onFlashAnimationEnd?.();
+	} })] });
+};
+//#endregion
+//#region src/modules/id/capture/captureOverlayHelpers.ts
+var resolveResultView = (t) => ({
+	frameState: "success",
+	header: {
+		title: t("idv2.capture.resultPreview.title"),
+		subtitle: t("idv2.capture.resultPreview.subtitle")
+	}
+});
+var resolveLiveView = ({ t, mode, detectionStatus, isCapturing }) => {
+	if (isCapturing || detectionStatus === "capturing") return {
+		frameState: "capturing",
+		header: {
+			title: t("idv2.capture.takingPhoto"),
+			subtitle: t("idv2.capture.dontMove")
+		}
+	};
+	const isManualCapture = detectionStatus === "manualCapture";
+	const hasDetectionError = detectionStatus === "blur" || detectionStatus === "glare" || detectionStatus === "wrongSide" || detectionStatus === "farAway";
+	if (!(detectionStatus === "detecting" || detectionStatus === "idNotDetected" || isManualCapture)) return {
+		frameState: hasDetectionError ? "error" : "idle",
+		header: null
+	};
+	const subtitle = isManualCapture ? "" : t("idv2.capture.autoCapture");
+	return {
+		frameState: "idle",
+		header: {
+			title: mode === "passport" ? t("idv2.capture.fillFramePassport") : mode === "back" ? t("idv2.capture.fillFrameBack") : t("idv2.capture.fillFrameFront"),
+			subtitle
+		}
+	};
+};
+//#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 }, ref) => {
+var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCapturing, showManualCapture, onCapture, onOpenHelp, helpButtonRef, captureButtonRef, hideCountdown, resultPreview }, ref) => {
 	const { t } = useTranslation();
 	usePreloadCaptureAnimations();
+	const isResultPreview = resultPreview !== void 0;
 	const hasShownIdHintRef = A(false);
+	const cameraOverlayHeaderTitleRef = A(null);
 	const [showIdHint, setShowIdHint] = d(false);
+	const [manualCaptureTooltipDismissed, setManualCaptureTooltipDismissed] = d(false);
 	y(() => {
 		if (detectionStatus === "idNotDetected") {
 			if (hasShownIdHintRef.current) return;
@@ -1648,7 +1708,6 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 		}
 		if (showIdHint) setShowIdHint(false);
 	}, [detectionStatus, showIdHint]);
-	const [manualCaptureTooltipDismissed, setManualCaptureTooltipDismissed] = d(false);
 	y(() => {
 		if (!showManualCapture) setManualCaptureTooltipDismissed(false);
 	}, [showManualCapture]);
@@ -1659,42 +1718,26 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 	y(() => {
 		if (showManualCapture && captureButtonRef) captureButtonRef.current?.focus();
 	}, [showManualCapture, captureButtonRef]);
-	const getFrameState = () => {
-		if (isCapturing || detectionStatus === "capturing") return "capturing";
-		if (detectionStatus === "blur" || detectionStatus === "glare" || detectionStatus === "wrongSide" || detectionStatus === "farAway") return "error";
-		return "idle";
-	};
-	const topContent = T(() => {
-		if (isCapturing || detectionStatus === "capturing") return {
-			title: t("idv2.capture.takingPhoto"),
-			subtitle: t("idv2.capture.dontMove")
-		};
-		if (detectionStatus === "detecting" || detectionStatus === "idNotDetected" || detectionStatus === "manualCapture") {
-			const isManual = detectionStatus === "manualCapture";
-			if (mode === "passport") return {
-				title: t("idv2.capture.fillFramePassport"),
-				subtitle: isManual ? "" : t("idv2.capture.autoCapture")
-			};
-			if (mode === "back") return {
-				title: t("idv2.capture.fillFrameBack"),
-				subtitle: isManual ? "" : t("idv2.capture.autoCapture")
-			};
-			return {
-				title: t("idv2.capture.fillFrameFront"),
-				subtitle: isManual ? "" : t("idv2.capture.autoCapture")
-			};
-		}
-		return null;
-	}, [
-		isCapturing,
+	_(() => {
+		if (!isResultPreview) return;
+		cameraOverlayHeaderTitleRef.current?.focus();
+	}, [isResultPreview]);
+	const { frameState, header } = T(() => isResultPreview ? resolveResultView(t) : resolveLiveView({
+		t,
+		mode,
 		detectionStatus,
+		isCapturing
+	}), [
+		isResultPreview,
+		t,
 		mode,
-		t
+		detectionStatus,
+		isCapturing
 	]);
-	const frameState = getFrameState();
 	const isPassport = mode === "passport";
-	const frameOrientation = orientation !== "vertical" || isPassport ? "horizontal" : "vertical";
-	const showManualCaptureTooltip = showManualCapture && !manualCaptureTooltipDismissed;
+	const frameOrientation = orientation !== "vertical" ? "horizontal" : "vertical";
+	const showManualCaptureTooltip = !isResultPreview && showManualCapture && !manualCaptureTooltipDismissed;
+	const showCounter = !isResultPreview && !hideCountdown && isCapturing && counterValue > 0;
 	const manualCaptureTooltip = /* @__PURE__ */ u("div", {
 		id: "manual-capture-tooltip",
 		class: "IncodeIdManualCaptureTooltip",
@@ -1708,15 +1751,17 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 		children: [
 			/* @__PURE__ */ u("div", {
 				class: "IncodeCaptureTopSection",
-				children: [/* @__PURE__ */ u(CaptureNotification, {
+				children: [!isResultPreview && /* @__PURE__ */ u(CaptureNotification, {
 					detectionStatus,
 					mode,
 					isCapturing
 				}), /* @__PURE__ */ u(CameraOverlayHeader, {
-					title: topContent?.title ?? "",
-					subtitle: topContent?.subtitle,
-					visible: topContent !== null,
-					titleId: "id-capture-heading"
+					titleRef: cameraOverlayHeaderTitleRef,
+					title: header?.title ?? "",
+					subtitle: header?.subtitle,
+					visible: header !== null,
+					titleId: "id-capture-heading",
+					className: cn(isResultPreview && "IncodeCaptureResultHeaderReveal")
 				})]
 			}),
 			/* @__PURE__ */ u(CameraFrame, {
@@ -1725,20 +1770,21 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 				orientation: frameOrientation,
 				frameState,
 				className: cn(isPassport && "IncodeCaptureFramePassport"),
-				children: [isCapturing && counterValue > 0 && /* @__PURE__ */ u("div", {
-					class: "IncodeCaptureCounter",
-					children: counterValue
-				}), showIdHint && /* @__PURE__ */ u(IdHint, {
+				children: resultPreview ? /* @__PURE__ */ u(CaptureResultPreview, { resultPreview }) : /* @__PURE__ */ u(CaptureLiveFrameContent, {
+					hideCountdown,
+					isCapturing,
+					counterValue,
+					showIdHint,
 					mode,
-					orientation: orientation ?? "horizontal",
-					onAnimationEnd: () => setShowIdHint(false)
-				})]
+					orientation,
+					onIdHintAnimationEnd: () => setShowIdHint(false)
+				})
 			}),
 			/* @__PURE__ */ u("div", {
 				class: "IncodeSrOnly",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: isCapturing && counterValue > 0 ? counterValue : ""
+				children: showCounter ? counterValue : ""
 			}),
 			/* @__PURE__ */ u(CaptureFooter, {
 				onOpenHelp,
@@ -1747,6 +1793,7 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 				helpButtonRef,
 				captureButtonRef,
 				captureAriaDescribedBy: showManualCaptureTooltip ? "manual-capture-tooltip" : void 0,
+				hideActions: isResultPreview,
 				children: showManualCaptureTooltip ? /* @__PURE__ */ u("div", {
 					class: "IncodeIdManualCaptureTooltipContainer",
 					onAnimationEnd: handleManualCaptureTooltipAnimationEnd,
@@ -1757,19 +1804,22 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 	});
 });
 //#endregion
+//#region src/modules/id/capture/captureHelpers.ts
+function getCaptureStageView(state, isCrossfading) {
+	if (!state.previewImageUrl) return "live";
+	if (state.captureStatus === "uploading") return "analyzing";
+	return isCrossfading ? "crossfade" : "live";
+}
+function getCaptureMode(state) {
+	return state.currentMode === "passport" ? "passport" : "id";
+}
+//#endregion
 //#region src/modules/id/capture/capture.tsx
 var Capture = ({ manager, state }) => {
-	if (state.captureStatus === "uploading" && state.previewImageUrl) {
-		const mode = state.currentMode === "passport" ? "passport" : "id";
-		return /* @__PURE__ */ u(IdAnalyzing, {
-			imageUrl: state.previewImageUrl,
-			progress: state.uploadProgress ?? 0,
-			orientation: state.orientation,
-			mode,
-			blurImage: state.ageAssurance
-		});
-	}
-	if (state.captureStatus === "success" && state.previewImageUrl) return /* @__PURE__ */ u(IdSuccess, {
+	const { t } = useTranslation();
+	const { enabled: captureResultPreviewEnabled, isCrossfading, onCrossfadeEnd } = useCaptureResultPreview(manager, state);
+	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,
 		state,
 		blurImage: state.ageAssurance
@@ -1779,12 +1829,39 @@ var Capture = ({ manager, state }) => {
 		state,
 		blurImage: state.ageAssurance
 	});
-	return /* @__PURE__ */ u(CaptureView, {
-		manager,
-		state
+	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",
+		"aria-hidden": isCrossfadeStage || void 0,
+		inert: isCrossfadeStage || void 0,
+		children: /* @__PURE__ */ u(IdAnalyzing, {
+			imageUrl: state.previewImageUrl,
+			progress: state.uploadProgress ?? 0,
+			orientation: state.orientation,
+			mode: getCaptureMode(state),
+			blurImage: state.ageAssurance,
+			autoFocusTitle: !isCrossfadeStage
+		})
+	}, "analyzing");
+	let captureViewSlot = null;
+	if (stageView !== "analyzing") captureViewSlot = /* @__PURE__ */ u("div", {
+		class: "IncodeIdCaptureStageLive",
+		onAnimationEnd: onCrossfadeEnd,
+		children: /* @__PURE__ */ u(CaptureView, {
+			manager,
+			state,
+			captureResultPreviewEnabled
+		})
+	}, "live");
+	return /* @__PURE__ */ u("div", {
+		class: cn("IncodeIdCaptureStage", stageView === "crossfade" && "IncodeIdCaptureStageCrossfading"),
+		children: [idAnalyzingSlot, captureViewSlot]
 	});
 };
-var CaptureView = ({ manager, state }) => {
+var CaptureView = ({ manager, state, captureResultPreviewEnabled }) => {
 	const frameRef = A(null);
 	const helpButtonRef = A(null);
 	const captureButtonRef = A(null);
@@ -1806,6 +1883,10 @@ var CaptureView = ({ manager, state }) => {
 	const isCapturing = 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,
+		blurImage: state.ageAssurance
+	} : void 0;
 	const handleOpenHelp = () => {
 		setIsHelpOpen(true);
 	};
@@ -1845,7 +1926,9 @@ var CaptureView = ({ manager, state }) => {
 					onCapture: handleCapture,
 					onOpenHelp: handleOpenHelp,
 					helpButtonRef,
-					captureButtonRef
+					captureButtonRef,
+					hideCountdown: captureResultPreviewEnabled,
+					resultPreview
 				})
 			}),
 			/* @__PURE__ */ u("div", { ref: portalRef }),
@@ -1863,20 +1946,9 @@ var CaptureView = ({ manager, state }) => {
 var Tutorial = ({ manager, state }) => {
 	const { t } = useTranslation();
 	const [isLoading, setIsLoading] = d(false);
-	const [animationData, setAnimationData] = d(null);
 	const isPassport = state.selectedDocumentType === "passport";
 	const isBack = state.currentMode === "back";
-	y(() => {
-		if (isPassport) import("./passport-tutorial-D9JNsMsM.js").then((module) => {
-			setAnimationData(module.default);
-		});
-		else if (isBack) import("./back-tutorial-cI_4VHmE.js").then((module) => {
-			setAnimationData(module.default);
-		});
-		else import("./id-tutorial-DwO90SAm.js").then((module) => {
-			setAnimationData(module.default);
-		});
-	}, [isPassport, isBack]);
+	const { data: animationData, isOverride } = useAnimationData(isPassport ? "id.tutorial.passport" : isBack ? "id.tutorial.back" : "id.tutorial.front");
 	const title = isPassport ? t("idv2.capture.passport.title") : isBack ? t("idv2.backTutorial.title") : t("idv2.tutorial.title");
 	const subtitle = isPassport ? t("idv2.capture.passport.subtitle") : isBack ? t("idv2.backTutorial.subtitle") : t("idv2.tutorial.subtitle");
 	const disclaimerText = isBack ? t("idv2.backTutorial.disclaimer") : t("idv2.tutorial.v2.autocapture");
@@ -1886,6 +1958,7 @@ var Tutorial = ({ manager, state }) => {
 	};
 	return /* @__PURE__ */ u(BaseTutorial, {
 		animationData,
+		recolor: !isOverride,
 		title,
 		subtitle,
 		onContinue: handleContinue,
@@ -2994,14 +3067,8 @@ var Chooser = ({ manager, state }) => {
 //#endregion
 //#region src/modules/id/flipAnimation.tsx
 var FlipAnimation = ({ manager, direction }) => {
-	const [animationData, setAnimationData] = d(null);
 	const [waitingForCamera, setWaitingForCamera] = d(false);
 	const { t } = useTranslation();
-	y(() => {
-		import("./flip-animation-CZYSUtMm.js").then((module) => {
-			setAnimationData(module.default);
-		});
-	}, []);
 	const handleAnimationComplete = q(async () => {
 		await new Promise((resolve) => setTimeout(resolve, 1e3));
 		if (direction === "toBack") manager.continueToBack();
@@ -3012,7 +3079,6 @@ var FlipAnimation = ({ manager, direction }) => {
 		size: "large",
 		title: `${t("webcam.loading")}...`
 	});
-	if (!animationData) return null;
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeFlipAnimation",
 		children: [
@@ -3022,8 +3088,8 @@ var FlipAnimation = ({ manager, direction }) => {
 				children: t(direction === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront")
 			}),
 			/* @__PURE__ */ u(Spacer, { size: 32 }),
-			/* @__PURE__ */ u(Lottie, {
-				animationData,
+			/* @__PURE__ */ u(AnimatedAsset, {
+				name: "id.flip",
 				loop: false,
 				reverse: direction === "toFront",
 				onComplete: handleAnimationComplete
@@ -3032,4 +3098,4 @@ var FlipAnimation = ({ manager, direction }) => {
 	});
 };
 //#endregion
-export { ProgressBar as _, IdNoAttempts as a, ManualCapture as c, CameraOverlay as d, VerificationOptionCard as f, SegmentedDateInput as g, TextArea as h, Capture as i, CaptureFooter as l, TextAreaComposed as m, Chooser as n, IdExpired as o, VerificationOptionCardList as p, Tutorial as r, IdError as s, FlipAnimation as t, CameraOverlayHeader as u, Overlay as v };
+export { TextArea as _, IdNoAttempts as a, ProgressBar as b, useIdExperiment as c, CaptureFooter as d, CameraOverlayHeader as f, TextAreaComposed as g, VerificationOptionCardList as h, Capture as i, CaptureFrame as l, VerificationOptionCard as m, Chooser as n, IdExpired as o, CameraOverlay as p, Tutorial as r, IdError as s, FlipAnimation as t, ManualCapture as u, SegmentedDateInput as v, Overlay as x, PasswordInputComposed as y };