@incodetech/web 2.2.0-rc.8 → 2.3.0-rc.0

package/dist/{extensibility-C5XqL_A3.js → flipAnimation-Bb5FQVF-.js}

@@ -1,729 +1,21 @@
-import { a as useTranslation } from "./uiConfig-Dqnjankd.js";
-import { C as k, a as D, c as z, d as T, f as _, g as q, l as A, o as P, p as d, v as y, y as u } from "./vendor-preact-BPXMFRom.js";
-import { d as usePresence, f as useTimeoutHandle, l as TransitionSpinner, m as useEventListener, o as Page, p as useResizeObserver, u as useFeatureManagement } from "./incodeComponent-BtFz-bx2.js";
-import { a as useAnimationData, d as cn, r as AnimatedAsset, t as Spacer } from "./spacer-DLEDuWEx.js";
-import { n as Title, t as Spinner } from "./spinner-CJCOHUKx.js";
-import { n as ErrorIcon, r as Button } from "./incode-logo-DeIDDejm.js";
-import "./processing-B2eaSGLu.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-ChHV5iHi.js";
-import { t as SuccessIcon } from "./successIcon-DS8BLsgy.js";
-import { t as Modal } from "./modal-BH2wi8Q0.js";
-import { r as BaseTutorial } from "./tutorial-LQuJ4dse.js";
-import "./verificationResult-q_zD_Pxh.js";
-import "./connectionError-BurQq_4R.js";
-import { t as InputComposed } from "./inputComposed-C2zTEXsp.js";
-import "./inputComposed-kKtrvJU5.js";
-import "./otpInput-CvPR3ZpP.js";
-import "./checkbox-FGA-Ij-D.js";
-import "./radioGroupComposed-DQzTWutW.js";
-import "./phoneInputComposed-byyszNoS.js";
-import "./dropdownComposed-Bf4EcKFw.js";
-import "./dateInputComposed-BGC37jC7.js";
-import "./bottomSheet-BWEUBq8m.js";
-import { a as CameraView, i as usePreloadCaptureAnimations, n as CaptureNotification, o as CameraFrame } from "./manualCaptureButton-DzJFIEfu.js";
-import "./manualCaptureButton-D58WsS-x.js";
-import { n as RedStrikeIcon, t as ExpiredId } from "./expiredId-BQ1uPh7b.js";
-import { getDeviceClass } from "@incodetech/core/device";
+import { o as useTranslation } from "./uiConfig-C1jdTj-i.js";
+import { S as k, _ as y, a as P, c as A, d as _, f as d, h as q, i as D, s as z, u as T, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { c as Page, d as TransitionSpinner, f as useFeatureManagement, g as useEventListener, h as useResizeObserver, m as useTimeoutHandle, p as usePresence } from "./incodeComponent-D3_BSWan.js";
+import { a as useAnimationData, d as cn, r as AnimatedAsset, t as Spacer } from "./spacer-ayyj5lMa.js";
+import { o as TypographyP, r as TypographyH3, t as Title } from "./typography-ikD4-Z8S.js";
+import { t as Spinner } from "./spinner-Z-5sEEDQ.js";
+import { a as LockIcon, f as ChevronRightIcon, t as SvgLightningIcon, x as Button } from "./icons-eIgP34nj.js";
+import { t as Modal } from "./modal-CmF_MYIK.js";
+import { n as ProgressBar, t as CaptureFooter } from "./captureFooter-DWCaAdIU.js";
+import { n as getCountryDisplayName, t as countryFlagEmoji } from "./countries-5e8kwG_m.js";
+import { n as CameraFrame, t as CameraView } from "./cameraView-DrTBPNWX.js";
+import { n as CameraOverlay, t as CameraOverlayHeader } from "./cameraOverlayHeader-CsokPtuL.js";
+import { t as BaseTutorial } from "./baseTutorial-DkL0vjUa.js";
+import { n as RedStrikeIcon, t as ExpiredId } from "./expiredId-DJYL_--M.js";
+import { i as usePreloadCaptureAnimations, n as CaptureNotification } from "./manualCaptureButton-igyQk3Yb.js";
 import { eventModuleNames, recordExperimentAssignmentOnce } from "@incodetech/core/events";
-import { ONBOARDING_WEB_SDK_PARAMETER_STORE, booleanParam, defineExperimentParams, resolveExperiment } from "@incodetech/core/feature-management";
+import { ONBOARDING_WEB_SDK_PARAMETER_STORE, booleanParam, defineExperimentParams, enumParam, numberParam, resolveExperiment } from "@incodetech/core/feature-management";
 import "@incodetech/core/id";
-//#region src/shared/overlay/overlay.tsx
-var Overlay = ({ children, "aria-labelledby": ariaLabelledBy, class: className }) => {
-	return /* @__PURE__ */ u("div", {
-		class: `IncodeOverlay ${className ?? ""}`,
-		role: "dialog",
-		"aria-modal": "true",
-		"aria-labelledby": ariaLabelledBy,
-		children: /* @__PURE__ */ u("div", {
-			class: "IncodeOverlayContainer",
-			children: /* @__PURE__ */ u("div", {
-				class: "IncodeOverlayBody",
-				children
-			})
-		})
-	});
-};
-//#endregion
-//#region src/shared/progressBar/progressBar.tsx
-var ProgressBar = ({ progress, label, className, labelledById }) => /* @__PURE__ */ u("div", {
-	class: cn("IncodeProgressBarContainer", className),
-	children: [/* @__PURE__ */ u("div", {
-		class: "IncodeProgressBar",
-		role: "progressbar",
-		"aria-valuenow": progress,
-		"aria-valuemin": 0,
-		"aria-valuemax": 100,
-		"aria-label": labelledById ? void 0 : label,
-		"aria-labelledby": labelledById,
-		children: /* @__PURE__ */ u("div", {
-			class: "IncodeProgressBarFill",
-			style: { width: `${progress}%` }
-		})
-	}), label ? /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Spacer, { size: 24 }), /* @__PURE__ */ u("p", {
-		class: "IncodeProgressBarLabel",
-		children: label
-	})] }) : 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.
-*
-* This component is an in-progress alternative to `DateInputComposed` that
-* renders mm/dd/yyyy as three independent segments. It is not production-ready
-* and is intentionally not wired into any form module (curp-validation,
-* custom-fields, dynamic-forms, ekyc, etc.). Those forms must continue to use
-* `DateInputComposed` (native `<input type="date">`).
-*
-* Kept here for ongoing iteration and external preview only.
-*/
-var ISO_DATE_RE = /^(\d{4})-(\d{2})-(\d{2})$/;
-var US_DATE_RE = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/;
-var EMPTY_SEGMENTS = {
-	mm: "",
-	dd: "",
-	yyyy: ""
-};
-var parseISO = (value) => {
-	if (!value) return EMPTY_SEGMENTS;
-	const m = ISO_DATE_RE.exec(value);
-	if (!m) return EMPTY_SEGMENTS;
-	return {
-		yyyy: m[1],
-		mm: m[2],
-		dd: m[3]
-	};
-};
-var isValidDate = (yyyy, mm, dd) => {
-	if (yyyy < 1 || mm < 1 || mm > 12 || dd < 1 || dd > 31) return false;
-	const date = new Date(yyyy, mm - 1, dd);
-	return date.getFullYear() === yyyy && date.getMonth() === mm - 1 && date.getDate() === dd;
-};
-/**
-* Number of days in the (potentially partial) MM/YYYY combination. Falls back
-* to a non-leap year (any year not divisible by 4) when the year is unknown
-* or incomplete, so February can never accept 30 or 31 once the month is set.
-*/
-var getDaysInMonth = (mm, yyyy) => {
-	const m = Number(mm);
-	if (!Number.isFinite(m) || m < 1 || m > 12) return 31;
-	const y = Number(yyyy);
-	const referenceYear = Number.isFinite(y) && y > 0 && yyyy.length === 4 ? y : 2001;
-	return new Date(referenceYear, m, 0).getDate();
-};
-var segmentsToISO = ({ mm, dd, yyyy }) => {
-	if (yyyy.length !== 4 || mm.length === 0 || dd.length === 0) return "";
-	const Y = Number(yyyy);
-	const M = Number(mm);
-	const D = Number(dd);
-	if (!isValidDate(Y, M, D)) return "";
-	return `${yyyy}-${String(M).padStart(2, "0")}-${String(D).padStart(2, "0")}`;
-};
-/**
-* Compute the segment order for a given locale via Intl.DateTimeFormat —
-* e.g. en-US → ['mm','dd','yyyy'], en-GB / de / es → ['dd','mm','yyyy'],
-* ja / ko / zh / ISO → ['yyyy','mm','dd']. Always falls back to US ordering
-* if the locale is unknown or Intl returns something unexpected.
-*/
-var getSegmentOrder = (locale) => {
-	try {
-		const parts = new Intl.DateTimeFormat(locale || void 0).formatToParts(new Date(2e3, 0, 15));
-		const order = [];
-		for (const part of parts) if (part.type === "year") order.push("yyyy");
-		else if (part.type === "month") order.push("mm");
-		else if (part.type === "day") order.push("dd");
-		if (order.length === 3 && new Set(order).size === 3) return order;
-	} catch {}
-	return [
-		"mm",
-		"dd",
-		"yyyy"
-	];
-};
-/** Build next/previous navigation maps from a concrete segment order. */
-var buildNavMaps = (order) => {
-	const next = {
-		mm: null,
-		dd: null,
-		yyyy: null
-	};
-	const prev = {
-		mm: null,
-		dd: null,
-		yyyy: null
-	};
-	order.forEach((key, i) => {
-		next[key] = order[i + 1] ?? null;
-		prev[key] = order[i - 1] ?? null;
-	});
-	return {
-		next,
-		prev
-	};
-};
-var SEGMENT_RANGES = {
-	mm: {
-		min: 1,
-		max: 12,
-		pad: 2
-	},
-	dd: {
-		min: 1,
-		max: 31,
-		pad: 2
-	},
-	yyyy: {
-		min: 1,
-		max: 9999,
-		pad: 4
-	}
-};
-/**
-* Largest digit that can still be the *first* of a valid two-digit value for
-* each segment. Anything above this means the user typed a digit that can't
-* start a valid 2-digit value (e.g. `3` in MM — there's no valid month from
-* 30 to 39), so we commit it as a zero-padded single digit and auto-advance.
-*
-*   mm: max 12  → first digit 0, 1 are still ambiguous; 2–9 commit immediately
-*   dd: max 31  → first digit 0, 1, 2, 3 are still ambiguous; 4–9 commit
-*   yyyy: any first digit is fine, never auto-commit early
-*/
-var SEGMENT_MAX_AMBIGUOUS_FIRST_DIGIT = {
-	mm: 1,
-	dd: 3,
-	yyyy: 9
-};
-var padSegment = (key, n) => String(n).padStart(SEGMENT_RANGES[key].pad, "0");
-/**
-* Increment / decrement a segment value, wrapping at the segment's range.
-* Empty segments default sensibly: ArrowUp on empty starts at the min value
-* (or current year for `yyyy`); ArrowDown starts at the max.
-*
-* Mirrors the keyboard model of native <input type="date"> and React Aria's
-* `DateField`, without the `role="spinbutton"` that would re-introduce the
-* "9.1 percent" screen reader announcement on empty segments.
-*/
-var stepSegment = (key, currentValue, direction) => {
-	const { min, max } = SEGMENT_RANGES[key];
-	if (currentValue === "") {
-		if (key === "yyyy") return padSegment(key, (/* @__PURE__ */ new Date()).getFullYear());
-		return padSegment(key, direction === 1 ? min : max);
-	}
-	const n = Number(currentValue);
-	if (Number.isNaN(n)) return padSegment(key, min);
-	let next = n + direction;
-	if (next > max) next = min;
-	if (next < min) next = max;
-	return padSegment(key, next);
-};
-/**
-* ⚠️ Experimental — do not use in forms.
-*
-* Use `DateInputComposed` instead. See the file-level note at the top of this
-* module for context.
-*
-* @experimental
-*/
-var SegmentedDateInput = D(({ id, label, labelHint, "aria-label": ariaLabel, error, showErrorIcon, helper, showHelperIcon, required, suppressMessages = false, class: className, value, onInput, disabled, min, max, name, autocomplete: autocompleteAttr, autoComplete, ...restProps }, ref) => {
-	const { i18n } = useTranslation();
-	const segmentOrder = T(() => getSegmentOrder(i18n.language), [i18n.language]);
-	const navMaps = T(() => buildNavMaps(segmentOrder), [segmentOrder]);
-	const autocompleteValue = typeof autoComplete === "string" ? autoComplete : typeof autocompleteAttr === "string" ? autocompleteAttr : void 0;
-	/**
-	* Map the consumer-supplied autocomplete to per-segment + hidden-input
-	* tokens. The HTML spec defines `bday-day` / `bday-month` / `bday-year`
-	* for separate fields, paired with `bday` on a full-date input. Anything
-	* else passes through unchanged. Default is "off" so the browser doesn't
-	* suggest random history entries on individual numeric segments.
-	*/
-	const getSegmentAutocomplete = (key) => {
-		if (!autocompleteValue) return "off";
-		if (autocompleteValue === "bday") return key === "mm" ? "bday-month" : key === "dd" ? "bday-day" : "bday-year";
-		return autocompleteValue;
-	};
-	const hiddenAutocomplete = autocompleteValue ?? void 0;
-	const hiddenRef = A(null);
-	const iconButtonRef = A(null);
-	const segmentRefs = {
-		mm: A(null),
-		dd: A(null),
-		yyyy: A(null)
-	};
-	const [segments, setSegments] = d(() => parseISO(value));
-	y(() => {
-		setSegments((curr) => {
-			if (segmentsToISO(curr) === (value ?? "")) return curr;
-			return parseISO(value);
-		});
-	}, [value]);
-	y(() => {
-		const hidden = hiddenRef.current;
-		if (!hidden) return;
-		const next = value ?? "";
-		if (hidden.value !== next) hidden.value = next;
-	}, [value]);
-	const setHiddenRef = (el) => {
-		hiddenRef.current = el;
-		if (typeof ref === "function") ref(el);
-		else if (ref) ref.current = el;
-	};
-	const labelId = `${id}-label`;
-	const helperId = `${id}-helper`;
-	const errorId = `${id}-error`;
-	const formatHintId = `${id}-format-hint`;
-	const formatHintText = T(() => {
-		const labels = {
-			mm: "month",
-			dd: "day",
-			yyyy: "year"
-		};
-		return `Date format: ${segmentOrder.map((k) => labels[k]).join(", ")}.`;
-	}, [segmentOrder]);
-	const describedByIds = [
-		formatHintId,
-		!suppressMessages && helper ? helperId : null,
-		!suppressMessages && error ? errorId : null
-	].filter(Boolean).join(" ");
-	const fireOnInput = (next) => {
-		const iso = segmentsToISO(next);
-		const hidden = hiddenRef.current;
-		if (hidden) hidden.value = iso;
-		const event = new Event("input", { bubbles: true });
-		Object.defineProperty(event, "target", {
-			value: hidden,
-			enumerable: true,
-			configurable: true
-		});
-		onInput(event);
-	};
-	const writeSegment = (key, val) => {
-		let next = {
-			...segments,
-			[key]: val
-		};
-		if (next.dd && next.mm) {
-			const days = getDaysInMonth(next.mm, next.yyyy);
-			const ddNum = Number(next.dd);
-			if (Number.isFinite(ddNum) && ddNum > days) next = {
-				...next,
-				dd: padSegment("dd", days)
-			};
-		}
-		setSegments(next);
-		fireOnInput(next);
-	};
-	const focusSegment = (key) => {
-		if (!key) return;
-		const el = segmentRefs[key].current;
-		if (!el) return;
-		el.focus();
-		const len = el.value.length;
-		try {
-			el.setSelectionRange(len, len);
-		} catch {}
-	};
-	const handleSegmentInput = (key, maxLen) => (e) => {
-		const target = e.target;
-		let sanitized = target.value.replace(/\D/g, "").slice(0, maxLen);
-		let shouldAdvance = false;
-		if (sanitized.length === 1 && Number(sanitized) > SEGMENT_MAX_AMBIGUOUS_FIRST_DIGIT[key]) {
-			sanitized = padSegment(key, Number(sanitized));
-			shouldAdvance = true;
-		}
-		if (sanitized.length === maxLen) {
-			const n = Number(sanitized);
-			const { max } = SEGMENT_RANGES[key];
-			if (Number.isFinite(n) && n > max) sanitized = padSegment(key, max);
-			shouldAdvance = true;
-		}
-		if (sanitized !== target.value) target.value = sanitized;
-		writeSegment(key, sanitized);
-		if (shouldAdvance) focusSegment(navMaps.next[key]);
-	};
-	const handleSegmentKeyDown = (key) => (e) => {
-		const target = e.target;
-		const caret = target.selectionStart ?? 0;
-		if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-			e.preventDefault();
-			const direction = e.key === "ArrowUp" ? 1 : -1;
-			const nextVal = stepSegment(key, target.value, direction);
-			target.value = nextVal;
-			writeSegment(key, nextVal);
-			try {
-				target.select();
-			} catch {}
-		} else if (e.key === "Backspace" && target.value === "" && caret === 0) {
-			e.preventDefault();
-			focusSegment(navMaps.prev[key]);
-		} else if (e.key === "ArrowLeft" && caret === 0) {
-			e.preventDefault();
-			focusSegment(navMaps.prev[key]);
-		} else if (e.key === "ArrowRight" && caret === target.value.length) {
-			e.preventDefault();
-			focusSegment(navMaps.next[key]);
-		} else if (e.key === "/" || e.key === "-" || e.key === " ") if (target.value.length > 0) {
-			e.preventDefault();
-			focusSegment(navMaps.next[key]);
-		} else e.preventDefault();
-	};
-	const handleSegmentBlur = (key, padTo) => (e) => {
-		const v = e.target.value;
-		if (!v) return;
-		let normalized = v.padStart(padTo, "0");
-		const n = Number(normalized);
-		const { min, max } = SEGMENT_RANGES[key];
-		if (Number.isFinite(n)) {
-			if (n < min) normalized = padSegment(key, min);
-			else if (n > max) normalized = padSegment(key, max);
-		}
-		if (normalized !== v) writeSegment(key, normalized);
-	};
-	const handleSegmentFocus = (e) => {
-		const target = e.target;
-		try {
-			target.select();
-		} catch {}
-	};
-	const handlePaste = (e) => {
-		const text = e.clipboardData?.getData("text")?.trim() ?? "";
-		if (!text) return;
-		const iso = ISO_DATE_RE.exec(text);
-		const us = US_DATE_RE.exec(text);
-		let next = null;
-		if (iso) next = {
-			yyyy: iso[1],
-			mm: iso[2],
-			dd: iso[3]
-		};
-		else if (us) next = {
-			mm: us[1].padStart(2, "0"),
-			dd: us[2].padStart(2, "0"),
-			yyyy: us[3]
-		};
-		if (next) {
-			e.preventDefault();
-			setSegments(next);
-			fireOnInput(next);
-			focusSegment("yyyy");
-		}
-	};
-	const handleHiddenChange = (e) => {
-		const target = e.target;
-		setSegments(parseISO(target.value));
-		onInput(e);
-		const iconBtn = iconButtonRef.current;
-		if (iconBtn && document.activeElement === target) try {
-			iconBtn.focus();
-		} catch {}
-	};
-	const handleIconClick = (e) => {
-		if (disabled) {
-			e.preventDefault();
-			return;
-		}
-		const hidden = hiddenRef.current;
-		if (!hidden) return;
-		try {
-			hidden.click();
-		} catch {}
-		try {
-			if (typeof hidden.showPicker === "function") hidden.showPicker();
-		} catch {}
-	};
-	const hasValue = !!segmentsToISO(segments);
-	const isInvalid = !!error;
-	const groupLabelProps = label ? { "aria-labelledby": labelId } : ariaLabel ? { "aria-label": ariaLabel } : {};
-	const SEGMENT_META = {
-		mm: {
-			maxLen: 2,
-			placeholder: "MM",
-			ariaLabel: "Month"
-		},
-		dd: {
-			maxLen: 2,
-			placeholder: "DD",
-			ariaLabel: "Day"
-		},
-		yyyy: {
-			maxLen: 4,
-			placeholder: "YYYY",
-			ariaLabel: "Year"
-		}
-	};
-	const renderSegment = (key) => {
-		const { maxLen, placeholder, ariaLabel: segAriaLabel } = SEGMENT_META[key];
-		return /* @__PURE__ */ u("input", {
-			ref: (el) => {
-				segmentRefs[key].current = el;
-			},
-			id: `${id}-${key}`,
-			class: cn("IncodeSegmentedDateInputSegment", `IncodeSegmentedDateInputSegment--${key}`),
-			type: "text",
-			inputMode: "numeric",
-			autoComplete: getSegmentAutocomplete(key),
-			autoCorrect: "off",
-			spellcheck: false,
-			maxLength: maxLen,
-			size: maxLen,
-			placeholder,
-			"aria-label": segAriaLabel,
-			"aria-required": required ? "true" : void 0,
-			"aria-invalid": isInvalid ? "true" : void 0,
-			value: segments[key],
-			disabled,
-			"data-testid": `${id}-${key}`,
-			onInput: handleSegmentInput(key, maxLen),
-			onKeyDown: handleSegmentKeyDown(key),
-			onBlur: handleSegmentBlur(key, maxLen),
-			onFocus: handleSegmentFocus,
-			onPaste: handlePaste
-		});
-	};
-	return /* @__PURE__ */ u("div", {
-		class: cn("IncodeInputComposed IncodeSegmentedDateInput", className),
-		children: [
-			label && /* @__PURE__ */ u("label", {
-				id: labelId,
-				class: "IncodeInputComposedLabel",
-				htmlFor: `${id}-${segmentOrder[0]}`,
-				"data-testid": `${id}-label`,
-				children: [label, labelHint && /* @__PURE__ */ u("span", {
-					class: "IncodeInputComposedLabelHint",
-					"data-testid": `${id}-label-hint`,
-					children: labelHint
-				})]
-			}),
-			/* @__PURE__ */ u("div", {
-				class: "IncodeInputComposedWrapper",
-				children: [
-					/* @__PURE__ */ u("div", {
-						role: "group",
-						class: cn("IncodeSegmentedDateInputField", isInvalid && "IncodeSegmentedDateInputField--invalid", disabled && "IncodeSegmentedDateInputField--disabled"),
-						"data-has-value": hasValue ? "true" : void 0,
-						"data-disabled": disabled ? "true" : void 0,
-						"aria-invalid": isInvalid ? "true" : void 0,
-						"aria-describedby": describedByIds || void 0,
-						...groupLabelProps,
-						children: segmentOrder.map((key, i) => /* @__PURE__ */ u(k, { children: [renderSegment(key), i < segmentOrder.length - 1 && /* @__PURE__ */ u("span", {
-							class: "IncodeSegmentedDateInputSeparator",
-							"aria-hidden": "true",
-							children: "/"
-						})] }, key))
-					}),
-					/* @__PURE__ */ u("span", {
-						id: formatHintId,
-						class: "IncodeSrOnly",
-						"data-testid": `${id}-format-hint`,
-						children: formatHintText
-					}),
-					/* @__PURE__ */ u("input", {
-						ref: setHiddenRef,
-						id,
-						type: "date",
-						name,
-						defaultValue: value,
-						min,
-						max,
-						disabled,
-						required,
-						"aria-required": required ? "true" : void 0,
-						autoComplete: hiddenAutocomplete,
-						class: "IncodeSegmentedDateInputHiddenNative",
-						tabIndex: -1,
-						"aria-hidden": "true",
-						"data-has-value": hasValue ? "true" : void 0,
-						"data-testid": `${id}-native`,
-						onInput: handleHiddenChange,
-						onChange: handleHiddenChange,
-						...restProps
-					}),
-					/* @__PURE__ */ u("button", {
-						ref: iconButtonRef,
-						type: "button",
-						class: "IncodeSegmentedDateInputIconButton",
-						onClick: handleIconClick,
-						onTouchEnd: handleIconClick,
-						disabled,
-						"aria-label": "Open date picker",
-						"data-testid": `${id}-picker-trigger`,
-						children: /* @__PURE__ */ u("span", {
-							class: "IncodeSegmentedDateInputIcon",
-							children: /* @__PURE__ */ u(CalendarIcon, {})
-						})
-					})
-				]
-			}),
-			!suppressMessages && error && /* @__PURE__ */ u("div", {
-				class: "IncodeInputComposedErrorWrapper",
-				role: "alert",
-				"data-testid": `${id}-error-wrapper`,
-				children: [showErrorIcon && /* @__PURE__ */ u("div", {
-					class: "IncodeInputComposedIconWrapper",
-					children: /* @__PURE__ */ u(ErrorIcon, { size: 16 })
-				}), /* @__PURE__ */ u("p", {
-					id: errorId,
-					class: "IncodeInputComposedError",
-					children: error
-				})]
-			}),
-			!suppressMessages && helper && !error && /* @__PURE__ */ u("div", {
-				class: "IncodeInputComposedHelperWrapper",
-				"data-testid": `${id}-helper-wrapper`,
-				children: [showHelperIcon && /* @__PURE__ */ u("div", {
-					class: "IncodeInputComposedIconWrapper",
-					children: /* @__PURE__ */ u(SuccessIcon, { size: 16 })
-				}), /* @__PURE__ */ u("p", {
-					id: helperId,
-					class: "IncodeInputComposedHelper",
-					children: helper
-				})]
-			})
-		]
-	});
-});
-SegmentedDateInput.displayName = "SegmentedDateInput";
-//#endregion
-//#region src/shared/textArea/textArea.tsx
-var TextArea = D((props, ref) => {
-	const { class: className, rows = 4, ...restProps } = props;
-	return /* @__PURE__ */ u("textarea", {
-		...restProps,
-		ref,
-		rows,
-		class: cn("IncodeTextArea", className)
-	});
-});
-//#endregion
-//#region src/shared/textAreaComposed/textAreaComposed.tsx
-var TextAreaComposed = D(({ id, label, labelHint, "aria-label": ariaLabel, error, showErrorIcon, helper, showHelperIcon, required, rows = 4, class: className, ...restProps }, ref) => {
-	const helperId = `${id}-helper`;
-	const errorId = `${id}-error`;
-	const describedByIds = [helper ? helperId : null, error ? errorId : null].filter(Boolean).join(" ");
-	return /* @__PURE__ */ u("div", {
-		class: cn("IncodeTextAreaComposed", className),
-		children: [
-			label && /* @__PURE__ */ u("label", {
-				class: "IncodeTextAreaComposedLabel",
-				htmlFor: id,
-				"data-testid": `${id}-label`,
-				children: [label, labelHint && /* @__PURE__ */ u("span", {
-					class: "IncodeTextAreaComposedLabelHint",
-					"data-testid": `${id}-label-hint`,
-					children: labelHint
-				})]
-			}),
-			/* @__PURE__ */ u("div", {
-				class: "IncodeTextAreaComposedWrapper",
-				children: /* @__PURE__ */ u(TextArea, {
-					id,
-					rows,
-					...restProps,
-					ref,
-					required,
-					...!label && ariaLabel ? { "aria-label": ariaLabel } : {},
-					"aria-describedby": describedByIds || void 0,
-					"aria-required": required ? "true" : void 0,
-					"aria-invalid": error ? "true" : void 0
-				})
-			}),
-			error && /* @__PURE__ */ u("div", {
-				class: "IncodeTextAreaComposedErrorWrapper",
-				role: "alert",
-				"data-testid": `${id}-error-wrapper`,
-				children: [showErrorIcon && /* @__PURE__ */ u("div", {
-					class: "IncodeTextAreaComposedIconWrapper",
-					children: /* @__PURE__ */ u(ErrorIcon, { size: 17 })
-				}), /* @__PURE__ */ u("p", {
-					id: errorId,
-					class: "IncodeTextAreaComposedError",
-					children: error
-				})]
-			}),
-			helper && !error && /* @__PURE__ */ u("div", {
-				class: "IncodeTextAreaComposedHelperWrapper",
-				"data-testid": `${id}-helper-wrapper`,
-				children: [showHelperIcon && /* @__PURE__ */ u("div", {
-					class: "IncodeTextAreaComposedIconWrapper",
-					children: /* @__PURE__ */ u(SuccessIcon, { size: 17 })
-				}), /* @__PURE__ */ u("p", {
-					id: helperId,
-					class: "IncodeTextAreaComposedHelper",
-					children: helper
-				})]
-			})
-		]
-	});
-});
-TextAreaComposed.displayName = "TextAreaComposed";
-//#endregion
 //#region src/shared/card/verificationOption/verificationOptionCard.tsx
 function VerificationOptionCardList({ children }) {
 	return /* @__PURE__ */ u("div", {
@@ -770,138 +62,6 @@ function VerificationOptionCardTag({ label }) {
 	});
 }
 //#endregion
-//#region src/shared/cameraOverlay/cameraOverlay.tsx
-/**
-* Absolute-positioned flex-column overlay that sits on top of the camera video.
-*
-* Expected child order:
-*  1. (optional) Module-specific header extras (e.g. CaptureNotification)
-*  2. CameraOverlayHeader
-*  3. CameraFrame
-*  4. CaptureFooter
-*/
-var CameraOverlay = ({ children, className }) => {
-	return /* @__PURE__ */ u("div", {
-		class: cn("IncodeCameraOverlay", className),
-		children
-	});
-};
-//#endregion
-//#region src/shared/cameraOverlay/cameraOverlayHeader.tsx
-var CameraOverlayHeader = ({ title, subtitle, visible = true, className, titleId, titleRef }) => {
-	const fallbackTitleRef = A(null);
-	const resolvedTitleRef = titleRef ?? fallbackTitleRef;
-	y(() => {
-		resolvedTitleRef.current?.focus();
-	}, [resolvedTitleRef]);
-	return /* @__PURE__ */ u("div", {
-		class: cn("IncodeCameraOverlayHeader", !visible && "IncodeCameraOverlayHeaderHidden", className),
-		children: [/* @__PURE__ */ u(Title, {
-			ref: resolvedTitleRef,
-			id: titleId,
-			className: "IncodeCameraOverlayHeaderTitle",
-			tabIndex: -1,
-			children: title
-		}), /* @__PURE__ */ u("p", {
-			class: "IncodeCameraOverlayHeaderSubtitle",
-			children: subtitle
-		})]
-	});
-};
-//#endregion
-//#region src/shared/captureFooter/captureFooter.tsx
-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("idv2.capture.allDataIsEncrypted") })]
-			}),
-			isCaptureSectionVisible && /* @__PURE__ */ u("div", {
-				class: "IncodeCaptureFooterCaptureSection",
-				children: [children, /* @__PURE__ */ u("button", {
-					ref: captureButtonRef,
-					type: "button",
-					class: "IncodeCaptureFooterCaptureButton",
-					onClick: onCapture,
-					"aria-label": captureAriaLabel ?? t("manualCapture.ariaLabel"),
-					"aria-describedby": captureAriaDescribedBy,
-					"data-testid": "capture-button",
-					children: /* @__PURE__ */ u(CaptureButtonIcon, {})
-				})]
-			}),
-			isHelpSectionVisible && /* @__PURE__ */ u("div", {
-				class: "IncodeCaptureFooterHelp",
-				children: /* @__PURE__ */ u(Button, {
-					ref: helpButtonRef,
-					variant: "link",
-					onClick: onOpenHelp,
-					"aria-label": helpAriaLabel ?? t("idv2.needHelp.open"),
-					class: "IncodeCaptureFooterHelpButton",
-					"data-testid": "capture-help-button",
-					children: /* @__PURE__ */ u(HelpIcon, {})
-				})
-			})
-		]
-	});
-};
-//#endregion
-//#region src/shared/manualCapture/manualCapture.tsx
-function captureFrameFromVideo(video) {
-	if (video.readyState < 2 || video.videoWidth === 0 || video.videoHeight === 0) return null;
-	const canvas = document.createElement("canvas");
-	canvas.width = video.videoWidth;
-	canvas.height = video.videoHeight;
-	const ctx = canvas.getContext("2d");
-	if (!ctx) return null;
-	ctx.drawImage(video, 0, 0);
-	return canvas.toDataURL("image/jpeg", .92).split(",")[1] ?? null;
-}
-var ManualCapture = ({ stream, onCapture, disabled }) => {
-	const videoRef = A(null);
-	y(() => {
-		if (videoRef.current && stream) {
-			videoRef.current.srcObject = stream;
-			videoRef.current.play().catch(() => {});
-		}
-	}, [stream]);
-	const handleCapture = q(() => {
-		const video = videoRef.current;
-		if (!video || disabled) return;
-		const base64 = captureFrameFromVideo(video);
-		if (base64) onCapture(base64);
-	}, [onCapture, disabled]);
-	return /* @__PURE__ */ u("div", {
-		class: "IncodeManualCapture",
-		children: [/* @__PURE__ */ u("div", {
-			class: "IncodeManualCaptureVideoContainer",
-			children: /* @__PURE__ */ u("video", {
-				ref: videoRef,
-				autoplay: true,
-				playsInline: true,
-				muted: true,
-				class: "IncodeManualCaptureVideo",
-				"aria-label": "Camera stream for document capture"
-			})
-		}), /* @__PURE__ */ u("div", {
-			class: "IncodeManualCaptureButtonContainer",
-			children: /* @__PURE__ */ u(Button, {
-				variant: "primary",
-				size: "L",
-				onClick: handleCapture,
-				disabled,
-				class: "IncodeManualCaptureButton",
-				"aria-label": "Capture document",
-				children: "Capture"
-			})
-		})]
-	});
-};
-//#endregion
 //#region src/modules/id/assets/blurIcon.tsx
 var BlurIcon = ({ className }) => {
 	return /* @__PURE__ */ u("svg", {
@@ -1190,6 +350,263 @@ var useCaptureResultPreview = (state) => {
 	};
 };
 //#endregion
+//#region src/modules/id/capture/captureHelpers.ts
+/**
+* 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 (phase === "exiting") return "crossfade";
+	if (phase === "present") return "live";
+	return state.captureStatus === "capturing" || state.captureStatus === "uploading" ? "analyzing" : "live";
+}
+function getCaptureMode(state) {
+	return state.currentMode === "passport" ? "passport" : "id";
+}
+/**
+* Whether the manual-capture button is on screen right now: either the
+* genuine auto-capture-failed fallback (`detectionStatus === 'manualCapture'`)
+* or the `showCaptureButtonInAuto` shortcut (autocapture still running, button
+* offered as an optional shortcut). Shared by `Capture`'s render and
+* `useManualTooltipExperiment`'s sticky latch so the two can't drift apart.
+*/
+function isManualCaptureShown(state) {
+	return state.detectionStatus === "manualCapture" || state.showCaptureButtonInAuto && state.captureStatus === "detecting" && state.detectionStatus !== "capturing";
+}
+//#endregion
+//#region src/modules/id/experiments/constants.ts
+var CAMERA_PERMISSION_UX = {
+	CONTROL: "control",
+	PENDING: "pending",
+	PERMISSION_SHEET: "permissionSheet",
+	HOW_IT_WORKS: "howItWorks"
+};
+var ID_CAPTURE_STATUS = {
+	TUTORIAL: "tutorial",
+	PERMISSIONS: "permissions",
+	LOADING: "loading",
+	CAPTURE: "capture"
+};
+/** Underlying machine phases core collapses into `status: 'loading'`. */
+var ID_CAPTURE_LOADING_PHASE = { PERMISSIONS_IDLE: "permissionsIdle" };
+/** Underlying machine phases core collapses into `status: 'tutorial'`. */
+var ID_CAPTURE_TUTORIAL_PHASE = {
+	CHECKING_PERMISSION: "checkingPermission",
+	READY: "ready",
+	INITIALIZING_CAMERA: "initializingCamera",
+	WAITING_FOR_PERMISSION: "waitingForPermission",
+	WAITING_FOR_CAMERA: "waitingForCamera"
+};
+/** Tutorial phases where the user has already continued and the CTA must show busy. */
+var CONTINUING_TUTORIAL_PHASES = new Set([ID_CAPTURE_TUTORIAL_PHASE.WAITING_FOR_PERMISSION, ID_CAPTURE_TUTORIAL_PHASE.WAITING_FOR_CAMERA]);
+var PERMISSION_DIALOG_STATUS = {
+	IDLE: "idle",
+	MOTION_ONLY: "motionOnly",
+	REQUESTING: "requesting"
+};
+var EXPERIMENT_LIFECYCLE_STATUS = { PENDING: "pending" };
+/** IDC-08 arms — console-owned values, kebab-case `auto-dismiss` included. */
+var MANUAL_TOOLTIP = {
+	CONTROL: "control",
+	REMOVE: "remove",
+	AUTO_DISMISS: "auto-dismiss"
+};
+var MANUAL_TOOLTIP_VARIANTS = [
+	MANUAL_TOOLTIP.CONTROL,
+	MANUAL_TOOLTIP.REMOVE,
+	MANUAL_TOOLTIP.AUTO_DISMISS
+];
+/**
+* Today's shipped CSS dwell (`manualCaptureTooltipExit` animation-delay) — the
+* control arm's behavior, so also the param default: an unallocated/control
+* session that omits `autoDismissIntervalMs` must reproduce this exactly, not
+* the treatment's shortened dwell.
+*/
+var MANUAL_TOOLTIP_DISMISS_DELAY_MS = 3500;
+/** One `experimentAssigned` per session (default — today's product decision). */
+var MANUAL_TOOLTIP_DEDUPE_RULE_ONCE = "once";
+/** One `experimentAssigned` per (ID-module allocation, side). */
+var MANUAL_TOOLTIP_DEDUPE_RULE_PER_CAPTURE = "per-capture";
+//#endregion
+//#region src/modules/id/experiments/idExperiments.ts
+/**
+* Code-owned registry of ID-module UI experiments. Each entry is a
+* self-describing object param on `onboarding_web_sdk_ps`; see
+* `useIdExperiment` for how it is read and reported.
+*/
+var ID_EXPERIMENTS = {
+	flipCapturedCard: {
+		storeParam: "idcExp07FlipInCaptureState",
+		module: eventModuleNames.idCapture,
+		...defineExperimentParams({ shouldFlipCapturedCard: booleanParam(false) })
+	},
+	cameraPermissionSheet: {
+		storeParam: "idcExp01PermissionSheet",
+		module: eventModuleNames.idCapture,
+		...defineExperimentParams({ showPermissionSheet: booleanParam(false) })
+	},
+	darkCameraLoading: {
+		storeParam: "idcExp04DarkCameraLoading",
+		module: eventModuleNames.idCapture,
+		...defineExperimentParams({ showDarkCameraLoading: booleanParam(false) })
+	},
+	cameraPermissionHowItWorks: {
+		storeParam: "idcExp02HowItWorks",
+		module: eventModuleNames.idCapture,
+		...defineExperimentParams({ showHowItWorks: booleanParam(false) })
+	},
+	manualTooltip: {
+		storeParam: "idcExp08ManualTooltip",
+		module: eventModuleNames.idCapture,
+		...defineExperimentParams({
+			manualTooltipVariant: enumParam(MANUAL_TOOLTIP.CONTROL, MANUAL_TOOLTIP_VARIANTS),
+			autoDismissIntervalMs: numberParam(MANUAL_TOOLTIP_DISMISS_DELAY_MS, {
+				min: 0,
+				max: 1e4,
+				integer: true
+			})
+		})
+	}
+};
+//#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, reportAssignment = true, dedupeKey, conditions }) {
+		const spec = registry[key];
+		const { value: store, status } = useFeatureManagement("parameterStore", ONBOARDING_WEB_SDK_PARAMETER_STORE);
+		const conditionsKey = conditions ? JSON.stringify(conditions) : "";
+		const resolvedDedupeKey = dedupeKey ?? spec.storeParam;
+		const resolved = T(() => enabled && status === "ready" ? resolveExperiment(spec, { store }) : {
+			params: { ...spec.defaults },
+			assignment: null
+		}, [
+			enabled,
+			status,
+			store,
+			spec
+		]);
+		const assignment = resolved.assignment;
+		const variant = typeof assignment?.variant === "string" ? assignment.variant : null;
+		y(() => {
+			if (!assignment || !reportAssignment) return;
+			recordExperimentAssignmentOnce(spec.module, resolvedDedupeKey, {
+				...assignment,
+				conditions: conditionsKey ? JSON.parse(conditionsKey) : void 0
+			});
+		}, [
+			assignment,
+			reportAssignment,
+			spec,
+			resolvedDedupeKey,
+			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(ID_EXPERIMENTS);
+//#endregion
+//#region src/modules/id/experiments/useManualTooltipExperiment.ts
+/**
+* IDC-08: resolves the manual-capture tooltip/title arm.
+*
+* A timing constraint the shared `useIdExperiment` hook doesn't cover on its
+* own:
+*
+* **Expose at capture entry, report at treatment show (else at commit).**
+* The arm is resolved (and Statsig-exposed) from the first render of
+* `Capture` so the exposed population stays symmetric across arms, but the
+* `experimentAssigned` interview-event lands at the first of two moments:
+* the render where the manual-capture surface (the thing the arms actually
+* change) becomes visible — so a session that sees the treatment and then
+* abandons is still counted — or, for sessions that never show it, once a
+* frame is committed. Reporting a never-shown session before commit would
+* misdescribe it: `showedManualCapture: false` could still flip to `true`,
+* but the first-wins dedupe would have already locked it in.
+* `reportAssignment` gates the report without re-gating (and so
+* re-exposing) the resolve.
+*
+* Reporting granularity is remote-selectable via
+* `MANUAL_TOOLTIP_DEDUPE_RULE_PARAM` (ships ahead of the PM/mobile sync on
+* the final rule, so it can be flipped without a code change): `'once'`
+* (default) is one `experimentAssigned` per session — `Capture` unmounts
+* between the front and back side, so whichever side reports first is the
+* one the event describes, and the other side's report is a no-op.
+* `'per-capture'` is one event per (ID-module allocation, side) instead — see
+* `getManualTooltipDedupeKey`.
+*/
+function useManualTooltipExperiment(manager, state) {
+	const { value: onboardingParameterStore } = useFeatureManagement("parameterStore", ONBOARDING_WEB_SDK_PARAMETER_STORE, { disableExposureLog: true });
+	const dedupeKey = getManualTooltipDedupeKey(onboardingParameterStore, manager, state);
+	const showedManualCaptureRef = A(false);
+	if (isManualCaptureShown(state)) showedManualCaptureRef.current = true;
+	const { params, status } = useIdExperiment({
+		key: "manualTooltip",
+		enabled: true,
+		reportAssignment: showedManualCaptureRef.current || state.captureStatus === "uploading" || state.captureStatus === "holdOn",
+		dedupeKey,
+		conditions: { showedManualCapture: showedManualCaptureRef.current }
+	});
+	let dismissDelayMs = MANUAL_TOOLTIP_DISMISS_DELAY_MS;
+	if (status === EXPERIMENT_LIFECYCLE_STATUS.PENDING) return {
+		variant: MANUAL_TOOLTIP.CONTROL,
+		dismissDelayMs
+	};
+	if (params.manualTooltipVariant === MANUAL_TOOLTIP.AUTO_DISMISS) dismissDelayMs = params.autoDismissIntervalMs;
+	return {
+		variant: params.manualTooltipVariant,
+		dismissDelayMs
+	};
+}
+var captureOccurrences = /* @__PURE__ */ new WeakMap();
+var nextCaptureOccurrence = 1;
+function getCaptureOccurrence(manager) {
+	let occurrence = captureOccurrences.get(manager);
+	if (occurrence === void 0) {
+		occurrence = nextCaptureOccurrence++;
+		captureOccurrences.set(manager, occurrence);
+	}
+	return occurrence;
+}
+function getManualTooltipDedupeKey(store, manager, state) {
+	const dedupeRule = store.get("idcExp08ManualTooltipDedupeRule", "once") === "per-capture" ? MANUAL_TOOLTIP_DEDUPE_RULE_PER_CAPTURE : MANUAL_TOOLTIP_DEDUPE_RULE_ONCE;
+	const captureInstance = getCaptureOccurrence(manager);
+	const base = ID_EXPERIMENTS.manualTooltip.storeParam;
+	if (dedupeRule === "once") return base;
+	return `${base}:${captureInstance}:${state.currentMode}:${state.attemptsRemaining}`;
+}
+//#endregion
 //#region src/modules/id/shared/captureFrame.tsx
 var CaptureFrame = ({ orientation, mode, state, children, className }) => {
 	const isHorizontal = orientation !== "vertical";
@@ -1336,7 +753,7 @@ var GreenCheckIcon = ({ className, ...rest }) => /* @__PURE__ */ u("svg", {
 //#region src/modules/id/processing/idProcessingResult.tsx
 var FADE_OUT_ANIMATION_NAME = "incodeIdProcessingResultFadeOut";
 var EXIT_WATCHDOG_MS = 3500;
-var IdProcessingResult = ({ variant, imageUrl, orientation, mode, title, subtitle, buttonText, onButtonClick, attemptsRemaining, blurImage, fadeOutOnClick }) => {
+var IdProcessingResult = ({ variant, imageUrl, orientation, mode, title, subtitle, buttonText, onButtonClick, attemptsRemaining, blurImage, fadeOutOnClick, children }) => {
 	const { t } = useTranslation();
 	const titleRef = A(null);
 	const [isExiting, setIsExiting] = d(false);
@@ -1371,29 +788,32 @@ var IdProcessingResult = ({ variant, imageUrl, orientation, mode, title, subtitl
 		blurImage,
 		topContent: /* @__PURE__ */ u("div", {
 			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 }),
-				title && /* @__PURE__ */ u(Title, {
-					ref: titleRef,
-					className: "IncodeIdProcessingResultTitle",
-					tabIndex: -1,
-					children: title
-				}),
-				subtitle && /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Spacer, { size: 12 }), /* @__PURE__ */ u("p", {
-					class: "IncodeIdProcessingResultSubtitle",
-					children: subtitle
-				})] })
-			]
+			children: [/* @__PURE__ */ u("div", {
+				class: "IncodeIdProcessingResultStatus",
+				role: "status",
+				children: [
+					variant === "success" ? /* @__PURE__ */ u(GreenCheckIcon, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ u(RedStrikeIcon, { className: "IncodeIdProcessingResultIcon" }),
+					/* @__PURE__ */ u(Spacer, { size: 16 }),
+					title && /* @__PURE__ */ u(Title, {
+						ref: titleRef,
+						className: "IncodeIdProcessingResultTitle",
+						tabIndex: -1,
+						children: title
+					}),
+					subtitle && /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Spacer, { size: 12 }), /* @__PURE__ */ u("p", {
+						class: "IncodeIdProcessingResultSubtitle",
+						children: subtitle
+					})] })
+				]
+			}), children]
 		}),
 		bottomContent: /* @__PURE__ */ u("div", {
 			class: cn("IncodeIdProcessingResultButtonContainer", isExiting && "IncodeIdProcessingResultButtonContainerExiting"),
 			onAnimationEnd: handleExitAnimationEnd,
-			children: [attemptsRemaining !== void 0 && attemptsRemaining > 0 && /* @__PURE__ */ u("p", {
+			children: [attemptsRemaining !== void 0 && /* @__PURE__ */ u("p", {
 				class: "IncodeIdProcessingResultAttempts",
-				children: t("v2.idError.attemptsLeft", { count: attemptsRemaining })
+				children: attemptsRemaining === 0 ? t("idv2.capture.processing.noAttemptsRemaining") : t("v2.idError.attemptsLeft", { count: attemptsRemaining })
 			}), /* @__PURE__ */ u(Button, {
 				onClick: handleButtonClick,
 				disabled: isExiting,
@@ -1404,72 +824,19 @@ 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 = typeof assignment?.variant === "string" ? assignment.variant : null;
-		y(() => {
-			if (!assignment) return;
-			recordExperimentAssignmentOnce(spec.module, spec.storeParam, {
-				...assignment,
-				conditions: conditionsKey ? JSON.parse(conditionsKey) : void 0
-			});
-		}, [
-			assignment,
-			spec,
-			conditionsKey
-		]);
-		return {
-			variant,
-			status,
-			params: resolved.params
-		};
-	};
+//#region src/modules/id/experiments/flipCapturedCardEligibility.ts
+/** Whether the captured-card treatment has a camera image it can physically flip. */
+function canFlipCapturedCard(mode, previewImageUrl) {
+	return mode !== "passport" && Boolean(previewImageUrl);
 }
 //#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: "idcExp07FlipInCaptureState",
-	module: eventModuleNames.idCapture,
-	...defineExperimentParams({ shouldFlipCapturedCard: booleanParam(false) })
-} });
-//#endregion
 //#region src/modules/id/processing/idSuccess.tsx
 var IdSuccess = ({ manager, state, blurImage }) => {
 	const { t } = useTranslation();
+	const hasNextSide = state.needsBackCapture || state.needsFrontCapture;
 	const { params } = useIdExperiment({
 		key: "flipCapturedCard",
-		enabled: state.currentMode !== "passport"
+		enabled: canFlipCapturedCard(state.currentMode, state.previewImageUrl) && hasNextSide
 	});
 	const shouldFlipCapturedCard = params.shouldFlipCapturedCard;
 	if (!state.previewImageUrl && !state.barcodeFastPathCaptured) return null;
@@ -1498,6 +865,184 @@ var IdSuccess = ({ manager, state, blurImage }) => {
 	});
 };
 //#endregion
+//#region src/shared/acceptedDocumentCard/assets/driversLicenseIcon.tsx
+var DriversLicenseIcon = ({ class: className }) => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	fill: "none",
+	"aria-hidden": "true",
+	class: className,
+	children: /* @__PURE__ */ u("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M4.96989 7.80578L5.74572 5.65245C5.81739 5.44661 5.94239 5.26495 6.10989 5.12411C6.27572 4.98411 6.47656 4.89161 6.68572 4.85661C8.87991 4.51078 11.1049 4.51078 13.2974 4.85661C13.5124 4.89078 13.7149 4.98328 13.8824 5.12328C14.0491 5.26328 14.1757 5.44578 14.2499 5.65828L15.0232 7.80578C11.6791 8.12578 8.31406 8.12578 4.96989 7.80578ZM13.7082 12.5141C13.2007 12.5141 12.7874 12.1008 12.7874 11.5924C12.7874 11.0849 13.2007 10.6716 13.7082 10.6716C14.2166 10.6716 14.6299 11.0849 14.6299 11.5924C14.6299 12.1008 14.2166 12.5141 13.7082 12.5141ZM6.28489 12.5141C5.77656 12.5141 5.36322 12.1008 5.36322 11.5924C5.36322 11.0849 5.77656 10.6716 6.28489 10.6716C6.79239 10.6716 7.20572 11.0849 7.20572 11.5924C7.20572 12.1008 6.79239 12.5141 6.28489 12.5141ZM18.1041 8.06161C18.0557 7.71995 17.7341 7.48162 17.3974 7.52995C17.0332 7.58161 16.6674 7.62161 16.3024 7.66578C16.3024 7.66578 16.3016 7.66411 16.3007 7.66245L15.4274 5.23995C15.2816 4.82078 15.0241 4.44911 14.6849 4.16495C14.3441 3.87995 13.9332 3.69245 13.4941 3.62161C11.1707 3.25661 8.81491 3.25578 6.48572 3.62245C6.04989 3.69578 5.64072 3.88411 5.30489 4.16828C4.96739 4.45161 4.71156 4.82161 4.56739 5.23495L3.69572 7.65578C3.69406 7.65911 3.69156 7.66245 3.68989 7.66578C3.32489 7.62161 2.95989 7.58161 2.59572 7.52995C2.25406 7.48578 1.93739 7.71911 1.88906 8.06161C1.84072 8.40326 2.07822 8.71992 2.41989 8.76826C2.72989 8.81242 3.04072 8.84492 3.35156 8.88326L2.94406 9.44409C2.52239 10.0249 2.29906 10.7108 2.29906 11.4283V15.6158C2.29906 16.1866 2.76322 16.6508 3.33406 16.6508H5.00072C5.57156 16.6508 6.03489 16.1866 6.03489 15.6158V15.2316C6.03489 15.1758 6.04489 15.1191 6.06572 15.0683C6.08739 15.0149 6.11822 14.9683 6.15822 14.9283C6.19739 14.8883 6.24406 14.8566 6.29489 14.8349C6.34572 14.8141 6.40239 14.8024 6.45906 14.8024H13.5182C13.5749 14.8024 13.6307 14.8141 13.6816 14.8349C13.7332 14.8566 13.7799 14.8883 13.8199 14.9283C13.8582 14.9683 13.8899 15.0149 13.9107 15.0658C13.9316 15.1191 13.9424 15.1749 13.9416 15.2333V15.6158C13.9416 16.1866 14.4049 16.6508 14.9757 16.6508H16.6591C17.2291 16.6508 17.6932 16.1866 17.6932 15.6158V11.4124C17.6932 10.6891 17.4674 9.99659 17.0374 9.40992L16.6449 8.88326C16.9541 8.84492 17.2641 8.81242 17.5732 8.76826C17.9149 8.71992 18.1524 8.40326 18.1041 8.06161Z",
+		fill: "var(--icon-neutral-300)"
+	})
+});
+//#endregion
+//#region src/shared/acceptedDocumentCard/assets/identificationCardIcon.tsx
+var IdentificationCardIcon = ({ class: className }) => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	fill: "none",
+	"aria-hidden": "true",
+	class: className,
+	children: /* @__PURE__ */ u("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M14.7887 9.39382H11.8662C11.4879 9.39382 11.1804 9.08715 11.1804 8.70882C11.1804 8.32964 11.4879 8.02297 11.8662 8.02297H14.7887C15.167 8.02297 15.4737 8.32964 15.4737 8.70882C15.4737 9.08715 15.167 9.39382 14.7887 9.39382ZM14.7887 12.4847H12.9695C12.5912 12.4847 12.2845 12.178 12.2845 11.7997C12.2845 11.4205 12.5912 11.1138 12.9695 11.1138H14.7887C15.167 11.1138 15.4737 11.4205 15.4737 11.7997C15.4737 12.178 15.167 12.4847 14.7887 12.4847ZM10.3937 13.6797L5.0612 13.6872C4.9787 13.6872 4.89953 13.6547 4.8412 13.5972C4.7837 13.5388 4.7512 13.4597 4.7512 13.378C4.7512 12.2505 5.6712 11.1138 7.72703 11.1138C9.78287 11.1138 10.7037 12.2472 10.7037 13.3705C10.7037 13.5413 10.5654 13.6797 10.3937 13.6797ZM7.72703 6.29464C8.79204 6.29464 9.65787 7.16047 9.65787 8.22547C9.65787 9.29048 8.79204 10.1572 7.72703 10.1572C6.66203 10.1572 5.7962 9.29048 5.7962 8.22547C5.7962 7.16047 6.66203 6.29464 7.72703 6.29464ZM14.207 3.16797H6.04036C3.79036 3.16797 2.20703 4.83463 2.20703 7.16797V12.8347C2.20703 15.168 3.79036 16.8347 6.04036 16.8347H14.207C16.457 16.8347 18.0404 15.168 18.0404 12.8347V7.16797C18.0404 4.83463 16.457 3.16797 14.207 3.16797Z",
+		fill: "var(--icon-neutral-300)"
+	})
+});
+//#endregion
+//#region src/shared/acceptedDocumentCard/assets/passportIcon.tsx
+var PassportIcon$1 = ({ class: className }) => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	fill: "none",
+	"aria-hidden": "true",
+	class: className,
+	children: [/* @__PURE__ */ u("path", {
+		d: "M9.9975 10.2773C9.24125 10.2773 8.625 10.8946 8.625 11.6523C8.625 12.4049 9.24017 13.019 9.9975 13.019C10.7548 13.019 11.37 12.4049 11.37 11.6523C11.37 10.8946 10.7538 10.2773 9.9975 10.2773Z",
+		fill: "var(--icon-neutral-300)"
+	}), /* @__PURE__ */ u("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M5.96198 17.9186H14.0386C15.2545 17.9186 16.2428 16.9311 16.2428 15.7186V7.86028C16.2428 6.81169 15.504 5.93273 14.5192 5.71305C14.5023 5.70929 14.485 5.70752 14.4677 5.70752H6.72651C6.49651 5.70752 6.30985 5.52085 6.30985 5.29085C6.30985 5.06085 6.49651 4.87419 6.72651 4.87419H14.237C14.375 4.87419 14.487 4.76226 14.487 4.62419V3.87694C14.487 3.31778 14.2336 2.80111 13.792 2.45861C13.3511 2.11694 12.7878 2.00028 12.2461 2.13944L4.96948 4.02278C4.25615 4.20278 3.75781 4.84444 3.75781 5.58528V15.7186C3.75781 16.9311 4.74698 17.9186 5.96198 17.9186ZM7.37715 11.652C7.37715 10.2047 8.5527 9.02699 9.99962 9.02699C11.4466 9.02699 12.6221 10.2047 12.6221 11.652C12.6221 13.0959 11.4459 14.2687 9.99962 14.2687C8.55337 14.2687 7.37715 13.0959 7.37715 11.652Z",
+		fill: "var(--icon-neutral-300)"
+	})]
+});
+//#endregion
+//#region src/shared/acceptedDocumentCard/assets/residenceDocumentIcon.tsx
+var ResidenceDocumentIcon = ({ class: className }) => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "20",
+	height: "20",
+	viewBox: "0 0 20 20",
+	fill: "none",
+	"aria-hidden": "true",
+	class: className,
+	children: [/* @__PURE__ */ u("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M11.0406 13.3633C10.9006 13.2949 10.559 13.2949 10.0431 13.2949C9.52729 13.2949 9.18646 13.2949 9.05812 13.3574C8.92646 13.4174 8.82729 13.5191 8.76562 13.6474C8.70312 13.7791 8.70312 14.1199 8.70312 14.6366V17.5724C8.70312 17.7105 8.81513 17.8224 8.95313 17.8224H11.1331C11.2712 17.8224 11.3831 17.7105 11.3831 17.5724V14.6366C11.3831 14.1208 11.3831 13.7799 11.3206 13.6491C11.259 13.5191 11.1598 13.4183 11.0406 13.3633Z",
+		fill: "var(--icon-neutral-300)"
+	}), /* @__PURE__ */ u("path", {
+		"fill-rule": "evenodd",
+		"clip-rule": "evenodd",
+		d: "M18.0187 7.75148L15.602 5.83815V4.10232C15.602 3.64232 15.2295 3.26898 14.7687 3.26898C14.3087 3.26898 13.9353 3.64232 13.9353 4.10232V4.51815L11.7453 2.78315C10.7186 1.97482 9.28448 1.97649 8.25615 2.78482L1.98448 7.75148C1.62365 8.03732 1.56198 8.56146 1.84782 8.92229C2.13365 9.28313 2.65782 9.34229 3.01865 9.05813L3.12365 8.97563V14.6465C3.12365 16.3973 4.54948 17.8215 6.30198 17.8215H7.20698C7.34505 17.8215 7.45698 17.7095 7.45698 17.5715V14.6356C7.45698 13.9006 7.45698 13.4948 7.64198 13.109C7.82948 12.7156 8.14448 12.4023 8.52948 12.2256C8.90282 12.0448 9.30948 12.0448 10.047 12.0448C10.7853 12.0448 11.192 12.0448 11.5787 12.2323C11.9512 12.4031 12.2662 12.7173 12.4528 13.1098C12.637 13.494 12.637 13.8998 12.637 14.6356V17.5715C12.637 17.7095 12.7489 17.8215 12.887 17.8215H13.7011C15.4536 17.8215 16.8795 16.3973 16.8795 14.6465V8.97563L16.9845 9.05813C17.137 9.17979 17.3195 9.23813 17.5012 9.23813C17.747 9.23813 17.9903 9.12979 18.1553 8.92229C18.4403 8.56146 18.3795 8.03732 18.0187 7.75148Z",
+		fill: "var(--icon-neutral-300)"
+	})]
+});
+//#endregion
+//#region src/shared/acceptedDocumentCard/acceptedDocumentCard.constants.ts
+/** Used for every document type without a dedicated icon in the design system. */
+var DefaultDocumentIcon = IdentificationCardIcon;
+var DOCUMENT_CONFIG = {
+	IdentificationCard: {
+		label: "idv2.unacceptedId.identificationCard",
+		Icon: IdentificationCardIcon
+	},
+	Passport: {
+		label: "idv2.unacceptedId.passport",
+		Icon: PassportIcon$1
+	},
+	DriversLicense: {
+		label: "idv2.unacceptedId.driversLicense",
+		Icon: DriversLicenseIcon
+	},
+	ResidenceDocument: {
+		label: "idv2.unacceptedId.residenceDocument",
+		Icon: ResidenceDocumentIcon
+	},
+	BirthCertificate: { label: "idv2.unacceptedId.birthCertificate" },
+	TravelDocument: { label: "idv2.unacceptedId.travelDocument" },
+	WeaponLicense: { label: "idv2.unacceptedId.weaponLicense" },
+	MedicalCard: { label: "idv2.unacceptedId.medicalCard" },
+	TribalIdentification: { label: "idv2.unacceptedId.tribalIdentification" },
+	Currency: { label: "idv2.unacceptedId.currency" },
+	VehicleRegistration: { label: "idv2.unacceptedId.vehicleRegistration" },
+	TaxIdentification: { label: "idv2.unacceptedId.taxIdentification" },
+	Visa: { label: "idv2.unacceptedId.visa" },
+	Permit: { label: "idv2.unacceptedId.permit" },
+	Military: { label: "idv2.unacceptedId.military" },
+	VoterIdentification: { label: "idv2.unacceptedId.voterIdentification" },
+	FederalID: { label: "idv2.unacceptedId.federalId" },
+	Unknown: { label: "idv2.unacceptedId.unknown" },
+	Other: { label: "idv2.unacceptedId.other" }
+};
+//#endregion
+//#region src/shared/acceptedDocumentCard/acceptedDocumentCard.tsx
+function resolveDocumentConfig(documentType) {
+	const config = DOCUMENT_CONFIG[documentType] ?? DOCUMENT_CONFIG.Other;
+	return {
+		label: config.label,
+		Icon: config.Icon ?? DefaultDocumentIcon
+	};
+}
+var AcceptedDocumentCard = ({ acceptedDocuments }) => {
+	const { t } = useTranslation();
+	const hasAcceptedDocuments = !!acceptedDocuments?.length;
+	return /* @__PURE__ */ u("div", {
+		class: "IncodeAcceptedDocumentCard",
+		children: /* @__PURE__ */ u("div", {
+			class: cn("IncodeAcceptedDocumentCardContainer", !hasAcceptedDocuments && "IncodeAcceptedDocumentCardContainerEmpty"),
+			children: hasAcceptedDocuments ? /* @__PURE__ */ u("ul", {
+				class: "IncodeAcceptedDocumentCardList",
+				children: [...new Set(acceptedDocuments)].map((documentType) => {
+					const { Icon, label } = resolveDocumentConfig(documentType);
+					return /* @__PURE__ */ u("li", {
+						class: "IncodeAcceptedDocumentCardItem",
+						children: [/* @__PURE__ */ u(Icon, {}), /* @__PURE__ */ u(TypographyP, {
+							className: "IncodeAcceptedDocumentCardItemLabel",
+							children: t(label)
+						})]
+					}, documentType);
+				})
+			}) : /* @__PURE__ */ u("div", {
+				class: "IncodeAcceptedDocumentCardEmptyState",
+				children: [/* @__PURE__ */ u(DefaultDocumentIcon, { class: "IncodeAcceptedDocumentCardEmptyStateIcon" }), /* @__PURE__ */ u(TypographyP, {
+					className: "IncodeAcceptedDocumentCardEmptyStateText",
+					children: t("idv2.unacceptedId.noDocuments")
+				})]
+			})
+		})
+	});
+};
+//#endregion
+//#region src/modules/id/processing/unacceptedIdDocuments.tsx
+var UnacceptedIdDocuments = ({ acceptedDocuments, countryCode }) => {
+	const { t, i18n } = useTranslation();
+	const locale = i18n.language || "en";
+	const flag = countryCode ? countryFlagEmoji(countryCode) : "";
+	return /* @__PURE__ */ u("div", {
+		class: "IncodeUnacceptedIdDocuments",
+		children: [countryCode && /* @__PURE__ */ u("div", {
+			class: "IncodeUnacceptedIdDocumentsCountry",
+			children: [/* @__PURE__ */ u(TypographyH3, {
+				className: "IncodeUnacceptedIdDocumentsCountryHeading",
+				children: t("idv2.unacceptedId.acceptedDocuments")
+			}), /* @__PURE__ */ u("span", {
+				class: "IncodeUnacceptedIdDocumentsCountryLabel",
+				children: [flag && /* @__PURE__ */ u("span", {
+					class: "IncodeUnacceptedIdDocumentsCountryFlag",
+					"aria-hidden": "true",
+					children: flag
+				}), /* @__PURE__ */ u("span", {
+					class: "IncodeUnacceptedIdDocumentsCountryName",
+					children: getCountryDisplayName(countryCode, locale)
+				})]
+			})]
+		}), /* @__PURE__ */ u(AcceptedDocumentCard, { acceptedDocuments })]
+	});
+};
+//#endregion
 //#region src/modules/id/processing/idError.tsx
 var IdError = ({ manager, state, blurImage, ..._rest }) => {
 	const { t } = useTranslation();
@@ -1514,10 +1059,20 @@ var IdError = ({ manager, state, blurImage, ..._rest }) => {
 		})]
 	});
 	const mode = state.currentMode === "passport" ? "passport" : "id";
