@incodetech/web 0.0.0-dev-20260608-c8c427ca → 0.0.0-dev-20260609-11ba3e8a

package/dist/{tutorial-QzQ536BL.js → tutorial-Jv0noW4z.js}

@@ -1,67 +1,70 @@
-import { r as e } from "./rolldown-runtime-CYMK-g2i.js";
-import { n as t, t as n } from "./i18n-Kzzvkz94.js";
-import { S as r, _ as i, a, h as o, l as s, m as c, p as l, v as u } from "./vendor-preact-D6SntenC.js";
-import { r as d } from "./hooks-MxHtZWTS.js";
-import { n as f, r as p, t as m } from "./loadingIcon-BN5YRQUb.js";
-import { t as h } from "./page-DA3R7q0J.js";
-import { i as g, n as _, t as v } from "./typography-CxjaknHN.js";
-import { t as y } from "./transitionSpinner-Di3bOyOu.js";
-import { t as b } from "./button-DcCUEn2n.js";
-import { t as x } from "./errorIcon-DpHzAoAo.js";
-import { h as S } from "./icons-9I5g9-_1.js";
-import { t as ee } from "./successIcon-SlKgTSty.js";
-import { t as C } from "./modal-ZqAhwiRF.js";
-import { t as w } from "./bottomSheet-QrpyatOD.js";
-import { t as T } from "./numberedStep-CdLWASwL.js";
-import { getBrowser as E, getDeviceClass as D } from "@incodetech/core/device";
+import { r as __toESM } from "./rolldown-runtime--E5BIlTp.js";
+import { n as useTranslation, t as Trans } from "./i18n-gTHArCl9.js";
+import { S as k, _ as y, a as D, h as q, l as A, m as g, p as d, v as u } from "./vendor-preact-BH7vOa2r.js";
+import { r as useIsMobileDeviceWidth } from "./hooks-BtgmGvba.js";
+import { n as cn, r as Spacer, t as LoadingIcon } from "./loadingIcon-DN62ugKs.js";
+import { t as Page } from "./page-BZ-0eNWq.js";
+import { i as TypographyH4, n as TypographyH1, t as Title } from "./typography-BK4AmfKX.js";
+import { t as TransitionSpinner } from "./transitionSpinner-CWhGcr7c.js";
+import { t as Button } from "./button-B-qlr4iI.js";
+import { t as ErrorIcon } from "./errorIcon-B0rmz3rw.js";
+import { h as WarningIcon } from "./icons-DKY3xDkf.js";
+import { t as SuccessIcon } from "./successIcon-rmzr-pxu.js";
+import { t as Modal } from "./modal-B5QeulDu.js";
+import { t as BottomSheet } from "./bottomSheet-BuzqNQtG.js";
+import { t as NumberedStep } from "./numberedStep-DVAyTPv1.js";
+import { getBrowser, getDeviceClass } from "@incodetech/core/device";
 import "@incodetech/core/camera";
 //#region src/shared/errorContent/errorContent.tsx
-var O = ({ title: e, description: n, attemptsRemaining: r, onButtonClick: a, "data-testid": o }) => {
-	let { t: c } = t(), l = r <= 0, d = s(null);
-	return i(() => {
-		d.current?.focus();
-	}, []), /* @__PURE__ */ u(C.Root, {
-		open: !0,
-		dismissible: !1,
-		hasBackdrop: !1,
-		manageInitialFocus: !1,
+var ErrorContent = ({ title, description, attemptsRemaining, onButtonClick, "data-testid": testId }) => {
+	const { t } = useTranslation();
+	const noMoreAttempts = attemptsRemaining <= 0;
+	const titleRef = A(null);
+	y(() => {
+		titleRef.current?.focus();
+	}, []);
+	return /* @__PURE__ */ u(Modal.Root, {
+		open: true,
+		dismissible: false,
+		hasBackdrop: false,
+		manageInitialFocus: false,
 		class: "IncodeErrorContent",
-		children: /* @__PURE__ */ u(C.Content, {
+		children: /* @__PURE__ */ u(Modal.Content, {
 			class: "IncodeErrorContentContent",
-			children: /* @__PURE__ */ u(h, {
-				"data-testid": o,
+			children: /* @__PURE__ */ u(Page, {
+				"data-testid": testId,
 				className: "IncodeErrorContentPage",
 				children: /* @__PURE__ */ u("div", {
 					class: "IncodeErrorContentContainer",
 					children: [/* @__PURE__ */ u("div", {
 						class: "IncodeErrorContentIconContainer",
 						children: [
-							u(l ? x : S, { size: 32 }),
-							/* @__PURE__ */ u(p, { size: 16 }),
-							/* @__PURE__ */ u(v, {
-								ref: d,
+							noMoreAttempts ? /* @__PURE__ */ u(ErrorIcon, { size: 32 }) : /* @__PURE__ */ u(WarningIcon, { size: 32 }),
+							/* @__PURE__ */ u(Spacer, { size: 16 }),
+							/* @__PURE__ */ u(Title, {
+								ref: titleRef,
 								id: "incode-modal-title",
 								tabIndex: -1,
 								className: "IncodeErrorContentTitle",
-								children: e
+								children: title
 							}),
-							/* @__PURE__ */ u(p, { size: 12 }),
+							/* @__PURE__ */ u(Spacer, { size: 12 }),
 							/* @__PURE__ */ u("p", {
 								class: "IncodeErrorContentDescription",
-								children: n
+								children: description
 							})
 						]
 					}), /* @__PURE__ */ u("div", {
 						class: "IncodeErrorContentAttemptsContainer",
 						children: [
-							l ? null : /* @__PURE__ */ u("p", {
+							!noMoreAttempts ? /* @__PURE__ */ u("p", {
 								class: "IncodeErrorContentAttemptsText",
-								children: c("common.attemptsRemaining", { count: r })
-							}),
-							/* @__PURE__ */ u(p, { size: 24 }),
-							/* @__PURE__ */ u(b, {
-								onClick: a,
-								children: c(l ? "common.continue" : "common.tryAgain")
+								children: t("common.attemptsRemaining", { count: attemptsRemaining })
+							}) : null,
+							/* @__PURE__ */ u(Spacer, { size: 24 }),
+							/* @__PURE__ */ u(Button, {
+								onClick: onButtonClick,
+								children: noMoreAttempts ? t("common.continue") : t("common.tryAgain")
 							})
 						]
 					})]
@@ -69,109 +72,141 @@ var O = ({ title: e, description: n, attemptsRemaining: r, onButtonClick: a, "da
 			})
 		})
 	});
-}, k = null;
-async function te() {
-	return k || (k = import("./lottie_light-DLqSnziX.js").then((t) => /* @__PURE__ */ e(t.default, 1)).then((e) => e.default), k);
+};
+//#endregion
+//#region src/shared/lottie/lottie.tsx
+var lottiePromise = null;
+async function loadLottie() {
+	if (lottiePromise) return lottiePromise;
+	lottiePromise = import("./lottie_light-Dp9Bz3mf.js").then((m) => /* @__PURE__ */ __toESM(m.default, 1)).then((mod) => mod.default);
+	return lottiePromise;
 }
-var ne = 5e3;
-function A({ animationData: e, loop: t = !0, autoplay: n = !0, reverse: r = !1, style: a, className: o, onComplete: c, autoStop: l = !1, stopFramePosition: d }) {
-	let f = s(null), p = r ? !1 : n, m = s({
-		container: f.current,
+var AUTO_STOP_AFTER_MS = 5e3;
+function Lottie({ animationData, loop = true, autoplay = true, reverse = false, style, className, onComplete, autoStop = false, stopFramePosition }) {
+	const containerRef = A(null);
+	const effectiveAutoplay = reverse ? false : autoplay;
+	const animationOptionsRef = A({
+		container: containerRef.current,
 		renderer: "svg",
-		loop: t,
-		autoplay: p,
-		animationData: e
+		loop,
+		autoplay: effectiveAutoplay,
+		animationData
 	});
-	return i(() => {
-		m.current = {
-			container: f.current,
+	y(() => {
+		animationOptionsRef.current = {
+			container: containerRef.current,
 			renderer: "svg",
-			loop: t,
-			autoplay: p,
-			animationData: e
+			loop,
+			autoplay: effectiveAutoplay,
+			animationData
 		};
 	}, [
-		e,
-		t,
-		p
-	]), i(() => {
-		if (!f.current) return;
-		let e, t, n = !0;
-		return te().then((i) => {
-			n && (e = i.loadAnimation(m.current), r && (e.setDirection(-1), e.goToAndPlay(e.totalFrames - 1, !0)), c && e.addEventListener("complete", c), l && (t = window.setTimeout(() => {
-				let t = e;
-				if (!t) return;
-				if (!d) {
-					t.pause();
+		animationData,
+		loop,
+		effectiveAutoplay
+	]);
+	y(() => {
+		if (!containerRef.current) return;
+		let anim;
+		let stopTimer;
+		let isMounted = true;
+		loadLottie().then((lottie) => {
+			if (!isMounted) return;
+			anim = lottie.loadAnimation(animationOptionsRef.current);
+			if (reverse) {
+				anim.setDirection(-1);
+				anim.goToAndPlay(anim.totalFrames - 1, true);
+			}
+			if (onComplete) anim.addEventListener("complete", onComplete);
+			if (autoStop) stopTimer = window.setTimeout(() => {
+				const current = anim;
+				if (!current) return;
+				if (!stopFramePosition) {
+					current.pause();
 					return;
 				}
-				let n = t.totalFrames;
-				if (!n || n <= 0) {
-					t.stop();
+				const totalFrames = current.totalFrames;
+				if (!totalFrames || totalFrames <= 0) {
+					current.stop();
 					return;
 				}
-				let r = d === "last" ? Math.max(n - 1, 0) : d === "first" ? 0 : Math.floor((n - 1) / 2);
-				t.goToAndStop(r, !0);
-			}, ne)));
-		}), () => {
-			n = !1, t !== void 0 && window.clearTimeout(t), e && (c && e.removeEventListener("complete", c), e.destroy());
+				const targetFrame = stopFramePosition === "last" ? Math.max(totalFrames - 1, 0) : stopFramePosition === "first" ? 0 : Math.floor((totalFrames - 1) / 2);
+				current.goToAndStop(targetFrame, true);
+			}, AUTO_STOP_AFTER_MS);
+		});
+		return () => {
+			isMounted = false;
+			if (stopTimer !== void 0) window.clearTimeout(stopTimer);
+			if (anim) {
+				if (onComplete) anim.removeEventListener("complete", onComplete);
+				anim.destroy();
+			}
 		};
 	}, [
-		c,
-		r,
-		l,
-		d
-	]), /* @__PURE__ */ u("div", {
-		ref: f,
-		style: a,
-		className: o,
+		onComplete,
+		reverse,
+		autoStop,
+		stopFramePosition
+	]);
+	return /* @__PURE__ */ u("div", {
+		ref: containerRef,
+		style,
+		className,
 		"aria-hidden": "true"
 	});
 }
 //#endregion
 //#region src/shared/baseTutorial/baseTutorial.tsx
-var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle: i, onContinue: a, buttonText: o, disclaimerText: s, isLoading: c, stopFramePosition: l = "middle" }) => /* @__PURE__ */ u(h, {
-	className: f("IncodeTutorialPage", e),
-	title: n,
-	titleId: r,
-	subtitle: i,
-	children: [/* @__PURE__ */ u("div", {
-		class: "IncodeBaseTutorialContainer",
-		children: /* @__PURE__ */ u("div", {
-			class: "IncodeBaseTutorialAnimationContainer",
-			"aria-hidden": "true",
-			children: t ? /* @__PURE__ */ u(A, {
-				animationData: t,
-				className: "IncodeBaseTutorialAnimation",
-				autoStop: !0,
-				stopFramePosition: l
-			}) : null
-		})
-	}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("p", {
-		class: "IncodeBaseTutorialDisclaimer",
-		children: s
-	}), /* @__PURE__ */ u("div", {
-		class: "IncodeBaseTutorialButtonContainer",
-		children: /* @__PURE__ */ u(b, {
-			onClick: a,
-			class: "m-auto max-w-[420px]",
-			isLoading: c,
-			children: o
-		})
-	})] })]
-}), re = ({ i18nKey: e }) => /* @__PURE__ */ u("span", {
+var BaseTutorial = ({ className = "", animationData, title, titleId, subtitle, onContinue, buttonText, disclaimerText, isLoading, stopFramePosition = "middle" }) => {
+	return /* @__PURE__ */ u(Page, {
+		className: cn("IncodeTutorialPage", className),
+		title,
+		titleId,
+		subtitle,
+		children: [/* @__PURE__ */ u("div", {
+			class: "IncodeBaseTutorialContainer",
+			children: /* @__PURE__ */ u("div", {
+				class: "IncodeBaseTutorialAnimationContainer",
+				"aria-hidden": "true",
+				children: animationData ? /* @__PURE__ */ u(Lottie, {
+					animationData,
+					className: "IncodeBaseTutorialAnimation",
+					autoStop: true,
+					stopFramePosition
+				}) : null
+			})
+		}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("p", {
+			class: "IncodeBaseTutorialDisclaimer",
+			children: disclaimerText
+		}), /* @__PURE__ */ u("div", {
+			class: "IncodeBaseTutorialButtonContainer",
+			children: /* @__PURE__ */ u(Button, {
+				onClick: onContinue,
+				class: "m-auto max-w-[420px]",
+				isLoading,
+				children: buttonText
+			})
+		})] })]
+	});
+};
+//#endregion
+//#region src/shared/permissions/camera/boldWithArrow.tsx
+var BoldWithArrow = ({ i18nKey }) => /* @__PURE__ */ u("span", {
 	class: "IncodeBoldWithArrow",
-	children: /* @__PURE__ */ u(n, {
-		i18nKey: e,
+	children: /* @__PURE__ */ u(Trans, {
+		i18nKey,
 		arrowClass: "IncodeBoldWithArrowIcon"
 	})
-}), M = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/android-dots-icon.svg?react
+var SvgAndroidDotsIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 38,
 	height: 38,
 	viewBox: "0 0 38 38",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [/* @__PURE__ */ u("rect", {
 		width: 38,
 		height: 38,
@@ -181,13 +216,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		d: "M19 24C20.3807 24 21.5 25.1193 21.5 26.5C21.5 27.8807 20.3807 29 19 29C17.6193 29 16.5 27.8807 16.5 26.5C16.5 25.1193 17.6193 24 19 24ZM19 17C20.3807 17 21.5 18.1193 21.5 19.5C21.5 20.8807 20.3807 22 19 22C17.6193 22 16.5 20.8807 16.5 19.5C16.5 18.1193 17.6193 17 19 17ZM19 10C20.3807 10 21.5 11.1193 21.5 12.5C21.5 13.8807 20.3807 15 19 15C17.6193 15 16.5 13.8807 16.5 12.5C16.5 11.1193 17.6193 10 19 10Z",
 		fill: "#646464"
 	})]
-}), N = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/android-settings-icon.svg?react
+var SvgAndroidSettingsIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 38,
 	height: 38,
 	viewBox: "0 0 38 38",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [
 		/* @__PURE__ */ u("path", {
 			d: "M30.2222 0H7.77778C3.48223 0 0 3.48903 0 7.79297V30.207C0 34.511 3.48223 38 7.77778 38H30.2222C34.5178 38 38 34.511 38 30.207V7.79297C38 3.48903 34.5178 0 30.2222 0Z",
@@ -210,13 +248,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			})
 		}) })
 	]
-}), P = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/android-toggle-icon.svg?react
+var SvgAndroidToggleIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 38,
 	height: 38,
 	viewBox: "0 0 38 38",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [/* @__PURE__ */ u("g", {
 		clipPath: "url(#clip0_12232_5215)",
 		children: /* @__PURE__ */ u("g", {
@@ -275,13 +316,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			fill: "white"
 		})
 	})] })]
-}), F = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/chrome-icon.svg?react
+var SvgChromeIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 38,
 	height: 38,
 	viewBox: "0 0 38 38",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [
 		/* @__PURE__ */ u("path", {
 			d: "M30.2222 0H7.77778C3.48223 0 0 3.48903 0 7.79297V30.207C0 34.511 3.48223 38 7.77778 38H30.2222C34.5178 38 38 34.511 38 30.207V7.79297C38 3.48903 34.5178 0 30.2222 0Z",
@@ -360,13 +404,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			})
 		] })
 	]
-}), I = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/firefox-icon.svg?react
+var SvgFirefoxIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 40,
 	height: 40,
 	viewBox: "0 0 40 40",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [
 		/* @__PURE__ */ u("rect", {
 			width: 40,
@@ -705,13 +752,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			})
 		] })
 	]
-}), L = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/firefox-radio-icon.svg?react
+var SvgFirefoxRadioIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 40,
 	height: 40,
 	viewBox: "0 0 40 40",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [/* @__PURE__ */ u("rect", {
 		width: 40,
 		height: 40,
@@ -721,13 +771,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		d: "M20 12C24.4183 12 28 15.5817 28 20C28 24.4183 24.4183 28 20 28C15.5817 28 12 24.4183 12 20C12 15.5817 15.5817 12 20 12ZM20 13C16.134 13 13 16.134 13 20C13 23.866 16.134 27 20 27C23.866 27 27 23.866 27 20C27 16.134 23.866 13 20 13ZM20 15C22.7614 15 25 17.2386 25 20C25 22.7614 22.7614 25 20 25C17.2386 25 15 22.7614 15 20C15 17.2386 17.2386 15 20 15Z",
 		fill: "#646464"
 	})]
