@incodetech/web 2.0.1-rc.0 → 2.1.0-rc.0

package/dist/id/id.es.js

@@ -1,38 +1,39 @@
-import { n as e } from "../i18n-9s4OSqwi.js";
-import { _ as t, c as n, d as r, l as i, o as a, p as o, v as s } from "../vendor-preact-D6SntenC.js";
-import { o as c } from "../hooks-BVnGysT7.js";
-import { t as l } from "../incodeComponent-C1o4M0ZK.js";
-import { n as u } from "../loadingIcon-BN5YRQUb.js";
-import { t as d } from "../page-C1yT4DLb.js";
-import { a as f, i as p, n as m, o as h, r as ee, s as te, t as g } from "../extensibility-CzEJfRwo.js";
-import { t as _ } from "../spinner-CKnjVHxw.js";
-import "../spinner-B4dcie2T.js";
-import { t as v } from "../transitionSpinner-PIEPU2Vx.js";
-import { t as y } from "../processing-G_y3o32b.js";
-import { t as b } from "../button-DcCUEn2n.js";
-import { g as x, s as S } from "../icons-Cc7zwchP.js";
-import { t as C } from "../successIcon-DbILeIz_.js";
-import { a as w, o as T, r as E } from "../tutorial-9vHAHvMK.js";
-import { t as D } from "../pdfViewer-BGBNL1Ea.js";
-import { t as ne } from "../incodeModule-BqCjVgEI.js";
-import { t as re } from "../id-laser-v-CrFg4bcJ.js";
-import { t as O } from "../tabs-DaPyP71c.js";
-import { createIdCaptureManager as k } from "@incodetech/core/id";
+import { n as useTranslation } from "../i18n-CoCO2ZuN.js";
+import { _ as y, c as z, d as T, l as A, o as P, p as d, v as u, x as k } from "../vendor-preact-DThS2ZQ_.js";
+import { c as useManager, o as useModuleTerminalCallbacks } from "../hooks-Da_yP_Dr.js";
+import { t as IncodeComponent } from "../incodeComponent-wfnHlnXx.js";
+import { n as cn } from "../loadingIcon-B0ysgiNq.js";
+import { t as Page } from "../page-DxGQj7Gk.js";
+import { a as IdNoAttempts, i as Capture, n as Chooser, o as IdExpired, r as Tutorial, s as IdError, t as FlipAnimation, y as ProgressBar } from "../extensibility-Cs3KQQdC.js";
+import { t as Spinner } from "../spinner-D8a_2LvW.js";
+import "../spinner-B6RxGFrI.js";
+import { t as TransitionSpinner } from "../transitionSpinner-DRRz-NV8.js";
+import { t as Processing } from "../processing-BM-wT-1W.js";
+import { t as Button } from "../button-CM_hgyIP.js";
+import { t as ErrorIcon } from "../errorIcon-DJRZpd8j.js";
+import { s as ChevronRightIcon } from "../icons-Dbs9ZfYM.js";
+import { t as SuccessIcon } from "../successIcon-BAyDPT7I.js";
+import { a as Lottie, o as ErrorContent, r as Permissions } from "../tutorial-D1qaY2Tm.js";
+import { t as PdfViewer } from "../pdfViewer-BK-yVIve.js";
+import { t as registerIncodeModuleElement } from "../incodeModule-BUDoTwT9.js";
+import { t as id_laser_v_default } from "../id-laser-v-DhnHdjlB.js";
+import { t as Tabs } from "../tabs-C8npVBbk.js";
+import { createIdCaptureManager } from "@incodetech/core/id";
 //#region src/shared/fonts/preloadDisplayFont.ts
