@exige/web-scanner-sdk 0.2.26 → 0.2.28

package/dist/react.js

@@ -1,9 +1,9 @@
 "use client";
-import { A as e, C as t, I as n, S as r, g as i, h as a, o, s, x as c, y as l } from "./finder-Dcg3mVJM.js";
-import { createContext as u, useCallback as d, useContext as f, useEffect as p, useMemo as ee, useRef as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { A as e, D as t, E as n, F as r, M as i, P as a, R as o, T as s, g as c, o as l, s as u } from "./finder-BvBpdbHa.js";
+import { createContext as d, useCallback as f, useContext as p, useEffect as m, useLayoutEffect as ee, useMemo as te, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/sdk/display-quad.ts
-function y(e) {
+function b(e) {
 	return [
 		e.topLeft,
 		e.topRight,
@@ -11,7 +11,7 @@ function y(e) {
 		e.bottomLeft
 	];
 }
-function b(e) {
+function x(e) {
 	let [t, n, r, i] = e;
 	return {
 		topLeft: t,
@@ -38,10 +38,10 @@ function b(e) {
 		}
 	};
 }
-function x(e) {
-	return b(y(e).map((e) => ({ ...e })));
+function S(e) {
+	return x(b(e).map((e) => ({ ...e })));
 }
-var te = class {
+var ne = class {
 	current;
 	target;
 	response;
@@ -50,11 +50,11 @@ var te = class {
 		this.response = e.response ?? 14, this.snapDistance = e.snapDistance ?? .1;
 	}
 	setTarget(e, t, n) {
-		let r = Math.max(1, Math.hypot(t, n)), i = !this.current || y(e).some((e, t) => {
-			let n = y(this.current)[t];
+		let r = Math.max(1, Math.hypot(t, n)), i = !this.current || b(e).some((e, t) => {
+			let n = b(this.current)[t];
 			return Math.hypot(e.x - n.x, e.y - n.y) / r > this.snapDistance;
 		});
-		return this.target = x(e), i && (this.current = x(e)), {
+		return this.target = S(e), i && (this.current = S(e)), {
 			quad: this.current,
 			snapped: i
 		};
@@ -62,8 +62,8 @@ var te = class {
 	step(e) {
 		if (!this.current || !this.target) return this.current;
 		let t = 1 - Math.exp(-this.response * Math.max(0, e) / 1e3);
-		return this.current = b(y(this.current).map((e, n) => {
-			let r = y(this.target)[n];
+		return this.current = x(b(this.current).map((e, n) => {
+			let r = b(this.target)[n];
 			return {
 				x: e.x + (r.x - e.x) * t,
 				y: e.y + (r.y - e.y) * t
@@ -76,13 +76,13 @@ var te = class {
 	getCurrent() {
 		return this.current;
 	}
-}, ne = u(null);
+}, re = d(null);
 //#endregion
 //#region src/react/context.tsx
-function re(e) {
+function ie(e) {
 	e?.startsWith("blob:") && URL.revokeObjectURL(e);
 }
-function ie(e) {
+function ae(e) {
 	try {
 		let t = e.toDataURL("image/jpeg", .92);
 		return t.startsWith("data:image/") ? t : void 0;
@@ -90,49 +90,49 @@ function ie(e) {
 		return;
 	}
 }
-function S({ open: a, autoCapture: u = "defaultOn", captureMode: f = "auto", torch: g = "defaultOff", onCapture: v, onCancel: y, onError: b, onSettings: x, onFinderStatus: S, modelUrl: C, ortWasmPaths: w, detectionIntervalMs: T, apiRef: E, children: ae }) {
-	let D = r(f), O = m(void 0), k = m(void 0), A = m(void 0), j = m(void 0), M = m({}), N = m(new te()), P = m(!1), F = m(!1), I = m({
-		onCapture: v,
-		onCancel: y,
-		onError: b,
-		onSettings: x,
-		onFinderStatus: S
-	}), L = m(null), [R, oe] = h(null), [se, z] = h(D ? "ready" : "starting"), [B, V] = h(), [ce, H] = h(), [le, ue] = h({
+function C({ open: s, autoCapture: d = "defaultOn", captureMode: p = "auto", torch: _ = "defaultOff", onCapture: y, onCancel: b, onError: x, onSettings: S, onFinderStatus: C, modelUrl: w, ortWasmPaths: T, detectionIntervalMs: oe, apiRef: E, children: se }) {
+	let D = a(p), O = h(void 0), k = h(void 0), A = h(void 0), j = h(void 0), M = h({}), N = h(new ne()), P = h(!1), F = h(!1), I = h({
+		onCapture: y,
+		onCancel: b,
+		onError: x,
+		onSettings: S,
+		onFinderStatus: C
+	}), L = h(null), [R, ce] = g(null), [le, z] = g(D && s ? "capturing" : D ? "ready" : "starting"), [B, V] = g(), [ue, H] = g(), [de, fe] = g({
 		width: 1,
 		height: 1
-	}), [de, U] = h(), [fe, W] = h(), [pe, G] = h(""), [K, me] = h(0), [he, q] = h(), [ge, J] = h(), [_e, Y] = h("idle"), [ve, ye] = h(), X = m(void 0), [be, xe] = h({
+	}), [pe, me] = g(), [he, U] = g(), [ge, W] = g(""), [_e, ve] = g(0), [ye, G] = g(), [be, K] = g(), [xe, q] = g("idle"), [Se, Ce] = g(), J = h(void 0), [we, Te] = g({
 		downloading: !1,
 		loaded: 0,
 		total: null
-	}), Z = d(() => {
-		re(X.current), X.current = void 0, ye(void 0);
-	}, []), Q = d((e, t) => {
-		let n = ie(e);
-		re(X.current), X.current = n, ye(n), t?.pause();
+	}), Y = f(() => {
+		ie(J.current), J.current = void 0, Ce(void 0);
+	}, []), X = f((e, t) => {
+		let n = ae(e);
+		ie(J.current), J.current = n, Ce(n), t?.pause();
 	}, []);
-	p(() => {
+	m(() => {
 		I.current = {
-			onCapture: v,
-			onCancel: y,
-			onError: b,
-			onSettings: x,
-			onFinderStatus: S
+			onCapture: y,
+			onCancel: b,
+			onError: x,
+			onSettings: S,
+			onFinderStatus: C
 		};
 	}, [
-		v,
 		y,
 		b,
 		x,
-		S
-	]), p(() => n(xe), []);
-	let Se = d((e) => {
-		oe(e);
+		S,
+		C
+	]), m(() => o(Te), []);
+	let Ee = f((e) => {
+		ce(e);
 	}, []);
-	p(() => {
-		if (!a || !R) return;
+	m(() => {
+		if (!s || !R) return;
 		let e = () => {
 			let e = R.getBoundingClientRect();
-			ue({
+			fe({
 				width: e.width,
 				height: e.height
 			});
@@ -140,42 +140,42 @@ function S({ open: a, autoCapture: u = "defaultOn", captureMode: f = "auto", tor
 		if (e(), typeof ResizeObserver > "u") return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 		let t = new ResizeObserver(e);
 		return t.observe(R), () => t.disconnect();
-	}, [a, R]), p(() => {
-		if (!a) return;
+	}, [s, R]), m(() => {
+		if (!s) return;
 		let e = window.setInterval(() => {
 			let e = O.current?.getDiagnostics();
-			e && q(e);
+			e && G(e);
 		}, 500);
 		return () => window.clearInterval(e);
-	}, [a, K]), p(() => {
-		if (!a) return;
+	}, [s, _e]), m(() => {
+		if (!s) return;
 		let e = 0, t = performance.now(), n = (r) => {
 			let i = N.current.step(r - t);
 			t = r, i && H(i), e = requestAnimationFrame(n);
 		};
 		return e = requestAnimationFrame(n), () => cancelAnimationFrame(e);
-	}, [a]), p(() => {
-		if (!a || D || !R) return;
-		let e = !1, n = () => {
-			k.current?.stop(), k.current = void 0, O.current?.stop(), O.current = void 0, j.current = void 0, A.current = void 0, M.current = {}, Z();
+	}, [s]), m(() => {
+		if (!s || D || !R) return;
+		let e = !1, t = () => {
+			k.current?.stop(), k.current = void 0, O.current?.stop(), O.current = void 0, j.current = void 0, A.current = void 0, M.current = {}, Y();
 		};
 		return (async () => {
-			n(), P.current = !1, z("starting"), G(""), V(void 0), W(void 0), J(void 0), Y("idle"), Z();
+			t(), P.current = !1, z("starting"), W(""), V(void 0), U(void 0), K(void 0), q("idle"), Y();
 			try {
-				let n = await t(R, { torch: g });
+				let t = await r(R, { torch: _ });
 				if (e) {
-					n.stop();
+					t.stop();
 					return;
 				}
-				O.current = n;
-				let r = n.getSettings();
-				U(r), I.current.onSettings?.(r), console.info("[ScannerProvider] camera settings", r), k.current = await s({
+				O.current = t;
+				let n = t.getSettings();
+				me(n), I.current.onSettings?.(n), console.info("[ScannerProvider] camera settings", n), k.current = await u({
 					source: R,
-					autoCapture: u,
-					intervalMs: T,
+					autoCapture: d,
+					intervalMs: oe,
 					detection: {
-						modelUrl: C,
-						ortWasmPaths: w
+						modelUrl: w,
+						ortWasmPaths: T
 					},
 					onStatus: (e) => {
 						if (A.current = e, V(e), I.current.onFinderStatus?.(e), e.quad && e.sourceWidth && e.sourceHeight) {
@@ -190,250 +190,268 @@ function S({ open: a, autoCapture: u = "defaultOn", captureMode: f = "auto", tor
 							sourceWidth: A.current?.sourceWidth,
 							sourceHeight: A.current?.sourceHeight
 						};
-						let e = await n.capturePhoto();
-						if (j.current = e, W(e.method), J(e.diagnostics), q(e.diagnostics), e.luminance <= 10) throw Error(`The captured frame was blank (luminance ${e.luminance.toFixed(1)} via ${e.method}). Keep the scanner visible while capturing and retake.`);
-						return Q(e.frame, R), z("captured"), e.frame;
+						let e = await t.capturePhoto();
+						if (j.current = e, U(e.method), K(e.diagnostics), G(e.diagnostics), e.luminance <= 10) throw Error(`The captured frame was blank (luminance ${e.luminance.toFixed(1)} via ${e.method}). Keep the scanner visible while capturing and retake.`);
+						return X(e.frame, R), z("captured"), e.frame;
 					},
 					onCaptureError: (e) => {
-						P.current = !0, z("error"), G(e.message);
+						P.current = !0, z("error"), W(e.message);
 						let t = O.current?.getDiagnostics();
-						t && q(t), I.current.onError?.(e);
+						t && G(t), I.current.onError?.(e);
 					},
 					onCapture: async (e) => {
-						let t = j.current;
+						let n = j.current;
 						await new Promise((e) => window.setTimeout(e, 140)), await I.current.onCapture({
 							...e,
-							method: t?.method ?? "video-frame",
-							settings: t?.settings ?? n.getSettings(),
-							fallbackReason: t?.fallbackReason,
-							luminance: t?.luminance,
-							diagnostics: t?.diagnostics,
+							method: n?.method ?? "video-frame",
+							settings: n?.settings ?? t.getSettings(),
+							fallbackReason: n?.fallbackReason,
+							luminance: n?.luminance,
+							diagnostics: n?.diagnostics,
 							displayedQuad: M.current.quad,
 							displaySourceWidth: M.current.sourceWidth,
 							displaySourceHeight: M.current.sourceHeight
 						});
 					}
 				});
-			} catch (t) {
+			} catch (n) {
 				if (e) return;
-				n();
-				let r = t instanceof Error ? t : /* @__PURE__ */ Error("Camera access failed.");
-				G(r.message), z("error"), I.current.onError?.(r);
+				t();
+				let r = n instanceof Error ? n : /* @__PURE__ */ Error("Camera access failed.");
+				W(r.message), z("error"), I.current.onError?.(r);
 			}
 		})(), () => {
-			e = !0, n();
+			e = !0, t();
 		};
 	}, [
-		a,
+		s,
 		R,
 		D,
-		u,
-		g,
-		C,
+		d,
+		_,
 		w,
 		T,
-		K,
-		Z,
-		Q
-	]), p(() => {
-		a && D && (P.current = !1, F.current = !1, z("ready"), G(""), V(void 0), W(void 0), J(void 0), Y("idle"), U(void 0), H(void 0), N.current.clear(), Z());
-	}, [
-		a,
-		D,
-		K,
-		Z
+		oe,
+		_e,
+		Y,
+		X
 	]);
-	let Ce = {
-		open: a,
-		phase: se,
-		autoCapture: u,
-		captureMode: f,
+	let De = {
+		open: s,
+		phase: le,
+		autoCapture: d,
+		captureMode: p,
 		usingSystemCamera: D,
 		finderStatus: B,
-		displayQuad: ce,
-		previewSize: le,
-		settings: de,
-		captureMethod: fe,
-		error: pe,
-		diagnostics: he,
-		shutterDiagnostics: ge,
-		copyState: _e,
-		guidanceHint: B ? o(B.guidance, B.lighting) : void 0,
+		displayQuad: ue,
+		previewSize: de,
+		settings: pe,
+		captureMethod: he,
+		error: ge,
+		diagnostics: ye,
+		shutterDiagnostics: be,
+		copyState: xe,
+		guidanceHint: B ? l(B.guidance, B.lighting) : void 0,
 		detectorStatus: B?.modelStatus === "failed" ? `ML failed${B.modelError ? `: ${B.modelError}` : ""}` : B?.detector === "ml" ? `ML ${B.modelProvider ?? ""}`.trim() : "ML loading",
-		modelDownload: be,
-		frozenPreviewUrl: ve
+		modelDownload: we,
+		frozenPreviewUrl: Se
 	};
-	p(() => {
-		L.current = Ce;
+	m(() => {
+		L.current = De;
 	});
-	let we = d(() => {
+	let Oe = f(() => {
 		I.current.onCancel();
-	}, []), $ = d(async () => {
+	}, []), Z = f(async () => {
 		if (!F.current) {
-			F.current = !0, P.current = !1, G(""), H(void 0), N.current.clear(), z("capturing");
+			F.current = !0, P.current = !1, W(""), H(void 0), N.current.clear(), z("capturing");
 			try {
-				let t = await c();
-				Q(t);
+				let t = await i();
+				X(t);
 				let n = {
 					width: t.width,
 					height: t.height
 				};
-				U(n), I.current.onSettings?.(n), W("system-camera");
+				me(n), I.current.onSettings?.(n), U("system-camera");
 				let r;
 				try {
-					let e = t.getContext("2d", { willReadFrequently: !0 })?.getImageData(0, 0, t.width, t.height).data;
-					e && (r = l(e));
+					let n = t.getContext("2d", { willReadFrequently: !0 })?.getImageData(0, 0, t.width, t.height).data;
+					n && (r = e(n));
 				} catch {
 					r = void 0;
 				}
-				let i = await e(t, {
-					modelUrl: C,
-					ortWasmPaths: w
+				let a = await c(t, {
+					modelUrl: w,
+					ortWasmPaths: T
 				});
-				if (i.status !== "success" || !i.corners || !i.quad) {
-					P.current = !0, z("error"), G(i.message), I.current.onError?.(Error(i.message));
+				if (a.status !== "success" || !a.corners || !a.quad) {
+					P.current = !0, z("error"), W(a.message), I.current.onError?.(Error(a.message));
 					return;
 				}
 				M.current = {
-					quad: i.quad,
-					sourceWidth: i.sourceWidth,
-					sourceHeight: i.sourceHeight
-				}, H(i.quad), z("captured"), await I.current.onCapture({
+					quad: a.quad,
+					sourceWidth: a.sourceWidth,
+					sourceHeight: a.sourceHeight
+				}, H(a.quad), z("captured"), await I.current.onCapture({
 					frame: t,
-					detection: i,
+					detection: a,
 					reason: "manual",
 					method: "system-camera",
 					settings: n,
 					luminance: r,
-					displayedQuad: i.quad,
-					displaySourceWidth: i.sourceWidth,
-					displaySourceHeight: i.sourceHeight
+					displayedQuad: a.quad,
+					displaySourceWidth: a.sourceWidth,
+					displaySourceHeight: a.sourceHeight
 				});
 			} catch (e) {
 				let t = e instanceof Error ? e : /* @__PURE__ */ Error("Could not take a photo.");
 				if (t.message === "No photo was selected.") {
-					z("ready");
+					if (J.current) {
+						z("error");
+						return;
+					}
+					I.current.onCancel();
 					return;
 				}
-				P.current = !0, G(t.message), z("error"), I.current.onError?.(t);
+				P.current = !0, W(t.message), z("error"), I.current.onError?.(t);
 			} finally {
 				F.current = !1;
 			}
 		}
 	}, [
-		Q,
-		C,
-		w
-	]), Te = d(async () => {
+		X,
+		w,
+		T
+	]), ke = f(async () => {
 		if (D) {
-			await $();
+			await Z();
 			return;
 		}
 		try {
 			await k.current?.capture();
 		} catch (e) {
 			let t = e instanceof Error ? e : /* @__PURE__ */ Error("Could not capture the camera frame.");
-			P.current = !0, G(t.message);
+			P.current = !0, W(t.message);
 			let n = O.current?.getDiagnostics();
-			n && q(n), j.current?.diagnostics && J(j.current.diagnostics), z("error"), I.current.onError?.(t);
+			n && G(n), j.current?.diagnostics && K(j.current.diagnostics), z("error"), I.current.onError?.(t);
+		}
+	}, [Z, D]), Ae = h(Z);
+	Ae.current = Z;
+	let Q = h(!1);
+	ee(() => {
+		if (!s || !D) {
+			Q.current = !1;
+			return;
 		}
-	}, [$, D]), Ee = d(() => {
-		if (P.current = !1, G(""), J(void 0), Y("idle"), Z(), H(void 0), N.current.clear(), D) {
-			z("ready"), $();
+		if (!Q.current) {
+			if (Q.current = !0, P.current = !1, W(""), V(void 0), U(void 0), K(void 0), q("idle"), H(void 0), N.current.clear(), Y(), !t()) {
+				z("ready");
+				return;
+			}
+			Ae.current();
+		}
+	}, [
+		s,
+		D,
+		Y
+	]);
+	let je = f(() => {
+		if (P.current = !1, W(""), K(void 0), q("idle"), H(void 0), N.current.clear(), D) {
+			Z();
 			return;
 		}
+		Y();
 		let e = O.current;
-		R?.paused && R.play(), z(e ? "ready" : "starting"), e || me((e) => e + 1);
+		R?.paused && R.play(), z(e ? "ready" : "starting"), e || ve((e) => e + 1);
 	}, [
-		$,
 		Z,
+		Y,
 		R,
 		D
-	]), De = d(async (e) => {
+	]), Me = f(async (e) => {
 		let t = O.current;
-		t && (await t.setTorch(e), q(t.getDiagnostics()));
-	}, []), Oe = d((e) => {
+		t && (await t.setTorch(e), G(t.getDiagnostics()));
+	}, []), Ne = f((e) => {
 		k.current?.setAutoCapture(e);
-	}, []), ke = d(async () => {
-		let e = L.current, t = O.current?.getDiagnostics() ?? e.diagnostics, n = e.finderStatus, r = i({
+	}, []), Pe = f(async () => {
+		let e = L.current, t = O.current?.getDiagnostics() ?? e.diagnostics, r = e.finderStatus, i = n({
 			error: e.error || void 0,
 			captureMethod: e.captureMethod,
 			luminance: j.current?.luminance,
 			fallbackReason: j.current?.fallbackReason,
 			shutter: e.shutterDiagnostics ?? j.current?.diagnostics,
 			live: t,
-			finder: n ? {
-				state: n.state,
-				confidence: n.confidence,
-				stableFrames: n.stableFrames,
-				requiredStableFrames: n.requiredStableFrames,
-				detector: n.detector,
-				modelStatus: n.modelStatus,
-				modelError: n.modelError,
-				modelProvider: n.modelProvider,
-				modelNote: n.modelNote,
-				inferenceMs: n.inferenceMs,
-				sourceWidth: n.sourceWidth,
-				sourceHeight: n.sourceHeight
+			finder: r ? {
+				state: r.state,
+				confidence: r.confidence,
+				stableFrames: r.stableFrames,
+				requiredStableFrames: r.requiredStableFrames,
+				detector: r.detector,
+				modelStatus: r.modelStatus,
+				modelError: r.modelError,
+				modelProvider: r.modelProvider,
+				modelNote: r.modelNote,
+				inferenceMs: r.inferenceMs,
+				sourceWidth: r.sourceWidth,
+				sourceHeight: r.sourceHeight
 			} : void 0
 		});
 		try {
-			if (navigator.clipboard?.writeText) await navigator.clipboard.writeText(r);
+			if (navigator.clipboard?.writeText) await navigator.clipboard.writeText(i);
 			else {
 				let e = document.createElement("textarea");
-				e.value = r, e.setAttribute("readonly", ""), e.style.position = "fixed", e.style.left = "-9999px", document.body.append(e), e.select();
+				e.value = i, e.setAttribute("readonly", ""), e.style.position = "fixed", e.style.left = "-9999px", document.body.append(e), e.select();
 				let t = document.execCommand("copy");
 				if (e.remove(), !t) throw Error("Clipboard copy is unavailable.");
 			}
-			Y("copied");
+			q("copied");
 		} catch {
-			Y("failed");
+			q("failed");
 		}
-	}, []), Ae = d(() => L.current, []), je = ee(() => ({
-		capture: Te,
-		cancel: we,
-		retry: Ee,
-		setTorch: De,
-		setAutoCapture: Oe,
-		copyReport: ke,
-		getState: Ae
+	}, []), Fe = f(() => L.current, []), $ = te(() => ({
+		capture: ke,
+		cancel: Oe,
+		retry: je,
+		setTorch: Me,
+		setAutoCapture: Ne,
+		copyReport: Pe,
+		getState: Fe
 	}), [
-		Te,
-		we,
-		Ee,
-		De,
-		Oe,
 		ke,
-		Ae
+		Oe,
+		je,
+		Me,
+		Ne,
+		Pe,
+		Fe
 	]);
-	p(() => {
-		if (E) return E.current = je, () => {
+	m(() => {
+		if (E) return E.current = $, () => {
 			E.current = null;
 		};
-	}, [je, E]);
-	let Me = {
-		...Ce,
-		...je,
-		bindPreview: Se
+	}, [$, E]);
+	let Ie = {
+		...De,
+		...$,
+		bindPreview: Ee
 	};
-	return /* @__PURE__ */ _(ne.Provider, {
-		value: Me,
-		children: ae
+	return /* @__PURE__ */ v(re.Provider, {
+		value: Ie,
+		children: se
 	});
 }
 //#endregion
 //#region src/react/hooks.ts
-function C() {
-	return m(null);
-}
 function w() {
-	let e = f(ne);
+	return h(null);
+}
+function T() {
+	let e = p(re);
 	if (!e) throw Error("useScanner must be used within ScannerProvider.");
 	return e;
 }
 //#endregion
 //#region src/live-overlay-geometry.ts
-function T(e, t, n, r, i) {
+function oe(e, t, n, r, i) {
 	let a = Math.max(1, e), o = Math.max(1, t), s = Math.max(1, n), c = Math.max(1, r), l = s / a, u = c / o, d = i === "cover" ? Math.max(l, u) : Math.min(l, u), f = (s - a * d) / 2, p = (c - o * d) / 2;
 	if (i === "contain") return {
 		viewBox: `0 0 ${a} ${o}`,
@@ -442,9 +460,9 @@ function T(e, t, n, r, i) {
 		offsetX: f,
 		offsetY: p
 	};
-	let ee = s / d, m = c / d;
+	let m = s / d, ee = c / d;
 	return {
-		viewBox: `${-f / d} ${-p / d} ${ee} ${m}`,
+		viewBox: `${-f / d} ${-p / d} ${m} ${ee}`,
 		preserveAspectRatio: "none",
 		scale: d,
 		offsetX: f,
@@ -456,7 +474,7 @@ function T(e, t, n, r, i) {
 function E({ snapshot: e }) {
 	if (!e.downloading) return null;
 	let t = e.total && e.total > 0 ? Math.min(1, e.loaded / e.total) : null, n = t === null ? null : Math.round(t * 100), r = 2 * Math.PI * 28;
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ y("div", {
 		className: `model-download-ring${t === null ? " is-indeterminate" : ""}`,
 		role: "progressbar",
 		"aria-label": "Model download",
@@ -465,15 +483,15 @@ function E({ snapshot: e }) {
 		"aria-valuenow": n ?? void 0,
 		"data-loaded": e.loaded,
 		"data-total": e.total ?? "",
-		children: [/* @__PURE__ */ v("svg", {
+		children: [/* @__PURE__ */ y("svg", {
 			viewBox: "0 0 72 72",
 			"aria-hidden": "true",
-			children: [/* @__PURE__ */ _("circle", {
+			children: [/* @__PURE__ */ v("circle", {
 				className: "track",
 				cx: "36",
 				cy: "36",
 				r: 28
-			}), /* @__PURE__ */ _("circle", {
+			}), /* @__PURE__ */ v("circle", {
 				className: "value",
 				cx: "36",
 				cy: "36",
@@ -481,15 +499,15 @@ function E({ snapshot: e }) {
 				strokeDasharray: t === null ? void 0 : `${r} ${r}`,
 				strokeDashoffset: t === null ? void 0 : r * (1 - t)
 			})]
-		}), n === null ? /* @__PURE__ */ _("strong", {
+		}), n === null ? /* @__PURE__ */ v("strong", {
 			className: "model-download-ring__pending",
 			children: "…"
-		}) : /* @__PURE__ */ v("strong", { children: [n, "%"] })]
+		}) : /* @__PURE__ */ y("strong", { children: [n, "%"] })]
 	});
 }
 //#endregion
 //#region src/react/parts.tsx
-var ae = {
+var se = {
 	primaryColorHex: "--scanner-overlay-primary",
 	seekingColorHex: "--scanner-overlay-seeking",
 	detectingColorHex: "--scanner-overlay-detecting",
@@ -500,43 +518,43 @@ var ae = {
 function D(e) {
 	if (!e) return;
 	let t = {};
-	for (let [n, r] of Object.entries(ae)) {
+	for (let [n, r] of Object.entries(se)) {
 		let i = e[n]?.trim();
 		i && (t[r] = i);
 	}
 	return Object.keys(t).length > 0 ? t : void 0;
 }
 function O({ theme: e, style: t, title: n = "Scan a document", children: r }) {
-	let i = w();
+	let i = T();
 	if (!i.open) return null;
 	let a = D(e), o = a ? {
 		...t,
 		...a
 	} : t;
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ y("div", {
 		className: `scanner-camera-overlay ${i.phase === "captured" || i.finderStatus?.state === "captured" ? "is-captured" : ""} ${i.usingSystemCamera ? "is-system-camera" : ""}`.trim(),
 		style: o,
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-label": n,
-		children: [r, /* @__PURE__ */ _(I, {})]
+		children: [r, /* @__PURE__ */ v(I, {})]
 	});
 }
 function k() {
-	let { bindPreview: e, frozenPreviewUrl: t, usingSystemCamera: n } = w(), r = m(null), i = d((t) => {
+	let { bindPreview: e, frozenPreviewUrl: t, usingSystemCamera: n } = T(), r = h(null), i = f((t) => {
 		r.current = t, e(t);
 	}, [e]);
-	return p(() => {
+	return m(() => {
 		t && r.current?.pause();
-	}, [t]), n ? t ? /* @__PURE__ */ _("img", {
+	}, [t]), n ? t ? /* @__PURE__ */ v("img", {
 		src: t,
 		className: "scanner-camera-overlay__video scanner-camera-overlay__still",
 		alt: "",
 		"aria-label": "Captured document"
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: "scanner-camera-overlay__video",
 		"aria-hidden": "true"
-	}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("video", {
+	}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("video", {
 		ref: i,
 		className: "scanner-camera-overlay__video",
 		muted: !0,
@@ -545,7 +563,7 @@ function k() {
 		style: { objectFit: "cover" },
 		"aria-hidden": !!t,
 		"aria-label": "Rear camera preview"
-	}), t ? /* @__PURE__ */ _("img", {
+	}), t ? /* @__PURE__ */ v("img", {
 		src: t,
 		className: "scanner-camera-overlay__video scanner-camera-overlay__still",
 		alt: "",
@@ -553,37 +571,37 @@ function k() {
 	}) : null] });
 }
 function A() {
-	let { finderStatus: e, displayQuad: t, previewSize: n } = w();
+	let { finderStatus: e, displayQuad: t, previewSize: n } = T();
 	if (!t || !e?.sourceWidth || !e.sourceHeight) return null;
-	let r = T(e.sourceWidth, e.sourceHeight, n.width, n.height, "cover");
-	return /* @__PURE__ */ _("svg", {
+	let r = oe(e.sourceWidth, e.sourceHeight, n.width, n.height, "cover");
+	return /* @__PURE__ */ v("svg", {
 		className: `scanner-camera-overlay__quad ${e.state}`,
 		viewBox: r.viewBox,
 		preserveAspectRatio: r.preserveAspectRatio,
 		"aria-label": `${e.state} document boundary`,
-		children: /* @__PURE__ */ _("polygon", { points: `${t.topLeft.x},${t.topLeft.y} ${t.topRight.x},${t.topRight.y} ${t.bottomRight.x},${t.bottomRight.y} ${t.bottomLeft.x},${t.bottomLeft.y}` })
+		children: /* @__PURE__ */ v("polygon", { points: `${t.topLeft.x},${t.topLeft.y} ${t.topRight.x},${t.topRight.y} ${t.bottomRight.x},${t.bottomRight.y} ${t.bottomLeft.x},${t.bottomLeft.y}` })
 	});
 }
 function j({ title: e = "Scan a document" }) {
-	let { phase: t, guidanceHint: n, cancel: r, usingSystemCamera: i } = w();
-	return /* @__PURE__ */ v("div", {
+	let { phase: t, guidanceHint: n, cancel: r, usingSystemCamera: i } = T();
+	return /* @__PURE__ */ y("div", {
 		className: "scanner-camera-overlay__topbar",
-		children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("strong", { children: e }), /* @__PURE__ */ _("span", {
+		children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("strong", { children: e }), /* @__PURE__ */ v("span", {
 			"aria-live": "polite",
-			children: i ? /* @__PURE__ */ v(g, { children: [
+			children: i ? /* @__PURE__ */ y(_, { children: [
 				t === "starting" && "Preparing the system camera…",
 				t === "ready" && "Take a photo. There is no live document guide.",
 				t === "capturing" && "Looking for a document…",
 				t === "captured" && "Document captured",
 				t === "error" && "No document found"
-			] }) : /* @__PURE__ */ v(g, { children: [
+			] }) : /* @__PURE__ */ y(_, { children: [
 				t === "starting" && "Starting rear camera…",
 				t === "ready" && (n ?? "Place the document in the frame"),
 				t === "capturing" && "Capturing full resolution…",
 				t === "captured" && "Document captured",
 				t === "error" && "Camera unavailable"
 			] })
-		})] }), /* @__PURE__ */ _("button", {
+		})] }), /* @__PURE__ */ v("button", {
 			type: "button",
 			onClick: r,
 			"aria-label": "Close camera",
@@ -592,65 +610,73 @@ function j({ title: e = "Scan a document" }) {
 	});
 }
 function M() {
-	let { phase: e, error: t, diagnostics: n, copyState: r, retry: i, copyReport: a, cancel: o, usingSystemCamera: s, frozenPreviewUrl: c } = w();
-	return e === "error" ? /* @__PURE__ */ v("div", {
+	let { phase: e, error: t, diagnostics: n, copyState: r, retry: i, copyReport: a, cancel: o, usingSystemCamera: s, frozenPreviewUrl: c } = T();
+	return e === "error" ? /* @__PURE__ */ y("div", {
 		className: "scanner-camera-overlay__message",
 		role: "alert",
 		children: [
-			/* @__PURE__ */ _("strong", { children: s ? c ? "No document found" : "Could not take a photo" : n ? "Capture failed" : "Could not open the camera" }),
-			/* @__PURE__ */ _("p", { children: t }),
-			/* @__PURE__ */ v("div", { children: [
-				/* @__PURE__ */ _("button", {
+			/* @__PURE__ */ v("strong", { children: s ? c ? "No document found" : "Could not take a photo" : n ? "Capture failed" : "Could not open the camera" }),
+			/* @__PURE__ */ v("p", { children: t }),
+			/* @__PURE__ */ y("div", { children: [
+				/* @__PURE__ */ v("button", {
 					type: "button",
 					onClick: i,
 					children: "Try again"
 				}),
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ v("button", {
 					type: "button",
 					onClick: () => void a(),
 					children: r === "copied" ? "Copied" : r === "failed" ? "Copy failed" : "Copy report"
 				}),
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ v("button", {
 					type: "button",
 					onClick: o,
 					children: "Cancel"
 				})
 			] })
 		]
-	}) : s && e === "ready" && !c ? /* @__PURE__ */ v("div", {
+	}) : s && e === "capturing" && !c ? /* @__PURE__ */ y("div", {
+		className: "scanner-camera-overlay__message",
+		"aria-live": "polite",
+		children: [
+			/* @__PURE__ */ v("span", { className: "scanner-camera-overlay__spinner" }),
+			/* @__PURE__ */ v("strong", { children: "Opening the system camera" }),
+			/* @__PURE__ */ v("p", { children: "There is no live document guide. We find the page after you take the photo." })
+		]
+	}) : s && e === "ready" && !c ? /* @__PURE__ */ y("div", {
 		className: "scanner-camera-overlay__message",
 		"aria-live": "polite",
-		children: [/* @__PURE__ */ _("strong", { children: "System camera" }), /* @__PURE__ */ _("p", { children: "Chrome cannot match Camera-app quality in a live preview. Take a photo, then we find the page in that JPEG. There is no live document guide." })]
-	}) : e === "starting" && !s ? /* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ v("strong", { children: "System camera" }), /* @__PURE__ */ v("p", { children: "Tap the shutter to open the Camera app. There is no live document guide." })]
+	}) : e === "starting" && !s ? /* @__PURE__ */ y("div", {
 		className: "scanner-camera-overlay__message",
 		"aria-live": "polite",
 		children: [
-			/* @__PURE__ */ _("span", { className: "scanner-camera-overlay__spinner" }),
-			/* @__PURE__ */ _("strong", { children: "Requesting the highest practical resolution" }),
-			/* @__PURE__ */ _("p", { children: "Allow camera access to continue." })
+			/* @__PURE__ */ v("span", { className: "scanner-camera-overlay__spinner" }),
+			/* @__PURE__ */ v("strong", { children: "Requesting the highest practical resolution" }),
+			/* @__PURE__ */ v("p", { children: "Allow camera access to continue." })
 		]
 	}) : null;
 }
 function N() {
-	let { finderStatus: e, detectorStatus: t, settings: n, usingSystemCamera: r, captureMethod: i, phase: a } = w(), o = n?.width, s = n?.height;
-	return r ? /* @__PURE__ */ _("div", {
+	let { finderStatus: e, detectorStatus: t, settings: n, usingSystemCamera: r, captureMethod: i, phase: a } = T(), o = n?.width, s = n?.height;
+	return r ? /* @__PURE__ */ v("div", {
 		className: "scanner-camera-overlay__status",
 		"aria-live": "polite",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "scanner-camera-overlay__status-line",
 			children: [
-				/* @__PURE__ */ _("span", { className: a === "captured" ? "ready" : a === "error" ? "seeking" : "detecting" }),
+				/* @__PURE__ */ v("span", { className: a === "captured" ? "ready" : a === "error" ? "seeking" : "detecting" }),
 				i === "system-camera" ? "system camera" : "system camera · waiting",
 				o && s ? ` · ${o}×${s}` : ""
 			]
 		})
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: "scanner-camera-overlay__status",
 		"aria-live": "polite",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "scanner-camera-overlay__status-line",
 			children: [
-				/* @__PURE__ */ _("span", { className: e?.state ?? "detecting" }),
+				/* @__PURE__ */ v("span", { className: e?.state ?? "detecting" }),
 				e?.state ?? "detecting",
 				e ? ` · ${Math.round(e.confidence * 100)}% · ${e.stableFrames}/${e.requiredStableFrames}` : "",
 				` · ${t}`,
@@ -661,24 +687,24 @@ function N() {
 	});
 }
 function P() {
-	let { diagnostics: e, shutterDiagnostics: t, captureMethod: n, copyState: r, copyReport: i } = w(), o = e?.engine ?? a();
-	return /* @__PURE__ */ v("dl", {
+	let { diagnostics: e, shutterDiagnostics: t, captureMethod: n, copyState: r, copyReport: i } = T(), a = e?.engine ?? s();
+	return /* @__PURE__ */ y("dl", {
 		className: "scanner-camera-overlay__diagnostics",
 		"aria-label": "Camera diagnostics",
 		children: [
-			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "engine" }), /* @__PURE__ */ v("dd", { children: [
-				o.engine,
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", { children: "engine" }), /* @__PURE__ */ y("dd", { children: [
+				a.engine,
 				"/",
-				o.browser,
-				o.iosWebKit ? " ios" : ""
+				a.browser,
+				a.iosWebKit ? " ios" : ""
 			] })] }),
-			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "video" }), /* @__PURE__ */ _("dd", { children: e ? `${e.videoWidth}×${e.videoHeight} rs${e.readyState}${e.paused ? " paused" : ""}${e.rendered ? "" : " hidden"}` : "starting" })] }),
-			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "track" }), /* @__PURE__ */ _("dd", { children: e ? `${e.trackReadyState}${e.trackMuted ? " muted" : ""}${e.trackEnabled ? "" : " disabled"}` : "—" })] }),
-			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "torch" }), /* @__PURE__ */ _("dd", { children: e ? `${e.torch.mode} · ${e.torch.supported ? e.torch.on ? "on" : "off" : "unsupported"}` : "starting" })] }),
-			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "luma" }), /* @__PURE__ */ _("dd", { children: e ? `live ${e.liveLuminance.toFixed(1)} · mirror ${e.mirrorLuminance.toFixed(1)}${Number.isFinite(e.mirrorAgeMs) ? ` (${Math.round(e.mirrorAgeMs)}ms)` : " (none)"}` : "—" })] }),
-			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "path" }), /* @__PURE__ */ _("dd", { children: n ?? "video-frame / live-mirror" })] }),
-			t ? /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "shutter" }), /* @__PURE__ */ _("dd", { children: `live ${t.liveLuminance.toFixed(1)} · mirror ${t.mirrorLuminance.toFixed(1)}${Number.isFinite(t.mirrorAgeMs) ? ` (${Math.round(t.mirrorAgeMs)}ms)` : " (none)"}` })] }) : null,
-			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", { children: "share" }), /* @__PURE__ */ _("dd", { children: /* @__PURE__ */ _("button", {
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", { children: "video" }), /* @__PURE__ */ v("dd", { children: e ? `${e.videoWidth}×${e.videoHeight} rs${e.readyState}${e.paused ? " paused" : ""}${e.rendered ? "" : " hidden"}` : "starting" })] }),
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", { children: "track" }), /* @__PURE__ */ v("dd", { children: e ? `${e.trackReadyState}${e.trackMuted ? " muted" : ""}${e.trackEnabled ? "" : " disabled"}` : "—" })] }),
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", { children: "torch" }), /* @__PURE__ */ v("dd", { children: e ? `${e.torch.mode} · ${e.torch.supported ? e.torch.on ? "on" : "off" : "unsupported"}` : "starting" })] }),
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", { children: "luma" }), /* @__PURE__ */ v("dd", { children: e ? `live ${e.liveLuminance.toFixed(1)} · mirror ${e.mirrorLuminance.toFixed(1)}${Number.isFinite(e.mirrorAgeMs) ? ` (${Math.round(e.mirrorAgeMs)}ms)` : " (none)"}` : "—" })] }),
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", { children: "path" }), /* @__PURE__ */ v("dd", { children: n ?? "video-frame / live-mirror" })] }),
+			t ? /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", { children: "shutter" }), /* @__PURE__ */ v("dd", { children: `live ${t.liveLuminance.toFixed(1)} · mirror ${t.mirrorLuminance.toFixed(1)}${Number.isFinite(t.mirrorAgeMs) ? ` (${Math.round(t.mirrorAgeMs)}ms)` : " (none)"}` })] }) : null,
+			/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", { children: "share" }), /* @__PURE__ */ v("dd", { children: /* @__PURE__ */ v("button", {
 				type: "button",
 				className: "scanner-camera-overlay__copy",
 				onClick: () => void i(),
@@ -688,34 +714,34 @@ function P() {
 	});
 }
 function F() {
-	let { autoCapture: e, phase: t, finderStatus: n, diagnostics: r, captureMethod: i, settings: a, cancel: o, capture: s, setAutoCapture: c, setTorch: l, usingSystemCamera: u } = w(), d = a?.width, f = a?.height;
-	return /* @__PURE__ */ v("div", {
+	let { autoCapture: e, phase: t, finderStatus: n, diagnostics: r, captureMethod: i, settings: a, cancel: o, capture: s, setAutoCapture: c, setTorch: l, usingSystemCamera: u } = T(), d = a?.width, f = a?.height;
+	return /* @__PURE__ */ y("div", {
 		className: "scanner-camera-overlay__controls",
 		children: [
-			/* @__PURE__ */ _("button", {
+			/* @__PURE__ */ v("button", {
 				type: "button",
 				className: "scanner-camera-overlay__cancel",
 				onClick: o,
 				children: "Cancel"
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "scanner-camera-overlay__capture",
-				children: [(u || e !== "only") && /* @__PURE__ */ _("button", {
+				children: [(u ? t === "ready" : e !== "only") && /* @__PURE__ */ v("button", {
 					type: "button",
 					className: "scanner-camera-overlay__shutter",
 					onClick: () => void s(),
 					disabled: t !== "ready",
 					"aria-label": u ? "Take a photo with the system camera" : "Capture full-resolution photo",
-					children: /* @__PURE__ */ _("span", {})
-				}), !u && /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ v("span", {})
+				}), !u && /* @__PURE__ */ y("div", {
 					className: "scanner-camera-overlay__toggles",
-					children: [n?.autoCapture.visible && /* @__PURE__ */ v("label", { children: [/* @__PURE__ */ _("input", {
+					children: [n?.autoCapture.visible && /* @__PURE__ */ y("label", { children: [/* @__PURE__ */ v("input", {
 						type: "checkbox",
 						checked: n.autoCapture.checked,
 						onChange: (e) => c(e.target.checked)
-					}), "Auto-capture"] }), r?.torch.visible && /* @__PURE__ */ v("label", {
+					}), "Auto-capture"] }), r?.torch.visible && /* @__PURE__ */ y("label", {
 						title: r.torch.automatic ? "Torch is controlled automatically from scene brightness" : void 0,
-						children: [/* @__PURE__ */ _("input", {
+						children: [/* @__PURE__ */ v("input", {
 							type: "checkbox",
 							checked: r.torch.on,
 							disabled: !r.torch.mutable,
@@ -724,18 +750,18 @@ function F() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "scanner-camera-overlay__quality",
-				children: [/* @__PURE__ */ _("span", { children: u ? "System camera" : i === "live-mirror" ? "Mirror" : "Camera" }), /* @__PURE__ */ _("strong", { children: d && f ? `${d} × ${f}` : u ? "Tap to photograph" : "Measuring…" })]
+				children: [/* @__PURE__ */ v("span", { children: u ? "System camera" : i === "live-mirror" ? "Mirror" : "Camera" }), /* @__PURE__ */ v("strong", { children: d && f ? `${d} × ${f}` : u ? "Tap to photograph" : "Measuring…" })]
 			})
 		]
 	});
 }
 function I({ snapshot: e }) {
-	let { modelDownload: t } = w();
-	return /* @__PURE__ */ _(E, { snapshot: e ?? t });
+	let { modelDownload: t } = T();
+	return /* @__PURE__ */ v(E, { snapshot: e ?? t });
 }
 //#endregion
-export { F as ScannerControls, P as ScannerDiagnostics, O as ScannerFrame, I as ScannerModelDownload, M as ScannerNotice, k as ScannerPreview, S as ScannerProvider, A as ScannerQuad, N as ScannerStatus, j as ScannerTopBar, w as useScanner, C as useScannerRef };
+export { F as ScannerControls, P as ScannerDiagnostics, O as ScannerFrame, I as ScannerModelDownload, M as ScannerNotice, k as ScannerPreview, C as ScannerProvider, A as ScannerQuad, N as ScannerStatus, j as ScannerTopBar, T as useScanner, w as useScannerRef };
 
 //# sourceMappingURL=react.js.map