@incodetech/web 0.0.0-dev-20260505-4b09daf → 0.0.0-dev-20260505-e06a25f

package/dist/{extensibility-BMC0aVBo.js → extensibility-Dt-TGklI.js}

@@ -1,20 +1,20 @@
 import { n as e } from "./i18n-BnVa5Y-_.js";
 import { S as t, _ as n, a as r, c as i, d as a, h as o, l as s, o as c, p as l, v as u } from "./vendor-preact-D6SntenC.js";
 import "./uiConfig-CwpQ-IM6.js";
-import "./hooks-K-ks8TCv.js";
-import "./incodeComponent-Cx36DgvY.js";
-import { t as d } from "./spacer-DCljE53A.js";
-import { t as f } from "./page-D5Mt-0zn.js";
-import { n as p } from "./loadingIcon-wTrHZMGC.js";
-import { t as m } from "./typography-BU5GeRw-.js";
-import { t as h } from "./spinner-CNteWaxs.js";
+import { n as d, t as f } from "./hooks-BVnGysT7.js";
+import "./incodeComponent-9ZUPvQgC.js";
+import { t as p } from "./spacer-DCljE53A.js";
+import { t as m } from "./page-D5Mt-0zn.js";
+import { n as h } from "./loadingIcon-wTrHZMGC.js";
+import { t as g } from "./typography-BU5GeRw-.js";
+import { t as _ } from "./spinner-CNteWaxs.js";
 import "./spinner-BiPJCr9Q.js";
 import "./processing-C9xzJOq0.js";
-import { t as g } from "./button-4-ToV5B_.js";
-import { f as _, g as v, i as y, r as b, s as x, t as S } from "./icons-BtdVuyUn.js";
-import { t as C } from "./successIcon-SlKgTSty.js";
-import { t as w } from "./modal-CfeQw93y.js";
-import { a as T, i as E } from "./tutorial-DhSymWQF.js";
+import { t as v } from "./button-4-ToV5B_.js";
+import { f as y, g as b, i as x, r as S, s as C, t as w } from "./icons-BtdVuyUn.js";
+import { t as T } from "./successIcon-SlKgTSty.js";
+import { t as E } from "./modal-CfeQw93y.js";
+import { a as D, i as O } from "./tutorial-BdUoUyaE.js";
 import "./verificationResult-BInhP13F.js";
 import "./inputComposed-28d14HXP.js";
 import "./inputComposed-CXXUBANr.js";
@@ -29,7 +29,7 @@ import "./radioGroupComposed-BPJ5Gj6B.js";
 import "./bottomSheet-BXIzn-hy.js";
 import "@incodetech/core/id";
 //#region src/shared/overlay/overlay.tsx
-var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("div", {
+var k = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("div", {
 	class: `IncodeOverlay ${n ?? ""}`,
 	role: "dialog",
 	"aria-modal": "true",
@@ -41,8 +41,8 @@ var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
 			children: e
 		})
 	})
-}), O = ({ progress: e, label: n, className: r }) => /* @__PURE__ */ u("div", {
-	class: p("IncodeProgressBarContainer", r),
+}), A = ({ progress: e, label: n, className: r }) => /* @__PURE__ */ u("div", {
+	class: h("IncodeProgressBarContainer", r),
 	children: [/* @__PURE__ */ u("div", {
 		class: "IncodeProgressBar",
 		role: "progressbar",
@@ -54,22 +54,22 @@ var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
 			class: "IncodeProgressBarFill",
 			style: { width: `${e}%` }
 		})
-	}), n ? /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(d, { size: 24 }), /* @__PURE__ */ u("p", {
+	}), n ? /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(p, { size: 24 }), /* @__PURE__ */ u("p", {
 		class: "IncodeProgressBarLabel",
 		children: n
 	})] }) : null]