-	if (!state.previewImageUrl) return null;
+	const unacceptableIdType = state.uploadError === "ID_TYPE_UNACCEPTABLE";
+	if (!unacceptableIdType && !state.previewImageUrl) return null;
+	let unacceptedIdDocumentsSlot = null;
+	let imageUrl = state.previewImageUrl;
+	if (unacceptableIdType) {
+		imageUrl = void 0;
+		unacceptedIdDocumentsSlot = /* @__PURE__ */ u(UnacceptedIdDocuments, {
+			acceptedDocuments: state.acceptedDocuments,
+			countryCode: state.countryCode
+		});
+	}
 	return /* @__PURE__ */ u(IdProcessingResult, {
 		variant: "error",
-		imageUrl: state.previewImageUrl,
+		imageUrl,
 		orientation: state.orientation,
 		mode,
 		title: state.uploadErrorMessage ? t(state.uploadErrorMessage) : void 0,
@@ -1525,7 +1080,8 @@ var IdError = ({ manager, state, blurImage, ..._rest }) => {
 		buttonText: state.canRetry ? t("idv2.capture.processing.tryAgain") : t("idv2.capture.processing.continue"),
 		onButtonClick: () => manager.continueFromError(),
 		attemptsRemaining: state.attemptsRemaining,
-		blurImage
+		blurImage,
+		children: unacceptedIdDocumentsSlot
 	});
 };
 //#endregion