-var A = !1;
-function j() {
-	if (A || typeof document > "u") return;
-	let e = document.fonts;
-	e?.load && (A = !0, e.load("800 1rem \"Rethink Sans\"").catch(() => {}));
+function preloadDisplayFont() {
+	if (typeof document === "undefined") return;
+	const fonts = document.fonts;
+	if (!fonts?.load) return;
+	fonts.load("800 1rem \"Rethink Sans\"").catch(() => {});
 }
-function M() {
-	t(() => {
-		j();
+function usePreloadDisplayFont() {
+	y(() => {
+		preloadDisplayFont();
 	}, []);
 }
 //#endregion
 //#region src/modules/id/ageVerification/ageVerification.tsx
-var N = [
+var steps = [
 	{
 		textKey: "idv2.ageVerificationPage.showYourIdAndScanIt",
 		imageUrl: "data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20viewBox='0%200%2096%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='id'%3e%3crect%20width='96'%20height='64'%20rx='4'%20fill='var(--fill-0,%20%23E5F0FF)'/%3e%3cpath%20id='bg-white'%20d='M9%2011C9%209.34315%2010.3431%208%2012%208H83.9996C85.6564%208%2086.9996%209.34315%2086.9996%2011V51C86.9996%2052.6569%2085.6564%2054%2083.9996%2054H12C10.3432%2054%209%2052.6569%209%2051V11Z'%20fill='var(--fill-0,%20%23C9C9C9)'%20fill-opacity='0.8'/%3e%3cpath%20id='bg'%20d='M10.4336%2011.4297C10.4336%2010.3251%2011.329%209.42969%2012.4336%209.42969L83.1836%209.42969C84.2882%209.42969%2085.1836%2010.3251%2085.1836%2011.4297V50.2864C85.1836%2051.3909%2084.2882%2052.2864%2083.1836%2052.2864L12.4336%2052.2864C11.329%2052.2864%2010.4336%2051.3909%2010.4336%2050.2864L10.4336%2011.4297Z'%20fill='var(--fill-0,%20white)'/%3e%3cpath%20id='Line%202%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.4204%2020.3907C14.4206%2019.8405%2014.8668%2019.3945%2015.417%2019.3945L80.1999%2019.3945C80.7504%2019.3945%2081.1966%2019.8408%2081.1966%2020.3912C81.1966%2020.9416%2080.7504%2021.3879%2080.1999%2021.3879L15.417%2021.3879C14.8664%2021.3879%2014.4201%2020.9414%2014.4204%2020.3907Z'%20fill='var(--fill-0,%20%23C9C9C9)'%20fill-opacity='0.5'/%3e%3cpath%20id='shapes'%20d='M46.3135%2046.3066H38.3398V43.3164H46.3135V46.3066ZM62.2598%2040.3262H38.3398V37.3359H62.2598V40.3262ZM56.2803%2034.3457L38.3398%2034.3457V31.3555H56.2803V34.3457ZM56.2803%2028.3652H38.3398V25.375H56.2803V28.3652Z'%20fill='var(--fill-0,%20%23C9C9C9)'%20fill-opacity='0.5'/%3e%3crect%20id='shapes_2'%20x='14.4199'%20y='12.418'%20width='30.8967'%20height='3.98667'%20rx='1'%20fill='var(--fill-0,%20%23C9C9C9)'%20fill-opacity='0.5'/%3e%3crect%20id='shapes_3'%20x='74.833'%20y='12.4902'%20width='5.98'%20height='3.93138'%20fill='var(--fill-0,%20%23EAF0F6)'/%3e%3cg%20id='img-lef'%3e%3crect%20id='bg_2'%20x='14.5'%20y='23.5'%20width='21'%20height='24'%20rx='2'%20fill='var(--fill-0,%20%23006AFF)'/%3e%3cpath%20id='neck'%20d='M21.668%2040.4193C21.6578%2041.1962%2020.3094%2041.4448%2019.4033%2042.3191C20.9799%2043.4551%2023.2584%2044.2192%2024.8349%2044.2192C26.6695%2044.2193%2028.7902%2043.4551%2030.3667%2042.3191C29.4606%2041.4448%2028.0296%2041.1975%2028.0105%2040.4193C28.0105%2040.124%2028.0115%2037.2468%2028.0129%2036.9514C28.0129%2031.9788%2021.4785%2029.0203%2021.6594%2037.0327C21.6628%2038.1615%2021.668%2039.2905%2021.668%2040.4193Z'%20fill='url(%23paint0_linear_0_546)'/%3e%3cpath%20id='tshirt'%20d='M28.9864%2041.3224C28.9864%2041.3224%2033.9028%2042.9122%2034.8516%2044.6261C35.0635%2045.0089%2035.2528%2045.5041%2035.4229%2046.0412C35.1866%2046.8824%2034.4168%2047.5002%2033.5%2047.5002H16.5C15.3955%2047.5002%2014.5001%2046.6047%2014.5%2045.5002V43.9797C16.2627%2042.5328%2020.7071%2041.3224%2020.7071%2041.3224C20.7071%2042.3611%2023.2872%2043.9872%2024.8467%2044.0138C27.0213%2044.0138%2028.9864%2042.3617%2028.9864%2041.3224Z'%20fill='var(--fill-0,%20%23CECECE)'/%3e%3cpath%20id='shadow'%20d='M21.6689%2037.2958C24.0023%2037.047%2026.1992%2038.9562%2026.1992%2038.9562C26.1992%2038.9562%2025.7637%2041.3043%2021.6689%2040.6219V37.2958Z'%20fill='var(--fill-0,%20%23CDCDCD)'/%3e%3cpath%20id='ear'%20d='M30.4589%2033.2935C30.5836%2032.8283%2030.3075%2032.3501%2029.8422%2032.2254L29.7507%2032.2009C29.3228%2032.0863%2028.877%2032.3105%2028.7141%2032.7224L28.0175%2034.4827C27.8101%2035.0069%2028.1471%2035.5872%2028.7052%2035.6669L29.0163%2035.7113C29.4531%2035.7737%2029.8677%2035.4999%2029.9819%2035.0737L30.4589%2033.2935Z'%20fill='url(%23paint1_linear_0_546)'/%3e%3cpath%20id='ear_2'%20d='M19.5411%2033.2935C19.4165%2032.8283%2019.6926%2032.3501%2020.1578%2032.2255C20.623%2032.1008%2021.1012%2032.3769%2021.2259%2032.8421L21.6773%2034.5269C21.802%2034.9921%2021.5259%2035.4703%2021.0607%2035.595C20.5954%2035.7196%2020.1172%2035.4435%2019.9926%2034.9783L19.5411%2033.2935Z'%20fill='url(%23paint2_linear_0_546)'/%3e%3cpath%20id='head'%20d='M29.7961%2033.0854C29.7961%2036.9044%2027.1022%2040.0004%2024.9996%2040.0004C22.6999%2040.0004%2020.2031%2036.9044%2020.2031%2033.0854C20.2031%2029.6827%2020.4677%2026.0469%2024.9996%2026.0469C29.5316%2026.0469%2029.7961%2029.6041%2029.7961%2033.0854Z'%20fill='url(%23paint3_linear_0_546)'/%3e%3c/g%3e%3cg%20id='img-bot-rig'%3e%3cpath%20id='Combined%20Shape'%20d='M74.805%2043.3724C74.7998%2043.7637%2074.3448%2043.9652%2073.8847%2044.4056C74.6853%2044.9778%2075.7662%2045.2864%2076.5668%2045.2864C77.4985%2045.2865%2078.2993%2044.9778%2079.0999%2044.4057C78.6398%2043.9653%2078.1893%2043.7644%2078.1796%2043.3724C78.1796%2043.2237%2078.1801%2041.7744%2078.1808%2041.6257C78.1808%2039.121%2074.7087%2037.6308%2074.8006%2041.6666C74.8023%2042.2352%2074.805%2042.8038%2074.805%2043.3724Z'%20fill='url(%23paint4_linear_0_546)'/%3e%3cpath%20id='Path%2048'%20d='M74.7537%2040.9329C76.0967%2040.7449%2077.3612%2042.1874%2077.3612%2042.1874C77.3612%2042.1874%2077.1105%2043.9615%2074.7537%2043.4459V40.9329Z'%20fill='var(--fill-0,%20%23F1F1F1)'/%3e%3cpath%20id='Combined%20Shape_2'%20d='M81.7073%2045.2883C82.14%2046.0951%2082.1941%2046.804%2082.1941%2046.804H70.7324C70.7324%2046.804%2070.8444%2046.0949%2071.277%2045.2883C71.7097%2044.4818%2074.7538%2043.5391%2074.7538%2043.5391C74.7538%2044.028%2075.7809%2044.4011%2076.4922%2044.4137C77.484%2044.4137%2078.2305%2044.0283%2078.2305%2043.5391C78.2305%2043.5391%2081.2745%2044.4815%2081.7073%2045.2883Z'%20fill='var(--fill-0,%20%23E1E1E1)'/%3e%3cpath%20id='Ellipse%20148'%20d='M79.3958%2039.3396C79.3958%2041.2491%2077.9264%2042.7971%2076.7795%2042.7971C75.5252%2042.7971%2074.1633%2041.2491%2074.1633%2039.3396C74.1633%2037.6382%2074.3076%2035.8203%2076.7795%2035.8203C79.2515%2035.8203%2079.3958%2037.5989%2079.3958%2039.3396Z'%20fill='url(%23paint5_linear_0_546)'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_0_546'%20x1='24.4155'%20y1='37.2573'%20x2='24.4155'%20y2='41.7755'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23B1B1B1'/%3e%3cstop%20offset='1'%20stop-color='white'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_0_546'%20x1='28.4828'%20y1='34.8213'%20x2='29.7888'%20y2='34.8737'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.0416667'%20stop-color='%23B5B5B5'/%3e%3cstop%20offset='1'%20stop-color='white'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_0_546'%20x1='20.5758'%20y1='34.8211'%20x2='19.2698'%20y2='34.8735'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.0416667'%20stop-color='%23B5B5B5'/%3e%3cstop%20offset='1'%20stop-color='white'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_0_546'%20x1='20.322'%20y1='33.028'%20x2='27.0973'%20y2='33.0529'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E0E0E0'/%3e%3cstop%20offset='1'%20stop-color='white'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint4_linear_0_546'%20x1='76.277'%20y1='41.7261'%20x2='76.277'%20y2='44.002'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EDEDED'/%3e%3cstop%20offset='1'%20stop-color='white'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint5_linear_0_546'%20x1='74.4849'%20y1='39.2761'%20x2='78.1805'%20y2='39.2909'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E0E0E0'/%3e%3cstop%20offset='1'%20stop-color='white'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"
@@ -45,240 +46,277 @@ var N = [
 		textKey: "idv2.ageVerificationPage.TheRestOfYourInformationWillBeDeletedToEnsureYourPrivacy",
 		imageUrl: "data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20width='100%25'%20height='100%25'%20overflow='visible'%20viewBox='0%200%2096%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='id'%3e%3crect%20width='96'%20height='64'%20rx='4'%20fill='var(--fill-0,%20%23E5F0FF)'/%3e%3cpath%20id='bg-white'%20d='M9%2012C9%2010.3431%2010.3431%209%2012%209H83.9996C85.6564%209%2086.9996%2010.3431%2086.9996%2012V37H9V12Z'%20fill='var(--fill-0,%20%23C9C9C9)'%20fill-opacity='0.8'/%3e%3cpath%20id='bg'%20d='M10.4336%2012.4297C10.4336%2011.3251%2011.329%2010.4297%2012.4336%2010.4297L83.1836%2010.4297C84.2882%2010.4297%2085.1836%2011.3251%2085.1836%2012.4297V37.0005H10.4336L10.4336%2012.4297Z'%20fill='var(--fill-0,%20white)'/%3e%3cpath%20id='Line%202%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.4204%2021.3907C14.4206%2020.8405%2014.8668%2020.3945%2015.417%2020.3945L80.1999%2020.3945C80.7504%2020.3945%2081.1966%2020.8408%2081.1966%2021.3912C81.1966%2021.9416%2080.7504%2022.3879%2080.1999%2022.3879L15.417%2022.3879C14.8664%2022.3879%2014.4201%2021.9414%2014.4204%2021.3907Z'%20fill='var(--fill-0,%20%23C9C9C9)'%20fill-opacity='0.5'/%3e%3cpath%20id='shapes'%20d='M56.2803%2035.3457L38.3398%2035.3457V32.3555L56.2803%2032.3555V35.3457ZM56.2803%2029.3652H38.3398V26.375H56.2803V29.3652Z'%20fill='var(--fill-0,%20%23C9C9C9)'%20fill-opacity='0.5'/%3e%3crect%20id='shapes_2'%20x='14.4199'%20y='13.418'%20width='30.8967'%20height='3.98667'%20rx='1'%20fill='var(--fill-0,%20%23C9C9C9)'%20fill-opacity='0.5'/%3e%3crect%20id='shapes_3'%20x='74.833'%20y='13.4902'%20width='5.98'%20height='3.93138'%20fill='var(--fill-0,%20%23EAF0F6)'/%3e%3crect%20id='Rectangle%2039983'%20x='18'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039995'%20x='13'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039984'%20x='23'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039985'%20x='28'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039986'%20x='33'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039987'%20x='38'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039988'%20x='43'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039989'%20x='49'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039990'%20x='54'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039991'%20x='59'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039992'%20x='64'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039993'%20x='69'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039994'%20x='74'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3crect%20id='Rectangle%2039996'%20x='79'%20y='37'%20width='3'%20height='15'%20fill='var(--fill-0,%20white)'/%3e%3c/g%3e%3c/svg%3e"
 	}
-], P = ({ manager: t }) => {
-	let { t: n } = e(), [r, i] = o(!1), a = () => {
-		i(!0), t.nextStep();
+];
+var AgeVerification = ({ manager }) => {
+	const { t } = useTranslation();
+	const [isLoading, setIsLoading] = d(false);
+	const handleContinue = () => {
+		setIsLoading(true);
+		manager.nextStep();
 	};
-	return /* @__PURE__ */ s(d, {
+	return /* @__PURE__ */ u(Page, {
 		className: "IncodeAgeVerificationPage",
-		title: n("idv2.ageVerificationPage.ageVerification"),
+		title: t("idv2.ageVerificationPage.ageVerification"),
 		titleId: "id-age-verification-heading",
-		subtitle: n("idv2.ageVerificationPage.weNeedToScanYourIDToKnowYourAge"),
+		subtitle: t("idv2.ageVerificationPage.weNeedToScanYourIDToKnowYourAge"),
 		"data-testid": "age-verification-container",
-		children: /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ u("div", {
 			class: "IncodeAgeVerificationContent",
-			children: [/* @__PURE__ */ s("ul", {
+			children: [/* @__PURE__ */ u("ul", {
 				class: "IncodeAgeVerificationList",
 				"aria-labelledby": "id-age-verification-heading",
-				children: N.map(({ textKey: e, imageUrl: t }) => /* @__PURE__ */ s("li", {
+				children: steps.map(({ textKey, imageUrl }) => /* @__PURE__ */ u("li", {
 					class: "IncodeAgeVerificationItem",
-					children: [/* @__PURE__ */ s("div", {
+					children: [/* @__PURE__ */ u("div", {
 						class: "IncodeAgeVerificationIcon",
-						children: /* @__PURE__ */ s("img", {
-							src: t,
+						children: /* @__PURE__ */ u("img", {
+							src: imageUrl,
 							alt: "",
 							"aria-hidden": "true"
 						})
-					}), /* @__PURE__ */ s("p", {
+					}), /* @__PURE__ */ u("p", {
 						class: "IncodeAgeVerificationText",
-						children: n(e)
+						children: t(textKey)
 					})]
-				}, e))
-			}), /* @__PURE__ */ s(b, {
+				}, textKey))
+			}), /* @__PURE__ */ u(Button, {
 				class: "IncodeAgeVerificationButton",
-				onClick: a,
-				isLoading: r,
+				onClick: handleContinue,
+				isLoading,
 				"data-testid": "age-verification-continue-button",
-				children: n("idv2.ageVerificationPage.Continue")
+				children: t("idv2.ageVerificationPage.Continue")
 			})]
 		})
 	});
 };
 //#endregion
 //#region src/modules/id/digitalIdUpload/useFilePreviewUrl.ts
-function F(e) {
-	let n = r(() => e ? URL.createObjectURL(e) : null, [e]);
-	return t(() => () => {
-		n && URL.revokeObjectURL(n);
-	}, [n]), n;
+/**
+* Produces a stable object-URL for the given file and revokes it on cleanup
+* (or whenever the file changes). Returns `null` when no file is provided.
+*
+* Centralizes the `URL.createObjectURL` / `URL.revokeObjectURL` lifecycle
+* that every preview screen in the digital ID upload flow needs.
+*/
+function useFilePreviewUrl(file) {
+	const fileUrl = T(() => {
+		if (!file) return null;
+		return URL.createObjectURL(file);
+	}, [file]);
+	y(() => {
+		return () => {
+			if (fileUrl) URL.revokeObjectURL(fileUrl);
+		};
+	}, [fileUrl]);
+	return fileUrl;
 }
 //#endregion
 //#region src/modules/id/digitalIdUpload/analyzingScreen.tsx
-var I = ({ state: t }) => {
-	let { t: n } = e(), r = F(t.file), i = t.phase === "holding" ? n("idv2.digitalIdUpload.successfullyProcessed") : n("idv2.digitalIdUpload.analyzing");
-	return /* @__PURE__ */ s(d, {
-		title: i,
-		subtitle: n("idv2.digitalIdUpload.screenDescription"),
+var AnalyzingScreen = ({ state }) => {
+	const { t } = useTranslation();
+	const fileUrl = useFilePreviewUrl(state.file);
+	const isUploading = state.phase === "uploading";
+	const statusLabel = isUploading ? t("idv2.digitalIdUpload.analyzing") : t("idv2.digitalIdUpload.successfullyProcessed");
+	return /* @__PURE__ */ u(Page, {
+		title: statusLabel,
+		titleId: "digitalIdUploadStatusTitle",
+		subtitle: isUploading ? void 0 : t("idv2.digitalIdUpload.screenDescription"),
 		className: "IncodeDigitalIdUploadPage",
 		"data-testid": "digital-id-upload-analyzing",
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ u("div", {
 				role: "status",
 				"aria-live": "polite",
 				class: "IncodeSrOnly",
-				children: i
+				children: statusLabel
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ u("div", {
 				class: "IncodeDigitalIdUploadPreviewBody",
-				"aria-busy": t.phase !== "holding",
+				"aria-busy": isUploading,
 				children: [
-					/* @__PURE__ */ s("div", {
+					/* @__PURE__ */ u("div", {
 						class: "IncodeDigitalIdUploadPreStatusZone",
-						children: /* @__PURE__ */ s("div", {
-							class: "IncodeDigitalIdUploadProgressBar",
-							role: "progressbar",
-							"aria-valuemin": 0,
-							"aria-valuemax": 100,
-							"aria-valuenow": t.uploadProgress,
-							"aria-label": n("idv2.digitalIdUpload.analyzing"),
-							children: /* @__PURE__ */ s("span", { style: { width: `${t.uploadProgress}%` } })
-						})
+						children: isUploading ? /* @__PURE__ */ u(ProgressBar, {
+							progress: state.uploadProgress,
+							labelledById: "digitalIdUploadStatusTitle",
+							className: "IncodeDigitalIdUploadProgressBar"
+						}) : null
 					}),
-					/* @__PURE__ */ s("div", {
+					/* @__PURE__ */ u("div", {
 						class: "IncodeDigitalIdUploadDocumentPreview",
 						"aria-hidden": "true",
-						children: [r ? /* @__PURE__ */ s(D, {
-							url: r,
+						children: [fileUrl ? /* @__PURE__ */ u(PdfViewer, {
+							url: fileUrl,
 							mode: "thumbnail",
 							className: "IncodeDigitalIdUploadDocumentPreviewPdf"
-						}) : null, /* @__PURE__ */ s("div", {
+						}) : null, /* @__PURE__ */ u("div", {
 							class: "IncodeDigitalIdUploadLaserOverlay",
-							children: /* @__PURE__ */ s(w, {
-								animationData: re,
-								loop: !0
+							children: /* @__PURE__ */ u(Lottie, {
+								animationData: id_laser_v_default,
+								loop: true,
+								autoStop: true
 							})
 						})]
 					}),
-					/* @__PURE__ */ s("div", {
+					/* @__PURE__ */ u("div", {
 						class: "IncodeDigitalIdUploadPostCaptionZone",
 						"aria-hidden": "true"
 					})
 				]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ u("div", {
 				class: "IncodeDigitalIdUploadFooter",
 				"aria-hidden": "true"
 			})
 		]
 	});
-}, L = new Set(["DIGITAL_ID_REQUESTED_BUT_OTHER_PROVIDED", "ID_TYPE_UNACCEPTABLE"]), R = {
+};
+//#endregion
+//#region src/modules/id/digitalIdUpload/errorScreen.tsx
+var TERMINAL_REASONS = new Set(["DIGITAL_ID_REQUESTED_BUT_OTHER_PROVIDED", "ID_TYPE_UNACCEPTABLE"]);
+var KEY_BY_FAIL_REASON = {
 	DIGITAL_ID_REQUESTED_BUT_OTHER_PROVIDED: "idv2.digitalIdUpload.errorScreen.thisIdMustBeScanned",
 	ID_TYPE_UNACCEPTABLE: "idv2.digitalIdUpload.wrongDocumentTypeScreen.errorTitle",
 	FILE_CHANGED_ERROR: "idv2.digitalIdUpload.unknownDocumentTypeScreen.errorTitle",
 	INVALID_FILE_TYPE: "idv2.digitalIdUpload.unknownDocumentTypeScreen.errorTitle",
 	NETWORK_ERROR: "idv2.digitalIdUpload.unknownDocumentTypeScreen.errorTitle",
 	GENERIC: "idv2.digitalIdUpload.unknownDocumentTypeScreen.errorTitle"
-}, z = ({ manager: t, state: n }) => {
-	let { t: r } = e(), i = n.failReason ?? "GENERIC", a = n.phase === "exhausted" || L.has(i), o = F(n.file);
-	return /* @__PURE__ */ s(d, {
-		title: r(R[i] ?? R.GENERIC),
-		subtitle: r("idv2.digitalIdUpload.errorScreen.pleaseTryScanning"),
+};
+var ErrorScreen = ({ manager, state }) => {
+	const { t } = useTranslation();
+	const failReason = state.failReason ?? "GENERIC";
+	const isTerminal = state.phase === "exhausted" || TERMINAL_REASONS.has(failReason);
+	const fileUrl = useFilePreviewUrl(state.file);
+	return /* @__PURE__ */ u(Page, {
+		title: t(KEY_BY_FAIL_REASON[failReason] ?? KEY_BY_FAIL_REASON.GENERIC),
+		subtitle: t("idv2.digitalIdUpload.errorScreen.pleaseTryScanning"),
 		className: "IncodeDigitalIdUploadPage",
 		"data-testid": "digital-id-upload-error",
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadBody",
-			role: "alert",
-			"aria-live": "assertive",
 			children: [
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ u("div", {
 					class: "IncodeDigitalIdUploadErrorIcon",
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ s(x, { size: 40 })
+					children: /* @__PURE__ */ u(ErrorIcon, { size: 40 })
 				}),
-				o ? /* @__PURE__ */ s("div", {
+				fileUrl ? /* @__PURE__ */ u("div", {
 					class: "IncodeDigitalIdUploadErrorPreview",
-					children: /* @__PURE__ */ s(D, {
-						url: o,
+					children: /* @__PURE__ */ u(PdfViewer, {
+						url: fileUrl,
 						mode: "thumbnail",
-						"aria-label": r("idv2.digitalIdUpload.errorScreen.pleaseTryScanning"),
+						"aria-label": t("idv2.digitalIdUpload.errorScreen.previewAriaLabel"),
 						className: "IncodeDigitalIdUploadPreviewPdf"
 					})
 				}) : null,
-				!a && n.attemptsRemaining > 0 ? /* @__PURE__ */ s("p", {
+				!isTerminal && state.attemptsRemaining > 0 ? /* @__PURE__ */ u("p", {
 					class: "IncodeDigitalIdUploadAttempts",
-					children: r("common.attemptsRemaining", { count: n.attemptsRemaining })
+					children: t("common.attemptsRemaining", { count: state.attemptsRemaining })
 				}) : null
 			]
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadFooter",
-			children: [a ? null : /* @__PURE__ */ s(b, {
-				onClick: () => t.digitalUploadRetry(),
-				children: r("common.tryAgain")
-			}), /* @__PURE__ */ s(b, {
-				variant: a ? "primary" : "secondary",
-				onClick: () => t.digitalUploadScanInstead(),
-				children: r("idv2.digitalIdUpload.errorScreen.scanId")
+			children: [!isTerminal ? /* @__PURE__ */ u(Button, {
+				onClick: () => manager.digitalUploadRetry(),
+				children: t("common.tryAgain")
+			}) : null, /* @__PURE__ */ u(Button, {
+				variant: isTerminal ? "primary" : "secondary",
+				onClick: () => manager.digitalUploadScanInstead(),
+				children: t("idv2.digitalIdUpload.errorScreen.scanId")
 			})]
 		})]
 	});
-}, B = ({ manager: t, state: n }) => {
-	let { t: r } = e(), a = i(null), o = F(n.file), c = (e) => {
-		let n = e.currentTarget.files?.[0];
-		n && t.digitalUploadPickFile(n);
+};
+//#endregion
+//#region src/modules/id/digitalIdUpload/fileReviewScreen.tsx
+var FileReviewScreen = ({ manager, state }) => {
+	const { t } = useTranslation();
+	const fileInputRef = A(null);
+	const fileUrl = useFilePreviewUrl(state.file);
+	const onFileSelect = (event) => {
+		const file = event.currentTarget.files?.[0];
+		if (!file) return;
+		manager.digitalUploadPickFile(file);
 	};
-	return /* @__PURE__ */ s(d, {
-		title: r("idv2.digitalIdUpload.reviewScreen.title"),
-		subtitle: r("idv2.digitalIdUpload.reviewScreen.description"),
+	return /* @__PURE__ */ u(Page, {
+		title: t("idv2.digitalIdUpload.reviewScreen.title"),
+		subtitle: t("idv2.digitalIdUpload.reviewScreen.description"),
 		className: "IncodeDigitalIdUploadPage",
 		"data-testid": "digital-id-upload-review",
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadPreviewBody",
 			children: [
-				/* @__PURE__ */ s("input", {
-					ref: a,
+				/* @__PURE__ */ u("input", {
+					ref: fileInputRef,
 					type: "file",
 					accept: "application/pdf",
-					onChange: c,
+					onChange: onFileSelect,
 					class: "IncodeDigitalIdUploadHiddenInput",
-					"aria-label": r("idv2.digitalIdUpload.reviewScreen.replaceButton")
+					tabIndex: -1,
+					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ u("div", {
 					class: "IncodeDigitalIdUploadPreStatusZone",
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ u("div", {
 					class: "IncodeDigitalIdUploadPreviewCard",
-					children: o ? /* @__PURE__ */ s(D, {
-						url: o,
+					children: fileUrl ? /* @__PURE__ */ u(PdfViewer, {
+						url: fileUrl,
 						mode: "thumbnail",
-						"aria-label": r("idv2.digitalIdUpload.reviewScreen.title"),
+						"aria-label": t("idv2.digitalIdUpload.reviewScreen.previewAriaLabel"),
 						className: "IncodeDigitalIdUploadPreviewPdf"
 					}) : null
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ u("div", {
 					class: "IncodeDigitalIdUploadPostCaptionZone",
-					children: n.fileName ? /* @__PURE__ */ s("p", {
+					children: state.fileName ? /* @__PURE__ */ u("p", {
 						class: "IncodeDigitalIdUploadFileName",
-						children: n.fileName
+						children: state.fileName
 					}) : null
 				})
 			]
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadFooter",
-			children: [/* @__PURE__ */ s(b, {
-				onClick: () => t.digitalUploadConfirm(),
-				children: r("idv2.digitalIdUpload.reviewScreen.continue")
-			}), /* @__PURE__ */ s(b, {
+			children: [/* @__PURE__ */ u(Button, {
+				onClick: () => manager.digitalUploadConfirm(),
+				children: t("idv2.digitalIdUpload.reviewScreen.continue")
+			}), /* @__PURE__ */ u(Button, {
 				variant: "secondary",
+				"aria-haspopup": "dialog",
 				onClick: () => {
-					t.digitalUploadReplace(), a.current?.click();
+					manager.digitalUploadReplace();
+					fileInputRef.current?.click();
 				},
-				children: r("idv2.digitalIdUpload.reviewScreen.replaceButton")
+				children: t("idv2.digitalIdUpload.reviewScreen.replaceButton")
 			})]
 		})]
 	});
-}, V = (e) => /* @__PURE__ */ s("svg", {
+};
+//#endregion
+//#region src/modules/id/assets/upload-id-screen-image.svg?react
+var SvgUploadIdScreenImage = (props) => /* @__PURE__ */ u("svg", {
 	viewBox: "0 0 191 266",
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
 	"aria-hidden": "true",
 	focusable: "false",
 	className: "IncodeUploadIdScreenImage",
-	...e,
+	...props,
 	children: [
-		/* @__PURE__ */ s("title", { children: "Upload ID Screen Image" }),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("title", { children: "Upload ID Screen Image" }),
+		/* @__PURE__ */ u("path", {
 			d: "M17.5 11.1724C17.5 7.21119 20.7112 4 24.6724 4H166.328C170.289 4 173.5 7.2112 173.5 11.1724V228.138C173.5 232.099 170.289 235.31 166.328 235.31H24.6724C20.7112 235.31 17.5 232.099 17.5 228.138V11.1724Z",
 			fill: "var(--digital-id-illustration-surface, #FFFFFF)"
 		}),
-		/* @__PURE__ */ s("rect", {
+		/* @__PURE__ */ u("rect", {
 			x: 17.5,
 			y: 16.5518,
 			width: 156,
 			height: 10.7586,
 			fill: "var(--digital-id-illustration-strip, #EBECEF)"
 		}),
-		/* @__PURE__ */ s("rect", {
+		/* @__PURE__ */ u("rect", {
 			x: 98.1895,
 			y: 35.3799,
 			width: 68.1379,
@@ -286,67 +324,67 @@ var I = ({ state: t }) => {
 			rx: 7.17241,
 			fill: "var(--digital-id-illustration-photo, #F0F6FF)"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			fillRule: "evenodd",
 			clipRule: "evenodd",
 			d: "M124.391 67.5897C124.391 68.725 123.469 69.6497 122.331 69.6497H114.953C113.818 69.6497 112.893 68.725 112.893 67.5897V60.2117C112.893 59.074 113.818 58.1518 114.953 58.1518H122.331C123.469 58.1518 124.391 59.074 124.391 60.2117V67.5897ZM122.331 53.3105H114.953C111.148 53.3105 108.052 56.4065 108.052 60.2117V67.5897C108.052 71.3949 111.148 74.4909 114.953 74.4909H122.331C126.136 74.4909 129.232 71.3949 129.232 67.5897V60.2117C129.232 56.4065 126.136 53.3105 122.331 53.3105Z",
 			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			fillRule: "evenodd",
 			clipRule: "evenodd",
 			d: "M118.643 61.4951C117.307 61.4951 116.223 62.5941 116.223 63.9303C116.223 65.2664 117.307 66.3509 118.643 66.3509C119.979 66.3509 121.064 65.2664 121.064 63.9303V63.9012C121.064 62.565 119.979 61.4951 118.643 61.4951Z",
 			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			fillRule: "evenodd",
 			clipRule: "evenodd",
 			d: "M118.643 88.7246C117.307 88.7246 116.223 89.8236 116.223 91.1597C116.223 92.4959 117.307 93.5804 118.643 93.5804C119.979 93.5804 121.064 92.4959 121.064 91.1597V91.1307C121.064 89.7945 119.979 88.7246 118.643 88.7246Z",
 			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			fillRule: "evenodd",
 			clipRule: "evenodd",
 			d: "M124.391 94.8222C124.391 95.9574 123.469 96.8821 122.331 96.8821H114.953C113.818 96.8821 112.893 95.9574 112.893 94.8222V87.4441C112.893 86.3064 113.818 85.3842 114.953 85.3842H122.331C123.469 85.3842 124.391 86.3064 124.391 87.4441V94.8222ZM122.331 80.543H114.953C111.148 80.543 108.052 83.6389 108.052 87.4441V94.8222C108.052 98.6274 111.148 101.723 114.953 101.723H122.331C126.136 101.723 129.232 98.6274 129.232 94.8222V87.4441C129.232 83.6389 126.136 80.543 122.331 80.543Z",
 			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			fillRule: "evenodd",
 			clipRule: "evenodd",
 			d: "M151.623 94.8222C151.623 95.9574 150.701 96.8821 149.563 96.8821H142.185C141.05 96.8821 140.125 95.9574 140.125 94.8222V87.4441C140.125 86.3064 141.05 85.3842 142.185 85.3842H149.563C150.701 85.3842 151.623 86.3064 151.623 87.4441V94.8222ZM149.563 80.543H142.185C138.38 80.543 135.284 83.6389 135.284 87.4441V94.8222C135.284 98.6274 138.38 101.723 142.185 101.723H149.563C153.369 101.723 156.465 98.6274 156.465 94.8222V87.4441C156.465 83.6389 153.369 80.543 149.563 80.543Z",
 			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			fillRule: "evenodd",
 			clipRule: "evenodd",
 			d: "M145.876 88.6826C144.54 88.6826 143.455 89.7671 143.455 91.1032V91.1299C143.455 92.466 144.54 93.5359 145.876 93.5359C147.212 93.5359 148.296 92.4394 148.296 91.1032C148.296 89.7671 147.212 88.6826 145.876 88.6826Z",
 			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			fillRule: "evenodd",
 			clipRule: "evenodd",
 			d: "M137.705 58.18C139.041 58.18 140.125 57.0955 140.125 55.7594V55.7303C140.125 54.3941 139.041 53.3242 137.705 53.3242C136.369 53.3242 135.284 54.4232 135.284 55.7594C135.284 57.0955 136.369 58.18 137.705 58.18Z",
 			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			fillRule: "evenodd",
 			clipRule: "evenodd",
 			d: "M150.487 53.3105H145.876C144.537 53.3105 143.455 54.395 143.455 55.7312C143.455 57.0673 144.537 58.1518 145.876 58.1518H150.487C151.114 58.1518 151.625 58.6625 151.625 59.2919V63.9007C151.625 65.2369 152.707 66.3213 154.045 66.3213C155.381 66.3213 156.466 65.2369 156.466 63.9007V59.2919C156.466 55.9926 153.784 53.3105 150.487 53.3105Z",
 			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			fillRule: "evenodd",
 			clipRule: "evenodd",
 			d: "M154.045 69.6514H145.876C144.54 69.6514 143.455 70.7358 143.455 72.072C143.455 73.4081 144.54 74.4925 145.876 74.4925H154.045C155.381 74.4925 156.466 73.4081 156.466 72.072C156.466 70.7358 155.381 69.6514 154.045 69.6514Z",
 			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			fillRule: "evenodd",
 			clipRule: "evenodd",
 			d: "M137.705 74.4922C139.041 74.4922 140.125 73.4078 140.125 72.0716V67.4604C140.125 66.8334 140.636 66.3227 141.266 66.3227H145.874C147.211 66.3227 148.295 65.2382 148.295 63.9021C148.295 62.5659 147.211 61.4814 145.874 61.4814H141.266C137.966 61.4814 135.284 64.1635 135.284 67.4604V72.0716C135.284 73.4078 136.369 74.4922 137.705 74.4922Z",
 			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))"
 		}),
-		/* @__PURE__ */ s("rect", {
+		/* @__PURE__ */ u("rect", {
 			x: 29.1553,
 			y: 134,
 			width: 54.6897,
@@ -354,7 +392,7 @@ var I = ({ state: t }) => {
 			rx: 3.58621,
 			fill: "var(--digital-id-illustration-strip, #EBECEF)"
 		}),
-		/* @__PURE__ */ s("rect", {
+		/* @__PURE__ */ u("rect", {
 			x: 29.1553,
 			y: 152.828,
 			width: 54.6897,
@@ -362,7 +400,7 @@ var I = ({ state: t }) => {
 			rx: 3.58621,
 			fill: "var(--digital-id-illustration-strip, #EBECEF)"
 		}),
-		/* @__PURE__ */ s("rect", {
+		/* @__PURE__ */ u("rect", {
 			x: 29.1553,
 			y: 171.655,
 			width: 72.6207,
@@ -370,12 +408,12 @@ var I = ({ state: t }) => {
 			rx: 3.58621,
 			fill: "var(--digital-id-illustration-strip, #EBECEF)"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			d: "M24.6729 4.44824H166.327C170.041 4.44824 173.052 7.45921 173.052 11.1729V228.138C173.052 231.851 170.041 234.862 166.327 234.862H24.6729C20.9592 234.862 17.9482 231.851 17.9482 228.138V11.1729C17.9482 7.45921 20.9592 4.44824 24.6729 4.44824Z",
 			stroke: "var(--digital-id-illustration-border, #EBECEF)",
 			strokeWidth: .896552
 		}),
-		/* @__PURE__ */ s("rect", {
+		/* @__PURE__ */ u("rect", {
 			x: 24.6729,
 			y: 35.8066,
 			width: 68.1379,
@@ -383,246 +421,322 @@ var I = ({ state: t }) => {
 			rx: 4.93753,
 			fill: "var(--digital-id-illustration-photo, #F0F6FF)"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			d: "M49.36 91.1735V91.2999C49.3251 93.9726 47.0753 95.9823 42.6104 97.3291C47.9904 101.237 53.3707 104.364 58.7507 104.364C64.1307 104.364 69.5111 101.237 74.8911 97.3291C70.4565 95.9808 68.2066 93.968 68.1415 91.2908C68.1415 90.2747 68.145 80.3761 68.1497 79.36C68.4704 79.4052 68.4432 79.3765 68.1497 79.295C68.1585 75.9478 68.1729 80.3294 68.1928 75.7552C68.2128 71.181 49.0493 67.0886 49.3306 79.6487C49.3344 80.9294 49.3421 89.7232 49.36 91.1735Z",
 			fill: "var(--digital-id-illustration-face-highlight, #E0E0E0)"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			d: "M92.8103 106.416C92.8103 108.838 92.8103 111.556 92.8103 113.823C92.8103 116.55 90.5997 118.759 87.8728 118.759H29.6104C26.8835 118.759 24.6729 116.55 24.6729 113.823C24.6729 111.669 24.6729 109.075 24.6729 106.609C27.8413 100.94 46.2752 95.6817 46.2752 95.6817C47.9856 98.7716 53.0062 101.59 58.1454 101.716C63.7221 101.853 69.4385 99.0337 71.2165 95.6797C71.2165 95.6797 89.6412 100.745 92.8103 106.416Z",
 			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			d: "M49.1074 85.037C56.9841 84.2188 64.4004 87.6292 64.4004 87.6292C64.4004 87.6292 62.9302 95.3516 49.1074 93.1072V85.037Z",
 			fill: "var(--digital-id-illustration-face-shadow, #CDCDCD)"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			d: "M42.6488 68.8767C43.699 67.1248 45.009 68.3295 45.5328 69.1509L46.2644 76.9402C46.2387 77.6181 45.8326 78.0487 44.7734 78.1827C43.4493 78.3502 42.5746 74.7442 42.2696 73.3982C41.9645 72.0521 41.336 71.0665 42.6488 68.8767Z",
 			fill: "var(--digital-id-illustration-mask-shadow, #D0D0D0)"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			d: "M74.3552 69.3252C73.3216 67.5635 72.0003 68.7558 71.4688 69.5721L70.6635 77.3542C70.6827 78.0322 71.0848 78.4667 72.1427 78.6107C73.4651 78.7907 74.3739 75.1932 74.6917 73.8501C75.0094 72.507 75.6472 71.5273 74.3552 69.3252Z",
 			fill: "var(--digital-id-illustration-mask-shadow, #D0D0D0)"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			d: "M73.3109 70.6918C73.3109 81.9566 65.1557 91.0886 58.7907 91.0886C51.829 91.0886 44.2705 81.9566 44.2705 70.6918C44.2705 60.6551 45.0714 49.9307 58.7907 49.9307C72.51 49.9307 73.3109 60.423 73.3109 70.6918Z",
 			fill: "var(--digital-id-illustration-mask, #FAFAFA)"
 		})
 	]
-}), H = ({ size: e = 191 }) => /* @__PURE__ */ s(V, {
-	width: e,
-	height: Math.round(e * 266 / 191),
-	"aria-hidden": !0
-}), U = ({ manager: n, state: r }) => {
-	let { t: a } = e(), o = i(null);
-	t(() => {
-		o.current && o.current.click();
-	}, [r.pickerRequestId]);
-	let c = (e) => {
-		let t = e.currentTarget.files?.[0];
-		t && n.digitalUploadPickFile(t);
+});
+//#endregion
+//#region src/modules/id/assets/uploadIdScreenImage.tsx
+var UploadIdScreenImage = ({ size = 191 }) => {
+	return /* @__PURE__ */ u(SvgUploadIdScreenImage, {
+		width: size,
+		height: Math.round(size * 266 / 191),
+		"aria-hidden": true
+	});
+};
+//#endregion
+//#region src/modules/id/digitalIdUpload/fileSelectionScreen.tsx
+var FileSelectionScreen = ({ manager, state }) => {
+	const { t } = useTranslation();
+	const fileInputRef = A(null);
+	y(() => {
+		if (!fileInputRef.current) return;
+		fileInputRef.current.click();
+	}, [state.pickerRequestId]);
+	const onFileSelect = (event) => {
+		const file = event.currentTarget.files?.[0];
+		if (!file) return;
+		manager.digitalUploadPickFile(file);
 	};
-	return /* @__PURE__ */ s(d, {
-		title: a("idv2.digitalIdUpload.screenTitle"),
-		subtitle: a("idv2.digitalIdUpload.screenDescription"),
+	return /* @__PURE__ */ u(Page, {
+		title: t("idv2.digitalIdUpload.screenTitle"),
+		subtitle: t("idv2.digitalIdUpload.screenDescription"),
 		className: "IncodeDigitalIdUploadPage",
 		"data-testid": "digital-id-upload-selection",
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadBody",
-			children: [/* @__PURE__ */ s("input", {
-				ref: o,
+			children: [/* @__PURE__ */ u("input", {
+				ref: fileInputRef,
 				type: "file",
 				accept: "application/pdf",
-				onChange: c,
+				onChange: onFileSelect,
 				class: "IncodeDigitalIdUploadHiddenInput",
-				"aria-label": a("idv2.digitalIdUpload.digitalIdUploadButtonTitle")
-			}), /* @__PURE__ */ s("div", {
+				tabIndex: -1,
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ u("div", {
 				class: "IncodeDigitalIdUploadTutorialIllustration",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ s(H, {})
+				children: /* @__PURE__ */ u(UploadIdScreenImage, {})
 			})]
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadFooter",
-			children: /* @__PURE__ */ s(b, {
-				onClick: () => o.current?.click(),
-				children: a("idv2.digitalIdUpload.digitalIdUploadButtonTitle")
+			children: /* @__PURE__ */ u(Button, {
+				onClick: () => fileInputRef.current?.click(),
+				"aria-haspopup": "dialog",
+				children: t("idv2.digitalIdUpload.digitalIdUploadButtonTitle")
 			})
 		})]
 	});
-}, ie = ({ manager: t }) => {
-	let { t: n } = e();
-	return /* @__PURE__ */ s(d, {
-		title: n("idv2.digitalIdUpload.fileTooLargeScreen.title"),
-		subtitle: n("idv2.digitalIdUpload.fileTooLargeScreen.subtitle"),
+};
+//#endregion
+//#region src/modules/id/digitalIdUpload/fileTooLargeScreen.tsx
+var FileTooLargeScreen = ({ manager }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ u(Page, {
+		title: t("idv2.digitalIdUpload.fileTooLargeScreen.title"),
+		subtitle: t("idv2.digitalIdUpload.fileTooLargeScreen.subtitle"),
 		className: "IncodeDigitalIdUploadPage",
 		"data-testid": "digital-id-upload-file-too-large",
-		children: [/* @__PURE__ */ s("div", { class: "IncodeDigitalIdUploadBody" }), /* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ u("div", { class: "IncodeDigitalIdUploadBody" }), /* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadFooter",
-			children: /* @__PURE__ */ s(b, {
-				onClick: () => t.digitalUploadChooseAnother(),
-				children: n("idv2.digitalIdUpload.fileTooLargeScreen.cta")
+			children: /* @__PURE__ */ u(Button, {
+				onClick: () => manager.digitalUploadChooseAnother(),
+				children: t("idv2.digitalIdUpload.fileTooLargeScreen.cta")
 			})
 		})]
 	});
-}, W = ({ manager: t, state: n }) => {
-	let { t: r } = e(), i = F(n.file);
-	return /* @__PURE__ */ s(d, {
-		titleTopSlot: /* @__PURE__ */ s("div", {
+};
+//#endregion
+//#region src/modules/id/digitalIdUpload/successScreen.tsx
+var SuccessScreen = ({ manager, state }) => {
+	const { t } = useTranslation();
+	const fileUrl = useFilePreviewUrl(state.file);
+	return /* @__PURE__ */ u(Page, {
+		titleTopSlot: /* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadSuccessIcon",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ s(C, { size: 32 })
+			children: /* @__PURE__ */ u(SuccessIcon, { size: 32 })
 		}),
-		title: r("idv2.digitalIdUpload.successfullyProcessed"),
-		subtitle: r("idv2.digitalIdUpload.loadingSuccess.letsContinue"),
+		title: t("idv2.digitalIdUpload.successfullyProcessed"),
+		subtitle: t("idv2.digitalIdUpload.loadingSuccess.letsContinue"),
 		className: "IncodeDigitalIdUploadPage",
 		"data-testid": "digital-id-upload-success",
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadPreviewBody",
 			children: [
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ u("div", {
 					class: "IncodeDigitalIdUploadPreStatusZone",
 					"aria-hidden": "true"
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ u("div", {
 					class: "IncodeDigitalIdUploadDocumentPreview",
 					"aria-hidden": "true",
-					children: i ? /* @__PURE__ */ s(D, {
-						url: i,
+					children: fileUrl ? /* @__PURE__ */ u(PdfViewer, {
+						url: fileUrl,
 						mode: "thumbnail",
 						className: "IncodeDigitalIdUploadDocumentPreviewPdf"
 					}) : null
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ u("div", {
 					class: "IncodeDigitalIdUploadPostCaptionZone",
 					"aria-hidden": "true"
 				})
 			]
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadFooter",
-			children: /* @__PURE__ */ s(b, {
-				onClick: () => t.digitalUploadNextStep(),
-				children: r("idv2.digitalIdUpload.continue")
+			children: /* @__PURE__ */ u(Button, {
+				onClick: () => manager.digitalUploadNextStep(),
+				children: t("idv2.digitalIdUpload.continue")
 			})
 		})]
 	});
-}, G = ({ manager: t }) => {
-	let { t: n } = e();
-	return /* @__PURE__ */ s(d, {
-		title: n("idv2.digitalIdUpload.screenTitle"),
-		subtitle: n("idv2.digitalIdUpload.screenDescription"),
+};
+//#endregion
+//#region src/modules/id/digitalIdUpload/tutorialScreen.tsx
+var TutorialScreen = ({ manager }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ u(Page, {
+		title: t("idv2.digitalIdUpload.screenTitle"),
+		subtitle: t("idv2.digitalIdUpload.screenDescription"),
 		className: "IncodeDigitalIdUploadPage",
 		"data-testid": "digital-id-upload-tutorial",
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadBody",
-			children: /* @__PURE__ */ s("div", {
+			children: /* @__PURE__ */ u("div", {
 				class: "IncodeDigitalIdUploadTutorialIllustration",
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ s(H, {})
+				children: /* @__PURE__ */ u(UploadIdScreenImage, {})
 			})
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ u("div", {
 			class: "IncodeDigitalIdUploadFooter",
-			children: /* @__PURE__ */ s(b, {
-				onClick: () => t.digitalUploadNextStep(),
-				children: n("idv2.digitalIdUpload.digitalIdUploadButtonTitle")
+			children: /* @__PURE__ */ u(Button, {
+				onClick: () => manager.digitalUploadNextStep(),
+				children: t("idv2.digitalIdUpload.digitalIdUploadButtonTitle")
 			})
 		})]
 	});
-}, K = ({ manager: e, state: t }) => t.phase === "tutorial" ? /* @__PURE__ */ s(G, { manager: e }) : t.phase === "selecting" ? /* @__PURE__ */ s(U, {
-	manager: e,
-	state: t
-}) : t.phase === "reviewing" ? /* @__PURE__ */ s(B, {
-	manager: e,
-	state: t
-}) : t.phase === "uploading" || t.phase === "holding" ? /* @__PURE__ */ s(I, { state: t }) : t.phase === "success" ? /* @__PURE__ */ s(W, {
-	manager: e,
-	state: t
-}) : t.phase === "fileTooLarge" ? /* @__PURE__ */ s(ie, { manager: e }) : t.phase === "error" || t.phase === "exhausted" ? /* @__PURE__ */ s(z, {
-	manager: e,
-	state: t
-}) : null, q = ({ icon: e, label: t, uploaded: n, uploading: r, disabled: a, testId: o, onFile: c }) => {
-	let l = i(null), d = a || r, f = () => {
-		d || l.current?.click();
-	}, p = (e) => {
-		let t = e.target, n = t.files?.[0];
-		n && c(n), t.value = "";
-	}, m = () => r ? /* @__PURE__ */ s(_, { size: "small" }) : n ? /* @__PURE__ */ s(C, { size: 40 }) : /* @__PURE__ */ s(S, {
-		variant: "xs",
-		size: 16
+};
+//#endregion
+//#region src/modules/id/digitalIdUpload/digitalIdUpload.tsx
+var DigitalIdUpload = ({ manager, state }) => {
+	if (state.phase === "tutorial") return /* @__PURE__ */ u(TutorialScreen, { manager });
+	if (state.phase === "selecting") return /* @__PURE__ */ u(FileSelectionScreen, {
+		manager,
+		state
+	});
+	if (state.phase === "reviewing") return /* @__PURE__ */ u(FileReviewScreen, {
+		manager,
+		state
 	});
-	return /* @__PURE__ */ s("div", {
-		class: u("IncodeManualUploadSlot", n && "IncodeManualUploadSlot--uploaded", d && "IncodeManualUploadSlot--disabled"),
+	if (state.phase === "uploading" || state.phase === "holding") return /* @__PURE__ */ u(AnalyzingScreen, { state });
+	if (state.phase === "success") return /* @__PURE__ */ u(SuccessScreen, {
+		manager,
+		state
+	});
+	if (state.phase === "fileTooLarge") return /* @__PURE__ */ u(FileTooLargeScreen, { manager });
+	if (state.phase === "error" || state.phase === "exhausted") return /* @__PURE__ */ u(ErrorScreen, {
+		manager,
+		state
+	});
+	return null;
+};
+//#endregion
+//#region src/modules/id/manualUpload/uploadButton.tsx
+/**
+* Slot card for a single document side. The whole card is the clickable
+* trigger: a row with a small pictogram, the slot label, and a decorative
+* circular action icon on the right. Clicking anywhere on the card opens
+* the native file picker. When the upload has succeeded, the action icon
+* collapses to the success icon.
+*
+* Kept local to the manual-upload flow — not promoted to `shared/`.
+*/
+var UploadButton = ({ icon, label, uploaded, uploading, disabled, invalid, describedById, testId, onFile }) => {
+	const inputRef = A(null);
+	const isDisabled = disabled || uploading;
+	const openPicker = () => {
+		if (isDisabled) return;
+		inputRef.current?.click();
+	};
+	const handleChange = (event) => {
+		const input = event.target;
+		const file = input.files?.[0];
+		if (file) onFile(file);
+		input.value = "";
+	};
+	const renderActionIcon = () => {
+		if (uploading) return /* @__PURE__ */ u(Spinner, { size: "small" });
+		if (uploaded) return /* @__PURE__ */ u(SuccessIcon, { size: 40 });
+		return /* @__PURE__ */ u(ChevronRightIcon, {
+			variant: "xs",
+			size: 16
+		});
+	};
+	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("button", {
+		type: "button",
+		class: cn("IncodeManualUploadSlot", uploaded && "IncodeManualUploadSlot--uploaded"),
+		onClick: openPicker,
+		disabled: isDisabled,
+		"aria-label": label,
+		"aria-busy": uploading || void 0,
+		"aria-invalid": invalid || void 0,
+		"aria-describedby": describedById,
+		"data-testid": testId,
 		children: [
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ u("div", {
 				class: "IncodeManualUploadSlotIcon",
 				"aria-hidden": "true",
-				children: e
+				children: icon
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ u("div", {
 				class: "IncodeManualUploadSlotLabel",
-				children: t
+				children: label
 			}),
-			/* @__PURE__ */ s("button", {
-				type: "button",
+			/* @__PURE__ */ u("div", {
 				class: "IncodeManualUploadSlotAction",
-				onClick: f,
-				disabled: d,
-				"aria-label": t,
-				"aria-busy": r || void 0,
-				"data-testid": o,
-				children: m()
-			}),
-			/* @__PURE__ */ s("input", {
-				ref: l,
-				type: "file",
-				accept: "image/*",
-				class: "IncodeManualUploadSlotInput",
-				onChange: p,
-				onInput: p,
-				tabIndex: -1,
-				"aria-hidden": "true"
+				"aria-hidden": "true",
+				children: renderActionIcon()
 			})
 		]
-	});
-}, J = "IncodeManualUploadSlotIconHighlight", Y = () => /* @__PURE__ */ s("svg", {
+	}), /* @__PURE__ */ u("input", {
+		ref: inputRef,
+		type: "file",
+		accept: "image/*",
+		class: "IncodeManualUploadSlotInput",
+		onChange: handleChange,
+		onInput: handleChange,
+		tabIndex: -1,
+		"aria-hidden": "true"
+	})] });
+};
+//#endregion
+//#region src/modules/id/manualUpload/slotIcons.tsx
+/**
+* Slot pictograms used inside the manual-upload cards.
+* Sourced from the Figma `IconIdDocument` component (front / back / passport).
+* The primary shape uses `currentColor` so the parent card controls the tint
+* via CSS. The inner highlight is filled via `.IncodeManualUploadSlotIconHighlight`
+* so it remains theme-aware (dark mode included).
+*/
+var HIGHLIGHT_CLASS = "IncodeManualUploadSlotIconHighlight";
+var IdFrontIcon = () => /* @__PURE__ */ u("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: "27",
 	height: "27",
 	viewBox: "0 0 27 27",
 	fill: "none",
 	"aria-hidden": "true",
-	children: [/* @__PURE__ */ s("path", {
+	children: [/* @__PURE__ */ u("path", {
 		d: "M11.4187 12.2343C11.4187 12.557 11.323 12.8724 11.1437 13.1406C10.9645 13.4089 10.7097 13.618 10.4117 13.7414C10.1136 13.8649 9.78559 13.8972 9.46916 13.8343C9.15273 13.7713 8.86207 13.6159 8.63393 13.3878C8.4058 13.1597 8.25044 12.869 8.1875 12.5526C8.12455 12.2362 8.15686 11.9082 8.28032 11.6101C8.40379 11.312 8.61287 11.0573 8.88113 10.878C9.14939 10.6988 9.46477 10.6031 9.7874 10.6031C10.22 10.6031 10.635 10.775 10.9409 11.0809C11.2468 11.3868 11.4187 11.8017 11.4187 12.2343ZM23.653 5.70934V20.3906C23.653 20.8232 23.4812 21.2381 23.1752 21.5441C22.8693 21.85 22.4544 22.0218 22.0218 22.0218H4.07803C3.64539 22.0218 3.23048 21.85 2.92456 21.5441C2.61864 21.2381 2.44678 20.8232 2.44678 20.3906V5.70934C2.44678 5.27671 2.61864 4.8618 2.92456 4.55588C3.23048 4.24996 3.64539 4.07809 4.07803 4.07809H22.0218C22.4544 4.07809 22.8693 4.24996 23.1752 4.55588C23.4812 4.8618 23.653 5.27671 23.653 5.70934ZM20.3905 14.6812C20.3905 14.4649 20.3046 14.2574 20.1516 14.1045C19.9987 13.9515 19.7912 13.8656 19.5749 13.8656H15.4968C15.2805 13.8656 15.073 13.9515 14.92 14.1045C14.7671 14.2574 14.6812 14.4649 14.6812 14.6812C14.6812 14.8975 14.7671 15.105 14.92 15.258C15.073 15.4109 15.2805 15.4968 15.4968 15.4968H19.5749C19.7912 15.4968 19.9987 15.4109 20.1516 15.258C20.3046 15.105 20.3905 14.8975 20.3905 14.6812ZM20.3905 11.4187C20.3905 11.2024 20.3046 10.9949 20.1516 10.842C19.9987 10.689 19.7912 10.6031 19.5749 10.6031H15.4968C15.2805 10.6031 15.073 10.689 14.92 10.842C14.7671 10.9949 14.6812 11.2024 14.6812 11.4187C14.6812 11.635 14.7671 11.8425 14.92 11.9955C15.073 12.1484 15.2805 12.2343 15.4968 12.2343H19.5749C19.7912 12.2343 19.9987 12.1484 20.1516 11.9955C20.3046 11.8425 20.3905 11.635 20.3905 11.4187Z",
 		fill: "currentColor"
-	}), /* @__PURE__ */ s("path", {
+	}), /* @__PURE__ */ u("path", {
 		d: "M5.02231 16.1109C5.58996 15.3667 6.34651 14.7807 7.21692 14.4111H7.22173C6.74461 13.9847 6.41033 13.4271 6.26277 12.8114C6.11521 12.1957 6.16125 11.5507 6.39486 10.9611C6.62847 10.3715 7.03873 9.86478 7.5718 9.50748C8.10487 9.15018 8.73583 8.95898 9.3819 8.95898C10.028 8.95898 10.6589 9.15018 11.192 9.50748C11.7251 9.86478 12.1353 10.3715 12.3689 10.9611C12.6025 11.5507 12.6486 12.1957 12.501 12.8114C12.3535 13.4271 12.0192 13.9847 11.5421 14.4111C12.4125 14.7807 13.169 15.3667 13.7367 16.1109C13.8083 16.2041 13.852 16.315 13.8628 16.4311C13.8736 16.5472 13.8511 16.664 13.7979 16.7683C13.7446 16.8727 13.6627 16.9604 13.5614 17.0217C13.46 17.0829 13.3432 17.1153 13.2241 17.1152H5.53492C5.41579 17.1153 5.29898 17.0829 5.19762 17.0217C5.09626 16.9604 5.01436 16.8727 4.96111 16.7683C4.90787 16.664 4.88539 16.5472 4.8962 16.4311C4.90701 16.315 4.95068 16.2041 5.02231 16.1109Z",
 		fill: "white"
 	})]
-}), ae = () => /* @__PURE__ */ s("svg", {
+});
+var IdBackIcon = () => /* @__PURE__ */ u("svg", {
 	viewBox: "0 0 27 27",
 	fill: "none",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ s("path", {
+	children: /* @__PURE__ */ u("path", {
 		d: "M22.022 4.07812C22.4545 4.07818 22.8694 4.24985 23.1753 4.55566C23.4811 4.86149 23.6527 5.27649 23.6528 5.70898V20.3906C23.6528 20.8232 23.4811 21.238 23.1753 21.5439C22.8694 21.8498 22.4545 22.0214 22.022 22.0215H4.07764C3.64514 22.0214 3.23014 21.8498 2.92432 21.5439C2.61852 21.238 2.44678 20.8232 2.44678 20.3906V5.70898C2.44688 5.27649 2.61849 4.86149 2.92432 4.55566C3.23014 4.24984 3.64514 4.07823 4.07764 4.07812H22.022ZM5.49658 17C5.28034 17.0001 5.07332 17.0863 4.92041 17.2393C4.7675 17.3922 4.6812 17.5992 4.68115 17.8154C4.68115 18.0317 4.76745 18.2396 4.92041 18.3926C5.0733 18.5453 5.28047 18.6308 5.49658 18.6309H11.9995C12.2158 18.6309 12.4237 18.5455 12.5767 18.3926C12.7296 18.2396 12.8159 18.0317 12.8159 17.8154C12.8159 17.5993 12.7295 17.3922 12.5767 17.2393C12.4237 17.0863 12.2158 17 11.9995 17H5.49658ZM5.49658 7.60352C5.28047 7.60357 5.0733 7.68907 4.92041 7.8418C4.76745 7.99476 4.68115 8.20263 4.68115 8.41895C4.68116 8.46917 4.68462 10.4372 4.69189 10.5498C4.71927 10.9728 5.05459 11.289 5.49658 11.2891H20.1841C20.5995 11.2891 20.9497 10.9654 20.981 10.5498C20.9934 10.3844 20.9995 8.48197 20.9995 8.41895C20.9995 8.20263 20.9142 7.99476 20.7612 7.8418C20.6083 7.68884 20.4004 7.60352 20.1841 7.60352H5.49658Z",
 		fill: "currentColor"
 	})
-}), X = () => /* @__PURE__ */ s("svg", {
+});
+var PassportSlotIcon = () => /* @__PURE__ */ u("svg", {
 	viewBox: "0 0 27 27",
 	fill: "none",
 	"aria-hidden": "true",
 	children: [
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			d: "M14.8498 4.01579L24.7216 4.01579C25.0873 4.01579 25.4379 4.18646 25.6964 4.49026C25.955 4.79406 26.1002 5.20609 26.1002 5.63573L26.1002 21.4689C26.1002 21.8986 25.955 22.3106 25.6964 22.6144C25.4379 22.9182 25.0873 23.0889 24.7216 23.0889L14.8498 23.0889C14.4841 23.0889 14.1335 22.9182 13.875 22.6144C13.6164 22.3106 13.4712 21.8986 13.4712 21.4689L13.4712 5.63573C13.4712 5.20609 13.6164 4.79406 13.875 4.49026C14.1335 4.18646 14.4841 4.01579 14.8498 4.01579ZM21.5868 7.25567C21.404 7.25567 21.2287 7.341 21.0994 7.4929C20.9702 7.6448 20.8975 7.85082 20.8975 8.06564L20.8975 11.1224C20.8975 11.3372 20.9702 11.5433 21.0994 11.6952C21.2287 11.8471 21.404 11.9324 21.5868 11.9324C21.7696 11.9324 21.945 11.8471 22.0742 11.6952C22.2035 11.5433 22.2761 11.3372 22.2761 11.1224L22.2761 8.06564C22.2761 7.85082 22.2035 7.6448 22.0742 7.4929C21.945 7.341 21.7696 7.25567 21.5868 7.25567ZM18.8297 7.25567C18.6469 7.25567 18.4715 7.341 18.3423 7.4929C18.213 7.6448 18.1404 7.85082 18.1404 8.06564L18.1404 11.1224C18.1404 11.3372 18.213 11.5433 18.3423 11.6952C18.4715 11.8471 18.6469 11.9324 18.8297 11.9324C19.0125 11.9324 19.1878 11.8471 19.3171 11.6952C19.4463 11.5433 19.519 11.3372 19.519 11.1224L19.519 8.06564C19.519 7.85082 19.4463 7.6448 19.3171 7.4929C19.1878 7.341 19.0125 7.25567 18.8297 7.25567Z",
 			fill: "currentColor"
 		}),
-		/* @__PURE__ */ s("path", {
-			class: J,
+		/* @__PURE__ */ u("path", {
+			class: HIGHLIGHT_CLASS,
 			d: "M22.1102 19.9907C21.6493 19.6096 21.2864 19.1017 21.0575 18.5174L21.0575 18.5142C20.7934 18.8345 20.448 19.0589 20.0667 19.158C19.6853 19.257 19.2859 19.2261 18.9207 19.0693C18.5555 18.9124 18.2417 18.637 18.0204 18.2792C17.7991 17.9213 17.6807 17.4977 17.6807 17.064C17.6807 16.6303 17.7991 16.2067 18.0204 15.8488C18.2417 15.491 18.5555 15.2155 18.9207 15.0587C19.2859 14.9019 19.6853 14.871 20.0667 14.97C20.448 15.0691 20.7934 15.2935 21.0575 15.6138C21.2864 15.0295 21.6493 14.5216 22.1102 14.1405C22.1679 14.0924 22.2366 14.0631 22.3086 14.0558C22.3805 14.0486 22.4528 14.0637 22.5174 14.0994C22.582 14.1352 22.6364 14.1902 22.6743 14.2582C22.7123 14.3262 22.7323 14.4047 22.7323 14.4846L22.7323 19.6466C22.7323 19.7266 22.7123 19.805 22.6743 19.873C22.6364 19.9411 22.582 19.996 22.5174 20.0318C22.4528 20.0675 22.3805 20.0826 22.3086 20.0754C22.2366 20.0681 22.1679 20.0388 22.1102 19.9907Z"
 		}),
-		/* @__PURE__ */ s("path", {
+		/* @__PURE__ */ u("path", {
 			d: "M1.14809 4.01579L11.4809 4.01579C11.7854 4.01579 12.0775 4.18582 12.2928 4.48848C12.5081 4.79114 12.629 5.20164 12.629 5.62967L12.629 21.475C12.629 21.903 12.5081 22.3135 12.2928 22.6162C12.0775 22.9188 11.7854 23.0889 11.4809 23.0889L1.14809 23.0889C0.843601 23.0889 0.551578 22.9188 0.336269 22.6162C0.12096 22.3135 2.17692e-08 21.903 3.05959e-09 21.475L-7.63166e-07 5.62967C-7.81875e-07 5.20164 0.120959 4.79115 0.336268 4.48849C0.551577 4.18583 0.8436 4.01579 1.14809 4.01579Z",
 			fill: "currentColor"
 		})
 	]
-}), oe = {
+});
+//#endregion
+//#region src/modules/id/manualUpload/uploadTab.tsx
+var SLOT_LABEL_KEYS = {
 	front: {
 		idle: "manualIdUpload.frontId",
 		uploading: "manualIdUpload.uploadingFrontId",
@@ -638,195 +752,250 @@ var I = ({ state: t }) => {
 		uploading: "manualIdUpload.uploadingPassport",
 		uploaded: "manualIdUpload.passportUploaded"
 	}
-}, Z = ({ mode: t, manager: n, state: r }) => {
-	let { t: i } = e(), a = (e, t, n) => {
-		let r = oe[e];
-		return i(t ? r.uploading : n ? r.uploaded : r.idle);
+};
+var UploadTab = ({ mode, manager, state, errorMessageId }) => {
+	const { t } = useTranslation();
+	const slotLabel = (slot, isUploading, isUploaded) => {
+		const keys = SLOT_LABEL_KEYS[slot];
+		return t(isUploading ? keys.uploading : isUploaded ? keys.uploaded : keys.idle);
 	};
-	if (t === "passport") {
-		let e = r.uploadingSide === "passport";
-		return /* @__PURE__ */ s("div", {
+	const slotErrorProps = (slot) => state.errorSide === slot ? {
+		invalid: true,
+		describedById: errorMessageId
+	} : {};
+	if (mode === "passport") {
+		const isUploading = state.uploadingSide === "passport";
+		return /* @__PURE__ */ u("div", {
 			class: "IncodeManualUploadTab",
-			children: /* @__PURE__ */ s(q, {
-				icon: /* @__PURE__ */ s(X, {}),
-				label: a("passport", e, r.passportUploaded),
-				uploaded: r.passportUploaded,
-				uploading: e,
+			children: /* @__PURE__ */ u(UploadButton, {
+				icon: /* @__PURE__ */ u(PassportSlotIcon, {}),
+				label: slotLabel("passport", isUploading, state.passportUploaded),
+				uploaded: state.passportUploaded,
+				uploading: isUploading,
 				testId: "manual-upload-passport",
-				onFile: (e) => n.manualUploadSelectFile("passport", e)
+				onFile: (file) => manager.manualUploadSelectFile("passport", file),
+				...slotErrorProps("passport")
 			})
 		});
 	}
-	let o = r.uploadingSide === "front", c = r.uploadingSide === "back";
-	return /* @__PURE__ */ s("div", {
+	const isUploadingFront = state.uploadingSide === "front";
+	const isUploadingBack = state.uploadingSide === "back";
+	return /* @__PURE__ */ u("div", {
 		class: "IncodeManualUploadTab",
-		children: [/* @__PURE__ */ s(q, {
-			icon: /* @__PURE__ */ s(Y, {}),
-			label: a("front", o, r.frontUploaded),
-			uploaded: r.frontUploaded,
-			uploading: o,
+		children: [/* @__PURE__ */ u(UploadButton, {
+			icon: /* @__PURE__ */ u(IdFrontIcon, {}),
+			label: slotLabel("front", isUploadingFront, state.frontUploaded),
+			uploaded: state.frontUploaded,
+			uploading: isUploadingFront,
 			testId: "manual-upload-front",
-			onFile: (e) => n.manualUploadSelectFile("front", e)
-		}), r.showBackSlot && /* @__PURE__ */ s(q, {
-			icon: /* @__PURE__ */ s(ae, {}),
-			label: a("back", c, r.backUploaded),
-			uploaded: r.backUploaded,
-			uploading: c,
+			onFile: (file) => manager.manualUploadSelectFile("front", file),
+			...slotErrorProps("front")
+		}), state.showBackSlot && /* @__PURE__ */ u(UploadButton, {
+			icon: /* @__PURE__ */ u(IdBackIcon, {}),
+			label: slotLabel("back", isUploadingBack, state.backUploaded),
+			uploaded: state.backUploaded,
+			uploading: isUploadingBack,
 			testId: "manual-upload-back",
-			onFile: (e) => n.manualUploadSelectFile("back", e)
+			onFile: (file) => manager.manualUploadSelectFile("back", file),
+			...slotErrorProps("back")
 		})]
 	});
-}, se = (e) => e === "id" || e === "passport", ce = ({ manager: t, state: n }) => {
-	let { t: r } = e();
-	if (n.phase === "exhausted") return /* @__PURE__ */ s(T, {
-		title: r("manualIdUpload.tooManyTries"),
-		description: r("manualIdUpload.contactedByAdmin"),
+};
+//#endregion
+//#region src/modules/id/manualUpload/manualUpload.tsx
+var isManualUploadTab = (value) => value === "id" || value === "passport";
+var ManualUpload = ({ manager, state }) => {
+	const { t } = useTranslation();
+	if (state.phase === "exhausted") return /* @__PURE__ */ u(ErrorContent, {
+		title: t("manualIdUpload.tooManyTries"),
+		description: t("manualIdUpload.contactedByAdmin"),
 		attemptsRemaining: 0,
-		onButtonClick: () => t.manualUploadContinue(),
+		onButtonClick: () => manager.manualUploadContinue(),
 		"data-testid": "manual-upload-exhausted"
 	});
-	if (n.phase === "uploading") return /* @__PURE__ */ s(_, {
-		fullScreen: !0,
+	if (state.phase === "uploading") return /* @__PURE__ */ u(Spinner, {
+		fullScreen: true,
 		size: "large",
-		title: r("manualIdUpload.holdOnASec"),
-		subtitle: r("idv2.manualUploadLoading.subtitle"),
+		title: t("manualIdUpload.holdOnASec"),
+		subtitle: t("idv2.manualUploadLoading.subtitle"),
 		className: "IncodeManualUploadLoading"
 	});
-	let i = n.showIdTab && n.showPassportTab, a = (e) => {
-		se(e) && t.manualUploadChangeTab(e);
-	}, o = n.activeTab === "passport" ? ["hintPassportReadable", "hintSharpAndGlareFree"] : ["hintIdReadable", "hintSharpAndGlareFree"];
-	return /* @__PURE__ */ s(d, {
-		title: r("manualIdUpload.title"),
-		subtitle: r("manualIdUpload.subtitle"),
+	const bothTabs = state.showIdTab && state.showPassportTab;
+	const handleTabChange = (next) => {
+		if (isManualUploadTab(next)) manager.manualUploadChangeTab(next);
+	};
+	const hintKeys = state.activeTab === "passport" ? ["hintPassportReadable", "hintSharpAndGlareFree"] : ["hintIdReadable", "hintSharpAndGlareFree"];
+	const errorMessageId = state.errorSide ? `manualUploadError-${state.errorSide}` : void 0;
+	return /* @__PURE__ */ u(Page, {
+		title: t("manualIdUpload.title"),
+		subtitle: t("manualIdUpload.subtitle"),
 		"data-testid": "manual-upload-page",
 		className: "IncodeManualUploadPage",
-		children: [/* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ u("div", {
 			class: "IncodeManualUploadContainer",
-			children: [i ? /* @__PURE__ */ s(O, {
-				value: n.activeTab,
-				onValueChange: a,
+			children: [bothTabs ? /* @__PURE__ */ u(Tabs, {
+				value: state.activeTab,
+				onValueChange: handleTabChange,
 				listClassName: "IncodeManualUploadTabsList",
 				triggerClassName: "IncodeManualUploadTabTrigger",
 				activeTriggerClassName: "IncodeManualUploadTabTrigger--active",
 				children: [
-					/* @__PURE__ */ s(O.List, {
-						label: r("manualIdUpload.tabsLabel"),
-						children: [/* @__PURE__ */ s(O.Trigger, {
+					/* @__PURE__ */ u(Tabs.List, {
+						label: t("manualIdUpload.tabsLabel"),
+						children: [/* @__PURE__ */ u(Tabs.Trigger, {
 							value: "id",
-							children: r("manualIdUpload.id")
-						}), /* @__PURE__ */ s(O.Trigger, {
+							children: t("manualIdUpload.id")
+						}), /* @__PURE__ */ u(Tabs.Trigger, {
 							value: "passport",
-							children: r("manualIdUpload.passport")
+							children: t("manualIdUpload.passport")
 						})]
 					}),
-					/* @__PURE__ */ s(O.Content, {
+					/* @__PURE__ */ u(Tabs.Content, {
 						value: "id",
-						children: /* @__PURE__ */ s(Z, {
+						children: /* @__PURE__ */ u(UploadTab, {
 							mode: "id",
-							manager: t,
-							state: n
+							manager,
+							state,
+							errorMessageId
 						})
 					}),
-					/* @__PURE__ */ s(O.Content, {
+					/* @__PURE__ */ u(Tabs.Content, {
 						value: "passport",
-						children: /* @__PURE__ */ s(Z, {
+						children: /* @__PURE__ */ u(UploadTab, {
 							mode: "passport",
-							manager: t,
-							state: n
+							manager,
+							state,
+							errorMessageId
 						})
 					})
 				]
-			}) : n.showIdTab ? /* @__PURE__ */ s(Z, {
+			}) : state.showIdTab ? /* @__PURE__ */ u(UploadTab, {
 				mode: "id",
-				manager: t,
-				state: n
-			}) : n.showPassportTab ? /* @__PURE__ */ s(Z, {
+				manager,
+				state,
+				errorMessageId
+			}) : state.showPassportTab ? /* @__PURE__ */ u(UploadTab, {
 				mode: "passport",
-				manager: t,
-				state: n
-			}) : null, n.errorKey ? /* @__PURE__ */ s("div", {
+				manager,
+				state,
+				errorMessageId
+			}) : null, state.errorKey ? /* @__PURE__ */ u("div", {
+				id: errorMessageId,
 				class: "IncodeManualUploadError",
 				role: "alert",
 				"data-testid": "manual-upload-error",
-				children: [/* @__PURE__ */ s(x, { size: 16 }), /* @__PURE__ */ s("p", { children: r(n.errorKey) })]
+				children: [/* @__PURE__ */ u(ErrorIcon, { size: 16 }), /* @__PURE__ */ u("p", { children: t(state.errorKey) })]
 			}) : null]
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ u("div", {
 			class: "IncodeManualUploadFooter",
-			children: [/* @__PURE__ */ s("ul", {
+			children: [/* @__PURE__ */ u("ul", {
 				class: "IncodeManualUploadHintCard",
 				"data-testid": "manual-upload-hint-card",
-				children: o.map((e) => /* @__PURE__ */ s("li", { children: r(`manualIdUpload.${e}`) }, e))
-			}), /* @__PURE__ */ s(b, {
-				onClick: () => t.manualUploadContinue(),
-				disabled: !n.canContinue,
+				children: hintKeys.map((key) => /* @__PURE__ */ u("li", { children: t(`manualIdUpload.${key}`) }, key))
+			}), /* @__PURE__ */ u(Button, {
+				onClick: () => manager.manualUploadContinue(),
+				disabled: !state.canContinue,
 				"data-testid": "manual-upload-continue",
-				children: r("manualIdUpload.continue")
+				children: t("manualIdUpload.continue")
 			})]
 		})]
 	});
-}, Q = !1;
-function le() {
-	Q || (Q = !0, import("../id-tutorial-BCr42Pnn.js"), import("../back-tutorial-1NOQobGO.js"), import("../passport-tutorial-DwRwtPVX.js"));
+};
+//#endregion
+//#region src/modules/id/preloadTutorialAssets.ts
+var started = false;
+function preloadIdTutorialAssets() {
+	if (started) return;
+	started = true;
+	import("../id-tutorial-lj4iKtYT.js");
+	import("../back-tutorial-vb1MxlrT.js");
+	import("../passport-tutorial-zT1ZoA-D.js");
 }
 //#endregion
 //#region src/modules/id/id.tsx
-var ue = n(() => import("../mandatoryConsent-DssKMC3v.js").then((e) => ({ default: e.MandatoryConsent }))), de = ({ config: n, manager: r, onFinish: i, onError: o }) => {
-	M();
-	let { t: l } = e();
-	t(() => {
-		le();
+var MandatoryConsent = z(() => import("../mandatoryConsent-r0PQHmv-.js").then((module) => ({ default: module.MandatoryConsent })));
+var IdContent = ({ config, manager: externalManager, onFinish, onError }) => {
+	usePreloadDisplayFont();
+	const { t } = useTranslation();
+	y(() => {
+		preloadIdTutorialAssets();
 	}, []);
-	let [u, d] = c(() => {
-		if (r) return r;
-		if (!n) throw Error("ID capture config is required when no manager is provided");
-		return k({ config: n });
-	}, { manageLifecycle: !r });
-	return u.status === "idle" ? /* @__PURE__ */ s(v, { hideText: !0 }) : u.status === "loading" ? /* @__PURE__ */ s(v, { spinnerConfig: { subtitle: l("loadingCircle.preparingCamera") } }) : u.status === "chooser" ? /* @__PURE__ */ s(m, {
-		manager: d,
-		state: u
-	}) : u.status === "ageVerification" ? /* @__PURE__ */ s(P, { manager: d }) : u.status === "tutorial" ? /* @__PURE__ */ s(ee, {
-		manager: d,
-		state: u
-	}) : u.status === "permissions" ? /* @__PURE__ */ s(E, {
-		manager: d,
-		permissionStatus: u.permissionStatus
-	}) : u.status === "frontFinished" ? /* @__PURE__ */ s(g, {
-		manager: d,
+	const [state, manager] = useManager(() => {
+		if (externalManager) return externalManager;
+		if (!config) throw new Error("ID capture config is required when no manager is provided");
+		return createIdCaptureManager({ config });
+	}, { manageLifecycle: !externalManager });
+	useModuleTerminalCallbacks({
+		status: state.status === "finished" || state.status === "closed" ? state.status : "loading",
+		onFinish,
+		onError
+	});
+	if (state.status === "idle") return /* @__PURE__ */ u(TransitionSpinner, { hideText: true });
+	if (state.status === "loading") return /* @__PURE__ */ u(TransitionSpinner, { spinnerConfig: { subtitle: t("loadingCircle.preparingCamera") } });
+	if (state.status === "chooser") return /* @__PURE__ */ u(Chooser, {
+		manager,
+		state
+	});
+	if (state.status === "ageVerification") return /* @__PURE__ */ u(AgeVerification, { manager });
+	if (state.status === "tutorial") return /* @__PURE__ */ u(Tutorial, {
+		manager,
+		state
+	});
+	if (state.status === "permissions") return /* @__PURE__ */ u(Permissions, {
+		manager,
+		permissionStatus: state.permissionStatus
+	});
+	if (state.status === "frontFinished") return /* @__PURE__ */ u(FlipAnimation, {
+		manager,
 		direction: "toBack"
-	}) : u.status === "backFinished" ? /* @__PURE__ */ s(g, {
-		manager: d,
+	});
+	if (state.status === "backFinished") return /* @__PURE__ */ u(FlipAnimation, {
+		manager,
 		direction: "toFront"
-	}) : u.status === "capture" ? /* @__PURE__ */ s(p, {
-		manager: d,
-		state: u,
-		onFinish: () => i?.()
-	}) : u.status === "mandatoryConsent" ? /* @__PURE__ */ s(a, {
+	});
+	if (state.status === "capture") return /* @__PURE__ */ u(Capture, {
+		manager,
+		state,
+		onFinish: () => onFinish?.()
+	});
+	if (state.status === "mandatoryConsent") return /* @__PURE__ */ u(P, {
 		fallback: null,
-		children: /* @__PURE__ */ s(ue, {
-			config: { consentType: u.regulationType },
-			onFinish: () => d.acceptMandatoryConsent(),
-			onError: () => d.cancelMandatoryConsent()
+		children: /* @__PURE__ */ u(MandatoryConsent, {
+			config: { consentType: state.regulationType },
+			onFinish: () => manager.acceptMandatoryConsent(),
+			onError: () => manager.cancelMandatoryConsent()
 		})
-	}) : u.status === "processing" ? /* @__PURE__ */ s(y, {}) : u.status === "expired" ? /* @__PURE__ */ s(h, {
-		manager: d,
-		attemptsRemaining: u.attemptsRemaining
-	}) : u.status === "expiredExhausted" ? /* @__PURE__ */ s(f, { manager: d }) : u.status === "finished" ? (i?.(), null) : u.status === "closed" ? (o?.(void 0), null) : u.status === "error" ? /* @__PURE__ */ s(te, {
-		manager: d,
-		state: u,
-		onError: o
-	}) : u.status === "manualUpload" ? /* @__PURE__ */ s(ce, {
-		manager: d,
-		state: u
-	}) : u.status === "digitalIdUpload" ? /* @__PURE__ */ s(K, {
-		manager: d,
-		state: u
-	}) : null;
-}, $ = ({ config: e, manager: t, onFinish: n, onError: r }) => /* @__PURE__ */ s(l, { children: e || t ? /* @__PURE__ */ s(de, {
-	config: e,
-	manager: t,
-	onFinish: n,
-	onError: r
-}) : null });
-ne($, "incode-id");
+	});
+	if (state.status === "processing") return /* @__PURE__ */ u(Processing, {});
+	if (state.status === "expired") return /* @__PURE__ */ u(IdExpired, {
+		manager,
+		attemptsRemaining: state.attemptsRemaining
+	});
+	if (state.status === "expiredExhausted") return /* @__PURE__ */ u(IdNoAttempts, { manager });
+	if (state.status === "finished" || state.status === "closed") return null;
+	if (state.status === "error") return /* @__PURE__ */ u(IdError, {
+		manager,
+		state,
+		onError
+	});
+	if (state.status === "manualUpload") return /* @__PURE__ */ u(ManualUpload, {
+		manager,
+		state
+	});
+	if (state.status === "digitalIdUpload") return /* @__PURE__ */ u(DigitalIdUpload, {
+		manager,
+		state
+	});
+	return null;
+};
+var Id = ({ config, manager, onFinish, onError }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(IdContent, {
+		config,
+		manager,
+		onFinish,
+		onError
+	}) : null });
+};
+registerIncodeModuleElement(Id, "incode-id");
 //#endregion
-export { $ as Id };
+export { Id };