@incodetech/web 2.3.2-rc.4 → 2.4.0-rc.0

package/dist/digitalIdUpload-DTrEj4Q3.js

@@ -0,0 +1,496 @@
+import { o as useTranslation } from "./uiConfig-CzjzpmLx.js";
+import { _ as y, c as A, u as T, v as u } from "./vendor-preact-C0jX1Cbq.js";
+import { r as AnimatedAsset, s as Asset } from "./spacer-CRMb016O.js";
+import { b as ErrorIcon, r as SuccessIcon, x as Button } from "./icons-Cri5P1f0.js";
+import { t as Page } from "./page-BzEithea.js";
+import { t as ProgressBar } from "./progressBar-CNBUGgEc.js";
+import { t as PdfViewer } from "./pdfViewer-DZurXIAg.js";
+//#region src/modules/id/digitalIdUpload/useFilePreviewUrl.ts
+/**
+* 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 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__ */ u("div", {
+				role: "status",
+				"aria-live": "polite",
+				class: "IncodeSrOnly",
+				children: statusLabel
+			}),
+			/* @__PURE__ */ u("div", {
+				class: "IncodeDigitalIdUploadPreviewBody",
+				"aria-busy": isUploading,
+				children: [
+					/* @__PURE__ */ u("div", {
+						class: "IncodeDigitalIdUploadPreStatusZone",
+						children: isUploading ? /* @__PURE__ */ u(ProgressBar, {
+							progress: state.uploadProgress,
+							labelledById: "digitalIdUploadStatusTitle",
+							className: "IncodeDigitalIdUploadProgressBar"
+						}) : null
+					}),
+					/* @__PURE__ */ u("div", {
+						class: "IncodeDigitalIdUploadDocumentPreview",
+						"aria-hidden": "true",
+						children: [fileUrl ? /* @__PURE__ */ u(PdfViewer, {
+							url: fileUrl,
+							mode: "thumbnail",
+							className: "IncodeDigitalIdUploadDocumentPreviewPdf"
+						}) : null, /* @__PURE__ */ u("div", {
+							class: "IncodeDigitalIdUploadLaserOverlay",
+							children: /* @__PURE__ */ u(AnimatedAsset, {
+								name: "id.processing",
+								orientation: "vertical",
+								loop: true,
+								autoStop: true
+							})
+						})]
+					}),
+					/* @__PURE__ */ u("div", {
+						class: "IncodeDigitalIdUploadPostCaptionZone",
+						"aria-hidden": "true"
+					})
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				class: "IncodeDigitalIdUploadFooter",
+				"aria-hidden": "true"
+			})
+		]
+	});
+};
+//#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"
+};
+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__ */ u("div", {
+			class: "IncodeDigitalIdUploadBody",
+			children: [
+				/* @__PURE__ */ u("div", {
+					class: "IncodeDigitalIdUploadErrorIcon",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ u(ErrorIcon, { size: 40 })
+				}),
+				fileUrl ? /* @__PURE__ */ u("div", {
+					class: "IncodeDigitalIdUploadErrorPreview",
+					children: /* @__PURE__ */ u(PdfViewer, {
+						url: fileUrl,
+						mode: "thumbnail",
+						"aria-label": t("idv2.digitalIdUpload.errorScreen.previewAriaLabel"),
+						className: "IncodeDigitalIdUploadPreviewPdf"
+					})
+				}) : null,
+				!isTerminal && state.attemptsRemaining > 0 ? /* @__PURE__ */ u("p", {
+					class: "IncodeDigitalIdUploadAttempts",
+					children: t("common.attemptsRemaining", { count: state.attemptsRemaining })
+				}) : null
+			]
+		}), /* @__PURE__ */ u("div", {
+			class: "IncodeDigitalIdUploadFooter",
+			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")
+			})]
+		})]
+	});
+};
+//#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__ */ u(Page, {
+		title: t("idv2.digitalIdUpload.reviewScreen.title"),
+		subtitle: t("idv2.digitalIdUpload.reviewScreen.description"),
+		className: "IncodeDigitalIdUploadPage",
+		"data-testid": "digital-id-upload-review",
+		children: [/* @__PURE__ */ u("div", {
+			class: "IncodeDigitalIdUploadPreviewBody",
+			children: [
+				/* @__PURE__ */ u("input", {
+					ref: fileInputRef,
+					type: "file",
+					accept: "application/pdf",
+					onChange: onFileSelect,
+					class: "IncodeDigitalIdUploadHiddenInput",
+					tabIndex: -1,
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ u("div", {
+					class: "IncodeDigitalIdUploadPreStatusZone",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ u("div", {
+					class: "IncodeDigitalIdUploadPreviewCard",
+					children: fileUrl ? /* @__PURE__ */ u(PdfViewer, {
+						url: fileUrl,
+						mode: "thumbnail",
+						"aria-label": t("idv2.digitalIdUpload.reviewScreen.previewAriaLabel"),
+						className: "IncodeDigitalIdUploadPreviewPdf"
+					}) : null
+				}),
+				/* @__PURE__ */ u("div", {
+					class: "IncodeDigitalIdUploadPostCaptionZone",
+					children: state.fileName ? /* @__PURE__ */ u("p", {
+						class: "IncodeDigitalIdUploadFileName",
+						children: state.fileName
+					}) : null
+				})
+			]
+		}), /* @__PURE__ */ u("div", {
+			class: "IncodeDigitalIdUploadFooter",
+			children: [/* @__PURE__ */ u(Button, {
+				onClick: () => manager.digitalUploadConfirm(),
+				children: t("idv2.digitalIdUpload.reviewScreen.continue")
+			}), /* @__PURE__ */ u(Button, {
+				variant: "secondary",
+				"aria-haspopup": "dialog",
+				onClick: () => {
+					manager.digitalUploadReplace();
+					fileInputRef.current?.click();
+				},
+				children: t("idv2.digitalIdUpload.reviewScreen.replaceButton")
+			})]
+		})]
+	});
+};
+//#endregion
+//#region src/modules/id/assets/upload-id-screen-image.svg?react
+var SvgUploadIdScreenImage = (props) => /* @__PURE__ */ u("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	"aria-hidden": "true",
+	className: "IncodeUploadIdScreenImage",
+	viewBox: "0 0 191 266",
+	...props,
+	children: [
+		/* @__PURE__ */ u("title", { children: "Upload ID Screen Image" }),
+		/* @__PURE__ */ u("path", {
+			fill: "var(--digital-id-illustration-surface, #FFFFFF)",
+			d: "M17.5 11.172A7.17 7.17 0 0 1 24.672 4h141.656a7.17 7.17 0 0 1 7.172 7.172v216.966a7.17 7.17 0 0 1-7.172 7.172H24.672a7.17 7.17 0 0 1-7.172-7.172z"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "var(--digital-id-illustration-strip, #EBECEF)",
+			d: "M17.5 16.552h156v10.759h-156z"
+		}),
+		/* @__PURE__ */ u("rect", {
+			width: 68.138,
+			height: 83.379,
+			x: 98.189,
+			y: 35.38,
+			fill: "var(--digital-id-illustration-photo, #F0F6FF)",
+			rx: 7.172
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))",
+			fillRule: "evenodd",
+			d: "M124.391 67.59c0 1.135-.922 2.06-2.06 2.06h-7.378a2.063 2.063 0 0 1-2.06-2.06v-7.378c0-1.138.925-2.06 2.06-2.06h7.378a2.06 2.06 0 0 1 2.06 2.06zm-2.06-14.28h-7.378a6.91 6.91 0 0 0-6.901 6.902v7.378a6.91 6.91 0 0 0 6.901 6.9h7.378a6.91 6.91 0 0 0 6.901-6.9v-7.378a6.91 6.91 0 0 0-6.901-6.902",
+			clipRule: "evenodd"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))",
+			fillRule: "evenodd",
+			d: "M118.643 61.495a2.434 2.434 0 0 0-2.42 2.435 2.421 2.421 0 0 0 4.841 0v-.029a2.41 2.41 0 0 0-2.421-2.406m0 27.23a2.434 2.434 0 0 0-2.42 2.435 2.421 2.421 0 0 0 4.841 0v-.03a2.41 2.41 0 0 0-2.421-2.405",
+			clipRule: "evenodd"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))",
+			fillRule: "evenodd",
+			d: "M124.391 94.822c0 1.135-.922 2.06-2.06 2.06h-7.378a2.063 2.063 0 0 1-2.06-2.06v-7.378c0-1.138.925-2.06 2.06-2.06h7.378a2.06 2.06 0 0 1 2.06 2.06zm-2.06-14.279h-7.378a6.91 6.91 0 0 0-6.901 6.901v7.378a6.91 6.91 0 0 0 6.901 6.901h7.378a6.91 6.91 0 0 0 6.901-6.9v-7.379a6.91 6.91 0 0 0-6.901-6.901m29.292 14.279c0 1.135-.922 2.06-2.06 2.06h-7.378a2.063 2.063 0 0 1-2.06-2.06v-7.378c0-1.138.925-2.06 2.06-2.06h7.378a2.06 2.06 0 0 1 2.06 2.06zm-2.06-14.279h-7.378a6.91 6.91 0 0 0-6.901 6.901v7.378a6.91 6.91 0 0 0 6.901 6.901h7.378a6.91 6.91 0 0 0 6.902-6.9v-7.379a6.91 6.91 0 0 0-6.902-6.901",
+			clipRule: "evenodd"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))",
+			fillRule: "evenodd",
+			d: "M145.876 88.683a2.42 2.42 0 0 0-2.421 2.42v.027a2.41 2.41 0 0 0 2.421 2.406 2.43 2.43 0 0 0 2.42-2.433 2.42 2.42 0 0 0-2.42-2.42m-8.171-30.503a2.42 2.42 0 0 0 2.42-2.42v-.03a2.41 2.41 0 0 0-2.42-2.406 2.434 2.434 0 0 0-2.421 2.435 2.42 2.42 0 0 0 2.421 2.421m12.782-4.87h-4.611a2.42 2.42 0 1 0 0 4.842h4.611c.627 0 1.138.51 1.138 1.14V63.9a2.42 2.42 0 1 0 4.841 0v-4.61a5.986 5.986 0 0 0-5.979-5.98m3.558 16.341h-8.169a2.42 2.42 0 0 0-2.421 2.421 2.42 2.42 0 0 0 2.421 2.42h8.169a2.42 2.42 0 0 0 2.421-2.42 2.42 2.42 0 0 0-2.421-2.42m-16.34 4.84a2.42 2.42 0 0 0 2.42-2.42V67.46a1.14 1.14 0 0 1 1.141-1.137h4.608a2.421 2.421 0 0 0 0-4.842h-4.608a5.986 5.986 0 0 0-5.982 5.98v4.61a2.42 2.42 0 0 0 2.421 2.421",
+			clipRule: "evenodd"
+		}),
+		/* @__PURE__ */ u("rect", {
+			width: 54.69,
+			height: 10.759,
+			x: 29.155,
+			y: 134,
+			fill: "var(--digital-id-illustration-strip, #EBECEF)",
+			rx: 3.586
+		}),
+		/* @__PURE__ */ u("rect", {
+			width: 54.69,
+			height: 10.759,
+			x: 29.155,
+			y: 152.828,
+			fill: "var(--digital-id-illustration-strip, #EBECEF)",
+			rx: 3.586
+		}),
+		/* @__PURE__ */ u("rect", {
+			width: 72.621,
+			height: 10.759,
+			x: 29.155,
+			y: 171.655,
+			fill: "var(--digital-id-illustration-strip, #EBECEF)",
+			rx: 3.586
+		}),
+		/* @__PURE__ */ u("path", {
+			stroke: "var(--digital-id-illustration-border, #EBECEF)",
+			strokeWidth: .897,
+			d: "M24.673 4.448h141.654a6.725 6.725 0 0 1 6.725 6.725v216.965a6.725 6.725 0 0 1-6.725 6.724H24.673a6.725 6.725 0 0 1-6.725-6.724V11.173a6.725 6.725 0 0 1 6.725-6.725Z"
+		}),
+		/* @__PURE__ */ u("rect", {
+			width: 68.138,
+			height: 82.951,
+			x: 24.673,
+			y: 35.807,
+			fill: "var(--digital-id-illustration-photo, #F0F6FF)",
+			rx: 4.938
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "var(--digital-id-illustration-face-highlight, #E0E0E0)",
+			d: "M49.36 91.174v.126q-.052 4.009-6.75 6.03c5.38 3.907 10.76 7.034 16.14 7.034s10.761-3.127 16.141-7.035q-6.651-2.022-6.75-6.038c0-1.016.004-10.915.009-11.931.32.045.293.016 0-.065.008-3.347.023 1.034.043-3.54S49.049 67.09 49.33 79.65c.003 1.28.011 10.074.029 11.525"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "var(--digital-id-illustration-accent, var(--icon-brand-500-static, #006AFF))",
+			d: "M92.81 106.416v7.407a4.936 4.936 0 0 1-4.937 4.936H29.61a4.936 4.936 0 0 1-4.937-4.936v-7.214c3.168-5.669 21.602-10.927 21.602-10.927 1.71 3.09 6.731 5.908 11.87 6.034 5.577.137 11.294-2.682 13.071-6.036 0 0 18.425 5.065 21.594 10.736"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "var(--digital-id-illustration-face-shadow, #CDCDCD)",
+			d: "M49.107 85.037c7.877-.818 15.293 2.592 15.293 2.592s-1.47 7.723-15.293 5.478z"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "var(--digital-id-illustration-mask-shadow, #D0D0D0)",
+			d: "M42.649 68.877c1.05-1.752 2.36-.547 2.884.274l.731 7.79c-.025.677-.431 1.108-1.49 1.242-1.325.167-2.2-3.439-2.504-4.785-.306-1.346-.934-2.331.379-4.521m31.706.448c-1.033-1.761-2.355-.57-2.886.247l-.805 7.782c.019.678.42 1.113 1.479 1.257 1.322.18 2.23-3.418 2.549-4.76.317-1.344.955-2.324-.337-4.526"
+		}),
+		/* @__PURE__ */ u("path", {
+			fill: "var(--digital-id-illustration-mask, #FAFAFA)",
+			d: "M73.31 70.692c0 11.265-8.154 20.397-14.52 20.397-6.961 0-14.52-9.132-14.52-20.397 0-10.037.801-20.761 14.52-20.761 13.72 0 14.52 10.492 14.52 20.76"
+		})
+	]
+});
+//#endregion
+//#region src/modules/id/assets/uploadIdScreenImage.tsx
+/**
+* Decorative composite ID-card illustration for the digital-upload tutorial and
+* file-selection screens. Overridable via the `id.uploadScreen` asset key.
+*
+* The built-in artwork follows the active theme via CSS custom properties:
+* `--digital-id-illustration-border`, `--digital-id-illustration-accent`,
+* `--digital-id-illustration-photo`, `--digital-id-illustration-mask`,
+* `--digital-id-illustration-mask-shadow`, `--digital-id-illustration-strip`.
+* Sizing lives in `.IncodeUploadIdScreenImage`.
+*/
+var UploadIdScreenImage = () => /* @__PURE__ */ u(Asset, {
+	name: "id.uploadScreen",
+	class: "IncodeUploadIdScreenImage",
+	default: SvgUploadIdScreenImage
+});
+//#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__ */ u(Page, {
+		title: t("idv2.digitalIdUpload.screenTitle"),
+		subtitle: t("idv2.digitalIdUpload.screenDescription"),
+		className: "IncodeDigitalIdUploadPage",
+		"data-testid": "digital-id-upload-selection",
+		children: [/* @__PURE__ */ u("div", {
+			class: "IncodeDigitalIdUploadBody",
+			children: [/* @__PURE__ */ u("input", {
+				ref: fileInputRef,
+				type: "file",
+				accept: "application/pdf",
+				onChange: onFileSelect,
+				class: "IncodeDigitalIdUploadHiddenInput",
+				tabIndex: -1,
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ u("div", {
+				class: "IncodeDigitalIdUploadTutorialIllustration",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ u(UploadIdScreenImage, {})
+			})]
+		}), /* @__PURE__ */ u("div", {
+			class: "IncodeDigitalIdUploadFooter",
+			children: /* @__PURE__ */ u(Button, {
+				onClick: () => fileInputRef.current?.click(),
+				"aria-haspopup": "dialog",
+				children: t("idv2.digitalIdUpload.digitalIdUploadButtonTitle")
+			})
+		})]
+	});
+};
+//#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__ */ u("div", { class: "IncodeDigitalIdUploadBody" }), /* @__PURE__ */ u("div", {
+			class: "IncodeDigitalIdUploadFooter",
+			children: /* @__PURE__ */ u(Button, {
+				onClick: () => manager.digitalUploadChooseAnother(),
+				children: t("idv2.digitalIdUpload.fileTooLargeScreen.cta")
+			})
+		})]
+	});
+};
+//#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__ */ u(SuccessIcon, { size: 32 })
+		}),
+		title: t("idv2.digitalIdUpload.successfullyProcessed"),
+		subtitle: t("idv2.digitalIdUpload.loadingSuccess.letsContinue"),
+		className: "IncodeDigitalIdUploadPage",
+		"data-testid": "digital-id-upload-success",
+		children: [/* @__PURE__ */ u("div", {
+			class: "IncodeDigitalIdUploadPreviewBody",
+			children: [
+				/* @__PURE__ */ u("div", {
+					class: "IncodeDigitalIdUploadPreStatusZone",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ u("div", {
+					class: "IncodeDigitalIdUploadDocumentPreview",
+					"aria-hidden": "true",
+					children: fileUrl ? /* @__PURE__ */ u(PdfViewer, {
+						url: fileUrl,
+						mode: "thumbnail",
+						className: "IncodeDigitalIdUploadDocumentPreviewPdf"
+					}) : null
+				}),
+				/* @__PURE__ */ u("div", {
+					class: "IncodeDigitalIdUploadPostCaptionZone",
+					"aria-hidden": "true"
+				})
+			]
+		}), /* @__PURE__ */ u("div", {
+			class: "IncodeDigitalIdUploadFooter",
+			children: /* @__PURE__ */ u(Button, {
+				onClick: () => manager.digitalUploadNextStep(),
+				children: t("idv2.digitalIdUpload.continue")
+			})
+		})]
+	});
+};
+//#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__ */ u("div", {
+			class: "IncodeDigitalIdUploadBody",
+			children: /* @__PURE__ */ u("div", {
+				class: "IncodeDigitalIdUploadTutorialIllustration",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ u(UploadIdScreenImage, {})
+			})
+		}), /* @__PURE__ */ u("div", {
+			class: "IncodeDigitalIdUploadFooter",
+			children: /* @__PURE__ */ u(Button, {
+				onClick: () => manager.digitalUploadNextStep(),
+				children: t("idv2.digitalIdUpload.digitalIdUploadButtonTitle")
+			})
+		})]
+	});
+};
+//#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
+	});
+	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
+export { DigitalIdUpload };

package/dist/document-capture/document-capture.es.js

@@ -1,2 +1,2 @@
-import { t as DocumentCapture } from "../documentCapture-BmmRBhhG.js";
+import { t as DocumentCapture } from "../documentCapture-BVs_R-Aj.js";
 export { DocumentCapture };