@incodetech/web 2.1.1 → 2.2.0-rc.0

package/dist/{documentCapture-DhbO-A-V.js → documentCapture-BvEGCYj-.js}

@@ -1,19 +1,19 @@
-import { n as useTranslation } from "./i18n-CU4xq8qC.js";
-import { c as z, h as q, l as A, m as g, o as P, p as d, v as u, x as k } from "./vendor-preact-DThS2ZQ_.js";
-import { a as useIsMobileDeviceWidth, c as useModuleTerminalCallbacks, u as useManager } from "./hooks-CNu7o-v8.js";
-import { t as IncodeComponent } from "./incodeComponent-CfzJGETt.js";
-import { n as cn, r as Spacer } from "./loadingIcon-B0ysgiNq.js";
-import { t as Page } from "./page-DidH_RkX.js";
-import { _ as ProgressBar, d as CameraOverlay, l as CaptureFooter, u as CameraOverlayHeader, v as Overlay } from "./extensibility-7sRIN0JC.js";
-import { t as Spinner } from "./spinner-BMeIEK1d.js";
-import { t as Button } from "./button-Dz6AsbmF.js";
-import { a as FileIcon, p as CameraIcon, r as LockIcon } from "./icons-CJJbIpBq.js";
-import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
-import { a as ErrorContent } from "./tutorial-CCfPuVKX.js";
-import { t as BottomSheet } from "./bottomSheet-CnWbbUAM.js";
-import { n as CameraFrame, t as CameraView } from "./cameraView-DIEzM5ru.js";
-import { i as Permissions } from "./capture-CkGvdDNH.js";
-import { t as registerIncodeModuleElement } from "./incodeModule-B-4_3JrK.js";
+import { i as useTranslation } from "./uiConfig-B5ASPUL4.js";
+import { S as k, c as z, h as q, l as A, m as g, o as P, p as d, v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { _ as useModuleTerminalCallbacks, m as useIsMobileDeviceWidth, o as Page, r as withStandaloneModuleBootstrap, t as IncodeComponent, y as useManager } from "./incodeComponent-K9ZWg302.js";
+import { s as Asset, t as Spacer, u as cn } from "./spacer-CDlQd12V.js";
+import { t as Spinner } from "./spinner-CLZ2fz4u.js";
+import { r as Button } from "./incode-logo-rGFjZHqi.js";
+import { b as ProgressBar, d as CaptureFooter, f as CameraOverlayHeader, p as CameraOverlay } from "./extensibility-iJYzpW6H.js";
+import { a as FileIcon, g as CameraIcon, r as LockIcon } from "./icons--ezYG2Fb.js";
+import { t as SuccessIcon } from "./successIcon-Bj8Y9CuI.js";
+import { t as Modal } from "./modal-BjjJFpZu.js";
+import { i as ErrorContent } from "./tutorial-BZZC93Ur.js";
+import { t as AutoFocusTitle } from "./autoFocusTitle-gLba2mgp.js";
+import { t as BottomSheet } from "./bottomSheet-Cp8DLulN.js";
+import { a as CameraView, o as CameraFrame } from "./manualCaptureButton-t_oIol88.js";
+import { n as Permissions } from "./manualCaptureButton-quGa2ufS.js";
+import { t as registerIncodeModuleElement } from "./incodeModule-CcLzar_X.js";
 import { createDocumentCaptureManager } from "@incodetech/core/document-capture";
 //#region src/modules/document-capture/documentCameraView.tsx
 function captureFrameFromVideo(video) {
@@ -26,7 +26,7 @@ function captureFrameFromVideo(video) {
 	ctx.drawImage(video, 0, 0);
 	return canvas.toDataURL("image/jpeg", .92).split(",")[1] ?? null;
 }
-var DocumentCameraView = ({ stream, manager, onOpenHelp }) => {
+var DocumentCameraView = ({ stream, manager, onOpenHelp, helpButtonRef }) => {
 	const { t } = useTranslation();
 	const videoRef = A(null);
 	const handleCapture = q(() => {
@@ -38,26 +38,30 @@ var DocumentCameraView = ({ stream, manager, onOpenHelp }) => {
 		const file = new File([blob], "document.jpg", { type: "image/jpeg" });
 		manager.setFile(file, `data:image/jpeg;base64,${base64}`);
 	}, [manager]);
-	return /* @__PURE__ */ u(CameraView, {
-		stream,
-		videoRef,
-		"data-testid": "document-capture-camera",
-		children: /* @__PURE__ */ u(CameraOverlay, { children: [
-			/* @__PURE__ */ u(CameraOverlayHeader, {
-				title: t("documentCapture.camera.title"),
-				subtitle: t("documentCapture.camera.subtitle")
-			}),
-			/* @__PURE__ */ u(Spacer, { size: 16 }),
-			/* @__PURE__ */ u(CameraFrame, { variant: "fill" }),
-			/* @__PURE__ */ u(CaptureFooter, {
-				onOpenHelp,
-				onCapture: handleCapture,
-				isManualCapture: true,
-				captureAriaLabel: t("manualCapture.ariaLabel"),
-				helpAriaLabel: t("documentCapture.needHelp.open"),
-				encryptionLabel: t("encryptionLabel.encryptedPhotos")
-			})
-		] })
+	return /* @__PURE__ */ u("main", {
+		class: "IncodeDocumentCaptureCameraPage",
+		children: /* @__PURE__ */ u(CameraView, {
+			stream,
+			videoRef,
+			"data-testid": "document-capture-camera",
+			children: /* @__PURE__ */ u(CameraOverlay, { children: [
+				/* @__PURE__ */ u(CameraOverlayHeader, {
+					title: t("documentCapture.camera.title"),
+					subtitle: t("documentCapture.camera.subtitle")
+				}),
+				/* @__PURE__ */ u(Spacer, { size: 16 }),
+				/* @__PURE__ */ u(CameraFrame, { variant: "fill" }),
+				/* @__PURE__ */ u(CaptureFooter, {
+					onOpenHelp,
+					helpButtonRef,
+					onCapture: handleCapture,
+					isManualCapture: true,
+					captureAriaLabel: t("manualCapture.ariaLabel"),
+					helpAriaLabel: t("documentCapture.needHelp.open"),
+					encryptionLabel: t("encryptionLabel.encryptedPhotos")
+				})
+			] })
+		})
 	});
 };
 //#endregion
@@ -201,44 +205,53 @@ var ISSUES = [
 		Icon: DirtyIcon
 	}
 ];
-var DocumentCommonIssues = ({ onClose }) => {
+var DocumentCommonIssues = ({ onClose, returnFocusRef }) => {
 	const { t } = useTranslation();
-	return /* @__PURE__ */ u(Overlay, {
-		"aria-labelledby": "document-common-issues-title",
-		children: [
-			/* @__PURE__ */ u("h2", {
-				id: "document-common-issues-title",
-				class: "IncodeDocumentCommonIssuesTitle",
-				children: t("commonIssues.commonIssues")
-			}),
-			/* @__PURE__ */ u(Spacer, { size: 32 }),
-			/* @__PURE__ */ u("div", {
-				class: "IncodeDocumentCommonIssuesCards",
-				children: ISSUES.map((issue) => /* @__PURE__ */ u("div", {
-					class: "IncodeDocumentCommonIssuesCard",
-					children: [/* @__PURE__ */ u("div", {
-						class: "IncodeDocumentCommonIssuesCardIcon",
-						children: /* @__PURE__ */ u(issue.Icon, {})
-					}), /* @__PURE__ */ u("div", {
-						class: "IncodeDocumentCommonIssuesCardText",
-						children: [/* @__PURE__ */ u("h5", {
-							class: "IncodeDocumentCommonIssuesCardTitle",
-							children: t(issue.titleKey)
-						}), /* @__PURE__ */ u("p", {
-							class: "IncodeDocumentCommonIssuesCardBody",
-							children: t(issue.bodyKey)
+	return /* @__PURE__ */ u(Modal.Root, {
+		open: true,
+		returnFocusRef,
+		onOpenChange: (open) => {
+			if (!open) onClose();
+		},
+		class: "IncodeDocumentCommonIssuesFullScreen",
+		hasBackdrop: false,
+		children: /* @__PURE__ */ u(Modal.Content, {
+			class: "IncodeDocumentCommonIssuesContent",
+			children: [
+				/* @__PURE__ */ u(Modal.TitleSection, { children: /* @__PURE__ */ u(Modal.Title, {
+					class: "IncodeDocumentCommonIssuesTitle",
+					children: t("commonIssues.commonIssues")
+				}) }),
+				/* @__PURE__ */ u("div", {
+					class: "IncodeDocumentCommonIssuesCards",
+					children: ISSUES.map((issue) => /* @__PURE__ */ u("div", {
+						class: "IncodeDocumentCommonIssuesCard",
+						children: [/* @__PURE__ */ u("div", {
+							class: "IncodeDocumentCommonIssuesCardIcon",
+							children: /* @__PURE__ */ u(issue.Icon, {})
+						}), /* @__PURE__ */ u("div", {
+							class: "IncodeDocumentCommonIssuesCardText",
+							children: [/* @__PURE__ */ u("h3", {
+								class: "IncodeDocumentCommonIssuesCardTitle",
+								children: t(issue.titleKey)
+							}), /* @__PURE__ */ u("p", {
+								class: "IncodeDocumentCommonIssuesCardBody",
+								children: t(issue.bodyKey)
+							})]
 						})]
-					})]
-				}, issue.titleKey))
-			}),
-			/* @__PURE__ */ u("div", {
-				class: "IncodeDocumentCommonIssuesButtons",
-				children: /* @__PURE__ */ u(Button, {
-					onClick: onClose,
-					children: t("commonIssues.tryAgain")
+					}, issue.titleKey))
+				}),
+				/* @__PURE__ */ u(Modal.Actions, {
+					class: "IncodeDocumentCommonIssuesButtons",
+					children: /* @__PURE__ */ u(Button, {
+						onClick: onClose,
+						class: "IncodeDocumentCommonIssuesTryAgain",
+						"data-testid": "document-capture-common-issues-close-button",
+						children: t("commonIssues.tryAgain")
+					})
 				})
-			})
-		]
+			]
+		})
 	});
 };
 //#endregion
@@ -264,8 +277,8 @@ var PreviewFooter = ({ manager }) => {
 var PreviewHeader = ({ isFilePdf }) => {
 	const { t } = useTranslation();
 	return /* @__PURE__ */ u(k, { children: [
-		/* @__PURE__ */ u("h2", {
-			class: "IncodeDocumentCaptureReviewTitle",
+		/* @__PURE__ */ u(AutoFocusTitle, {
+			className: "IncodeDocumentCaptureReviewTitle",
 			children: isFilePdf ? t("documentCapture.review.titlePdfUpload") : t("documentCapture.review.titleCaptured")
 		}),
 		/* @__PURE__ */ u(Spacer, { size: 12 }),
@@ -292,8 +305,8 @@ var SuccessHeader = () => {
 	return /* @__PURE__ */ u(k, { children: [
 		/* @__PURE__ */ u(SuccessIcon, { size: 30 }),
 		/* @__PURE__ */ u(Spacer, { size: 16 }),
-		/* @__PURE__ */ u("h2", {
-			class: "IncodeDocumentCaptureReviewTitle",
+		/* @__PURE__ */ u(AutoFocusTitle, {
+			className: "IncodeDocumentCaptureReviewTitle",
 			children: t("documentCapture.review.successTitle")
 		})
 	] });
@@ -303,23 +316,35 @@ var SuccessHeader = () => {
 var UploadingHeader = ({ progress, isFilePdf }) => {
 	const { t } = useTranslation();
 	const label = isFilePdf ? t("documentCapture.review.uploading") : t("documentCapture.review.analyzing");
-	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Spacer, { size: 8 }), /* @__PURE__ */ u(ProgressBar, {
-		progress,
-		label
-	})] });
+	return /* @__PURE__ */ u(k, { children: [
+		/* @__PURE__ */ u(Spacer, { size: 8 }),
+		/* @__PURE__ */ u(ProgressBar, {
+			progress,
+			labelledById: "document-capture-uploading-title"
+		}),
+		/* @__PURE__ */ u(Spacer, { size: 24 }),
+		/* @__PURE__ */ u(AutoFocusTitle, {
+			id: "document-capture-uploading-title",
+			className: "IncodeProgressBarLabel",
+			children: label
+		})
+	] });
 };
 //#endregion
 //#region src/modules/document-capture/documentReview.tsx
-var PdfViewer = z(() => import("./pdfViewer-B97DmT9m.js").then((n) => n.n).then((m) => ({ default: m.PdfViewer })));
+var PdfViewer = z(() => import("./pdfViewer-CZb6obcZ.js").then((m) => ({ default: m.PdfViewer })));
 var DocumentReview = ({ state, manager }) => {
 	const { t } = useTranslation();
-	if (state.status === "failure") return /* @__PURE__ */ u(ErrorContent, {
-		"data-testid": "document-capture-error",
-		title: t("documentCapture.review.error.title"),
-		description: state.attemptsRemaining <= 0 ? t("notifications.noTries") : t("documentCapture.review.error.description"),
-		attemptsRemaining: state.attemptsRemaining,
-		onButtonClick: () => manager.retry()
-	});
+	if (state.status === "failure") {
+		const noMoreAttempts = state.attemptsRemaining <= 0;
+		return /* @__PURE__ */ u(ErrorContent, {
+			"data-testid": "document-capture-error",
+			title: noMoreAttempts ? t("documentCapture.review.error.exhaustedTitle") : t("documentCapture.review.error.title"),
+			description: noMoreAttempts ? t("documentCapture.review.error.exhaustedDescription") : t("documentCapture.review.error.description"),
+			attemptsRemaining: state.attemptsRemaining,
+			onButtonClick: noMoreAttempts ? () => manager.continue() : () => manager.retry()
+		});
+	}
 	const isFilePdf = state.fileType === "application/pdf" || state.imageBase64.startsWith("data:application/pdf");
 	const { fileName } = state;
 	const isPreview = state.status === "preview";
@@ -352,14 +377,14 @@ var DocumentReview = ({ state, manager }) => {
 						isFilePdf ? /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u("div", {
 							class: "IncodeDocumentCapturePdfCard",
 							children: [/* @__PURE__ */ u("div", {
-								class: "ImageDocumentCapturePdfPreviewContainer",
+								class: "IncodeImageDocumentCapturePdfPreviewContainer",
 								children: /* @__PURE__ */ u(P, {
 									fallback: null,
 									children: /* @__PURE__ */ u(PdfViewer, {
 										url: state.imageBase64,
 										mode: "thumbnail",
 										"aria-label": t("documentCapture.review.titlePdfUpload"),
-										className: "ImageDocumentCapturePdfPreview"
+										className: "IncodeImageDocumentCapturePdfPreview"
 									})
 								})
 							}), /* @__PURE__ */ u("p", {
@@ -370,7 +395,7 @@ var DocumentReview = ({ state, manager }) => {
 							class: "IncodeDocumentCaptureReviewImageContainer",
 							children: /* @__PURE__ */ u("img", {
 								src: state.imageBase64,
-								alt: "",
+								alt: t("documentCapture.review.titlePdfUpload"),
 								class: cn("IncodeDocumentCaptureReviewImage", showSuccessChrome && "IncodeDocumentCaptureSuccessBorder"),
 								"data-testid": "document-capture-review-image"
 							})
@@ -595,7 +620,7 @@ var SvgDocumentCaptureTutorial = (props) => /* @__PURE__ */ u("svg", {
 });
 //#endregion
 //#region src/modules/document-capture/documentCaptureBottomSheet.tsx
-var DocumentCaptureBottomSheet = ({ isOpen, onClose, onCameraClick, onUploadClick, cameraOptionTestId, uploadOptionTestId }) => {
+var DocumentCaptureBottomSheet = ({ isOpen, onClose, onCameraClick, onUploadClick, cameraOptionTestId, uploadOptionTestId, returnFocusRef }) => {
 	const { t } = useTranslation();
 	const labelledById = g();
 	if (!isOpen) return null;
@@ -603,6 +628,7 @@ var DocumentCaptureBottomSheet = ({ isOpen, onClose, onCameraClick, onUploadClic
 		isOpen,
 		onClose,
 		labelledById,
+		returnFocusRef,
 		children: /* @__PURE__ */ u("div", {
 			class: "IncodeDocumentCaptureBottomSheetOptions",
 			children: [/* @__PURE__ */ u("button", {
@@ -636,22 +662,44 @@ function fileToBase64(file) {
 }
 //#endregion
 //#region src/modules/document-capture/documentTutorial.tsx
-var DocumentTutorial = ({ manager, title: titleProp, text: textProp, allowSkipDocumentCapture, captureMode, error, pageNumber }) => {
+var DocumentTutorial = ({ manager, title: titleProp, text: textProp, allowSkipDocumentCapture, onlyCapture, onlyUpload, methodSelectionOpen, error, pageNumber, onlyPdf = false, directFilePick = false }) => {
 	const { t } = useTranslation();
-	const isMobileWidth = useIsMobileDeviceWidth();
 	const fileInputRef = A(null);
-	const [isBottomSheetOpen, setIsBottomSheetOpen] = d(false);
+	const primaryButtonRef = A(null);
+	const fileAccept = onlyPdf ? "application/pdf" : "image/*,application/pdf";
+	const isCaptureOnly = onlyCapture;
+	const isUploadOnly = onlyUpload;
+	const isBoth = !onlyCapture && !onlyUpload;
 	const prefix = pageNumber > 1 ? "documentCapture.tutorial.multiPageDocument" : "documentCapture.tutorial";
+	const subtitleKey = pageNumber > 1 ? `${prefix}.subtitle` : isCaptureOnly ? "documentCapture.tutorial.captureOnlySubtitle" : isUploadOnly ? "documentCapture.tutorial.uploadOnlySubtitle" : "documentCapture.tutorial.subtitle";
 	const title = titleProp?.trim() ? titleProp : t(`${prefix}.title`);
-	const text = textProp?.trim() ? textProp : t(`${prefix}.subtitle`);
-	const showBottomSheet = captureMode === "camera" && isMobileWidth;
-	const closeBottomSheet = q(() => setIsBottomSheetOpen(false), []);
+	const text = textProp?.trim() ? textProp : t(subtitleKey);
 	const openFilePicker = () => {
 		fileInputRef.current?.click();
 	};
 	const handlePrimaryClick = () => {
-		if (showBottomSheet) setIsBottomSheetOpen(true);
-		else openFilePicker();
+		if (directFilePick) {
+			openFilePicker();
+			return;
+		}
+		if (isCaptureOnly) {
+			manager.capture();
+			return;
+		}
+		if (isUploadOnly) {
+			manager.openMethodSelection();
+			openFilePicker();
+			return;
+		}
+		manager.openMethodSelection();
+	};
+	const handleSelectorUpload = () => {
+		manager.selectUploadMethod();
+		openFilePicker();
+	};
+	const handlePickerDismissed = () => {
+		if (isUploadOnly) manager.closeMethodSelection();
+		else if (isBoth) manager.deselectUploadMethod();
 	};
 	const handleFileChange = async (e) => {
 		const target = e.target;
@@ -659,14 +707,13 @@ var DocumentTutorial = ({ manager, title: titleProp, text: textProp, allowSkipDo
 		if (file) {
 			const base64 = await fileToBase64(file);
 			manager.setFile(file, base64);
-			if (showBottomSheet) closeBottomSheet();
-		}
+		} else handlePickerDismissed();
 		target.value = "";
 	};
-	const handleCameraClick = () => {
-		closeBottomSheet();
-		manager.capture();
+	const handleFileCancel = () => {
+		handlePickerDismissed();
 	};
+	const primaryLabel = isCaptureOnly ? t("documentCapture.tutorial.captureDocument") : isUploadOnly ? t("documentCapture.tutorial.uploadDocument") : t("documentCapture.tutorial.continue");
 	return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(Page, {
 		className: "IncodeDocumentCapturePageTutorial",
 		title,
@@ -676,18 +723,25 @@ var DocumentTutorial = ({ manager, title: titleProp, text: textProp, allowSkipDo
 			/* @__PURE__ */ u("input", {
 				ref: fileInputRef,
 				type: "file",
-				accept: "image/*,application/pdf",
+				accept: fileAccept,
 				onChange: handleFileChange,
+				onCancel: handleFileCancel,
 				"aria-hidden": true,
 				tabIndex: -1,
-				class: "IncodeDocumentCaptureFileInput"
+				class: "IncodeDocumentCaptureFileInput",
+				"data-testid": "document-capture-file-input"
 			}),
 			/* @__PURE__ */ u("div", {
 				class: "IncodeDocumentCaptureTutorialContent",
 				children: /* @__PURE__ */ u("div", {
 					class: "IncodeDocumentCaptureTutorialIllustration",
 					"aria-hidden": true,
-					children: /* @__PURE__ */ u(SvgDocumentCaptureTutorial, { class: "IncodeDocumentCaptureTutorialImage" })
+					"data-testid": "document-capture-tutorial-illustration",
+					children: /* @__PURE__ */ u(Asset, {
+						name: "documentCapture.tutorial",
+						class: "IncodeDocumentCaptureTutorialImage",
+						default: SvgDocumentCaptureTutorial
+					})
 				})
 			}),
 			error ? /* @__PURE__ */ u("p", {
@@ -698,9 +752,10 @@ var DocumentTutorial = ({ manager, title: titleProp, text: textProp, allowSkipDo
 			/* @__PURE__ */ u("div", {
 				class: "IncodeDocumentCaptureActions",
 				children: [/* @__PURE__ */ u(Button, {
+					ref: primaryButtonRef,
 					onClick: handlePrimaryClick,
 					"data-testid": "document-capture-continue-button",
-					children: t("documentCapture.tutorial.continue")
+					children: primaryLabel
 				}), allowSkipDocumentCapture ? /* @__PURE__ */ u("div", {
 					class: "IncodeDocumentCaptureSkipWrapper",
 					children: /* @__PURE__ */ u(Button, {
@@ -712,25 +767,28 @@ var DocumentTutorial = ({ manager, title: titleProp, text: textProp, allowSkipDo
 				}) : null]
 			})
 		]
-	}), showBottomSheet ? /* @__PURE__ */ u(DocumentCaptureBottomSheet, {
-		isOpen: isBottomSheetOpen,
-		onClose: closeBottomSheet,
-		onCameraClick: handleCameraClick,
-		onUploadClick: openFilePicker,
+	}), isBoth ? /* @__PURE__ */ u(DocumentCaptureBottomSheet, {
+		isOpen: methodSelectionOpen,
+		onClose: () => manager.closeMethodSelection(),
+		onCameraClick: () => manager.capture(),
+		onUploadClick: handleSelectorUpload,
 		cameraOptionTestId: "camera-option",
-		uploadOptionTestId: "file-option"
+		uploadOptionTestId: "file-option",
+		returnFocusRef: primaryButtonRef
 	}) : null] });
 };
 //#endregion
 //#region src/modules/document-capture/nextDocumentPage.tsx
-var NextDocumentPage = ({ manager, nextPageType, captureMode }) => {
+var NextDocumentPage = ({ manager, nextPageType, onlyUpload, onlyPdf = false }) => {
 	const { t } = useTranslation();
 	const isMobileWidth = useIsMobileDeviceWidth();
 	const fileInputRef = A(null);
+	const primaryButtonRef = A(null);
 	const [isBottomSheetOpen, setIsBottomSheetOpen] = d(false);
+	const fileAccept = onlyPdf ? "application/pdf" : "image/jpeg,image/png";
 	const prefix = "documentCapture.tutorial.multiPageDocument";
 	const subtitle = t(nextPageType === "optional" ? `${prefix}.optionalPage.subtitle` : `${prefix}.subtitle`);
-	const showBottomSheet = captureMode === "camera" && isMobileWidth;
+	const showBottomSheet = !onlyUpload && isMobileWidth;
 	const closeBottomSheet = q(() => setIsBottomSheetOpen(false), []);
 	const openFilePicker = () => {
 		fileInputRef.current?.click();
@@ -763,7 +821,7 @@ var NextDocumentPage = ({ manager, nextPageType, captureMode }) => {
 			/* @__PURE__ */ u("input", {
 				ref: fileInputRef,
 				type: "file",
-				accept: "image/jpeg,image/png",
+				accept: fileAccept,
 				onChange: handleNextPageFileChange,
 				"aria-hidden": true,
 				tabIndex: -1,
@@ -774,10 +832,15 @@ var NextDocumentPage = ({ manager, nextPageType, captureMode }) => {
 				children: /* @__PURE__ */ u("div", {
 					class: "IncodeDocumentCaptureTutorialIllustration",
 					"aria-hidden": true,
-					children: /* @__PURE__ */ u(SvgDocumentCaptureTutorial, { class: "IncodeDocumentCaptureTutorialImage" })
+					children: /* @__PURE__ */ u(Asset, {
+						name: "documentCapture.tutorial",
+						class: "IncodeDocumentCaptureTutorialImage",
+						default: SvgDocumentCaptureTutorial
+					})
 				})
 			}),
 			/* @__PURE__ */ u(Button, {
+				ref: primaryButtonRef,
 				onClick: handlePrimaryClick,
 				"data-testid": "document-capture-add-next-page-button",
 				children: t("documentCapture.button.nextPage")
@@ -796,7 +859,8 @@ var NextDocumentPage = ({ manager, nextPageType, captureMode }) => {
 		onCameraClick: handleCameraClick,
 		onUploadClick: openFilePicker,
 		cameraOptionTestId: "next-page-camera-option",
-		uploadOptionTestId: "next-page-upload-document-option"
+		uploadOptionTestId: "next-page-upload-document-option",
+		returnFocusRef: primaryButtonRef
 	}) : null] });
 };
 //#endregion
@@ -805,7 +869,7 @@ var DocumentCaptureLoading = ({ title }) => {
 	return /* @__PURE__ */ u(Page, {
 		hideHeader: true,
 		hideFooterBranding: true,
-		className: "IncodeDocumentCapturePage",
+		className: "IncodeDocumentCaptureLoadingPage",
 		children: /* @__PURE__ */ u("div", {
 			class: "IncodeDocumentCaptureCentered",
 			children: /* @__PURE__ */ u(Spinner, {
@@ -817,10 +881,14 @@ var DocumentCaptureLoading = ({ title }) => {
 };
 //#endregion
 //#region src/modules/document-capture/documentCapture.tsx
-var DocumentCaptureContent = ({ config, onFinish, onError }) => {
-	const [state, manager] = useManager(() => createDocumentCaptureManager({ config }));
-	const [isCommonIssuesOpen, setIsCommonIssuesOpen] = d(false);
+var DocumentCaptureContent = ({ config, manager: externalManager, onFinish, onError }) => {
+	const [state, manager] = useManager(() => {
+		if (externalManager) return externalManager;
+		if (!config) throw new Error("DocumentCapture config is required when no manager is provided");
+		return createDocumentCaptureManager({ config });
+	}, { manageLifecycle: !externalManager });
 	const { t } = useTranslation();
+	const helpButtonRef = A(null);
 	useModuleTerminalCallbacks({
 		status: state.status,
 		onFinish,
@@ -832,36 +900,48 @@ var DocumentCaptureContent = ({ config, onFinish, onError }) => {
 		title: state.title,
 		text: state.text,
 		allowSkipDocumentCapture: state.allowSkipDocumentCapture,
-		captureMode: state.captureMode,
+		onlyCapture: state.onlyCapture,
+		onlyUpload: state.onlyUpload,
+		methodSelectionOpen: state.methodSelectionOpen,
+		onlyPdf: state.onlyPdf,
 		error: state.error,
 		pageNumber: state.pageNumber
 	});
 	if (state.status === "nextPage") return /* @__PURE__ */ u(NextDocumentPage, {
 		manager,
 		nextPageType: state.nextPageType,
-		captureMode: state.captureMode
+		onlyUpload: state.onlyUpload,
+		onlyPdf: state.onlyPdf
 	});
-	if (state.status === "capturing" && state.captureMode === "file") return /* @__PURE__ */ u(DocumentTutorial, {
+	if (state.status === "capturing" && (state.captureMethod === "file" || state.captureMethod === "gallery")) return /* @__PURE__ */ u(DocumentTutorial, {
 		manager,
-		title: config.title,
-		text: config.text,
+		title: config?.title,
+		text: config?.text,
 		allowSkipDocumentCapture: false,
-		captureMode: "file",
+		onlyCapture: false,
+		onlyUpload: true,
+		methodSelectionOpen: false,
+		onlyPdf: state.onlyPdf,
 		error: state.error,
-		pageNumber: state.pageNumber
+		pageNumber: state.pageNumber,
+		directFilePick: true
 	});
 	if (state.status === "permissions") return /* @__PURE__ */ u(Permissions, {
 		manager,
 		permissionStatus: state.permissionStatus
 	});
 	if (state.status === "initializingCamera") return /* @__PURE__ */ u(DocumentCaptureLoading, {});
-	if (state.status === "capturing" && state.captureMode === "camera") {
+	if (state.status === "capturing") {
 		if (!state.stream) return /* @__PURE__ */ u(DocumentCaptureLoading, {});
 		return /* @__PURE__ */ u(k, { children: [/* @__PURE__ */ u(DocumentCameraView, {
 			stream: state.stream,
 			manager,
-			onOpenHelp: () => setIsCommonIssuesOpen(true)
-		}), isCommonIssuesOpen ? /* @__PURE__ */ u(DocumentCommonIssues, { onClose: () => setIsCommonIssuesOpen(false) }) : null] });
+			onOpenHelp: () => manager.openHelp(),
+			helpButtonRef
+		}), state.helpOpen ? /* @__PURE__ */ u(DocumentCommonIssues, {
+			onClose: () => manager.closeHelp(),
+			returnFocusRef: helpButtonRef
+		}) : null] });
 	}
 	if (state.status === "finalizing") return /* @__PURE__ */ u(DocumentCaptureLoading, { title: t("common.processing") });
 	if (state.status === "preview" || state.status === "uploading" || state.status === "success" || state.status === "failure") return /* @__PURE__ */ u(DocumentReview, {
@@ -870,13 +950,15 @@ var DocumentCaptureContent = ({ config, onFinish, onError }) => {
 	});
 	return null;
 };
-var DocumentCapture = ({ config, onFinish, onError }) => {
-	return /* @__PURE__ */ u(IncodeComponent, { children: config ? /* @__PURE__ */ u(DocumentCaptureContent, {
+var DocumentCaptureWithLocalConfig = ({ config, manager, onFinish, onError }) => {
+	return /* @__PURE__ */ u(IncodeComponent, { children: config || manager ? /* @__PURE__ */ u(DocumentCaptureContent, {
 		config,
+		manager,
 		onFinish,
 		onError
 	}) : null });
 };
+var DocumentCapture = withStandaloneModuleBootstrap(DocumentCaptureWithLocalConfig, "DOCUMENT_CAPTURE", { supportsExternalManager: true });
 registerIncodeModuleElement(DocumentCapture, "incode-document-capture");
 //#endregion
 export { DocumentCapture as t };

package/dist/documentCapture-DdHdRPzR.js

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

package/dist/{dropdownComposed-CoU0enG6.js → dropdownComposed-OHDHzt1Q.js}

@@ -1,8 +1,8 @@
-import { _ as y, l as A, p as d, v as u, x as k } from "./vendor-preact-DThS2ZQ_.js";
-import { n as cn } from "./loadingIcon-B0ysgiNq.js";
-import { t as ErrorIcon } from "./errorIcon-BA4T6iy-.js";
-import { l as ChevronDown, n as SearchIcon, o as CloseIcon, u as CheckmarkCompactIcon } from "./icons-CJJbIpBq.js";
-import { t as SuccessIcon } from "./successIcon-B5mGvdx1.js";
+import { S as k, _ as y, l as A, p as d, v as u } from "./vendor-preact-mvwZ8mJj.js";
+import { u as cn } from "./spacer-CDlQd12V.js";
+import { n as ErrorIcon } from "./incode-logo-rGFjZHqi.js";
+import { f as ChevronDown, l as CloseIcon, n as SearchIcon, p as CheckmarkCompactIcon } from "./icons--ezYG2Fb.js";
+import { t as SuccessIcon } from "./successIcon-Bj8Y9CuI.js";
 //#region src/shared/dropdownComposed/dropdownComposed.tsx
 var DropdownComposed = ({ id, label, labelHint, placeholder = "Choose an option", value, options, onChange, error, helper, showErrorIcon, showHelperIcon, suppressMessages = false, disabled = false, required, searchable = false, searchPlaceholder = "Search...", noResultsText = "No results found", name, tabIndex, onKeyDown, onBlur, renderSelectedLabel, siblingElement, class: className, "aria-label": ariaLabel, "data-testid": dataTestId }) => {
 	const [isOpen, setIsOpen] = d(false);
@@ -222,16 +222,16 @@ var DropdownComposed = ({ id, label, labelHint, placeholder = "Choose an option"
 						onKeyDown: handleKeyboardNavigation,
 						tabIndex: disabled ? -1 : tabIndex ?? 0,
 						disabled,
-						role: "combobox",
+						role: searchable ? void 0 : "combobox",
 						"aria-haspopup": "listbox",
 						"aria-expanded": isOpen ? "true" : "false",
 						"aria-disabled": disabled ? "true" : void 0,
-						"aria-required": required ? "true" : void 0,
-						"aria-invalid": error ? "true" : void 0,
+						"aria-required": !searchable && required ? "true" : void 0,
+						"aria-invalid": !searchable && error ? "true" : void 0,
 						"aria-labelledby": label ? `${labelId} ${valueId}` : ariaLabel ? void 0 : valueId,
 						"aria-label": !label ? ariaLabel : void 0,
 						"aria-controls": isOpen ? listboxId : void 0,
-						"aria-activedescendant": isOpen && highlightedIndex >= 0 ? `${id}-option-${highlightedIndex}` : void 0,
+						"aria-activedescendant": !searchable && isOpen && highlightedIndex >= 0 ? `${id}-option-${highlightedIndex}` : void 0,
 						"aria-describedby": describedByIds || void 0,
 						"data-error": error ? "true" : void 0,
 						"data-focused": isFocused || isOpen ? "true" : void 0,
@@ -268,6 +268,8 @@ var DropdownComposed = ({ id, label, labelHint, placeholder = "Choose an option"
 							children: [/* @__PURE__ */ u("input", {
 								ref: searchInputRef,
 								type: "text",
+								id: `${id}-search`,
+								"data-testid": `${id}-search`,
 								class: "IncodeDropdownComposedSearchInput",
 								value: searchQuery,
 								onInput: (e) => {
@@ -276,11 +278,16 @@ var DropdownComposed = ({ id, label, labelHint, placeholder = "Choose an option"
 								},
 								onKeyDown: handleSearchKeyDown,
 								placeholder: searchPlaceholder,
-								role: "searchbox",
+								role: "combobox",
 								"aria-autocomplete": "list",
+								"aria-expanded": "true",
 								"aria-controls": listboxId,
 								"aria-activedescendant": highlightedIndex >= 0 ? `${id}-option-${highlightedIndex}` : void 0,
-								"aria-label": searchPlaceholder,
+								"aria-required": required ? "true" : void 0,
+								"aria-invalid": error ? "true" : void 0,
+								"aria-labelledby": label ? labelId : void 0,
+								"aria-label": !label ? ariaLabel ?? searchPlaceholder : void 0,
+								"aria-describedby": describedByIds || void 0,
 								autocomplete: "off"
 							}), searchQuery ? /* @__PURE__ */ u("button", {
 								type: "button",