-}), R = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/bank-card-icon.svg?react
+var SvgBankCardIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 32,
 	height: 32,
 	viewBox: "0 0 32 32",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: /* @__PURE__ */ u("g", {
 		id: "Bank Carrd check - Iconly Pro",
 		children: [
@@ -754,13 +807,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			})
 		]
 	})
-}), ie = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/camera-icon.svg?react
+var SvgCameraIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 32,
 	height: 32,
 	viewBox: "0 0 32 32",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: /* @__PURE__ */ u("g", {
 		id: "Camera - Iconly Pro",
 		children: /* @__PURE__ */ u("g", {
@@ -775,13 +831,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			})
 		})
 	})
-}), ae = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/check-icon.svg?react
+var SvgCheckIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 32,
 	height: 32,
 	viewBox: "0 0 32 32",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: /* @__PURE__ */ u("g", {
 		id: "Check badge - Iconly Pro",
 		children: /* @__PURE__ */ u("path", {
@@ -792,13 +851,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			fill: "currentColor"
 		})
 	})
-}), oe = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/samsung-internet-icon.svg?react
+var SvgSamsungInternetIcon = (props) => /* @__PURE__ */ u("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 40,
 	height: 40,
 	viewBox: "0 0 40 40",
 	fill: "none",
-	...e,
+	...props,
 	children: [
 		/* @__PURE__ */ u("rect", {
 			width: 40,
@@ -815,13 +877,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			fill: "#4D5CC1"
 		})
 	]
-}), se = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/samsung-toggle-icon.svg?react
+var SvgSamsungToggleIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 40,
 	height: 40,
 	viewBox: "0 0 40 40",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [
 		/* @__PURE__ */ u("rect", {
 			width: 40,
@@ -844,13 +909,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			fill: "white"
 		})
 	]
-}), z = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/camera-ios.svg?react
+var SvgCameraIos = (props) => /* @__PURE__ */ u("svg", {
 	width: 38,
 	height: 38,
 	viewBox: "0 0 38 38",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [/* @__PURE__ */ u("g", {
 		clipPath: "url(#clip0_6851_3788)",
 		children: /* @__PURE__ */ u("g", {
@@ -984,13 +1052,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			})
 		})
 	] })]
-}), B = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/safari-icon.svg?react
+var SvgSafariIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 40,
 	height: 40,
 	viewBox: "0 0 40 40",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [
 		/* @__PURE__ */ u("path", {
 			d: "M19.9999 37.4384C29.6309 37.4384 37.4384 29.631 37.4384 20C37.4384 10.369 29.6309 2.56158 19.9999 2.56158C10.369 2.56158 2.56152 10.369 2.56152 20C2.56152 29.631 10.369 37.4384 19.9999 37.4384Z",
@@ -1044,13 +1115,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			})]
 		})] })
 	]
-}), V = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/settings-icon.svg?react
+var SvgSettingsIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 38,
 	height: 38,
 	viewBox: "0 0 38 38",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [
 		/* @__PURE__ */ u("path", {
 			d: "M24.7434 -0.00317383C28.544 -0.00317383 30.4443 -0.00317383 32.5135 0.630264C34.7517 1.43262 36.5253 3.20624 37.3277 5.44439C38.0033 7.51362 38.0033 9.45616 38.0033 13.2568V24.7431C38.0033 28.5437 38.0033 30.4441 37.3699 32.5133C36.5675 34.7514 34.7939 36.5251 32.5558 37.3274C30.4443 38.0031 28.544 38.0031 24.7434 38.0031H13.257C9.4564 38.0031 7.55609 38.0031 5.48686 37.3696C3.20649 36.5251 1.47509 34.7937 0.630508 32.5133C-0.00292969 30.4863 -0.00292969 28.586 -0.00292969 24.7431V13.2568C-0.00292969 9.45616 -0.00292969 7.55585 0.630508 5.48662C1.47509 3.24847 3.20649 1.47485 5.48686 0.672493C7.51386 -0.00317389 9.41418 -0.00317383 13.257 -0.00317383H24.7434Z",
@@ -1100,13 +1174,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			})]
 		})] })
 	]
-}), H = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/toggle-icon.svg?react
+var SvgToggleIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 38,
 	height: 38,
 	viewBox: "0 0 38 38",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [/* @__PURE__ */ u("g", {
 		clipPath: "url(#clip0_6848_3728)",
 		children: [
@@ -1161,13 +1238,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			fill: "white"
 		})
 	})] })]
-}), U = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/opera-another-icon.svg?react
+var SvgOperaAnotherIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 40,
 	height: 40,
 	viewBox: "0 0 40 40",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [
 		/* @__PURE__ */ u("rect", {
 			width: 40,
@@ -1188,13 +1268,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			fill: "white"
 		})
 	]
-}), W = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/opera-camera-icon.svg?react
+var SvgOperaCameraIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 40,
 	height: 40,
 	viewBox: "0 0 40 40",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [
 		/* @__PURE__ */ u("rect", {
 			width: 40,
@@ -1217,13 +1300,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			mask: "url(#path-2-inside-1_6845_3468)"
 		})
 	]
-}), G = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/opera-radio-icon.svg?react
+var SvgOperaRadioIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 40,
 	height: 40,
 	viewBox: "0 0 40 40",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [
 		/* @__PURE__ */ u("rect", {
 			width: 40,
@@ -1244,13 +1330,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			fill: "#006AFF"
 		})
 	]
-}), K = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/opera-browser-icon.svg?react
+var SvgOperaBrowserIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 40,
 	height: 40,
 	viewBox: "0 0 40 40",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [
 		/* @__PURE__ */ u("rect", {
 			width: 40,
@@ -1467,13 +1556,16 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			})
 		}) })
 	]