-}), k = r((e, t) => {
+}), j = r((e, t) => {
 	let { class: n, rows: r = 4, ...i } = e;
 	return /* @__PURE__ */ u("textarea", {
 		...i,
 		ref: t,
 		rows: r,
-		class: p("IncodeTextArea", n)
+		class: h("IncodeTextArea", n)
 	});
-}), A = r(({ id: e, label: t, "aria-label": n, error: r, showErrorIcon: i, helper: a, showHelperIcon: o, required: s, rows: c = 4, class: l, ...d }, f) => {
-	let m = `${e}-helper`, h = `${e}-error`, g = [a ? m : null, r ? h : null].filter(Boolean).join(" ");
+}), M = r(({ id: e, label: t, "aria-label": n, error: r, showErrorIcon: i, helper: a, showHelperIcon: o, required: s, rows: c = 4, class: l, ...d }, f) => {
+	let p = `${e}-helper`, m = `${e}-error`, g = [a ? p : null, r ? m : null].filter(Boolean).join(" ");
 	return /* @__PURE__ */ u("div", {
-		class: p("IncodeTextAreaComposed", l),
+		class: h("IncodeTextAreaComposed", l),
 		children: [
 			t && /* @__PURE__ */ u("label", {
 				class: "IncodeTextAreaComposedLabel",
@@ -82,7 +82,7 @@ var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
 			}),
 			/* @__PURE__ */ u("div", {
 				class: "IncodeTextAreaComposedWrapper",
-				children: /* @__PURE__ */ u(k, {
+				children: /* @__PURE__ */ u(j, {
 					id: e,
 					rows: c,
 					...d,
@@ -99,9 +99,9 @@ var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
 				"data-testid": `${e}-error-wrapper`,
 				children: [i && /* @__PURE__ */ u("div", {
 					class: "IncodeTextAreaComposedIconWrapper",
-					children: /* @__PURE__ */ u(v, { size: 17 })
+					children: /* @__PURE__ */ u(b, { size: 17 })
 				}), /* @__PURE__ */ u("p", {
-					id: h,
+					id: m,
 					class: "IncodeTextAreaComposedError",
 					children: r
 				})]
@@ -111,9 +111,9 @@ var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
 				"data-testid": `${e}-helper-wrapper`,
 				children: [o && /* @__PURE__ */ u("div", {
 					class: "IncodeTextAreaComposedIconWrapper",
-					children: /* @__PURE__ */ u(C, { size: 17 })
+					children: /* @__PURE__ */ u(T, { size: 17 })
 				}), /* @__PURE__ */ u("p", {
-					id: m,
+					id: p,
 					class: "IncodeTextAreaComposedHelper",
 					children: a
 				})]
@@ -121,16 +121,16 @@ var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
 		]
 	});
 });
-A.displayName = "TextAreaComposed";
+M.displayName = "TextAreaComposed";
 //#endregion
 //#region src/shared/card/verificationOption/verificationOptionCard.tsx
-function j({ children: e }) {
+function N({ children: e }) {
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeVerificationOptionCardList",
 		children: e
 	});
 }
-function M({ icon: e, title: t, testId: n, onClick: r, tag: i }) {
+function P({ icon: e, title: t, testId: n, onClick: r, tag: i }) {
 	return /* @__PURE__ */ u("button", {
 		type: "button",
 		class: "IncodeVerificationOptionCard",
@@ -150,11 +150,11 @@ function M({ icon: e, title: t, testId: n, onClick: r, tag: i }) {
 				children: [/* @__PURE__ */ u("span", {
 					class: "IncodeVerificationOptionCardTitle",
 					children: t
-				}), i && /* @__PURE__ */ u(ee, { label: i })]
+				}), i && /* @__PURE__ */ u(F, { label: i })]
 			}), /* @__PURE__ */ u("span", {
 				class: "IncodeVerificationOptionCardArrow",
 				"data-testid": "chevron-right-icon",
-				children: /* @__PURE__ */ u(x, {
+				children: /* @__PURE__ */ u(C, {
 					size: 24,
 					variant: "m"
 				})
@@ -162,33 +162,33 @@ function M({ icon: e, title: t, testId: n, onClick: r, tag: i }) {
 		})]
 	});
 }
-function ee({ label: e }) {
+function F({ label: e }) {
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeVerificationOptionCardTag",
-		children: [/* @__PURE__ */ u(S, {}), /* @__PURE__ */ u("span", { children: e })]
+		children: [/* @__PURE__ */ u(w, {}), /* @__PURE__ */ u("span", { children: e })]
 	});
 }
 //#endregion
 //#region src/shared/cameraOverlay/cameraFrame.tsx
-var N = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameState: r = "idle", className: i, children: a }, o) => {
+var I = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameState: r = "idle", className: i, children: a }, o) => {
 	let s = `IncodeCameraFrame${r.charAt(0).toUpperCase()}${r.slice(1)}`;
 	return /* @__PURE__ */ u("div", {
 		ref: o,
-		class: p("IncodeCameraFrame", e === "fill" && "IncodeCameraFrameFill", e === "locked" && "IncodeCameraFrameLocked", e === "locked" && n === "horizontal" && "IncodeCameraFrameHorizontal", e === "locked" && n === "vertical" && "IncodeCameraFrameVertical", s, i),
+		class: h("IncodeCameraFrame", e === "fill" && "IncodeCameraFrameFill", e === "locked" && "IncodeCameraFrameLocked", e === "locked" && n === "horizontal" && "IncodeCameraFrameHorizontal", e === "locked" && n === "vertical" && "IncodeCameraFrameVertical", s, i),
 		style: t ? { aspectRatio: t } : void 0,
 		"aria-hidden": !0,
 		children: a
 	});
-}), P = ({ children: e, className: t }) => /* @__PURE__ */ u("div", {
-	class: p("IncodeCameraOverlay", t),
+}), L = ({ children: e, className: t }) => /* @__PURE__ */ u("div", {
+	class: h("IncodeCameraOverlay", t),
 	children: e
-}), F = ({ title: e, subtitle: t, visible: r = !0, className: i, titleId: a }) => {
+}), R = ({ title: e, subtitle: t, visible: r = !0, className: i, titleId: a }) => {
 	let o = s(null);
 	return n(() => {
 		o.current?.focus();
 	}, []), /* @__PURE__ */ u("div", {
-		class: p("IncodeCameraOverlayHeader", !r && "IncodeCameraOverlayHeaderHidden", i),
-		children: [/* @__PURE__ */ u(m, {
+		class: h("IncodeCameraOverlayHeader", !r && "IncodeCameraOverlayHeaderHidden", i),
+		children: [/* @__PURE__ */ u(g, {
 			ref: o,
 			id: a,
 			className: "IncodeCameraOverlayHeaderTitle",
@@ -199,35 +199,36 @@ var N = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameSta
 			children: t
 		})]
 	});
-}, I = ({ stream: e, children: t, videoRef: r, className: i, ...a }) => {
-	let o = s(null), c = (e) => {
-		o.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+}, z = ({ stream: e, children: t, videoRef: r, onPlaying: i, className: a, ...o }) => {
+	let c = s(null), l = (e) => {
+		c.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
 	};
 	return n(() => {
-		o.current && e && (o.current.srcObject = e, o.current.play().catch(() => {}));
+		c.current && e && (c.current.srcObject = e, c.current.play().catch(() => {}));
 	}, [e]), /* @__PURE__ */ u("div", {
-		class: p("IncodeCameraView", i),
-		...a,
+		class: h("IncodeCameraView", a),
+		...o,
 		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeCameraViewVideo",
 			children: /* @__PURE__ */ u("video", {
-				ref: c,
+				ref: l,
 				autoplay: !0,
 				playsInline: !0,
 				muted: !0,
+				onPlaying: i,
 				"aria-hidden": "true",
 				class: "IncodeCameraViewVideoElement"
 			})
 		}), t]
 	});
-}, L = ({ onOpenHelp: t, onCapture: n, isManualCapture: r, captureAriaLabel: i, captureAriaDescribedBy: a, helpAriaLabel: o, helpButtonRef: s, captureButtonRef: c, encryptionLabel: l, children: d }) => {
+}, B = ({ onOpenHelp: t, onCapture: n, isManualCapture: r, captureAriaLabel: i, captureAriaDescribedBy: a, helpAriaLabel: o, helpButtonRef: s, captureButtonRef: c, encryptionLabel: l, children: d }) => {
 	let { t: f } = e();
 	return /* @__PURE__ */ u("div", {
 		class: "IncodeCaptureFooter",
 		children: [
 			/* @__PURE__ */ u("div", {
 				class: "IncodeCaptureFooterEncryption",
-				children: [/* @__PURE__ */ u(b, { className: "IncodeCaptureFooterEncryptionIcon" }), /* @__PURE__ */ u("span", { children: l ?? f("v2.capture.label") })]
+				children: [/* @__PURE__ */ u(S, { className: "IncodeCaptureFooterEncryptionIcon" }), /* @__PURE__ */ u("span", { children: l ?? f("v2.capture.label") })]
 			}),
 			r && n ? /* @__PURE__ */ u("div", {
 				class: "IncodeCaptureFooterCaptureSection",
@@ -239,18 +240,18 @@ var N = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameSta
 					"aria-label": i ?? f("manualCapture.ariaLabel"),
 					"aria-describedby": a,
 					"data-testid": "capture-button",
-					children: /* @__PURE__ */ u(_, {})
+					children: /* @__PURE__ */ u(y, {})
 				})]
 			}) : null,
 			/* @__PURE__ */ u("div", {
 				class: "IncodeCaptureFooterHelp",
-				children: /* @__PURE__ */ u(g, {
+				children: /* @__PURE__ */ u(v, {
 					ref: s,
 					variant: "link",
 					onClick: t,
 					"aria-label": o ?? f("idv2.needHelp.open"),
 					class: "IncodeCaptureFooterHelpButton",
-					children: /* @__PURE__ */ u(y, {})
+					children: /* @__PURE__ */ u(x, {})
 				})
 			})
 		]
@@ -258,14 +259,14 @@ var N = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameSta
 };
 //#endregion
 //#region src/shared/manualCapture/manualCapture.tsx
-function R(e) {
+function ee(e) {
 	if (e.readyState < 2 || e.videoWidth === 0 || e.videoHeight === 0) return null;
 	let t = document.createElement("canvas");
 	t.width = e.videoWidth, t.height = e.videoHeight;
 	let n = t.getContext("2d");
 	return n ? (n.drawImage(e, 0, 0), t.toDataURL("image/jpeg", .92).split(",")[1] ?? null) : null;
 }
-var z = ({ stream: e, onCapture: t, disabled: r }) => {
+var te = ({ stream: e, onCapture: t, disabled: r }) => {
 	let i = s(null);
 	n(() => {
 		i.current && e && (i.current.srcObject = e, i.current.play().catch(() => {}));
@@ -273,7 +274,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 	let a = o(() => {
 		let e = i.current;
 		if (!e || r) return;
-		let n = R(e);
+		let n = ee(e);
 		n && t(n);
 	}, [t, r]);
 	return /* @__PURE__ */ u("div", {
@@ -290,7 +291,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 			})
 		}), /* @__PURE__ */ u("div", {
 			class: "IncodeManualCaptureButtonContainer",
-			children: /* @__PURE__ */ u(g, {
+			children: /* @__PURE__ */ u(v, {
 				variant: "primary",
 				size: "L",
 				onClick: a,
@@ -301,7 +302,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 			})
 		})]
 	});
-}, B = ({ className: e }) => /* @__PURE__ */ u("svg", {
+}, ne = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24",
@@ -331,7 +332,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 			fill: "currentColor"
 		})
 	]
-}), te = ({ className: e }) => /* @__PURE__ */ u("svg", {
+}), re = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24",
@@ -357,7 +358,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 			fill: "currentColor"
 		})
 	]