@@ -1593,12 +1149,12 @@ var IdNoAttempts = ({ manager }) => {
 };
 //#endregion
 //#region src/modules/id/capture/idHint.tsx
-var FrontHorizontalHintSvg = z(() => import("./front-horizontal-hint-Bhz1rq-w.js"));
-var FrontVerticalHintSvg = z(() => import("./front-vertical-hint-C4FC1ksx.js"));
-var BackHorizontalHintSvg = z(() => import("./back-horizontal-hint-CjdigFZj.js"));
-var BackVerticalHintSvg = z(() => import("./back-vertical-hint-OhaKsINF.js"));
-var PassportHorizontalHintSvg = z(() => import("./passport-horizontal-hint-DzkhjC8Q.js"));
-var PassportVerticalHintSvg = z(() => import("./passport-vertical-hint-Bd0BQn2Y.js"));
+var FrontHorizontalHintSvg = z(() => import("./front-horizontal-hint-mgovnJf3.js"));
+var FrontVerticalHintSvg = z(() => import("./front-vertical-hint-qXMVdLri.js"));
+var BackHorizontalHintSvg = z(() => import("./back-horizontal-hint-UQ7Nof6k.js"));
+var BackVerticalHintSvg = z(() => import("./back-vertical-hint-Crc8ybfk.js"));
+var PassportHorizontalHintSvg = z(() => import("./passport-horizontal-hint-6Ghn2EEN.js"));
+var PassportVerticalHintSvg = z(() => import("./passport-vertical-hint-UPFFpdf4.js"));
 var CARD_WIDTH_IN_SVG = {
 	"front-horizontal": 348,
 	"back-horizontal": 348,
@@ -1707,7 +1263,19 @@ var resolveResultView = (t) => ({
 		subtitle: t("idv2.capture.resultPreview.subtitle")
 	}
 });