-}), q = (e) => /* @__PURE__ */ u("svg", {
+});
+//#endregion
+//#region src/shared/permissions/assets/android-settings-outline-icon.svg?react
+var SvgAndroidSettingsOutlineIcon = (props) => /* @__PURE__ */ u("svg", {
 	width: 40,
 	height: 40,
 	viewBox: "0 0 40 40",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
-	...e,
+	...props,
 	children: [/* @__PURE__ */ u("rect", {
 		width: 40,
 		height: 40,
@@ -1483,30 +1575,31 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		d: "M20.0002 10C19.2117 10 18.4515 10.0997 17.7258 10.2686C17.5744 10.3039 17.4378 10.3853 17.3348 10.5017C17.2317 10.618 17.1674 10.7635 17.1506 10.918L16.9914 12.3691C16.9393 12.8447 16.6647 13.2654 16.2502 13.5049C15.8366 13.7439 15.3345 13.7703 14.8967 13.5781H14.8957L13.5627 12.9912C13.4205 12.9286 13.2624 12.9118 13.1102 12.9429C12.958 12.974 12.8193 13.0517 12.7131 13.165C11.6768 14.2698 10.8815 15.6075 10.4299 17.1006C10.3849 17.2492 10.3871 17.4081 10.4363 17.5554C10.4854 17.7027 10.5791 17.8311 10.7043 17.9229L11.8869 18.79C12.2731 19.074 12.5002 19.5214 12.5002 20C12.5002 20.4789 12.2731 20.9267 11.8869 21.21L10.7043 22.0762C10.5791 22.168 10.4854 22.2964 10.4363 22.4437C10.3871 22.5909 10.3849 22.7498 10.4299 22.8984C10.8815 24.3913 11.6762 25.7301 12.7131 26.835C12.8194 26.9482 12.9582 27.0256 13.1104 27.0566C13.2626 27.0875 13.4206 27.0705 13.5627 27.0078L14.8957 26.4209C15.3337 26.2283 15.8363 26.256 16.2502 26.4951C16.6647 26.7346 16.9393 27.1553 16.9914 27.6309L17.1506 29.082C17.1675 29.2362 17.2318 29.3814 17.3346 29.4975C17.4375 29.6136 17.5738 29.695 17.7248 29.7305C18.4509 29.8999 19.2117 30 20.0002 30C20.7886 30 21.5489 29.9003 22.2746 29.7314C22.4259 29.6961 22.5626 29.6147 22.6656 29.4983C22.7687 29.382 22.833 29.2365 22.8498 29.082L23.009 27.6309C23.061 27.1553 23.3357 26.7346 23.7502 26.4951C24.1638 26.2561 24.6659 26.2287 25.1037 26.4209L26.4377 27.0078C26.5798 27.0705 26.7378 27.0875 26.89 27.0566C27.0422 27.0256 27.181 26.9482 27.2873 26.835C28.3236 25.7302 29.1189 24.3915 29.5705 22.8984C29.6155 22.7498 29.6133 22.5909 29.5641 22.4437C29.515 22.2964 29.4213 22.168 29.2961 22.0762L28.1135 21.21C27.7273 20.9267 27.5002 20.4789 27.5002 20C27.5002 19.5211 27.7273 19.0733 28.1135 18.79L29.2961 17.9238C29.4213 17.832 29.515 17.7036 29.5641 17.5563C29.6133 17.4091 29.6155 17.2502 29.5705 17.1016C29.1189 15.6085 28.3236 14.2698 27.2873 13.165C27.181 13.0518 27.0422 12.9744 26.89 12.9434C26.7378 12.9125 26.5798 12.9295 26.4377 12.9922L25.1037 13.5791C24.6659 13.7713 24.1638 13.7439 23.7502 13.5049C23.3357 13.2654 23.061 12.8447 23.009 12.3691L22.8498 10.918C22.8329 10.7638 22.7686 10.6186 22.6657 10.5025C22.5629 10.3864 22.4266 10.305 22.2756 10.2695C21.5495 10.1001 20.7886 10 20.0002 10ZM20.0002 11.5C20.4873 11.5 20.9552 11.5874 21.424 11.6699L21.5178 12.5322C21.6217 13.4817 22.1737 14.3262 23.0002 14.8037C23.8273 15.2816 24.8342 15.3365 25.7082 14.9521L26.5012 14.6035C27.1101 15.3347 27.5922 16.1606 27.9289 17.0654L27.2258 17.5811C26.456 18.1458 26.0002 19.0449 26.0002 20C26.0002 20.9551 26.456 21.8542 27.2258 22.4189L27.9289 22.9346C27.5922 23.8394 27.1101 24.6653 26.5012 25.3965L25.7082 25.0479C24.8342 24.6635 23.8273 24.7184 23.0002 25.1963C22.1737 25.6738 21.6217 26.5183 21.5178 27.4678L21.424 28.3301C20.9552 28.4123 20.4871 28.5 20.0002 28.5C19.513 28.5 19.0452 28.4126 18.5764 28.3301L18.4826 27.4678C18.3787 26.5183 17.8267 25.6738 17.0002 25.1963C16.1731 24.7184 15.1661 24.6635 14.2922 25.0479L13.4992 25.3965C12.8902 24.6654 12.4082 23.8395 12.0715 22.9346L12.7746 22.4189C13.5444 21.8542 14.0002 20.9551 14.0002 20C14.0002 19.0449 13.5441 18.1452 12.7746 17.5801L12.0715 17.0645C12.4084 16.1593 12.8909 15.3339 13.5002 14.6025L14.2922 14.9512C15.1661 15.3355 16.1731 15.2816 17.0002 14.8037C17.8267 14.3262 18.3787 13.4817 18.4826 12.5322L18.5764 11.6699C19.0452 11.5877 19.5133 11.5 20.0002 11.5ZM20.0002 16C17.7999 16 16.0002 17.7997 16.0002 20C16.0002 22.2003 17.7999 24 20.0002 24C22.2005 24 24.0002 22.2003 24.0002 20C24.0002 17.7997 22.2005 16 20.0002 16ZM20.0002 17.5C21.3898 17.5 22.5002 18.6104 22.5002 20C22.5002 21.3896 21.3898 22.5 20.0002 22.5C18.6106 22.5 17.5002 21.3896 17.5002 20C17.5002 18.6104 18.6106 17.5 20.0002 17.5Z",
 		fill: "#646464"
 	})]
-}), J = {
+});
+var DENIED_MOBILE_STEPS_PER_BROWSER_LOOKUP = {
 	ios: {
 		safari: [
 			{
 				uuid: "1",
-				icon: V,
+				icon: SvgSettingsIcon,
 				instructionKey: "open",
 				boldKey: "idv2.permissions.denied.settings"
 			},
 			{
 				uuid: "2",
-				icon: B,
+				icon: SvgSafariIcon,
 				instructionKey: "scroll",
 				boldKey: "idv2.permissions.denied.yourBrowser"
 			},
 			{
 				uuid: "3",
-				icon: z,
+				icon: SvgCameraIos,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.camera"
 			},
 			{
 				uuid: "4",
-				icon: H,
+				icon: SvgToggleIcon,
 				instructionKey: "changeTo",
 				boldKey: "idv2.permissions.denied.allow",
 				additionalTextKey: "idv2.permissions.denied.or",
@@ -1514,7 +1607,7 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			},
 			{
 				uuid: "5",
-				icon: B,
+				icon: SvgSafariIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
@@ -1522,25 +1615,25 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		chrome: [
 			{
 				uuid: "1",
-				icon: V,
+				icon: SvgSettingsIcon,
 				instructionKey: "open",
 				boldKey: "idv2.permissions.denied.settings"
 			},
 			{
 				uuid: "2",
-				icon: F,
+				icon: SvgChromeIcon,
 				instructionKey: "scroll",
 				boldKey: "idv2.permissions.denied.yourBrowser"
 			},
 			{
 				uuid: "3",
-				icon: z,
+				icon: SvgCameraIos,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.camera"
 			},
 			{
 				uuid: "4",
-				icon: H,
+				icon: SvgToggleIcon,
 				instructionKey: "changeTo",
 				boldKey: "idv2.permissions.denied.allow",
 				additionalTextKey: "idv2.permissions.denied.or",
@@ -1548,7 +1641,7 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			},
 			{
 				uuid: "5",
-				icon: F,
+				icon: SvgChromeIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
@@ -1556,25 +1649,25 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		edge: [
 			{
 				uuid: "1",
-				icon: V,
+				icon: SvgSettingsIcon,
 				instructionKey: "open",
 				boldKey: "idv2.permissions.denied.settings"
 			},
 			{
 				uuid: "2",
-				icon: F,
+				icon: SvgChromeIcon,
 				instructionKey: "scroll",
 				boldKey: "idv2.permissions.denied.yourBrowser"
 			},
 			{
 				uuid: "3",
-				icon: z,
+				icon: SvgCameraIos,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.camera"
 			},
 			{
 				uuid: "4",
-				icon: H,
+				icon: SvgToggleIcon,
 				instructionKey: "changeTo",
 				boldKey: "idv2.permissions.denied.allow",
 				additionalTextKey: "idv2.permissions.denied.or",
@@ -1582,7 +1675,7 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			},
 			{
 				uuid: "5",
-				icon: F,
+				icon: SvgChromeIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
@@ -1590,25 +1683,25 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		firefox: [
 			{
 				uuid: "1",
-				icon: V,
+				icon: SvgSettingsIcon,
 				instructionKey: "open",
 				boldKey: "idv2.permissions.denied.settings"
 			},
 			{
 				uuid: "2",
-				icon: I,
+				icon: SvgFirefoxIcon,
 				instructionKey: "scroll",
 				boldKey: "idv2.permissions.denied.yourBrowser"
 			},
 			{
 				uuid: "3",
-				icon: z,
+				icon: SvgCameraIos,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.camera"
 			},
 			{
 				uuid: "4",
-				icon: H,
+				icon: SvgToggleIcon,
 				instructionKey: "changeTo",
 				boldKey: "idv2.permissions.denied.allow",
 				additionalTextKey: "idv2.permissions.denied.or",
@@ -1616,7 +1709,7 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			},
 			{
 				uuid: "5",
-				icon: I,
+				icon: SvgFirefoxIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
@@ -1624,25 +1717,25 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		opera: [
 			{
 				uuid: "1",
-				icon: V,
+				icon: SvgSettingsIcon,
 				instructionKey: "open",
 				boldKey: "idv2.permissions.denied.settings"
 			},
 			{
 				uuid: "2",
-				icon: K,
+				icon: SvgOperaBrowserIcon,
 				instructionKey: "scroll",
 				boldKey: "idv2.permissions.denied.yourBrowser"
 			},
 			{
 				uuid: "3",
-				icon: z,
+				icon: SvgCameraIos,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.camera"
 			},
 			{
 				uuid: "4",
-				icon: H,
+				icon: SvgToggleIcon,
 				instructionKey: "changeTo",
 				boldKey: "idv2.permissions.denied.allow",
 				additionalTextKey: "idv2.permissions.denied.or",
@@ -1650,7 +1743,7 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			},
 			{
 				uuid: "5",
-				icon: K,
+				icon: SvgOperaBrowserIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
@@ -1658,25 +1751,25 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		other: [
 			{
 				uuid: "1",
-				icon: V,
+				icon: SvgSettingsIcon,
 				instructionKey: "open",
 				boldKey: "idv2.permissions.denied.settings"
 			},
 			{
 				uuid: "2",
-				icon: F,
+				icon: SvgChromeIcon,
 				instructionKey: "scroll",
 				boldKey: "idv2.permissions.denied.yourBrowser"
 			},
 			{
 				uuid: "3",
-				icon: z,
+				icon: SvgCameraIos,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.camera"
 			},
 			{
 				uuid: "4",
-				icon: H,
+				icon: SvgToggleIcon,
 				instructionKey: "changeTo",
 				boldKey: "idv2.permissions.denied.allow",
 				additionalTextKey: "idv2.permissions.denied.or",
@@ -1684,7 +1777,7 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			},
 			{
 				uuid: "5",
-				icon: F,
+				icon: SvgChromeIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
@@ -1694,26 +1787,26 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		chrome: [
 			{
 				uuid: "1",
-				icon: M,
+				icon: SvgAndroidDotsIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.dots",
 				additionalTextKey: "idv2.permissions.denied.topRight"
 			},
 			{
 				uuid: "2",
-				icon: N,
+				icon: SvgAndroidSettingsIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.siteSettings"
 			},
 			{
 				uuid: "3",
-				icon: P,
+				icon: SvgAndroidToggleIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.cameraAllow"
 			},
 			{
 				uuid: "4",
-				icon: F,
+				icon: SvgChromeIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
@@ -1721,26 +1814,26 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		firefox: [
 			{
 				uuid: "1",
-				icon: M,
+				icon: SvgAndroidDotsIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.dots",
 				additionalTextKey: "idv2.permissions.denied.topRight"
 			},
 			{
 				uuid: "2",
-				icon: q,
+				icon: SvgAndroidSettingsOutlineIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.siteSettings"
 			},
 			{
 				uuid: "3",
-				icon: L,
+				icon: SvgFirefoxRadioIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.cameraAllow"
 			},
 			{
 				uuid: "4",
-				icon: I,
+				icon: SvgFirefoxIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
@@ -1748,26 +1841,26 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		edge: [
 			{
 				uuid: "1",
-				icon: M,
+				icon: SvgAndroidDotsIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.dots",
 				additionalTextKey: "idv2.permissions.denied.topRight"
 			},
 			{
 				uuid: "2",
-				icon: N,
+				icon: SvgAndroidSettingsIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.siteSettings"
 			},
 			{
 				uuid: "3",
-				icon: P,
+				icon: SvgAndroidToggleIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.cameraAllow"
 			},
 			{
 				uuid: "4",
-				icon: F,
+				icon: SvgChromeIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
@@ -1775,26 +1868,26 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		opera: [
 			{
 				uuid: "1",
-				icon: N,
+				icon: SvgAndroidSettingsIcon,
 				instructionKey: "open",
 				boldKey: "idv2.permissions.denied.settingsApp",
 				additionalTextKey: "idv2.permissions.denied.onDevice"
 			},
 			{
 				uuid: "2",
-				icon: U,
+				icon: SvgOperaAnotherIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.opera.appsOpera"
 			},
 			{
 				uuid: "3",
-				icon: W,
+				icon: SvgOperaCameraIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.persmissionsCamera"
 			},
 			{
 				uuid: "4",
-				icon: G,
+				icon: SvgOperaRadioIcon,
 				instructionKey: "setTo",
 				boldKey: "idv2.permissions.allowOnlyWhileUsingTheApp",
 				additionalTextKey: "idv2.permissions.denied.or",
@@ -1802,7 +1895,7 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			},
 			{
 				uuid: "5",
-				icon: K,
+				icon: SvgOperaBrowserIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
@@ -1810,26 +1903,26 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		other: [
 			{
 				uuid: "1",
-				icon: M,
+				icon: SvgAndroidDotsIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.dots",
 				additionalTextKey: "idv2.permissions.denied.topRight"
 			},
 			{
 				uuid: "2",
-				icon: N,
+				icon: SvgAndroidSettingsIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.siteSettings"
 			},
 			{
 				uuid: "3",
-				icon: P,
+				icon: SvgAndroidToggleIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.cameraAllow"
 			},
 			{
 				uuid: "4",
-				icon: F,
+				icon: SvgChromeIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
@@ -1837,7 +1930,7 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 		samsung_browser: [
 			{
 				uuid: "1",
-				icon: q,
+				icon: SvgAndroidSettingsOutlineIcon,
 				instructionKey: "tap",
 				boldKey: "≡<arrow/>",
 				additionalTextKey: "",
@@ -1845,57 +1938,63 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 			},
 			{
 				uuid: "2",
-				icon: q,
+				icon: SvgAndroidSettingsOutlineIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.sitesAndDownloads"
 			},
 			{
 				uuid: "3",
-				icon: q,
+				icon: SvgAndroidSettingsOutlineIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.sitePermissions"
 			},
 			{
 				uuid: "4",
-				icon: se,
+				icon: SvgSamsungToggleIcon,
 				instructionKey: "tap",
 				boldKey: "idv2.permissions.denied.cameraFindSiteAllow"
 			},
 			{
 				uuid: "5",
-				icon: oe,
+				icon: SvgSamsungInternetIcon,
 				instructionKey: "returnPress",
 				boldKey: "idv2.permissions.denied.refreshPage"
 			}
 		]
 	},
 	desktop: null
-}, ce = (e, t) => {
-	let n = [
-		e(`idv2.permissions.denied.${t.instructionKey}`),
-		e(t.boldKey),
-		t.additionalTextKey ? e(t.additionalTextKey) : "",
-		t.secondBoldKey ? e(`idv2.permissions.${t.secondBoldKey}`) : ""
+};
+//#endregion
+//#region src/shared/permissions/camera/deniedMobile.tsx
+var getStepAriaLabel = (t, step) => {
+	const raw = [
+		t(`idv2.permissions.denied.${step.instructionKey}`),
+		t(step.boldKey),
+		step.additionalTextKey ? t(step.additionalTextKey) : "",
+		step.secondBoldKey ? t(`idv2.permissions.${step.secondBoldKey}`) : ""
 	].filter(Boolean).join(" ");
-	return new DOMParser().parseFromString(n, "text/html").body.textContent || "";
-}, le = ({ platform: e }) => {
-	let { t: n } = t(), r = E(), i = J[e]?.[r] ?? [];
+	return new DOMParser().parseFromString(raw, "text/html").body.textContent || "";
+};
+var DeniedMobile = ({ platform }) => {
+	const { t } = useTranslation();
+	const browser = getBrowser();
+	const steps = DENIED_MOBILE_STEPS_PER_BROWSER_LOOKUP[platform]?.[browser] ?? [];
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeDeniedInstructionsContainer",
 		"data-testid": "denied-instructions-mobile",
 		children: /* @__PURE__ */ u("ol", {
 			class: "IncodeDeniedStepsList",
-			children: i.map(({ icon: e, ...t }) => /* @__PURE__ */ u("li", {
+			children: steps.map(({ icon: Icon, ...step }) => /* @__PURE__ */ u("li", {
 				class: "IncodeDeniedStepItem",
 				children: [
 					/* @__PURE__ */ u("span", {
 						class: "IncodeSrOnly",
-						children: ce(n, t)
+						children: getStepAriaLabel(t, step)
 					}),
 					/* @__PURE__ */ u("div", {
 						class: "IncodeDeniedStepIconContainer",
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ u(e, {
+						children: /* @__PURE__ */ u(Icon, {
 							height: 40,
 							width: 40
 						})
@@ -1903,186 +2002,213 @@ var j = ({ className: e = "", animationData: t, title: n, titleId: r, subtitle:
 					/* @__PURE__ */ u("div", {
 						class: "IncodeDeniedStepTextContainer",
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ u(g, {
+						children: /* @__PURE__ */ u(TypographyH4, {
 							className: "IncodeDeniedStepTextSilent",
 							children: [
-								n(`idv2.permissions.denied.${t.instructionKey}`),
+								t(`idv2.permissions.denied.${step.instructionKey}`),
 								" ",
-								/* @__PURE__ */ u(re, { i18nKey: t.boldKey }),
-								(t.additionalTextKey || t.secondBoldKey) && /* @__PURE__ */ u(ue, {
-									labelKey: t.additionalTextKey,
-									boldLabelKey: t.secondBoldKey
+								/* @__PURE__ */ u(BoldWithArrow, { i18nKey: step.boldKey }),
+								(step.additionalTextKey || step.secondBoldKey) && /* @__PURE__ */ u(DeniedMobileAdditionalText, {
+									labelKey: step.additionalTextKey,
+									boldLabelKey: step.secondBoldKey
 								})
 							]
 						})
 					})
 				]
-			}, t.uuid))
+			}, step.uuid))
 		})
 	});
 };
-function ue({ labelKey: e, boldLabelKey: n }) {
-	let { t: i } = t();
+function DeniedMobileAdditionalText({ labelKey, boldLabelKey }) {
+	const { t } = useTranslation();
 	return /* @__PURE__ */ u("span", {
 		class: "IncodeDeniedStepTextSilent IncodeDeniedStepSubtext",
 		children: [
 			" ",
-			e ? i(e) : "",
-			n && /* @__PURE__ */ u(r, { children: [" ", /* @__PURE__ */ u("strong", { children: i(`idv2.permissions.${n}`) })] })
+			labelKey ? t(labelKey) : "",
+			boldLabelKey && /* @__PURE__ */ u(k, { children: [" ", /* @__PURE__ */ u("strong", { children: t(`idv2.permissions.${boldLabelKey}`) })] })
 		]
 	});
 }
 //#endregion
 //#region src/shared/permissions/camera/deniedDesktop.tsx
-var de = (e) => {
-	let t = [
-		`idv2.permissions.denied.${e}.firstStep`,
-		`idv2.permissions.denied.${e}.secondStep`,
-		`idv2.permissions.denied.${e}.thirdStep`,
-		`idv2.permissions.denied.${e}.fourthStep`,
-		`idv2.permissions.denied.${e}.fifthStep`
+var getStepKeys = (browser) => {
+	const baseKeys = [
+		`idv2.permissions.denied.${browser}.firstStep`,
+		`idv2.permissions.denied.${browser}.secondStep`,
+		`idv2.permissions.denied.${browser}.thirdStep`,
+		`idv2.permissions.denied.${browser}.fourthStep`,
+		`idv2.permissions.denied.${browser}.fifthStep`
 	];
-	return e === "safari" && t.push(`idv2.permissions.denied.${e}.sixthStep`), t;
-}, fe = (e) => new DOMParser().parseFromString(e, "text/html").body.textContent || "", pe = (e, t) => e(t).split(/(<strong>[^<]+<\/strong>)/g).map((e, t) => e.startsWith("<strong>") && e.endsWith("</strong>") ? /* @__PURE__ */ u("strong", { children: e.slice(8, -9) }, t) : e), me = () => {
-	let { t: e } = t(), n = de(E());
+	if (browser === "safari") baseKeys.push(`idv2.permissions.denied.${browser}.sixthStep`);
+	return baseKeys;
+};
+var stripHtml = (html) => new DOMParser().parseFromString(html, "text/html").body.textContent || "";
+var renderStepText = (t, stepKey) => {
+	return t(stepKey).split(/(<strong>[^<]+<\/strong>)/g).map((part, index) => {
+		if (part.startsWith("<strong>") && part.endsWith("</strong>")) return /* @__PURE__ */ u("strong", { children: part.slice(8, -9) }, index);
+		return part;
+	});
+};
+var DeniedDesktop = () => {
+	const { t } = useTranslation();
+	const stepKeys = getStepKeys(getBrowser());
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeDeniedInstructionsContainer",
 		"data-testid": "denied-instructions-desktop",
 		children: /* @__PURE__ */ u("ol", {
 			class: "IncodeDeniedDesktopContainer",
 			role: "list",
-			children: n.map((t, r) => /* @__PURE__ */ u("li", {
+			children: stepKeys.map((stepKey, index) => /* @__PURE__ */ u("li", {
 				class: "IncodeDeniedDesktopStep",
-				"aria-label": fe(e(t)),
+				"aria-label": stripHtml(t(stepKey)),
 				children: [/* @__PURE__ */ u("div", {
 					class: "IncodeDeniedDesktopStepNumberColumn",
 					"aria-hidden": "true",
-					children: [/* @__PURE__ */ u(T, { number: r + 1 }), r < n.length - 1 && /* @__PURE__ */ u("div", { class: "IncodeNumberedStepConnector" })]
+					children: [/* @__PURE__ */ u(NumberedStep, { number: index + 1 }), index < stepKeys.length - 1 && /* @__PURE__ */ u("div", { class: "IncodeNumberedStepConnector" })]
 				}), /* @__PURE__ */ u("p", {
 					class: "IncodeDeniedStepText",
 					"aria-hidden": "true",
-					children: pe(e, t)
+					children: renderStepText(t, stepKey)
 				})]
-			}, t))
+			}, stepKey))
 		})
 	});
-}, he = () => {
-	let e = D();
-	return e === "desktop" ? /* @__PURE__ */ u(me, {}) : /* @__PURE__ */ u(le, { platform: e });
-}, ge = ({ onRefresh: e, "data-testid": n, "data-permission-status": r }) => {
-	let { t: a } = t(), o = s(null);
-	return i(() => {
-		o.current?.focus();
-	}, []), /* @__PURE__ */ u(h, {
-		hideHeader: !0,
-		hideFooterBranding: !0,
+};
+//#endregion
+//#region src/shared/permissions/camera/deniedInstructions.tsx
+var DeniedInstructions = () => {
+	const deviceClass = getDeviceClass();
+	if (deviceClass === "desktop") return /* @__PURE__ */ u(DeniedDesktop, {});
+	return /* @__PURE__ */ u(DeniedMobile, { platform: deviceClass });
+};
+//#endregion
+//#region src/shared/permissions/camera/denied.tsx
+var Denied = ({ onRefresh, "data-testid": dataTestId, "data-permission-status": dataPermissionStatus }) => {
+	const { t } = useTranslation();
+	const titleRef = A(null);
+	y(() => {
+		titleRef.current?.focus();
+	}, []);
+	return /* @__PURE__ */ u(Page, {
+		hideHeader: true,
+		hideFooterBranding: true,
 		className: "IncodeDeniedPage",
-		"data-testid": n,
-		"data-permission-status": r,
+		"data-testid": dataTestId,
+		"data-permission-status": dataPermissionStatus,
 		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeDeniedContainer",
-			children: [/* @__PURE__ */ u(v, {
-				ref: o,
+			children: [/* @__PURE__ */ u(Title, {
+				ref: titleRef,
 				tabIndex: -1,
-				children: a("idv2.permissions.denied.title")
-			}), /* @__PURE__ */ u(he, {})]
-		}), /* @__PURE__ */ u(b, {
-			onClick: e,
-			children: a("idv2.permissions.denied.refreshPage")
+				children: t("idv2.permissions.denied.title")
+			}), /* @__PURE__ */ u(DeniedInstructions, {})]
+		}), /* @__PURE__ */ u(Button, {
+			onClick: onRefresh,
+			children: t("idv2.permissions.denied.refreshPage")
 		})]
 	});
-}, _e = [
+};
+//#endregion
+//#region src/shared/permissions/camera/learnMore.tsx
+var learnMoreInstructions = [
 	{
-		icon: ie,
+		icon: SvgCameraIcon,
 		textKey: "idv2.permissions.learnMorePage.instructions.1"
 	},
 	{
-		icon: R,
+		icon: SvgBankCardIcon,
 		textKey: "idv2.permissions.learnMorePage.instructions.2"
 	},
 	{
-		icon: ae,
+		icon: SvgCheckIcon,
 		textKey: "idv2.permissions.learnMorePage.instructions.4"
 	}
-], ve = ({ onAllowPermissions: e, onQuitProcess: n, "data-testid": r, "data-permission-status": a }) => {
-	let { t: o } = t(), c = s(null);
-	return i(() => {
-		c.current?.focus();
-	}, []), /* @__PURE__ */ u(h, {
+];
+var LearnMore = ({ onAllowPermissions, onQuitProcess, "data-testid": dataTestId, "data-permission-status": dataPermissionStatus }) => {
+	const { t } = useTranslation();
+	const titleRef = A(null);
+	y(() => {
+		titleRef.current?.focus();
+	}, []);
+	return /* @__PURE__ */ u(Page, {
 		className: "IncodeLearnMorePage",
-		hideHeader: !0,
-		hideFooterBranding: !0,
-		"data-testid": r,
-		"data-permission-status": a,
+		hideHeader: true,
+		hideFooterBranding: true,
+		"data-testid": dataTestId,
+		"data-permission-status": dataPermissionStatus,
 		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeLearnMoreContainer",
 			children: [/* @__PURE__ */ u("div", {
 				class: "IncodeLearnMoreTitleContainer",
-				children: [/* @__PURE__ */ u(S, { size: 32 }), /* @__PURE__ */ u(v, {
-					ref: c,
+				children: [/* @__PURE__ */ u(WarningIcon, { size: 32 }), /* @__PURE__ */ u(Title, {
+					ref: titleRef,
 					tabIndex: -1,
-					children: o("idv2.permissions.learnMorePage.title")
+					children: t("idv2.permissions.learnMorePage.title")
 				})]
 			}), /* @__PURE__ */ u("ul", {
 				class: "IncodeLearnMoreInstructionsContainer",
 				role: "list",
-				children: _e.map(({ icon: e, ...t }) => /* @__PURE__ */ u("li", {
+				children: learnMoreInstructions.map(({ icon: Icon, ...instruction }) => /* @__PURE__ */ u("li", {
 					class: "IncodeLearnMoreInstruction",
 					children: [/* @__PURE__ */ u("div", {
 						class: "IncodeLearnMoreInstructionIcon",
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ u(e, {
+						children: /* @__PURE__ */ u(Icon, {
 							height: 32,
 							width: 32
 						})
-					}), /* @__PURE__ */ u(g, { children: o(t.textKey) })]
-				}, t.textKey))
+					}), /* @__PURE__ */ u(TypographyH4, { children: t(instruction.textKey) })]
+				}, instruction.textKey))
 			})]
 		}), /* @__PURE__ */ u("div", {
 			class: "IncodeLearnMoreActions",
-			children: [/* @__PURE__ */ u(b, {
+			children: [/* @__PURE__ */ u(Button, {
 				variant: "link",
-				onClick: n,
-				children: o("idv2.permissions.learnMorePage.quitProcess")
-			}), /* @__PURE__ */ u(b, {
-				onClick: e,
-				children: o("idv2.permissions.learnMorePage.allowPermissions")
+				onClick: onQuitProcess,
+				children: t("idv2.permissions.learnMorePage.quitProcess")
+			}), /* @__PURE__ */ u(Button, {
+				onClick: onAllowPermissions,
+				children: t("idv2.permissions.learnMorePage.allowPermissions")
 			})]
 		})]
 	});
 };
 //#endregion
 //#region src/shared/permissions/camera/permissionsBottomSheet.tsx
-function ye({ onAllowPermissions: e, onDenyPermissions: n, showDenyButton: r = !0 }) {
-	let { t: a } = t(), o = s(null);
-	return i(() => {
-		o.current?.focus();
-	}, []), /* @__PURE__ */ u(w, {
-		isOpen: !0,
+function PermissionsBottomSheet({ onAllowPermissions, onDenyPermissions, showDenyButton = true }) {
+	const { t } = useTranslation();
+	const titleRef = A(null);
+	y(() => {
+		titleRef.current?.focus();
+	}, []);
+	return /* @__PURE__ */ u(BottomSheet, {
+		isOpen: true,
 		labelledById: "permissions-dialog-title",
 		children: /* @__PURE__ */ u("div", {
 			className: "IncodePermissionsBottomSheet",
 			children: [/* @__PURE__ */ u("div", {
 				class: "IncodePermissionsBottomSheetTitleContainer",
-				children: [/* @__PURE__ */ u(_, {
+				children: [/* @__PURE__ */ u(TypographyH1, {
 					id: "permissions-dialog-title",
 					className: "IncodePermissionsBottomSheetTitle",
-					ref: o,
+					ref: titleRef,
 					tabIndex: -1,
-					children: a("idv2.permissions.allowPermissionsV2")
+					children: t("idv2.permissions.allowPermissionsV2")
 				}), /* @__PURE__ */ u("p", {
 					className: "IncodePermissionsBottomSheetSubtitle",
-					children: a("idv2.permissions.subtitleV2")
+					children: t("idv2.permissions.subtitleV2")
 				})]
 			}), /* @__PURE__ */ u("div", {
 				class: "IncodePermissionsBottomSheetActions",
-				children: [r && /* @__PURE__ */ u(b, {
+				children: [showDenyButton && /* @__PURE__ */ u(Button, {
 					variant: "secondary",
-					onClick: n,
-					children: a("idv2.permissions.dontAllow")
-				}), /* @__PURE__ */ u(b, {
-					onClick: e,
-					children: a("idv2.permissions.allowV2")
+					onClick: onDenyPermissions,
+					children: t("idv2.permissions.dontAllow")
+				}), /* @__PURE__ */ u(Button, {
+					onClick: onAllowPermissions,
+					children: t("idv2.permissions.allowV2")
 				})]
 			})]
 		})
@@ -2090,75 +2216,87 @@ function ye({ onAllowPermissions: e, onDenyPermissions: n, showDenyButton: r = !
 }
 //#endregion
 //#region src/shared/permissions/camera/permissions.tsx
-var be = ({ manager: e, permissionStatus: n }) => {
-	let r = d(), { t: i } = t();
-	if (n === "requesting") return /* @__PURE__ */ u(y, { className: "IncodePermissionsRequestingPage" });
-	if (n === "learnMore") return /* @__PURE__ */ u(ve, {
-		onAllowPermissions: () => e.requestPermission(),
-		onQuitProcess: () => e.close(),
+var Permissions = ({ manager, permissionStatus }) => {
+	const isMobileWidth = useIsMobileDeviceWidth();
+	const { t } = useTranslation();
+	if (permissionStatus === "requesting") return /* @__PURE__ */ u(TransitionSpinner, { className: "IncodePermissionsRequestingPage" });
+	if (permissionStatus === "learnMore") return /* @__PURE__ */ u(LearnMore, {
+		onAllowPermissions: () => manager.requestPermission(),
+		onQuitProcess: () => manager.close(),
 		"data-testid": "permissions",
 		"data-permission-status": "learnMore"
 	});
-	if (n === "denied") return /* @__PURE__ */ u(ge, {
+	if (permissionStatus === "denied") return /* @__PURE__ */ u(Denied, {
 		onRefresh: () => window.location.reload(),
 		"data-testid": "permissions",
 		"data-permission-status": "denied"
 	});
-	let a = n === "motionOnly", o = null;
-	return o = r ? /* @__PURE__ */ u(ye, {
-		showDenyButton: !a,
-		onAllowPermissions: e.requestPermission,
-		onDenyPermissions: e.goToLearnMore
-	}) : /* @__PURE__ */ u(C.Root, {
-		open: !0,
-		children: /* @__PURE__ */ u(C.Content, { children: [
-			/* @__PURE__ */ u(C.Close, { onClick: e.close }),
-			/* @__PURE__ */ u(C.TitleSection, { children: [/* @__PURE__ */ u(C.Title, { children: i("idv2.permissions.allowPermissionsV2") }), /* @__PURE__ */ u(C.Subtitle, { children: i("idv2.permissions.subtitleV2") })] }),
-			/* @__PURE__ */ u(C.Actions, { children: [!a && /* @__PURE__ */ u(b, {
+	const isMotionOnly = permissionStatus === "motionOnly";
+	let ModalComponent = null;
+	if (!isMobileWidth) ModalComponent = /* @__PURE__ */ u(Modal.Root, {
+		open: true,
+		children: /* @__PURE__ */ u(Modal.Content, { children: [
+			/* @__PURE__ */ u(Modal.Close, { onClick: manager.close }),
+			/* @__PURE__ */ u(Modal.TitleSection, { children: [/* @__PURE__ */ u(Modal.Title, { children: t("idv2.permissions.allowPermissionsV2") }), /* @__PURE__ */ u(Modal.Subtitle, { children: t("idv2.permissions.subtitleV2") })] }),
+			/* @__PURE__ */ u(Modal.Actions, { children: [!isMotionOnly && /* @__PURE__ */ u(Button, {
 				variant: "secondary",
-				onClick: e.goToLearnMore,
-				children: i("idv2.permissions.dontAllow")
-			}), /* @__PURE__ */ u(b, {
+				onClick: manager.goToLearnMore,
+				children: t("idv2.permissions.dontAllow")
+			}), /* @__PURE__ */ u(Button, {
 				variant: "primary",
-				onClick: e.requestPermission,
-				children: i("idv2.permissions.allowV2")
+				onClick: manager.requestPermission,
+				children: t("idv2.permissions.allowV2")
 			})] })
 		] })
-	}), /* @__PURE__ */ u(h, {
+	});
+	else ModalComponent = /* @__PURE__ */ u(PermissionsBottomSheet, {
+		showDenyButton: !isMotionOnly,
+		onAllowPermissions: manager.requestPermission,
+		onDenyPermissions: manager.goToLearnMore
+	});
+	return /* @__PURE__ */ u(Page, {
 		className: "IncodePermissionsPage",
-		hideHeader: !0,
-		hideFooterBranding: !0,
+		hideHeader: true,
+		hideFooterBranding: true,
 		"data-testid": "permissions",
-		"data-permission-status": n,
-		children: o
+		"data-permission-status": permissionStatus,
+		children: ModalComponent
 	});
-}, Y = ({ icon: e, title: t, className: n, isLoading: r }) => {
-	let a = s(null);
-	return i(() => {
-		a.current?.focus();
-	}, []), /* @__PURE__ */ u(h, {
-		className: `IncodeCaptureStatusPage ${n ?? ""}`,
-		children: [/* @__PURE__ */ u(p, { size: 40 }), /* @__PURE__ */ u("div", {
+};
+//#endregion
+//#region src/modules/selfie/captureStatusPage.tsx
+var CaptureStatusPage = ({ icon, title, className, isLoading }) => {
+	const titleRef = A(null);
+	y(() => {
+		titleRef.current?.focus();
+	}, []);
+	return /* @__PURE__ */ u(Page, {
+		className: `IncodeCaptureStatusPage ${className ?? ""}`,
+		children: [/* @__PURE__ */ u(Spacer, { size: 40 }), /* @__PURE__ */ u("div", {
 			class: "IncodeCaptureStatusContainer",
-			role: r ? "status" : void 0,
-			"aria-live": r ? "polite" : void 0,
+			role: isLoading ? "status" : void 0,
+			"aria-live": isLoading ? "polite" : void 0,
 			children: [
-				/* @__PURE__ */ u(p, { size: 120 }),
-				e,
-				/* @__PURE__ */ u(p, { size: 16 }),
-				/* @__PURE__ */ u(v, {
-					ref: a,
+				/* @__PURE__ */ u(Spacer, { size: 120 }),
+				icon,
+				/* @__PURE__ */ u(Spacer, { size: 16 }),
+				/* @__PURE__ */ u(Title, {
+					ref: titleRef,
 					className: "IncodeCaptureStatusTitle",
 					tabIndex: -1,
-					children: t
+					children: title
 				})
 			]
 		})]
 	});
-}, X = {
+};
+//#endregion
+//#region src/modules/selfie/errorModal.tsx
+var defaultError = {
 	title: "Something went wrong",
 	description: "Please try again later"
-}, xe = {
+};
+var errorContent = {
 	MASK_ERROR: {
 		title: "notifications.mask",
 		description: "notifications.maskDescription"
@@ -2191,13 +2329,13 @@ var be = ({ manager: e, permissionStatus: n }) => {
 		title: "notifications.multiple",
 		description: "notifications.multipleDescription"
 	},
-	TOO_BLURRY_ERROR: X,
-	TOO_DARK_ERROR: X,
-	SERVER_ERROR: X,
-	FACE_CROPPING_FAILED: X,
-	FACE_TOO_SMALL: X,
-	PROCESSING_ERROR: X,
-	BAD_REQUEST: X,
+	TOO_BLURRY_ERROR: defaultError,
+	TOO_DARK_ERROR: defaultError,
+	SERVER_ERROR: defaultError,
+	FACE_CROPPING_FAILED: defaultError,
+	FACE_TOO_SMALL: defaultError,
+	PROCESSING_ERROR: defaultError,
+	BAD_REQUEST: defaultError,
 	USER_IS_NOT_RECOGNIZED: {
 		title: "notifications.accessDenied",
 		description: "notifications.accessDeniedDescription"
@@ -2246,45 +2384,88 @@ var be = ({ manager: e, permissionStatus: n }) => {
 		title: "notifications.selfieImageLowQuality",
 		description: "notifications.selfieImageLowQualityDescription"
 	}
-}, Se = /* @__PURE__ */ "LIVENESS_ERROR.BRIGHTNESS_ERROR.LENSES_ERROR.MASK_ERROR.CLOSED_EYES_ERROR.HEAD_COVER_ERROR.SERVER_ERROR.FACE_NOT_FOUND.MULTIPLE_FACES.TOO_BLURRY_ERROR.TOO_DARK_ERROR.USER_IS_NOT_RECOGNIZED.SPOOF_ATTEMPT_DETECTED.FACE_TOO_DARK.LENSES_DETECTED.FACE_MASK_DETECTED.CLOSED_EYES_DETECTED.HEAD_COVER_DETECTED.FACE_CROPPING_FAILED.FACE_TOO_SMALL.FACE_TOO_BLURRY.BAD_PHOTO_QUALITY.PROCESSING_ERROR.BAD_REQUEST.NONEXISTENT_CUSTOMER.HINT_NOT_PROVIDED.SELFIE_IMAGE_LOW_QUALITY".split("."), Ce = (e) => {
-	let t = e.toUpperCase();
-	if (t.includes("HTTP 400") || t.includes("BAD_REQUEST")) return "BAD_REQUEST";
-	if (t.includes("HTTP 500") || t.includes("SERVER_ERROR")) return "SERVER_ERROR";
-	for (let e of Se) if (t.includes(e)) return e;
+};
+var ERROR_CODES = [
+	"LIVENESS_ERROR",
+	"BRIGHTNESS_ERROR",
+	"LENSES_ERROR",
+	"MASK_ERROR",
+	"CLOSED_EYES_ERROR",
+	"HEAD_COVER_ERROR",
+	"SERVER_ERROR",
+	"FACE_NOT_FOUND",
+	"MULTIPLE_FACES",
+	"TOO_BLURRY_ERROR",
+	"TOO_DARK_ERROR",
+	"USER_IS_NOT_RECOGNIZED",
+	"SPOOF_ATTEMPT_DETECTED",
+	"FACE_TOO_DARK",
+	"LENSES_DETECTED",
+	"FACE_MASK_DETECTED",
+	"CLOSED_EYES_DETECTED",
+	"HEAD_COVER_DETECTED",
+	"FACE_CROPPING_FAILED",
+	"FACE_TOO_SMALL",
+	"FACE_TOO_BLURRY",
+	"BAD_PHOTO_QUALITY",
+	"PROCESSING_ERROR",
+	"BAD_REQUEST",
+	"NONEXISTENT_CUSTOMER",
+	"HINT_NOT_PROVIDED",
+	"SELFIE_IMAGE_LOW_QUALITY"
+];
+var parseErrorCode = (error) => {
+	const upperError = error.toUpperCase();
+	if (upperError.includes("HTTP 400") || upperError.includes("BAD_REQUEST")) return "BAD_REQUEST";
+	if (upperError.includes("HTTP 500") || upperError.includes("SERVER_ERROR")) return "SERVER_ERROR";
+	for (const code of ERROR_CODES) if (upperError.includes(code)) return code;
 	return null;
-}, Z = ({ error: e, attemptsRemaining: n, onTryAgain: r }) => {
-	let { t: i } = t();
-	if (!e) return null;
-	let { title: a, description: o } = xe[Ce(e) ?? e] ?? X, s = i(a) ?? a, c = i(n <= 0 ? "notifications.selfieCaptureFailedDescription" : o);
-	return /* @__PURE__ */ u(O, {
+};
+var ErrorModal = ({ error, attemptsRemaining, onTryAgain }) => {
+	const { t } = useTranslation();
+	if (!error) return null;
+	const { title, description } = errorContent[parseErrorCode(error) ?? error] ?? defaultError;
+	const titleText = t(title) ?? title;
+	const descriptionText = attemptsRemaining <= 0 ? t("notifications.selfieCaptureFailedDescription") : t(description);
+	return /* @__PURE__ */ u(ErrorContent, {
 		"data-testid": "face-capture-error-modal",
-		title: s,
-		description: c,
-		attemptsRemaining: n,
-		onButtonClick: r
+		title: titleText,
+		description: descriptionText,
+		attemptsRemaining,
+		onButtonClick: onTryAgain
 	});
-}, we = () => /* @__PURE__ */ u("svg", {
-	width: "292",
-	height: "272",
-	viewBox: "0 0 292 272",
-	fill: "none",
-	xmlns: "http://www.w3.org/2000/svg",
-	class: "IncodeFaceOutline",
-	"aria-hidden": "true",
-	children: [/* @__PURE__ */ u("title", { children: "Outline" }), /* @__PURE__ */ u("path", {
-		opacity: "0.8",
-		d: "M145.633 8.0625C115.606 8.06268 85.6206 26.5984 76.9712 54.293L76.771 54.9492C70.4539 76.1063 75.0139 100.802 76.8687 110.58L77.3628 113.188L75.1528 114.656C66.1187 120.66 63.5861 124.089 62.8472 126.92C62.4669 128.377 62.4644 130.035 62.8003 132.412C63.1635 134.983 63.7533 137.484 64.4233 141.347L64.5142 141.841C65.5056 146.956 68.1062 152.133 71.2749 156.618C74.5527 161.257 78.2056 164.826 80.7349 166.584L82.4517 167.777V169.869C82.4517 177.866 85.3476 186.144 89.6763 194.128C93.9906 202.085 99.5748 209.473 104.623 215.646L105.526 216.751V218.178C105.526 220.891 105.68 223.73 105.801 226.9C105.92 230.011 106.003 233.347 105.828 236.771C105.475 243.652 104.077 251.044 99.7446 258.227C91.1977 272.397 72.1081 284.401 31.8677 291.776L29.936 292.124C-41.1597 304.684 -61.4563 361.617 -63.2153 392.062H145.633V400.062H-71.3638L-71.3462 396.044C-71.2048 364.597 -50.9804 298.295 28.5444 284.246L30.4448 283.904C69.9919 276.654 86.1642 265.253 92.894 254.095C96.3216 248.412 97.5261 242.442 97.8374 236.362C97.9939 233.307 97.9241 230.262 97.8071 227.206C97.7111 224.697 97.5799 222.105 97.5396 219.615C92.5931 213.5 87.048 206.064 82.644 197.941C78.308 189.944 74.9442 181.04 74.5024 171.896C71.3932 169.387 67.8531 165.638 64.7417 161.234C61.1656 156.173 57.9337 149.942 56.6587 143.353L56.5415 142.714C55.9864 139.514 55.2491 136.155 54.8784 133.531C54.4806 130.715 54.3377 127.843 55.106 124.899C56.5344 119.427 60.7885 114.886 68.5259 109.489C66.4692 98.2995 62.7062 74.0938 69.106 52.6602L69.3345 51.9092C79.2266 20.2173 112.853 0.0626788 145.633 0.0625V8.0625ZM145.635 0.0625C178.415 0.0625 212.042 20.2172 221.934 51.9092L222.163 52.6602C228.562 74.0938 224.799 98.2996 222.743 109.489C230.48 114.886 234.734 119.427 236.163 124.899C236.931 127.843 236.788 130.715 236.39 133.531C236.019 136.155 235.282 139.514 234.727 142.714L234.61 143.353C233.335 149.942 230.103 156.173 226.527 161.234C223.415 165.638 219.875 169.387 216.766 171.896C216.324 181.04 212.961 189.944 208.625 197.941C204.221 206.064 198.676 213.5 193.729 219.615C193.689 222.105 193.557 224.697 193.461 227.206C193.344 230.262 193.275 233.307 193.431 236.362C193.742 242.442 194.947 248.412 198.375 254.095C205.104 265.253 221.277 276.654 260.824 283.904L262.724 284.246C342.249 298.294 362.473 364.597 362.615 396.044L362.632 400.062H145.635V392.062H354.484C352.725 361.616 332.429 304.683 261.333 292.124L259.401 291.776C219.161 284.401 200.071 272.397 191.524 258.227C187.192 251.044 185.793 243.652 185.441 236.771C185.266 233.347 185.348 230.011 185.467 226.9C185.589 223.73 185.743 220.891 185.743 218.178V216.751L186.646 215.646C191.694 209.473 197.278 202.085 201.592 194.128C205.921 186.144 208.817 177.866 208.817 169.869V167.777L210.534 166.584C213.063 164.826 216.716 161.257 219.994 156.618C223.162 152.133 225.763 146.956 226.754 141.841L226.845 141.347C227.515 137.484 228.105 134.983 228.468 132.412C228.804 130.034 228.802 128.377 228.421 126.92C227.682 124.089 225.15 120.66 216.116 114.656L213.906 113.188L214.4 110.58C216.255 100.802 220.815 76.1064 214.498 54.9492L214.297 54.293C205.648 26.5983 175.662 8.0625 145.635 8.0625V0.0625Z",
-		fill: "white"
-	})]
-}), Q = "var(--surface-neutral-100)", Te = (e) => {
-	switch (e) {
+};
+//#endregion
+//#region src/modules/selfie/faceOutline.tsx
+var FaceOutline = () => {
+	return /* @__PURE__ */ u("svg", {
+		width: "292",
+		height: "272",
+		viewBox: "0 0 292 272",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		class: "IncodeFaceOutline",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ u("title", { children: "Outline" }), /* @__PURE__ */ u("path", {
+			opacity: "0.8",
+			d: "M145.633 8.0625C115.606 8.06268 85.6206 26.5984 76.9712 54.293L76.771 54.9492C70.4539 76.1063 75.0139 100.802 76.8687 110.58L77.3628 113.188L75.1528 114.656C66.1187 120.66 63.5861 124.089 62.8472 126.92C62.4669 128.377 62.4644 130.035 62.8003 132.412C63.1635 134.983 63.7533 137.484 64.4233 141.347L64.5142 141.841C65.5056 146.956 68.1062 152.133 71.2749 156.618C74.5527 161.257 78.2056 164.826 80.7349 166.584L82.4517 167.777V169.869C82.4517 177.866 85.3476 186.144 89.6763 194.128C93.9906 202.085 99.5748 209.473 104.623 215.646L105.526 216.751V218.178C105.526 220.891 105.68 223.73 105.801 226.9C105.92 230.011 106.003 233.347 105.828 236.771C105.475 243.652 104.077 251.044 99.7446 258.227C91.1977 272.397 72.1081 284.401 31.8677 291.776L29.936 292.124C-41.1597 304.684 -61.4563 361.617 -63.2153 392.062H145.633V400.062H-71.3638L-71.3462 396.044C-71.2048 364.597 -50.9804 298.295 28.5444 284.246L30.4448 283.904C69.9919 276.654 86.1642 265.253 92.894 254.095C96.3216 248.412 97.5261 242.442 97.8374 236.362C97.9939 233.307 97.9241 230.262 97.8071 227.206C97.7111 224.697 97.5799 222.105 97.5396 219.615C92.5931 213.5 87.048 206.064 82.644 197.941C78.308 189.944 74.9442 181.04 74.5024 171.896C71.3932 169.387 67.8531 165.638 64.7417 161.234C61.1656 156.173 57.9337 149.942 56.6587 143.353L56.5415 142.714C55.9864 139.514 55.2491 136.155 54.8784 133.531C54.4806 130.715 54.3377 127.843 55.106 124.899C56.5344 119.427 60.7885 114.886 68.5259 109.489C66.4692 98.2995 62.7062 74.0938 69.106 52.6602L69.3345 51.9092C79.2266 20.2173 112.853 0.0626788 145.633 0.0625V8.0625ZM145.635 0.0625C178.415 0.0625 212.042 20.2172 221.934 51.9092L222.163 52.6602C228.562 74.0938 224.799 98.2996 222.743 109.489C230.48 114.886 234.734 119.427 236.163 124.899C236.931 127.843 236.788 130.715 236.39 133.531C236.019 136.155 235.282 139.514 234.727 142.714L234.61 143.353C233.335 149.942 230.103 156.173 226.527 161.234C223.415 165.638 219.875 169.387 216.766 171.896C216.324 181.04 212.961 189.944 208.625 197.941C204.221 206.064 198.676 213.5 193.729 219.615C193.689 222.105 193.557 224.697 193.461 227.206C193.344 230.262 193.275 233.307 193.431 236.362C193.742 242.442 194.947 248.412 198.375 254.095C205.104 265.253 221.277 276.654 260.824 283.904L262.724 284.246C342.249 298.294 362.473 364.597 362.615 396.044L362.632 400.062H145.635V392.062H354.484C352.725 361.616 332.429 304.683 261.333 292.124L259.401 291.776C219.161 284.401 200.071 272.397 191.524 258.227C187.192 251.044 185.793 243.652 185.441 236.771C185.266 233.347 185.348 230.011 185.467 226.9C185.589 223.73 185.743 220.891 185.743 218.178V216.751L186.646 215.646C191.694 209.473 197.278 202.085 201.592 194.128C205.921 186.144 208.817 177.866 208.817 169.869V167.777L210.534 166.584C213.063 164.826 216.716 161.257 219.994 156.618C223.162 152.133 225.763 146.956 226.754 141.841L226.845 141.347C227.515 137.484 228.105 134.983 228.468 132.412C228.804 130.034 228.802 128.377 228.421 126.92C227.682 124.089 225.15 120.66 216.116 114.656L213.906 113.188L214.4 110.58C216.255 100.802 220.815 76.1064 214.498 54.9492L214.297 54.293C205.648 26.5983 175.662 8.0625 145.635 8.0625V0.0625Z",
+			fill: "white"
+		})]
+	});
+};
+//#endregion
+//#region src/modules/selfie/loadingBorder.tsx
+var IDLE_COLOR = "var(--surface-neutral-100)";
+var getColor = (borderState) => {
+	switch (borderState) {
 		case "success":
 		case "capturing": return "var(--surface-status-positive-500)";
 		case "loading": return "var(--surface-brand-500)";
 		case "error": return "var(--surface-status-negative-500)";
-		case "idle": return Q;
+		case "idle": return IDLE_COLOR;
 	}
-}, $ = ({ fill: e, gradientId: t, gradientColor: n }) => /* @__PURE__ */ u("svg", {
+};
+var BorderRing = ({ fill, gradientId, gradientColor }) => /* @__PURE__ */ u("svg", {
 	width: "100%",
 	height: "100%",
 	viewBox: "0 0 335 335",
@@ -2297,67 +2478,79 @@ var be = ({ manager: e, permissionStatus: n }) => {
 			"clip-rule": "evenodd",
 			d: "M335 167.5C335 260.008 260.008 335 167.5 335C74.9923 335 0 260.008 0 167.5C0 74.9923 74.9923 0 167.5 0C260.008 0 335 74.9923 335 167.5ZM167.5 325C254.485 325 325 254.485 325 167.5C325 80.5152 254.485 10 167.5 10C80.5152 10 10 80.5152 10 167.5C10 254.485 80.5152 325 167.5 325Z",
 			class: "IncodeLoadingBorderPath",
-			fill: e
+			fill
 		}),
-		t && n ? /* @__PURE__ */ u("defs", { children: /* @__PURE__ */ u("radialGradient", {
-			id: t,
+		gradientId && gradientColor ? /* @__PURE__ */ u("defs", { children: /* @__PURE__ */ u("radialGradient", {
+			id: gradientId,
 			cx: "0",
 			cy: "0",
 			r: "1",
 			gradientUnits: "userSpaceOnUse",
 			gradientTransform: "translate(240.418 17.4369) rotate(115.674) scale(167.087)",
-			children: [/* @__PURE__ */ u("stop", { "stop-color": n }), /* @__PURE__ */ u("stop", {
+			children: [/* @__PURE__ */ u("stop", { "stop-color": gradientColor }), /* @__PURE__ */ u("stop", {
 				offset: "1",
-				"stop-color": n,
+				"stop-color": gradientColor,
 				"stop-opacity": "0"
 			})]
 		}) }) : null
 	]
-}), Ee = ({ borderState: e = "idle" }) => {
-	let t = c(), n = e === "loading" || e === "capturing", r = Te(e), i = n ? `url(#${t})` : r;
+});
+var LoadingBorder = ({ borderState = "idle" }) => {
+	const gradientId = g();
+	const isLoadingOrCapturing = borderState === "loading" || borderState === "capturing";
+	const color = getColor(borderState);
+	const fill = isLoadingOrCapturing ? `url(#${gradientId})` : color;
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeLoadingBorder",
 		"aria-hidden": "true",
-		children: [n ? /* @__PURE__ */ u("div", {
+		children: [isLoadingOrCapturing ? /* @__PURE__ */ u("div", {
 			class: "IncodeLoadingBorderBase",
-			children: /* @__PURE__ */ u($, { fill: Q })
+			children: /* @__PURE__ */ u(BorderRing, { fill: IDLE_COLOR })
 		}) : null, /* @__PURE__ */ u("div", {
-			class: f("IncodeLoadingBorderForeground", { IncodeLoadingBorderSpinning: n }),
-			children: /* @__PURE__ */ u($, {
-				fill: i,
-				gradientId: n ? t : void 0,
-				gradientColor: n ? r : void 0
+			class: cn("IncodeLoadingBorderForeground", { IncodeLoadingBorderSpinning: isLoadingOrCapturing }),
+			children: /* @__PURE__ */ u(BorderRing, {
+				fill,
+				gradientId: isLoadingOrCapturing ? gradientId : void 0,
+				gradientColor: isLoadingOrCapturing ? color : void 0
 			})
 		})]
 	});
-}, De = () => /* @__PURE__ */ u("div", {
-	class: "IncodeCameraButton",
-	children: /* @__PURE__ */ u("svg", {
-		width: "64",
-		height: "64",
-		viewBox: "0 0 64 64",
-		fill: "none",
-		xmlns: "http://www.w3.org/2000/svg",
-		"aria-hidden": "true",
-		children: [
-			/* @__PURE__ */ u("circle", {
-				cx: "32",
-				cy: "32",
-				r: "32",
-				class: "IncodeCameraButtonBackground"
-			}),
-			/* @__PURE__ */ u("path", {
-				d: "M55.5874 31.8191C55.5872 18.6938 44.9464 8.0537 31.821 8.0537C18.6958 8.05385 8.05581 18.6939 8.05566 31.8191C8.05566 44.9444 18.6958 55.5853 31.821 55.5854C44.9465 55.5854 55.5874 44.9445 55.5874 31.8191ZM57.5566 31.8191C57.5566 46.0321 46.034 57.5547 31.821 57.5547C17.6082 57.5545 6.08643 46.032 6.08643 31.8191C6.08657 17.6063 17.6083 6.08462 31.821 6.08447C46.0339 6.08447 57.5565 17.6062 57.5566 31.8191Z",
-				class: "IncodeCameraButtonRing"
-			}),
-			/* @__PURE__ */ u("path", {
-				d: "M35.5186 20.6768C36.887 20.677 37.995 21.777 37.9951 23.1338V24.1045H41.4766C43.0397 24.1052 44.3074 25.3626 44.3076 26.9131V38.5459C44.3076 40.0966 43.0398 41.3535 41.4766 41.3535H21.5381C19.975 41.3533 18.7081 40.0965 18.708 38.5459V26.9131C18.7083 25.3627 19.9751 24.1057 21.5381 24.1055H25.0205V23.1338C25.0206 21.7769 26.1285 20.6768 27.4971 20.6768H35.5186ZM31.5068 26.5273C28.0604 26.5273 25.2559 29.309 25.2559 32.7285C25.2559 36.148 28.0604 38.9297 31.5068 38.9297C34.954 38.9297 37.7588 36.148 37.7588 32.7285C37.7588 29.309 34.954 26.5274 31.5068 26.5273ZM31.5068 28.6348C33.7835 28.6348 35.6357 30.4728 35.6357 32.7305C35.6356 34.9887 33.7833 36.8252 31.5068 36.8252C29.2303 36.8252 27.3791 34.9887 27.3789 32.7305C27.3789 30.4721 29.2302 28.6348 31.5068 28.6348Z",
-				class: "IncodeCameraButtonPath"
-			})
-		]
-	})
-}), Oe = a(({ onClick: e, disabled: n }, r) => {
-	let { t: i } = t();
+};
+//#endregion
+//#region src/modules/selfie/cameraButton.tsx
+var CameraButton = () => {
+	return /* @__PURE__ */ u("div", {
+		class: "IncodeCameraButton",
+		children: /* @__PURE__ */ u("svg", {
+			width: "64",
+			height: "64",
+			viewBox: "0 0 64 64",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ u("circle", {
+					cx: "32",
+					cy: "32",
+					r: "32",
+					class: "IncodeCameraButtonBackground"
+				}),
+				/* @__PURE__ */ u("path", {
+					d: "M55.5874 31.8191C55.5872 18.6938 44.9464 8.0537 31.821 8.0537C18.6958 8.05385 8.05581 18.6939 8.05566 31.8191C8.05566 44.9444 18.6958 55.5853 31.821 55.5854C44.9465 55.5854 55.5874 44.9445 55.5874 31.8191ZM57.5566 31.8191C57.5566 46.0321 46.034 57.5547 31.821 57.5547C17.6082 57.5545 6.08643 46.032 6.08643 31.8191C6.08657 17.6063 17.6083 6.08462 31.821 6.08447C46.0339 6.08447 57.5565 17.6062 57.5566 31.8191Z",
+					class: "IncodeCameraButtonRing"
+				}),
+				/* @__PURE__ */ u("path", {
+					d: "M35.5186 20.6768C36.887 20.677 37.995 21.777 37.9951 23.1338V24.1045H41.4766C43.0397 24.1052 44.3074 25.3626 44.3076 26.9131V38.5459C44.3076 40.0966 43.0398 41.3535 41.4766 41.3535H21.5381C19.975 41.3533 18.7081 40.0965 18.708 38.5459V26.9131C18.7083 25.3627 19.9751 24.1057 21.5381 24.1055H25.0205V23.1338C25.0206 21.7769 26.1285 20.6768 27.4971 20.6768H35.5186ZM31.5068 26.5273C28.0604 26.5273 25.2559 29.309 25.2559 32.7285C25.2559 36.148 28.0604 38.9297 31.5068 38.9297C34.954 38.9297 37.7588 36.148 37.7588 32.7285C37.7588 29.309 34.954 26.5274 31.5068 26.5273ZM31.5068 28.6348C33.7835 28.6348 35.6357 30.4728 35.6357 32.7305C35.6356 34.9887 33.7833 36.8252 31.5068 36.8252C29.2303 36.8252 27.3791 34.9887 27.3789 32.7305C27.3789 30.4721 29.2302 28.6348 31.5068 28.6348Z",
+					class: "IncodeCameraButtonPath"
+				})
+			]
+		})
+	});
+};
+//#endregion
+//#region src/modules/selfie/manualCaptureButton.tsx
+var ManualCaptureButton = D(({ onClick, disabled }, ref) => {
+	const { t } = useTranslation();
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeSelfieManualCapture",
 		"data-testid": "manual-capture-button",
@@ -2365,215 +2558,276 @@ var be = ({ manager: e, permissionStatus: n }) => {
 			/* @__PURE__ */ u("p", {
 				id: "manual-capture-instructions",
 				class: "IncodeSelfieManualCaptureText",
-				children: i("selfiev2.manualCapture.instructions")
+				children: t("selfiev2.manualCapture.instructions")
 			}),
-			/* @__PURE__ */ u(p, { size: 32 }),
-			/* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(b, {
-				ref: r,
+			/* @__PURE__ */ u(Spacer, { size: 32 }),
+			/* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(Button, {
+				ref,
 				id: "manual-capture-button",
 				variant: "link",
-				onClick: e,
-				disabled: n,
+				onClick,
+				disabled,
 				class: "IncodeSelfieManualCaptureButton",
-				"aria-label": i("selfiev2.manualCapture.captureButton"),
-				children: /* @__PURE__ */ u(De, {})
+				"aria-label": t("selfiev2.manualCapture.captureButton"),
+				children: /* @__PURE__ */ u(CameraButton, {})
 			}) })
 		]
 	});
-}), ke = ({ detectionState: e, disabled: n }) => {
-	let { t: a } = t(), c = s(null), l = s({
+});
+//#endregion
+//#region src/modules/selfie/notification.tsx
+var Notification = ({ detectionState, disabled }) => {
+	const { t } = useTranslation();
+	const liveRef = A(null);
+	const lastAnnouncedRef = A({
 		message: "",
 		at: 0
-	}), d = s(e), f = s(n), m = s(!1), h = s(), g = s(), _ = {
-		idle: a("notifications.centerFaceV2"),
-		noFace: a("notifications.faceNotFound"),
-		tooManyFaces: a("notifications.tooManyFaces"),
-		tooClose: a("notifications.moveAway"),
-		tooFar: a("notifications.moveCloser"),
-		blur: a("notifications.onBlur"),
-		dark: a("notifications.onDark"),
-		faceAngle: a("notifications.onFaceAngleV2"),
-		headWear: a("notifications.removeHeadwear"),
-		lenses: a("notifications.removeLenses"),
-		eyesClosed: a("notifications.eyesClosed"),
-		faceMask: a("notifications.mask"),
-		centerFace: a("notifications.centerFaceV2"),
-		getReady: a("notifications.getReady"),
-		capturing: a("idv2.capture.takingPhoto")
-	}[e] ?? "", v = o((e) => {
-		let t = Date.now(), n = l.current;
-		if (e === n.message && t - n.at < 200) return;
-		l.current = {
-			message: e,
-			at: t
+	});
+	const prevDetectionStateRef = A(detectionState);
+	const prevDisabledRef = A(disabled);
+	const hasAnnouncedInstructionsRef = A(false);
+	const clearTimerRef = A();
+	const outerTimerRef = A();
+	const text = {
+		idle: t("notifications.centerFaceV2"),
+		noFace: t("notifications.faceNotFound"),
+		tooManyFaces: t("notifications.tooManyFaces"),
+		tooClose: t("notifications.moveAway"),
+		tooFar: t("notifications.moveCloser"),
+		blur: t("notifications.onBlur"),
+		dark: t("notifications.onDark"),
+		faceAngle: t("notifications.onFaceAngleV2"),
+		headWear: t("notifications.removeHeadwear"),
+		lenses: t("notifications.removeLenses"),
+		eyesClosed: t("notifications.eyesClosed"),
+		faceMask: t("notifications.mask"),
+		centerFace: t("notifications.centerFaceV2"),
+		getReady: t("notifications.getReady"),
+		capturing: t("idv2.capture.takingPhoto")
+	}[detectionState] ?? "";
+	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
 		};
-		let r = c.current;
-		r && (clearTimeout(h.current), r.textContent = "", g.current = setTimeout(() => {
-			r.textContent = e, h.current = setTimeout(() => {
-				r.textContent = "";
+		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));
+		}, 50);
 	}, []);
-	return i(() => {
-		let t = f.current;
-		if (f.current = n, n || e === "manualCapture") {
-			m.current = !1;
+	y(() => {
+		const wasDisabled = prevDisabledRef.current;
+		prevDisabledRef.current = disabled;
+		if (disabled || detectionState === "manualCapture") {
+			hasAnnouncedInstructionsRef.current = false;
 			return;
 		}
-		if (m.current) return;
-		let r = setTimeout(() => {
-			m.current = !0, v(a("selfiev2.autoCapture.defaultAriaInstructions"));
-		}, t ? 1e3 : 500);
-		return () => clearTimeout(r);
+		if (hasAnnouncedInstructionsRef.current) return;
+		const timer = setTimeout(() => {
+			hasAnnouncedInstructionsRef.current = true;
+			announce(t("selfiev2.autoCapture.defaultAriaInstructions"));
+		}, wasDisabled ? 1e3 : 500);
+		return () => clearTimeout(timer);
 	}, [
-		e,
-		n,
-		v,
-		a
-	]), i(() => {
-		let t = d.current;
-		d.current = e, !n && t !== "manualCapture" && e === "manualCapture" && v(a("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
+		detectionState,
+		disabled,
+		announce,
+		t
+	]);
+	y(() => {
+		const prev = prevDetectionStateRef.current;
+		prevDetectionStateRef.current = detectionState;
+		if (disabled) return;
+		if (prev !== "manualCapture" && detectionState === "manualCapture") announce(t("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
 	}, [
-		v,
-		e,
-		a,
-		n
-	]), i(() => {
-		n || !_ || v(_);
+		announce,
+		detectionState,
+		t,
+		disabled
+	]);
+	y(() => {
+		if (disabled || !text) return;
+		announce(text);
 	}, [
-		_,
-		v,
-		n
-	]), i(() => () => {
-		clearTimeout(g.current), clearTimeout(h.current);
-	}, []), /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ u("div", {
-		ref: c,
+		text,
+		announce,
+		disabled
+	]);
+	y(() => {
+		return () => {
+			clearTimeout(outerTimerRef.current);
+			clearTimeout(clearTimerRef.current);
+		};
+	}, []);
+	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("div", {
+		ref: liveRef,
 		class: "IncodeCaptureVisuallyHidden",
 		"aria-live": "assertive",
 		"aria-atomic": "true"
-	}), _ ? /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ u("div", {
+	}), text ? /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("div", {
 		class: "IncodeNotification",
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ u("p", {
 			class: "IncodeNotificationText",
-			children: _
+			children: text
 		})
-	}), /* @__PURE__ */ u(p, { size: 24 })] }) : null] });
-}, Ae = ({ manager: e, state: n }) => {
-	let { captureStatus: a, stream: o, detectionStatus: c, attemptsRemaining: d, uploadError: f, assistedOnboarding: g, ageAssurance: _, onDeviceMode: x } = n, [S, C] = l(!1), { t: w } = t(), T = s(null);
-	if (i(() => {
-		c === "manualCapture" && T.current?.focus();
-	}, [c]), a === "initializing") return /* @__PURE__ */ u(y, { spinnerConfig: { subtitle: w("loadingCircle.preparingCamera") } });
-	if (a === "detecting") {
-		if (c === "offline") return /* @__PURE__ */ u(h, { title: "No internet connection" });
-		let t = () => S ? "capturing" : c === "detecting" ? "idle" : c === "getReady" || c === "getReadyFinished" ? "loading" : c === "success" ? "success" : c === "error" ? "error" : "idle";
-		return /* @__PURE__ */ u(h, {
+	}), /* @__PURE__ */ u(Spacer, { size: 24 })] }) : null] });
+};
+//#endregion
+//#region src/modules/selfie/capture.tsx
+var Capture = ({ manager, state }) => {
+	const { captureStatus, stream, detectionStatus, attemptsRemaining, uploadError, assistedOnboarding, ageAssurance, onDeviceMode } = state;
+	const [isManualCapturing, setIsManualCapturing] = d(false);
+	const { t } = useTranslation();
+	const manualCaptureRef = A(null);
+	y(() => {
+		if (detectionStatus === "manualCapture") manualCaptureRef.current?.focus();
+	}, [detectionStatus]);
+	if (captureStatus === "initializing") return /* @__PURE__ */ u(TransitionSpinner, { spinnerConfig: { subtitle: t("loadingCircle.preparingCamera") } });
+	if (captureStatus === "detecting") {
+		if (detectionStatus === "offline") return /* @__PURE__ */ u(Page, { title: "No internet connection" });
+		const getBorderState = () => {
+			if (isManualCapturing) return "capturing";
+			if (detectionStatus === "detecting") return "idle";
+			if (detectionStatus === "getReady") return "loading";
+			if (detectionStatus === "getReadyFinished") return "loading";
+			if (detectionStatus === "success") return "success";
+			if (detectionStatus === "error") return "error";
+			return "idle";
+		};
+		return /* @__PURE__ */ u(Page, {
 			"data-testid": "capture-container",
 			children: [
-				/* @__PURE__ */ u(v, {
+				/* @__PURE__ */ u(Title, {
 					className: "IncodeCaptureVisuallyHidden",
-					children: w("selfiev2.capture.title")
+					children: t("selfiev2.capture.title")
 				}),
-				/* @__PURE__ */ u(p, { size: 48 }),
+				/* @__PURE__ */ u(Spacer, { size: 48 }),
 				/* @__PURE__ */ u("div", {
 					class: "IncodeCaptureContainer",
 					children: [
-						/* @__PURE__ */ u(Ee, { borderState: t() }),
+						/* @__PURE__ */ u(LoadingBorder, { borderState: getBorderState() }),
 						/* @__PURE__ */ u("div", {
 							class: "IncodeCaptureFrame",
 							children: /* @__PURE__ */ u("div", {
 								class: "IncodeCaptureVideoWrapper",
 								"aria-hidden": "true",
-								children: o ? /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ u(je, {
-									stream: o,
-									mirrored: !g
+								children: stream ? /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Video, {
+									stream,
+									mirrored: !assistedOnboarding
 								}), /* @__PURE__ */ u("div", {
 									class: "IncodeCaptureVideo",
-									children: /* @__PURE__ */ u(we, {})
+									children: /* @__PURE__ */ u(FaceOutline, {})
 								})] }) : null
 							})
 						}),
-						/* @__PURE__ */ u(p, { size: 32 }),
-						c ? /* @__PURE__ */ u(ke, {
-							detectionState: c,
-							disabled: !!f || S
+						/* @__PURE__ */ u(Spacer, { size: 32 }),
+						detectionStatus ? /* @__PURE__ */ u(Notification, {
+							detectionState: detectionStatus,
+							disabled: !!uploadError || isManualCapturing
 						}) : null,
-						c === "manualCapture" && !x ? /* @__PURE__ */ u(Oe, {
-							ref: T,
+						detectionStatus === "manualCapture" && !onDeviceMode ? /* @__PURE__ */ u(ManualCaptureButton, {
+							ref: manualCaptureRef,
 							onClick: () => {
-								C(!0), e.capture();
+								setIsManualCapturing(true);
+								manager.capture();
 							},
-							disabled: S
+							disabled: isManualCapturing
 						}) : null
 					]
 				}),
-				f ? /* @__PURE__ */ u(Z, {
-					error: f,
-					attemptsRemaining: d,
+				uploadError ? /* @__PURE__ */ u(ErrorModal, {
+					error: uploadError,
+					attemptsRemaining,
 					onTryAgain: () => {
-						e.retryCapture(), C(!1);
+						manager.retryCapture();
+						setIsManualCapturing(false);
 					}
 				}) : null
 			]
 		});
 	}
-	return a === "capturing" ? /* @__PURE__ */ u(h, {
+	if (captureStatus === "capturing") return /* @__PURE__ */ u(Page, {
 		className: "IncodeCaptureCapturingPage",
 		title: "Capturing",
 		subtitle: "Taking photo...",
 		children: /* @__PURE__ */ u("div", {
 			class: "IncodeCaptureCapturingActions",
-			children: /* @__PURE__ */ u(b, {
-				isLoading: !0,
+			children: /* @__PURE__ */ u(Button, {
+				isLoading: true,
 				children: "Capturing..."
 			})
 		})
-	}) : a === "uploading" ? /* @__PURE__ */ u(Y, {
+	});
+	if (captureStatus === "uploading") return /* @__PURE__ */ u(CaptureStatusPage, {
 		className: "IncodeCaptureStatusUploading",
-		isLoading: !0,
-		icon: /* @__PURE__ */ u(m, { size: 64 }),
-		title: w(_ ? "idv2.capture.processing.verifying" : "idv2.capture.processing.uploading")
-	}) : a === "uploadError" ? /* @__PURE__ */ u(Z, {
-		error: f,
-		attemptsRemaining: d,
+		isLoading: true,
+		icon: /* @__PURE__ */ u(LoadingIcon, { size: 64 }),
+		title: t(ageAssurance ? "idv2.capture.processing.verifying" : "idv2.capture.processing.uploading")
+	});
+	if (captureStatus === "uploadError") return /* @__PURE__ */ u(ErrorModal, {
+		error: uploadError,
+		attemptsRemaining,
 		onTryAgain: () => {
-			e.retryCapture(), C(!1);
+			manager.retryCapture();
+			setIsManualCapturing(false);
 		}
-	}) : a === "success" ? /* @__PURE__ */ u(Y, {
-		icon: /* @__PURE__ */ u(ee, { size: 64 }),
-		title: w("idv2.capture.processing.success")
-	}) : null;
-}, je = ({ stream: e, mirrored: t }) => {
-	let n = s(null);
-	return i(() => {
-		n.current && e && (n.current.srcObject = e);
-	}, [e]), /* @__PURE__ */ u("video", {
-		ref: n,
-		autoplay: !0,
-		playsInline: !0,
-		muted: !0,
+	});
+	if (captureStatus === "success") return /* @__PURE__ */ u(CaptureStatusPage, {
+		icon: /* @__PURE__ */ u(SuccessIcon, { size: 64 }),
+		title: t("idv2.capture.processing.success")
+	});
+	return null;
+};
+var Video = ({ stream, mirrored }) => {
+	const ref = A(null);
+	y(() => {
+		if (ref.current && stream) ref.current.srcObject = stream;
+	}, [stream]);
+	return /* @__PURE__ */ u("video", {
+		ref,
+		autoplay: true,
+		playsInline: true,
+		muted: true,
 		"aria-hidden": "true",
-		class: t ? "IncodeCaptureVideoElement IncodeCaptureVideoMirrored" : "IncodeCaptureVideoElement"
+		class: mirrored ? "IncodeCaptureVideoElement IncodeCaptureVideoMirrored" : "IncodeCaptureVideoElement"
 	});
-}, Me = ({ manager: e, ageAssurance: n = !1 }) => {
-	let { t: r } = t(), [a, o] = l(!1), [s, c] = l(null);
-	return i(() => {
-		import("./selfieTutorial-Yo9AlUoT.js").then((e) => {
-			c(e.default);
+};
+//#endregion
+//#region src/modules/selfie/tutorial.tsx
+var Tutorial = ({ manager, ageAssurance = false }) => {
+	const { t } = useTranslation();
+	const [isLoading, setIsLoading] = d(false);
+	const [animationData, setAnimationData] = d(null);
+	y(() => {
+		import("./selfieTutorial-CtruLyO2.js").then((module) => {
+			setAnimationData(module.default);
 		});
-	}, []), /* @__PURE__ */ u(j, {
-		animationData: s,
-		title: r(n ? "face.tutorial.ageAssuranceTitle" : "face.tutorial.title"),
+	}, []);
+	const handleContinue = async () => {
+		setIsLoading(true);
+		await manager.nextStep();
+	};
+	return /* @__PURE__ */ u(BaseTutorial, {
+		animationData,
+		title: t(ageAssurance ? "face.tutorial.ageAssuranceTitle" : "face.tutorial.title"),
 		titleId: "face-tutorial-heading",
-		subtitle: r(n ? "face.tutorial.ageAssuranceSubtitle" : "face.tutorial.subtitle"),
-		onContinue: async () => {
-			o(!0), await e.nextStep();
-		},
-		buttonText: r(n ? "face.tutorial.ageAssuranceStartCapture" : "face.tutorial.startCapture"),
-		disclaimerText: r("face.tutorial.autoCapture"),
-		isLoading: a,
+		subtitle: t(ageAssurance ? "face.tutorial.ageAssuranceSubtitle" : "face.tutorial.subtitle"),
+		onContinue: handleContinue,
+		buttonText: t(ageAssurance ? "face.tutorial.ageAssuranceStartCapture" : "face.tutorial.startCapture"),
+		disclaimerText: t("face.tutorial.autoCapture"),
+		isLoading,
 		className: "IncodeSelfieTutorial"
 	});
 };
 //#endregion
-export { A as a, j as i, Ae as n, O as o, be as r, Me as t };
+export { Lottie as a, BaseTutorial as i, Capture as n, ErrorContent as o, Permissions as r, Tutorial as t };