-}), ne = ({ className: e }) => /* @__PURE__ */ u("svg", {
+}), ie = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	width: "24",
 	height: "24",
 	viewBox: "0 0 24 24",
@@ -391,7 +392,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 			fill: "currentColor"
 		})
 	]
-}), re = ({ className: e }) => /* @__PURE__ */ u("svg", {
+}), ae = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	width: "64",
 	height: "64",
 	viewBox: "0 0 64 64",
@@ -408,13 +409,13 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		d: "M32 41C33.1045 41 34 41.8955 34 43C34 44.1045 33.1045 45 32 45C30.8954 45 30 44.1045 30 43C30 41.8954 30.8954 41 32 41ZM32 18.5C36.6906 18.5001 40.1669 22.0578 40.167 26.5605C40.167 28.8363 39.239 30.7175 37.7119 32.0381C36.5502 33.0426 35.086 33.6855 33.5 33.9863V38H30.5V31.2568L31.9072 31.1699C33.5141 31.0696 34.8469 30.5494 35.75 29.7686C36.6245 29.0121 37.167 27.9561 37.167 26.5605C37.1669 23.7203 35.0394 21.5001 32 21.5C28.9065 21.5001 26.7253 23.7825 26.1406 26.8418L23.1934 26.2793C23.9755 22.1855 27.1118 18.5001 32 18.5Z",
 		fill: "white"
 	})]