-var resolveLiveView = ({ t, mode, detectionStatus, isCapturing }) => {
+/** IDC-08 control/default copy — the title's shared idle vocabulary. */
+function getFillFrameTitle(t, mode) {
+	if (mode === "passport") return t("idv2.capture.fillFramePassport");
+	else if (mode === "back") return t("idv2.capture.fillFrameBack");
+	return t("idv2.capture.fillFrameFront");
+}
+/** IDC-08 `remove`/`auto-dismiss` title — states the action instead of "fill the frame". */
+function getManualCaptureTitle(t, mode) {
+	if (mode === "passport") return t("idv2.capture.manualCapture.capturePassport");
+	else if (mode === "back") return t("idv2.capture.manualCapture.captureBack");
+	return t("idv2.capture.manualCapture.captureFront");
+}
+var resolveLiveView = ({ t, mode, detectionStatus, isCapturing, showManualCapture, manualTooltipVariant }) => {
 	if (isCapturing || detectionStatus === "capturing") return {
 		frameState: "capturing",
 		header: {
@@ -1721,26 +1289,31 @@ var resolveLiveView = ({ t, mode, detectionStatus, isCapturing }) => {
 		frameState: hasDetectionError ? "error" : "idle",
 		header: null
 	};
-	const subtitle = isManualCapture ? "" : t("idv2.capture.autoCapture");
+	const isManualTooltipTreatment = showManualCapture && manualTooltipVariant !== MANUAL_TOOLTIP.CONTROL;
+	const title = isManualTooltipTreatment ? getManualCaptureTitle(t, mode) : getFillFrameTitle(t, mode);
+	let subtitle = t("idv2.capture.autoCapture");
+	if (isManualTooltipTreatment && manualTooltipVariant === MANUAL_TOOLTIP.REMOVE) subtitle = t("idv2.capture.manualCapture.pressButton");
+	else if (isManualCapture) subtitle = "";
 	return {
 		frameState: "idle",
 		header: {
-			title: mode === "passport" ? t("idv2.capture.fillFramePassport") : mode === "back" ? t("idv2.capture.fillFrameBack") : t("idv2.capture.fillFrameFront"),
+			title,
 			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, hideFooterActions, resultPreview }, ref) => {
+var MANUAL_CAPTURE_TOOLTIP_EXIT_ANIMATIONS = ["manualCaptureTooltipExit", "manualCaptureTooltipExitAutoDismiss"];
+var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCapturing, showManualCapture, onCapture, onOpenHelp, helpButtonRef, captureButtonRef, hideFooterActions, resultPreview, manualTooltipUx }, ref) => {
 	const { t } = useTranslation();
 	usePreloadCaptureAnimations();
 	const isResultPreview = resultPreview !== void 0;
+	const isTooltipRemoved = manualTooltipUx.variant === MANUAL_TOOLTIP.REMOVE;
 	const hasShownIdHintRef = A(false);
 	const cameraOverlayHeaderTitleRef = A(null);
 	const [showIdHint, setShowIdHint] = d(false);
-	const [manualCaptureTooltipDismissed, setManualCaptureTooltipDismissed] = d(false);
+	const [manualCaptureTooltipDismissed, setManualCaptureTooltipDismissed] = d(isTooltipRemoved);
 	y(() => {
 		if (detectionStatus === "idNotDetected") {
 			if (hasShownIdHintRef.current) return;
@@ -1751,10 +1324,10 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 		if (showIdHint) setShowIdHint(false);
 	}, [detectionStatus, showIdHint]);
 	y(() => {
-		if (!showManualCapture) setManualCaptureTooltipDismissed(false);
-	}, [showManualCapture]);
+		if (!showManualCapture) setManualCaptureTooltipDismissed(isTooltipRemoved);
+	}, [showManualCapture, isTooltipRemoved]);
 	const handleManualCaptureTooltipAnimationEnd = (event) => {
-		if (event.animationName !== MANUAL_CAPTURE_TOOLTIP_EXIT_ANIMATION) return;
+		if (!MANUAL_CAPTURE_TOOLTIP_EXIT_ANIMATIONS.includes(event.animationName)) return;
 		setManualCaptureTooltipDismissed(true);
 	};
 	y(() => {
@@ -1768,18 +1341,23 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 		t,
 		mode,
 		detectionStatus,
-		isCapturing
+		isCapturing,
+		showManualCapture,
+		manualTooltipVariant: manualTooltipUx.variant
 	}), [
 		isResultPreview,
 		t,
 		mode,
 		detectionStatus,
-		isCapturing
+		isCapturing,
+		showManualCapture,
+		manualTooltipUx.variant
 	]);
 	const isPassport = mode === "passport";
 	const frameOrientation = orientation !== "vertical" ? "horizontal" : "vertical";
-	const showManualCaptureTooltip = !isResultPreview && showManualCapture && !manualCaptureTooltipDismissed;
+	const showManualCaptureNode = !isResultPreview && showManualCapture;
 	const showCounter = isCapturing && counterValue > 0;
+	const captureAriaLabel = header?.title ? `${header.title}. ${t("manualCapture.ariaLabel")}` : void 0;
 	const manualCaptureTooltip = /* @__PURE__ */ u("div", {
 		id: "manual-capture-tooltip",
 		class: "IncodeIdManualCaptureTooltip",
@@ -1831,12 +1409,14 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 				onOpenHelp,
 				onCapture,
 				isManualCapture: showManualCapture,
+				captureAriaLabel,
 				helpButtonRef,
 				captureButtonRef,
-				captureAriaDescribedBy: showManualCaptureTooltip ? "manual-capture-tooltip" : void 0,
+				captureAriaDescribedBy: showManualCaptureNode ? "manual-capture-tooltip" : void 0,
 				hideActions: hideFooterActions,
-				children: showManualCaptureTooltip ? /* @__PURE__ */ u("div", {
-					class: "IncodeIdManualCaptureTooltipContainer",
+				children: showManualCaptureNode ? /* @__PURE__ */ u("div", {
+					class: cn("IncodeIdManualCaptureTooltipContainer", manualTooltipUx.variant === MANUAL_TOOLTIP.AUTO_DISMISS && "IncodeIdManualCaptureTooltipContainerAutoDismiss", manualCaptureTooltipDismissed && "IncodeIdManualCaptureTooltipContainerSrOnly"),
+					style: { "--manual-capture-tooltip-dismiss-delay": `${manualTooltipUx.dismissDelayMs}ms` },
 					onAnimationEnd: handleManualCaptureTooltipAnimationEnd,
 					children: manualCaptureTooltip
 				}) : null
@@ -1845,36 +1425,15 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 	});
 });
 //#endregion
-//#region src/modules/id/capture/captureHelpers.ts
-/**
-* 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 (phase === "exiting") return "crossfade";
-	if (phase === "present") return "live";
-	return state.captureStatus === "uploading" ? "analyzing" : "live";
-}
-function getCaptureMode(state) {
-	return state.currentMode === "passport" ? "passport" : "id";
-}
-//#endregion
 //#region src/modules/id/capture/capture.tsx
 var Capture = ({ manager, state }) => {
 	const { enabled: resultPreviewEnabled, phase: resultPreviewPhase, isResultPreview, resultPreviewImageUrl, onCrossfadeEnd } = useCaptureResultPreview(state);
+	const manualTooltipUx = useManualTooltipExperiment(manager, state);
 	const stageView = getCaptureStageView(state, resultPreviewPhase);
 	const isCrossfadeStage = stageView === "crossfade";
 	const isLiveStage = stageView === "live";
 	if (state.captureStatus === "holdOn") return /* @__PURE__ */ u(TransitionSpinner, { subtitleKey: "idv2.capture.holdOn.subtitle" });
+	if ((state.captureStatus === "capturing" || state.captureStatus === "uploading") && !state.previewImageUrl) return /* @__PURE__ */ u(TransitionSpinner, { subtitleKey: "idv2.capture.holdOn.subtitle" });
 	if (state.captureStatus === "success" && (state.previewImageUrl || state.barcodeFastPathCaptured)) return /* @__PURE__ */ u(IdSuccess, {
 		manager,
 		state,
@@ -1909,7 +1468,8 @@ var Capture = ({ manager, state }) => {
 			state,
 			isResultPreview,
 			resultPreviewImageUrl,
-			hideFooterActions: !isLiveStage
+			hideFooterActions: !isLiveStage,
+			manualTooltipUx
 		})
 	}, "live");
 	return /* @__PURE__ */ u("div", {
@@ -1917,7 +1477,7 @@ var Capture = ({ manager, state }) => {
 		children: [idAnalyzingSlot, captureViewSlot]
 	});
 };
-var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hideFooterActions }) => {
+var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hideFooterActions, manualTooltipUx }) => {
 	const frameRef = A(null);
 	const helpButtonRef = A(null);
 	const captureButtonRef = A(null);
@@ -1937,8 +1497,7 @@ var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hid
 	useEventListener("resize", reportFrame);
 	useResizeObserver(frameRef, reportFrame);
 	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 showManualCapture = isManualCaptureShown(state);
 	const resultPreview = isResultPreview && resultPreviewImageUrl ? {
 		imageUrl: resultPreviewImageUrl,
 		blurImage: state.ageAssurance
@@ -1960,7 +1519,7 @@ var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hid
 	const handleCapture = () => {
 		manager.capture();
 	};
-	const mirrored = getDeviceClass() === "desktop";
+	const mirrored = !state.usingBackCamera;
 	return /* @__PURE__ */ u(Page, {
 		hideHeader: true,
 		hideFooterBranding: true,
@@ -1984,7 +1543,8 @@ var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hid
 					helpButtonRef,
 					captureButtonRef,
 					resultPreview,
-					hideFooterActions
+					hideFooterActions,
+					manualTooltipUx
 				})
 			}),
 			/* @__PURE__ */ u("div", { ref: portalRef }),