-}), ie = ({ open: t, onClose: n, onTakeManually: r, portalContainer: i }) => {
+}), oe = ({ open: t, onClose: n, onTakeManually: r, portalContainer: i }) => {
 	let { t: a } = e(), s = o((e) => {
 		e?.focus();
 	}, []), c = () => {
 		r(), n();
 	};
-	return /* @__PURE__ */ u(w.Root, {
+	return /* @__PURE__ */ u(E.Root, {
 		open: t,
 		onOpenChange: (e) => {
 			e || n();
@@ -423,14 +424,14 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		hasBackdrop: !1,
 		portalContainer: i ?? void 0,
 		manageInitialFocus: !1,
-		children: /* @__PURE__ */ u(w.Content, {
+		children: /* @__PURE__ */ u(E.Content, {
 			class: "IncodeCommonIssuesContent",
 			children: [
-				/* @__PURE__ */ u(w.Icon, {
+				/* @__PURE__ */ u(E.Icon, {
 					class: "IncodeCommonIssuesQuestionIcon",
-					children: /* @__PURE__ */ u(re, {})
+					children: /* @__PURE__ */ u(ae, {})
 				}),
-				/* @__PURE__ */ u(w.TitleSection, { children: /* @__PURE__ */ u(m, {
+				/* @__PURE__ */ u(E.TitleSection, { children: /* @__PURE__ */ u(g, {
 					id: "incode-modal-title",
 					ref: s,
 					className: "IncodeCommonIssuesTitle",
@@ -445,7 +446,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 							children: [/* @__PURE__ */ u("div", {
 								class: "IncodeCommonIssuesCardIcon",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ u(te, {})
+								children: /* @__PURE__ */ u(re, {})
 							}), /* @__PURE__ */ u("div", {
 								class: "IncodeCommonIssuesCardText",
 								children: [/* @__PURE__ */ u("h3", {
@@ -462,7 +463,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 							children: [/* @__PURE__ */ u("div", {
 								class: "IncodeCommonIssuesCardIcon",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ u(B, {})
+								children: /* @__PURE__ */ u(ne, {})
 							}), /* @__PURE__ */ u("div", {
 								class: "IncodeCommonIssuesCardText",
 								children: [/* @__PURE__ */ u("h3", {
@@ -479,7 +480,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 							children: [/* @__PURE__ */ u("div", {
 								class: "IncodeCommonIssuesCardIcon",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ u(ne, {})
+								children: /* @__PURE__ */ u(ie, {})
 							}), /* @__PURE__ */ u("div", {
 								class: "IncodeCommonIssuesCardText",
 								children: [/* @__PURE__ */ u("h3", {
@@ -493,14 +494,14 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 						})
 					]
 				}),
-				/* @__PURE__ */ u(w.Actions, {
+				/* @__PURE__ */ u(E.Actions, {
 					class: "IncodeCommonIssuesButtons",
-					children: [/* @__PURE__ */ u(g, {
+					children: [/* @__PURE__ */ u(v, {
 						variant: "link",
 						onClick: c,
 						class: "IncodeCommonIssuesTakeManually",
 						children: a("commonIssues.takeManually")
-					}), /* @__PURE__ */ u(g, {
+					}), /* @__PURE__ */ u(v, {
 						onClick: n,
 						class: "IncodeCommonIssuesTryAgain",
 						children: a("commonIssues.tryAgain")
@@ -509,17 +510,17 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 			]
 		})
 	});
-}, ae = ({ orientation: e, mode: t, state: n, children: r, className: i }) => {
+}, V = ({ orientation: e, mode: t, state: n, children: r, className: i }) => {
 	let a = e !== "vertical" || t === "passport", o = t === "passport", s = `IncodeCaptureFrame${n.charAt(0).toUpperCase() + n.slice(1)}`;
 	return /* @__PURE__ */ u("div", {
-		class: p("IncodeCaptureFrame", a ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical", s, o && "IncodeCaptureFramePassport", i),
+		class: h("IncodeCaptureFrame", a ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical", s, o && "IncodeCaptureFramePassport", i),
 		"aria-hidden": "true",
 		role: "presentation",
 		children: r
 	});
-}, V = ({ imageUrl: t, orientation: n, mode: r, borderState: i, topContent: a, bottomContent: o, overlayContent: s, blurImage: c }) => {
+}, H = ({ imageUrl: t, orientation: n, mode: r, borderState: i, topContent: a, bottomContent: o, overlayContent: s, blurImage: c }) => {
 	let { t: l } = e();
-	return /* @__PURE__ */ u(f, {
+	return /* @__PURE__ */ u(m, {
 		hideHeader: !0,
 		hideFooterBranding: !0,
 		children: /* @__PURE__ */ u("div", {
@@ -531,7 +532,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 						class: "IncodeIdProcessingTopArea",
 						children: a
 					}),
-					/* @__PURE__ */ u(ae, {
+					/* @__PURE__ */ u(V, {
 						orientation: n,
 						mode: r === "id" ? "front" : r,
 						state: i,
@@ -539,7 +540,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 							src: t,
 							alt: "",
 							"aria-hidden": "true",
-							class: p("IncodeIdProcessingImage", c ? "IncodeIdProcessingImageBlurred" : void 0)
+							class: h("IncodeIdProcessingImage", c ? "IncodeIdProcessingImageBlurred" : void 0)
 						}), s && /* @__PURE__ */ u("div", {
 							class: "IncodeIdProcessingOverlay",
 							"aria-hidden": "true",
@@ -550,24 +551,24 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 						class: "IncodeIdProcessingBottomArea",
 						children: [/* @__PURE__ */ u("div", {
 							class: "IncodeCaptureEncryptionLabel",
-							children: [/* @__PURE__ */ u(b, { className: "IncodeCaptureEncryptionIcon" }), /* @__PURE__ */ u("span", { children: l("v2.capture.label") })]
+							children: [/* @__PURE__ */ u(S, { className: "IncodeCaptureEncryptionIcon" }), /* @__PURE__ */ u("span", { children: l("v2.capture.label") })]
 						}), o]
 					})
 				]
 			})
 		})
 	});
-}, H = ({ imageUrl: t, progress: r, orientation: i, mode: a, blurImage: o }) => {
-	let { t: c } = e(), d = s(null), f = i !== "vertical" || a === "passport", [p, h] = l(null);
+}, U = ({ imageUrl: t, progress: r, orientation: i, mode: a, blurImage: o }) => {
+	let { t: c } = e(), d = s(null), f = i !== "vertical" || a === "passport", [p, m] = l(null);
 	return n(() => {
 		d.current?.focus();
 	}, []), n(() => {
 		f ? import("./id-laser-h-BUV5ROmy.js").then((e) => {
-			h(e.default);
+			m(e.default);
 		}) : import("./id-laser-v-DzsdfzVM.js").then((e) => {
-			h(e.default);
+			m(e.default);
 		});
-	}, [f]), /* @__PURE__ */ u(V, {
+	}, [f]), /* @__PURE__ */ u(H, {
 		imageUrl: t,
 		orientation: i,
 		mode: a,
@@ -575,7 +576,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		blurImage: o,
 		topContent: /* @__PURE__ */ u("div", {
 			class: "IncodeAnalyzingContent",
-			children: [/* @__PURE__ */ u(O, { progress: r }), /* @__PURE__ */ u(m, {
+			children: [/* @__PURE__ */ u(A, { progress: r }), /* @__PURE__ */ u(g, {
 				ref: d,
 				id: "analyzing-title",
 				className: "IncodeAnalyzingTitle",
@@ -583,13 +584,13 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 				children: c("idv2.capture.processing.analyzing")
 			})]
 		}),
-		overlayContent: p ? /* @__PURE__ */ u(T, {
+		overlayContent: p ? /* @__PURE__ */ u(D, {
 			animationData: p,
 			loop: !0,
 			className: "IncodeAnalyzingLottie"
 		}) : null
 	});
-}, U = ({ className: e, ...t }) => /* @__PURE__ */ u("svg", {
+}, W = ({ className: e, ...t }) => /* @__PURE__ */ u("svg", {
 	class: e,
 	width: "32",
 	height: "32",
@@ -602,7 +603,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		d: "M16 0C24.8363 0.00012782 32 7.1636 32 16C31.9999 24.8363 24.8363 31.9999 16 32C7.16362 32 7.37067e-05 24.8364 0 16C0 7.16352 7.16357 0 16 0ZM22.3486 11.2314C21.8838 10.7668 21.1503 10.736 20.6494 11.1387L20.6406 11.1455L20.5537 11.2236L13.7139 18.0635L11.4521 15.8008C10.9543 15.3032 10.1473 15.3033 9.64941 15.8008C9.18435 16.2658 9.15345 17.0008 9.55664 17.502L9.56348 17.5098L9.6416 17.5977L12.8125 20.7686C13.2775 21.2335 14.0117 21.2644 14.5127 20.8613L14.5205 20.8545L14.6084 20.7764L22.3486 13.0352C22.8467 12.5371 22.8467 11.7295 22.3486 11.2314Z",
 		fill: "#189F60"
 	})
-}), W = ({ className: e, ...t }) => /* @__PURE__ */ u("svg", {
+}), G = ({ className: e, ...t }) => /* @__PURE__ */ u("svg", {
 	class: e,
 	width: "33",
 	height: "32",
@@ -615,29 +616,29 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		d: "M16.5 0C25.3219 0 32.5 7.17642 32.5 16C32.5 24.8219 25.3219 32 16.5 32C7.67811 32 0.5 24.8219 0.5 16C0.5 7.17642 7.67811 0 16.5 0ZM13.6553 11.3701C13.1618 10.8767 12.3636 10.8767 11.8701 11.3701C11.3767 11.8636 11.3767 12.6618 11.8701 13.1553L14.9053 16.1924L11.8721 19.2256C11.3803 19.7191 11.3803 20.5173 11.8721 21.0107C12.3656 21.504 13.1658 21.5041 13.6592 21.0107L16.6924 17.9775L19.7334 21.0205C19.981 21.2664 20.3029 21.3916 20.6279 21.3916C20.9513 21.3916 21.2746 21.2664 21.5205 21.0205C22.014 20.527 22.014 19.7269 21.5205 19.2334L18.4775 16.1924L21.5107 13.1572C22.0041 12.6638 22.004 11.8639 21.5107 11.3721C21.0173 10.8786 20.2191 10.8786 19.7256 11.3721L16.6904 14.4053L13.6553 11.3701Z",
 		fill: "#E71111"
 	})
-}), G = ({ variant: r, imageUrl: i, orientation: a, mode: o, title: c, subtitle: l, buttonText: f, onButtonClick: p, attemptsRemaining: h, blurImage: _ }) => {
-	let { t: v } = e(), y = s(null);
+}), K = ({ variant: r, imageUrl: i, orientation: a, mode: o, title: c, subtitle: l, buttonText: d, onButtonClick: f, attemptsRemaining: m, blurImage: h }) => {
+	let { t: _ } = e(), y = s(null);
 	return n(() => {
 		y.current?.focus();
-	}, []), /* @__PURE__ */ u(V, {
+	}, []), /* @__PURE__ */ u(H, {
 		imageUrl: i,
 		orientation: a,
 		mode: o,
 		borderState: r,
-		blurImage: _,
+		blurImage: h,
 		topContent: /* @__PURE__ */ u("div", {
 			class: "IncodeIdProcessingResultContent",
 			role: "status",
 			children: [
-				u(r === "success" ? U : W, { className: "IncodeIdProcessingResultIcon" }),
-				/* @__PURE__ */ u(d, { size: 16 }),
-				c && /* @__PURE__ */ u(m, {
+				u(r === "success" ? W : G, { className: "IncodeIdProcessingResultIcon" }),
+				/* @__PURE__ */ u(p, { size: 16 }),
+				c && /* @__PURE__ */ u(g, {
 					ref: y,
 					className: "IncodeIdProcessingResultTitle",
 					tabIndex: -1,
 					children: c
 				}),
-				l && /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(d, { size: 12 }), /* @__PURE__ */ u("p", {
+				l && /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(p, { size: 12 }), /* @__PURE__ */ u("p", {
 					class: "IncodeIdProcessingResultSubtitle",
 					children: l
 				})] })
@@ -645,21 +646,21 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		}),
 		bottomContent: /* @__PURE__ */ u("div", {
 			class: "IncodeIdProcessingResultButtonContainer",
-			children: [h !== void 0 && h > 0 && /* @__PURE__ */ u("p", {
+			children: [m !== void 0 && m > 0 && /* @__PURE__ */ u("p", {
 				class: "IncodeIdProcessingResultAttempts",
-				children: v("v2.idError.attemptsLeft", { count: h })
-			}), /* @__PURE__ */ u(g, {
-				onClick: p,
+				children: _("v2.idError.attemptsLeft", { count: m })
+			}), /* @__PURE__ */ u(v, {
+				onClick: f,
 				"data-testid": "retry-button",
-				children: f
+				children: d
 			})]
 		})
 	});
-}, K = ({ manager: t, state: n, blurImage: r }) => {
+}, q = ({ manager: t, state: n, blurImage: r }) => {
 	let { t: i } = e();
 	if (!n.previewImageUrl) return null;
 	let a = n.currentMode === "passport" ? "passport" : "id";
-	return /* @__PURE__ */ u(G, {
+	return /* @__PURE__ */ u(K, {
 		variant: "success",
 		imageUrl: n.previewImageUrl,
 		orientation: n.orientation,
@@ -670,7 +671,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		onButtonClick: () => t.nextStep(),
 		blurImage: r
 	});
-}, q = ({ manager: t, state: n, blurImage: r, ...i }) => {
+}, J = ({ manager: t, state: n, blurImage: r, ...i }) => {
 	let { t: a } = e();
 	if (n.status === "error") return /* @__PURE__ */ u("div", {
 		class: "IncodeIdError",
@@ -678,14 +679,14 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeIdErrorMessage",
 			children: n.error
-		}), /* @__PURE__ */ u(g, {
+		}), /* @__PURE__ */ u(v, {
 			onClick: () => t.reset(),
 			"data-testid": "retry-button",
 			children: a("idv2.capture.processing.tryAgain")
 		})]
 	});
 	let o = n.currentMode === "passport" ? "passport" : "id";
-	return n.previewImageUrl ? /* @__PURE__ */ u(G, {
+	return n.previewImageUrl ? /* @__PURE__ */ u(K, {
 		variant: "error",
 		imageUrl: n.previewImageUrl,
 		orientation: n.orientation,
@@ -697,11 +698,11 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 		attemptsRemaining: n.attemptsRemaining,
 		blurImage: r
 	}) : null;
-}, J = ({ manager: t }) => {
+}, se = ({ manager: t }) => {
 	let { t: r } = e(), i = s(null);
 	return n(() => {
 		i.current?.focus();
-	}, []), /* @__PURE__ */ u(f, {
+	}, []), /* @__PURE__ */ u(m, {
 		hideHeader: !0,
 		hideFooterBranding: !0,
 		className: "IncodeIdExpiredPage",
@@ -709,23 +710,23 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
 			class: "IncodeIdExpiredContent",
 			role: "alert",
 			children: [
-				/* @__PURE__ */ u(W, { className: "IncodeIdExpiredIcon" }),
-				/* @__PURE__ */ u(m, {
+				/* @__PURE__ */ u(G, { className: "IncodeIdExpiredIcon" }),
+				/* @__PURE__ */ u(g, {
 					ref: i,
 					tabIndex: -1,
 					className: "IncodeIdExpiredTitle",
 					children: r("idv2.capture.notifications.expiredId")
 				}),
-				/* @__PURE__ */ u(d, { size: 12 }),
+				/* @__PURE__ */ u(p, { size: 12 }),
 				/* @__PURE__ */ u("p", {
 					class: "IncodeIdExpiredSubtitle",
 					children: r("idv2.capture.notifications.useDifferent")
 				}),
-				/* @__PURE__ */ u(d, { size: 80 })
+				/* @__PURE__ */ u(p, { size: 80 })
 			]
 		}), /* @__PURE__ */ u("div", {
 			class: "IncodeIdExpiredButtonContainer",
-			children: /* @__PURE__ */ u(g, {
+			children: /* @__PURE__ */ u(v, {
 				variant: "primary",
 				onClick: () => {
 					t.retryCapture();
@@ -752,15 +753,15 @@ function Q(e) {
 		Y.set("blur", t.default), Y.set("glare", n.default), Y.set("align", r.default), Y.set("front", i.default), Y.set("back", a.default), e?.();
 	}).catch(() => {}));
 }
-function oe() {
+function ce() {
 	Q();
 }
-function se() {
+function le() {
 	n(() => {
-		oe();
+		ce();
 	}, []);
 }
-function ce(t, r) {
+function ue(t, r) {
 	let { t: i } = e(), [, a] = l(0);
 	if (n(() => {
 		Q(() => a((e) => e + 1));
@@ -791,24 +792,24 @@ function ce(t, r) {
 }
 //#endregion
 //#region src/modules/id/capture/captureNotification.tsx
-var le = ({ detectionStatus: r, mode: i, isCapturing: a }) => {
-	let { t: c } = e(), l = ce(r, i), f = s(null), m = s({
+var de = ({ detectionStatus: r, mode: i, isCapturing: a }) => {
+	let { t: c } = e(), l = ue(r, i), d = s(null), f = s({
 		message: "",
 		at: 0
-	}), h = s(r), g = s(!1), _ = s(), v = s(), y = r === "detecting" || r === "idNotDetected" || r === "manualCapture", b = r === "manualCapture", x = r === "wrongSide", S = r === "farAway", C = r === "glare", w = r === "blur", E = o((e) => {
-		let t = Date.now(), n = m.current;
+	}), m = s(r), g = s(!1), _ = s(), v = s(), y = r === "detecting" || r === "idNotDetected" || r === "manualCapture", b = r === "manualCapture", x = r === "wrongSide", S = r === "farAway", C = r === "glare", w = r === "blur", T = o((e) => {
+		let t = Date.now(), n = f.current;
 		if (e === n.message && t - n.at < 200) return;
-		m.current = {
+		f.current = {
 			message: e,
 			at: t
 		};
-		let r = f.current;
+		let r = d.current;
 		r && (clearTimeout(_.current), r.textContent = "", v.current = setTimeout(() => {
 			r.textContent = e, _.current = setTimeout(() => {
 				r.textContent = "";
 			}, 3e3);
 		}, 50));
-	}, []), D = o(() => c(i === "passport" ? "idv2.capture.fillFramePassport" : i === "back" ? "idv2.capture.fillFrameBack" : "idv2.capture.fillFrameFront"), [i, c]);
+	}, []), E = o(() => c(i === "passport" ? "idv2.capture.fillFramePassport" : i === "back" ? "idv2.capture.fillFrameBack" : "idv2.capture.fillFrameFront"), [i, c]);
 	return n(() => {
 		if (b) {
 			g.current = !1;
@@ -816,19 +817,19 @@ var le = ({ detectionStatus: r, mode: i, isCapturing: a }) => {
 		}
 		if (g.current || !y) return;
 		let e = setTimeout(() => {
-			g.current = !0, E(D());
+			g.current = !0, T(E());
 		}, 500);
 		return () => clearTimeout(e);
 	}, [
 		y,
 		b,
-		E,
-		D
+		T,
+		E
 	]), n(() => {
-		let e = h.current;
-		h.current = r, e !== "manualCapture" && b && E(c("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
+		let e = m.current;
+		m.current = r, e !== "manualCapture" && b && T(c("idv2.capture.manualCapture.modeSwitchAriaAnnouncement"));
 	}, [
-		E,
+		T,
 		r,
 		b,
 		c
@@ -836,25 +837,25 @@ var le = ({ detectionStatus: r, mode: i, isCapturing: a }) => {
 		if (!a) {
 			if (x) {
 				let e = i === "front" || i === "passport" ? "idv2.capture.notifications.showFront" : "idv2.capture.notifications.showBack";
-				E(`${c(`${e}.title`)}. ${c(`${e}.description`)}`);
+				T(`${c(`${e}.title`)}. ${c(`${e}.description`)}`);
 				return;
 			}
 			if (S) {
-				E(`${c("idv2.capture.notifications.notAligned.title")}.`);
+				T(`${c("idv2.capture.notifications.notAligned.title")}.`);
 				return;
 			}
 			if (C) {
-				E(`${c("idv2.capture.notifications.glare.title")}.`);
+				T(`${c("idv2.capture.notifications.glare.title")}.`);
 				return;
 			}
 			if (w) {
-				E(`${c("idv2.capture.notifications.blur.title")}.`);
+				T(`${c("idv2.capture.notifications.blur.title")}.`);
 				return;
 			}
-			y && g.current && E(D());
+			y && g.current && T(E());
 		}
 	}, [
-		E,
+		T,
 		w,
 		a,
 		S,
@@ -863,22 +864,22 @@ var le = ({ detectionStatus: r, mode: i, isCapturing: a }) => {
 		x,
 		i,
 		c,
-		D
+		E
 	]), n(() => () => {
 		clearTimeout(v.current), clearTimeout(_.current);
 	}, []), /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u("div", {
-		ref: f,
+		ref: d,
 		class: "IncodeSrOnly",
 		"aria-live": "assertive",
 		"aria-atomic": "true"
 	}), l ? /* @__PURE__ */ u("div", {
-		class: p("IncodeIdCaptureNotification"),
+		class: h("IncodeIdCaptureNotification"),
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ u("div", {
 			class: "IncodeIdCaptureNotificationContent",
 			children: [
 				/* @__PURE__ */ u("div", {
-					class: p("IncodeIdCaptureNotificationText"),
+					class: h("IncodeIdCaptureNotificationText"),
 					children: [/* @__PURE__ */ u("div", {
 						class: "IncodeIdCaptureNotificationTitle",
 						children: l.title
@@ -887,13 +888,13 @@ var le = ({ detectionStatus: r, mode: i, isCapturing: a }) => {
 						children: l.description
 					})]
 				}),
-				/* @__PURE__ */ u(d, {
+				/* @__PURE__ */ u(p, {
 					size: 16,
 					direction: "horizontal"
 				}),
 				l.animationData && /* @__PURE__ */ u("div", {
 					class: "IncodeIdCaptureNotificationAnimation",
-					children: /* @__PURE__ */ u(T, {
+					children: /* @__PURE__ */ u(D, {
 						animationData: l.animationData,
 						loop: !0
 					})
@@ -901,34 +902,34 @@ var le = ({ detectionStatus: r, mode: i, isCapturing: a }) => {
 			]
 		})
 	}) : null] });
-}, ue = i(() => import("./front-horizontal-hint-CNu99K_l.js")), de = i(() => import("./front-vertical-hint-CpQjOGpU.js")), fe = i(() => import("./back-horizontal-hint-Cch8dR2s.js")), pe = i(() => import("./back-vertical-hint-Dzn5uXKH.js")), me = i(() => import("./passport-horizontal-hint-WqdYMc9Y.js")), he = i(() => import("./passport-vertical-hint-rNP6GykM.js")), ge = {
+}, fe = i(() => import("./front-horizontal-hint-CNu99K_l.js")), pe = i(() => import("./front-vertical-hint-CpQjOGpU.js")), me = i(() => import("./back-horizontal-hint-Cch8dR2s.js")), he = i(() => import("./back-vertical-hint-Dzn5uXKH.js")), ge = i(() => import("./passport-horizontal-hint-WqdYMc9Y.js")), _e = i(() => import("./passport-vertical-hint-rNP6GykM.js")), ve = {
 	"front-horizontal": 348,
 	"back-horizontal": 348,
 	"passport-horizontal": 342
-}, _e = {
+}, ye = {
 	"front-vertical": 446,
 	"back-vertical": 446,
 	"passport-vertical": 342
 };
-function ve(e, t, n, r) {
-	let i = `${e}-${t}`, a = ge[i];
+function be(e, t, n, r) {
+	let i = `${e}-${t}`, a = ve[i];
 	if (a) return n / a;
-	let o = _e[i];
+	let o = ye[i];
 	return o ? r / o : 1;
 }
-var ye = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
+var $ = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
 	let i = s(null), [a, o] = l(1);
 	n(() => {
 		let n = i.current;
 		if (!n) return;
 		let r = () => {
-			o(ve(e, t, n.clientWidth, n.clientHeight));
+			o(be(e, t, n.clientWidth, n.clientHeight));
 		};
 		r();
 		let a = new ResizeObserver(r);
 		return a.observe(n), () => a.disconnect();
 	}, [e, t]);
-	let d = () => e === "front" ? u(t === "horizontal" ? ue : de, {}) : e === "back" ? u(t === "horizontal" ? fe : pe, {}) : e === "passport" ? u(t === "horizontal" ? me : he, {}) : null;
+	let d = () => e === "front" ? u(t === "horizontal" ? fe : pe, {}) : e === "back" ? u(t === "horizontal" ? me : he, {}) : e === "passport" ? u(t === "horizontal" ? ge : _e, {}) : null;
 	return /* @__PURE__ */ u("div", {
 		ref: i,
 		class: "IncodeIdHint",
@@ -949,9 +950,9 @@ var ye = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
 			})
 		})
 	});
-}, be = r(({ mode: t, orientation: r, detectionStatus: i, counterValue: o, isCapturing: c, showManualCapture: d, onCapture: f, onOpenHelp: m, helpButtonRef: h, captureButtonRef: g }, _) => {
+}, xe = r(({ mode: t, orientation: r, detectionStatus: i, counterValue: o, isCapturing: c, showManualCapture: d, onCapture: f, onOpenHelp: p, helpButtonRef: m, captureButtonRef: g }, _) => {
 	let { t: v } = e();
-	se();
+	le();
 	let y = s(!1), [b, x] = l(!1);
 	n(() => {
 		if (i === "idNotDetected") {
@@ -988,32 +989,32 @@ var ye = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
 		t,
 		v
 	]), w = S(), T = t === "passport", E = r !== "vertical" || T ? "horizontal" : "vertical";
-	return /* @__PURE__ */ u(P, {
+	return /* @__PURE__ */ u(L, {
 		className: "IncodeCaptureOverlayId",
 		children: [
 			/* @__PURE__ */ u("div", {
 				class: "IncodeCaptureTopSection",
-				children: [/* @__PURE__ */ u(le, {
+				children: [/* @__PURE__ */ u(de, {
 					detectionStatus: i,
 					mode: t,
 					isCapturing: c
-				}), /* @__PURE__ */ u(F, {
+				}), /* @__PURE__ */ u(R, {
 					title: C?.title ?? "",
 					subtitle: C?.subtitle,
 					visible: C !== null,
 					titleId: "id-capture-heading"
 				})]
 			}),
-			/* @__PURE__ */ u(N, {
+			/* @__PURE__ */ u(I, {
 				ref: _,
 				variant: "locked",
 				orientation: E,
 				frameState: w,
-				className: p(T && "IncodeCaptureFramePassport"),
+				className: h(T && "IncodeCaptureFramePassport"),
 				children: [c && o > 0 && /* @__PURE__ */ u("div", {
 					class: "IncodeCaptureCounter",
 					children: o
-				}), b && /* @__PURE__ */ u(ye, {
+				}), b && /* @__PURE__ */ u($, {
 					mode: t,
 					orientation: r ?? "horizontal",
 					onAnimationEnd: () => x(!1)
@@ -1025,11 +1026,11 @@ var ye = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
 				"aria-atomic": "true",
 				children: c && o > 0 ? o : ""
 			}),
-			/* @__PURE__ */ u(L, {
-				onOpenHelp: m,
+			/* @__PURE__ */ u(B, {
+				onOpenHelp: p,
 				onCapture: f,
 				isManualCapture: d,
-				helpButtonRef: h,
+				helpButtonRef: m,
 				captureButtonRef: g,
 				captureAriaDescribedBy: d ? "manual-capture-tooltip" : void 0,
 				children: d ? /* @__PURE__ */ u("div", {
@@ -1047,10 +1048,10 @@ var ye = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
 			})
 		]
 	});
-}), $ = ({ manager: e, state: t }) => {
+}), Se = ({ manager: e, state: t }) => {
 	if (t.captureStatus === "uploading" && t.previewImageUrl) {
 		let e = t.currentMode === "passport" ? "passport" : "id";
-		return /* @__PURE__ */ u(H, {
+		return /* @__PURE__ */ u(U, {
 			imageUrl: t.previewImageUrl,
 			progress: t.uploadProgress ?? 0,
 			orientation: t.orientation,
@@ -1058,68 +1059,53 @@ var ye = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
 			blurImage: t.ageAssurance
 		});
 	}
-	return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ u(K, {
+	return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ u(q, {
 		manager: e,
 		state: t,
 		blurImage: t.ageAssurance
-	}) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ u(q, {
+	}) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ u(J, {
 		manager: e,
 		state: t,
 		blurImage: t.ageAssurance
-	}) : /* @__PURE__ */ u(xe, {
+	}) : /* @__PURE__ */ u(Ce, {
 		manager: e,
 		state: t
 	});
-}, xe = ({ manager: e, state: t }) => {
-	let r = s(null), i = s(null), a = s(null), o = s(null), c = s(null), [d, p] = l(!1), [m, h] = l(!1);
-	n(() => {
-		let e = r.current;
-		if (!e || !t.stream) {
-			h(!1);
-			return;
-		}
-		h(!1);
-		let n = () => h(!0);
-		return e.addEventListener("playing", n), e.srcObject = t.stream, e.play().catch(() => {}), () => e.removeEventListener("playing", n);
-	}, [t.stream]), n(() => {
-		let t = () => {
-			let t = i.current;
-			if (!t) return;
-			let n = t.getBoundingClientRect();
-			e.updateDetectionArea({
-				x: n.left,
-				y: n.top,
-				width: n.width,
-				height: n.height
-			});
-		};
-		return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-	}, [
-		e,
-		t.orientation,
-		m
-	]);
+}, Ce = ({ manager: e, state: t }) => {
+	let n = s(null), r = s(null), i = s(null), a = s(null), [c, p] = l(!1), h = o(() => {
+		let t = n.current;
+		if (!t) return;
+		let r = t.getBoundingClientRect();
+		e.updateDetectionArea({
+			x: r.left,
+			y: r.top,
+			width: r.width,
+			height: r.height
+		});
+	}, [e]);
+	d("resize", h), f(n, h);
 	let g = t.captureStatus === "capturing" || t.detectionStatus === "capturing", _ = t.detectionStatus, v = _ === "manualCapture" || t.showCaptureButtonInAuto && t.captureStatus === "detecting" && _ !== "capturing", y = () => {
 		p(!0);
 	}, b = () => {
 		p(!1), requestAnimationFrame(() => {
-			o.current ? o.current.focus() : a.current?.focus();
+			i.current ? i.current.focus() : r.current?.focus();
 		});
 	}, x = () => {
 		p(!1), e.switchToManualCapture();
 	}, S = () => {
 		e.capture();
 	};
-	return /* @__PURE__ */ u(f, {
+	return /* @__PURE__ */ u(m, {
 		hideHeader: !0,
 		hideFooterBranding: !0,
 		className: "IncodeIdCapturePage",
 		children: [
-			/* @__PURE__ */ u(I, {
+			/* @__PURE__ */ u(z, {
 				stream: t.stream,
-				"aria-hidden": d || void 0,
-				children: /* @__PURE__ */ u(be, {
-					ref: i,
+				onPlaying: h,
+				"aria-hidden": c || void 0,
+				children: /* @__PURE__ */ u(xe, {
+					ref: n,
 					mode: t.currentMode,
 					orientation: t.orientation,
 					detectionStatus: t.detectionStatus,
@@ -1128,20 +1114,20 @@ var ye = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
 					showManualCapture: v,
 					onCapture: S,
 					onOpenHelp: y,
-					helpButtonRef: a,
-					captureButtonRef: o
+					helpButtonRef: r,
+					captureButtonRef: i
 				})
 			}),
-			/* @__PURE__ */ u("div", { ref: c }),
-			/* @__PURE__ */ u(ie, {
-				open: d,
+			/* @__PURE__ */ u("div", { ref: a }),
+			/* @__PURE__ */ u(oe, {
+				open: c,
 				onClose: b,
 				onTakeManually: x,
-				portalContainer: c.current
+				portalContainer: a.current
 			})
 		]
 	});
-}, Se = ({ manager: t, state: r }) => {
+}, we = ({ manager: t, state: r }) => {
 	let { t: i } = e(), [a, o] = l(!1), [s, c] = l(null), d = r.selectedDocumentType === "passport", f = r.currentMode === "back";
 	n(() => {
 		d ? import("./passport-tutorial-DYBRCYAN.js").then((e) => {
@@ -1152,20 +1138,20 @@ var ye = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
 			c(e.default);
 		});
 	}, [d, f]);
-	let m = i(d ? "idv2.capture.passport.title" : f ? "idv2.backTutorial.title" : "idv2.tutorial.title"), h = i(d ? "idv2.capture.passport.subtitle" : f ? "idv2.backTutorial.subtitle" : "idv2.tutorial.subtitle"), g = i(f ? "idv2.backTutorial.disclaimer" : "idv2.tutorial.v2.autocapture");
-	return /* @__PURE__ */ u(E, {
+	let p = i(d ? "idv2.capture.passport.title" : f ? "idv2.backTutorial.title" : "idv2.tutorial.title"), m = i(d ? "idv2.capture.passport.subtitle" : f ? "idv2.backTutorial.subtitle" : "idv2.tutorial.subtitle"), g = i(f ? "idv2.backTutorial.disclaimer" : "idv2.tutorial.v2.autocapture");
+	return /* @__PURE__ */ u(O, {
 		animationData: s,
-		title: m,
-		subtitle: h,
+		title: p,
+		subtitle: m,
 		onContinue: () => {
 			o(!0), t.nextStep();
 		},
 		buttonText: i("idv2.tutorial.startScan"),
 		disclaimerText: g,
 		isLoading: a,
-		className: p("IncodeIdTutorial", d ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId")
+		className: h("IncodeIdTutorial", d ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId")
 	});
-}, Ce = {
+}, Te = {
 	digitalIdUpload: {
 		type: "digitalIdUpload",
 		icon: () => /* @__PURE__ */ u("svg", {
@@ -2202,25 +2188,25 @@ var ye = ({ mode: e, orientation: t, onAnimationEnd: r }) => {
 };
 //#endregion
 //#region src/modules/id/chooser/chooser.helpers.ts
-function we(e) {
+function Ee(e) {
 	return e.reduce((e, t) => {
-		let n = Ce[t];
+		let n = Te[t];
 		return n && e.push(n), e;
 	}, []).sort((e, t) => e.weight - t.weight);
 }
 //#endregion
 //#region src/modules/id/chooser/chooser.tsx
-var Te = ({ manager: t, state: n }) => {
-	let { t: r } = e(), i = a(() => we(n.availableDocumentTypes), [n.availableDocumentTypes]), o = (e) => {
+var De = ({ manager: t, state: n }) => {
+	let { t: r } = e(), i = a(() => Ee(n.availableDocumentTypes), [n.availableDocumentTypes]), o = (e) => {
 		t.selectDocument(e);
 	};
-	return /* @__PURE__ */ u(f, {
+	return /* @__PURE__ */ u(m, {
 		title: r("idv2.chooser.chooseHowToVerifyTitle"),
 		"data-testid": "document-chooser-page",
 		className: "IncodeChooserPage",
 		children: /* @__PURE__ */ u("div", {
 			class: "IncodeChooserContainer",
-			children: /* @__PURE__ */ u(j, { children: i.map((e) => /* @__PURE__ */ u(M, {
+			children: /* @__PURE__ */ u(N, { children: i.map((e) => /* @__PURE__ */ u(P, {
 				icon: e.icon,
 				title: r(e.title),
 				testId: e.testId,
@@ -2229,36 +2215,36 @@ var Te = ({ manager: t, state: n }) => {
 			}, e.type)) })
 		})
 	});
-}, Ee = ({ manager: t, direction: r }) => {
-	let [i, a] = l(null), [s, c] = l(!1), { t: f } = e();
+}, Oe = ({ manager: t, direction: r }) => {
+	let [i, a] = l(null), [s, c] = l(!1), { t: d } = e();
 	n(() => {
 		import("./flip-animation-B1zV6oY9.js").then((e) => {
 			a(e.default);
 		});
 	}, []);
-	let p = o(async () => {
+	let f = o(async () => {
 		await new Promise((e) => setTimeout(e, 1e3)), r === "toBack" ? t.continueToBack() : t.continueToFront(), c(!0);
 	}, [r, t]);
-	return s ? /* @__PURE__ */ u(h, {
+	return s ? /* @__PURE__ */ u(_, {
 		size: "large",
-		title: `${f("webcam.loading")}...`
+		title: `${d("webcam.loading")}...`
 	}) : i ? /* @__PURE__ */ u("div", {
 		class: "IncodeFlipAnimation",
 		children: [
-			/* @__PURE__ */ u(m, {
+			/* @__PURE__ */ u(g, {
 				role: "status",
 				className: "IncodeFlipAnimationTitle",
-				children: f(r === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront")
+				children: d(r === "toBack" ? "idv2.flipAnimation.title" : "idv2.flipAnimation.titleToFront")
 			}),
-			/* @__PURE__ */ u(d, { size: 32 }),
-			/* @__PURE__ */ u(T, {
+			/* @__PURE__ */ u(p, { size: 32 }),
+			/* @__PURE__ */ u(D, {
 				animationData: i,
 				loop: !1,
 				reverse: r === "toFront",
-				onComplete: p
+				onComplete: f
 			})
 		]
 	}) : null;
 };
 //#endregion
-export { O as _, J as a, L as c, P as d, N as f, k as g, A as h, $ as i, I as l, j as m, Te as n, q as o, M as p, Se as r, z as s, Ee as t, F as u, D as v };
+export { A as _, se as a, B as c, L as d, I as f, j as g, M as h, Se as i, z as l, N as m, De as n, J as o, P as p, we as r, te as s, Oe as t, R as u, k as v };