@@ -1998,30 +1558,66 @@ var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hid
 	});
 };
 //#endregion
+//#region src/modules/id/tutorialHelpers.ts
+/**
+* Resolves the tutorial's animation and copy for one document/side pairing.
+*
+* The three shapes are mutually exclusive, so each returns whole — passport
+* wins over side, matching the order the screen's copy was authored in.
+*/
+function getTutorialContent(t, isPassport, isBack, disclaimerText) {
+	let adjustedDisclaimerText;
+	if (isBack) adjustedDisclaimerText = t("idv2.backTutorial.disclaimer");
+	else adjustedDisclaimerText = t("idv2.tutorial.v2.autocapture");
+	if (disclaimerText) adjustedDisclaimerText = disclaimerText;
+	if (isPassport) return {
+		animationKey: "id.tutorial.passport",
+		title: t("idv2.capture.passport.title"),
+		subtitle: t("idv2.capture.passport.subtitle"),
+		disclaimerText: adjustedDisclaimerText
+	};
+	if (isBack) return {
+		animationKey: "id.tutorial.back",
+		title: t("idv2.backTutorial.title"),
+		subtitle: t("idv2.backTutorial.subtitle"),
+		disclaimerText: adjustedDisclaimerText
+	};
+	return {
+		animationKey: "id.tutorial.front",
+		title: t("idv2.tutorial.title"),
+		subtitle: t("idv2.tutorial.subtitle"),
+		disclaimerText: adjustedDisclaimerText
+	};
+}
+//#endregion
 //#region src/modules/id/tutorial.tsx
-var Tutorial = ({ manager, state }) => {
+var Tutorial = ({ manager, documentType, mode, isLoading: isLoadingProp, actionsSlot, onContinue, disclaimerText, shouldScaleAnimationContainer = true }) => {
 	const { t } = useTranslation();
-	const [isLoading, setIsLoading] = d(false);
-	const isPassport = state.selectedDocumentType === "passport";
-	const isBack = state.currentMode === "back";
-	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");
+	const [internalIsLoading, setInternalIsLoading] = d(false);
+	const isLoading = isLoadingProp ?? internalIsLoading;
+	const isPassport = documentType === "passport";
+	const tutorialContent = getTutorialContent(t, isPassport, mode === "back", disclaimerText);
+	const { data: animationData, isOverride } = useAnimationData(tutorialContent.animationKey);
 	const handleContinue = async () => {
-		setIsLoading(true);
+		if (isLoadingProp === void 0) setInternalIsLoading(true);
+		if (onContinue) {
+			onContinue();
+			return;
+		}
 		await manager.nextStep();
 	};
 	return /* @__PURE__ */ u(BaseTutorial, {
 		animationData,
 		recolor: !isOverride,
-		title,
-		subtitle,
+		title: tutorialContent.title,
+		subtitle: tutorialContent.subtitle,
 		onContinue: handleContinue,
 		buttonText: t("idv2.tutorial.startScan"),
-		disclaimerText,
+		disclaimerText: tutorialContent.disclaimerText,
 		isLoading,
-		className: cn("IncodeIdTutorial", isPassport ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId")
+		actionsSlot,
+		className: cn("IncodeIdTutorial", isPassport ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"),
+		shouldScaleAnimationContainer
 	});
 };
 //#endregion
@@ -3050,40 +2646,47 @@ var DigitalIdIcon = () => {
 //#endregion
 //#region src/modules/id/chooser/chooser.constants.ts
 var CHOOSER_OPTIONS_LOOKUP = {
+	digitalIdRedirect: {
+		type: "digitalIdRedirect",
+		icon: DigitalIdIcon,
+		title: "idv2.chooser.digitalIdRedirectButtonTitle",
+		testId: "verification-option-digitalIdRedirect",
+		weight: 1
+	},
 	digitalIdUpload: {
 		type: "digitalIdUpload",
 		icon: DigitalIdIcon,
 		title: "idv2.chooser.digitalIdUploadButtonTitle",
 		testId: "verification-option-digitalIdUpload",
-		weight: 1
+		weight: 2
 	},
 	id: {
 		type: "id",
 		icon: IdCardIcon,
 		title: "idv2.chooser.idButtonTitle",
 		testId: "verification-option-id",
-		weight: 2
+		weight: 3
 	},
 	passport: {
 		type: "passport",
 		icon: PassportIcon,
 		title: "idv2.chooser.passportButtonTitle",
 		testId: "verification-option-passport",
-		weight: 3
+		weight: 4
 	},
 	digitalId: {
 		icon: DeviceWalletsIcon,
 		title: "idv2.chooser.digitalIdButtonTitle",
 		testId: "verification-option-digitalId",
 		type: "digitalId",
-		weight: 4
+		weight: 5
 	},
 	manualIdUpload: {
 		type: "manualIdUpload",
 		icon: UploadIdIcon,
 		title: "idv2.chooser.manualUploadButtonTitle",
 		testId: "verification-option-manualIdUpload",
-		weight: 5
+		weight: 6
 	}
 };
 //#endregion
@@ -3154,4 +2757,4 @@ var FlipAnimation = ({ manager, direction }) => {
 	});
 };
 //#endregion
-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 };
+export { VerificationOptionCard as _, IdNoAttempts as a, canFlipCapturedCard as c, CAMERA_PERMISSION_UX as d, CONTINUING_TUTORIAL_PHASES as f, PERMISSION_DIALOG_STATUS as g, ID_CAPTURE_STATUS as h, Capture as i, CaptureFrame as l, ID_CAPTURE_LOADING_PHASE as m, Chooser as n, IdExpired as o, EXPERIMENT_LIFECYCLE_STATUS as p, Tutorial as r, IdError as s, FlipAnimation as t, useIdExperiment as u, VerificationOptionCardList as v };