@exige/web-scanner-sdk 0.2.9 → 0.2.11

package/dist/react.js

@@ -1,9 +1,9 @@
 "use client";
-import { m as e, o as t, p as n, s as r, v as i } from "./finder-DFueuWuS.js";
+import { m as e, o as t, p as n, s as r, v as i } from "./finder-BeINpYm3.js";
 import { createContext as a, useCallback as o, useContext as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/sdk/display-quad.ts
-function m(e) {
+function h(e) {
 	return [
 		e.topLeft,
 		e.topRight,
@@ -11,7 +11,7 @@ function m(e) {
 		e.bottomLeft
 	];
 }
-function h(e) {
+function g(e) {
 	let [t, n, r, i] = e;
 	return {
 		topLeft: t,
@@ -38,8 +38,8 @@ function h(e) {
 		}
 	};
 }
-function g(e) {
-	return h(m(e).map((e) => ({ ...e })));
+function _(e) {
+	return g(h(e).map((e) => ({ ...e })));
 }
 var ee = class {
 	current;
@@ -50,11 +50,11 @@ var ee = 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 || m(e).some((e, t) => {
-			let n = m(this.current)[t];
+		let r = Math.max(1, Math.hypot(t, n)), i = !this.current || h(e).some((e, t) => {
+			let n = h(this.current)[t];
 			return Math.hypot(e.x - n.x, e.y - n.y) / r > this.snapDistance;
 		});
-		return this.target = g(e), i && (this.current = g(e)), {
+		return this.target = _(e), i && (this.current = _(e)), {
 			quad: this.current,
 			snapped: i
 		};
@@ -62,8 +62,8 @@ var ee = 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 = h(m(this.current).map((e, n) => {
-			let r = m(this.target)[n];
+		return this.current = g(h(this.current).map((e, n) => {
+			let r = h(this.target)[n];
 			return {
 				x: e.x + (r.x - e.x) * t,
 				y: e.y + (r.y - e.y) * t
@@ -76,43 +76,59 @@ var ee = class {
 	getCurrent() {
 		return this.current;
 	}
-}, _ = a(null);
+}, te = a(null);
 //#endregion
 //#region src/react/context.tsx
-function v({ open: n, autoCapture: a = "defaultOn", torch: s = "defaultOff", onCapture: p, onCancel: m, onError: h, onSettings: g, onFinderStatus: v, modelUrl: y, ortWasmPaths: b, detectionIntervalMs: x, apiRef: S, children: C }) {
+function v(e) {
+	e?.startsWith("blob:") && URL.revokeObjectURL(e);
+}
+function ne(e) {
+	try {
+		let t = e.toDataURL("image/jpeg", .92);
+		return t.startsWith("data:image/") ? t : void 0;
+	} catch {
+		return;
+	}
+}
+function y({ open: n, autoCapture: a = "defaultOn", torch: s = "defaultOff", onCapture: f, onCancel: m, onError: h, onSettings: g, onFinderStatus: _, modelUrl: y, ortWasmPaths: b, detectionIntervalMs: x, apiRef: S, children: C }) {
 	let w = u(void 0), T = u(void 0), E = u(void 0), D = u(void 0), O = u({}), k = u(new ee()), A = u(!1), j = u({
-		onCapture: p,
+		onCapture: f,
 		onCancel: m,
 		onError: h,
 		onSettings: g,
-		onFinderStatus: v
-	}), M = u(null), [N, te] = d(null), [ne, P] = d("starting"), [F, I] = d(), [re, L] = d(), [R, ie] = d({
+		onFinderStatus: _
+	}), M = u(null), [N, P] = d(null), [re, F] = d("starting"), [I, L] = d(), [ie, R] = d(), [ae, oe] = d({
 		width: 1,
 		height: 1
-	}), [ae, oe] = d(), [se, z] = d(), [ce, B] = d(""), [V, le] = d(0), [ue, H] = d(), [de, U] = d(), [fe, W] = d("idle");
+	}), [se, ce] = d(), [le, z] = d(), [ue, B] = d(""), [V, de] = d(0), [fe, H] = d(), [pe, U] = d(), [me, W] = d("idle"), [he, G] = d(), K = u(void 0), q = o(() => {
+		v(K.current), K.current = void 0, G(void 0);
+	}, []), J = o((e, t) => {
+		let n = ne(e);
+		v(K.current), K.current = n, G(n), t?.pause();
+	}, []);
 	c(() => {
 		j.current = {
-			onCapture: p,
+			onCapture: f,
 			onCancel: m,
 			onError: h,
 			onSettings: g,
-			onFinderStatus: v
+			onFinderStatus: _
 		};
 	}, [
-		p,
+		f,
 		m,
 		h,
 		g,
-		v
+		_
 	]);
-	let pe = o((e) => {
-		te(e);
+	let ge = o((e) => {
+		P(e);
 	}, []);
 	c(() => {
 		if (!n || !N) return;
 		let e = () => {
 			let e = N.getBoundingClientRect();
-			ie({
+			oe({
 				width: e.width,
 				height: e.height
 			});
@@ -131,16 +147,16 @@ function v({ open: n, autoCapture: a = "defaultOn", torch: s = "defaultOff", onC
 		if (!n) return;
 		let e = 0, t = performance.now(), r = (n) => {
 			let i = k.current.step(n - t);
-			t = n, i && L(i), e = requestAnimationFrame(r);
+			t = n, i && R(i), e = requestAnimationFrame(r);
 		};
 		return e = requestAnimationFrame(r), () => cancelAnimationFrame(e);
 	}, [n]), c(() => {
 		if (!n || !N) return;
 		let e = !1, t = () => {
-			T.current?.stop(), T.current = void 0, w.current?.stop(), w.current = void 0, D.current = void 0, E.current = void 0, O.current = {};
+			T.current?.stop(), T.current = void 0, w.current?.stop(), w.current = void 0, D.current = void 0, E.current = void 0, O.current = {}, q();
 		};
 		return (async () => {
-			t(), A.current = !1, P("starting"), B(""), I(void 0), z(void 0), U(void 0), W("idle");
+			t(), A.current = !1, F("starting"), B(""), L(void 0), z(void 0), U(void 0), W("idle"), q();
 			try {
 				let t = await i(N, { torch: s });
 				if (e) {
@@ -149,7 +165,7 @@ function v({ open: n, autoCapture: a = "defaultOn", torch: s = "defaultOff", onC
 				}
 				w.current = t;
 				let n = t.getSettings();
-				oe(n), j.current.onSettings?.(n), console.info("[ScannerProvider] camera settings", n), T.current = await r({
+				ce(n), j.current.onSettings?.(n), console.info("[ScannerProvider] camera settings", n), T.current = await r({
 					source: N,
 					autoCapture: a,
 					intervalMs: x,
@@ -158,24 +174,24 @@ function v({ open: n, autoCapture: a = "defaultOn", torch: s = "defaultOff", onC
 						ortWasmPaths: b
 					},
 					onStatus: (e) => {
-						if (E.current = e, I(e), j.current.onFinderStatus?.(e), e.quad && e.sourceWidth && e.sourceHeight) {
+						if (E.current = e, L(e), j.current.onFinderStatus?.(e), e.quad && e.sourceWidth && e.sourceHeight) {
 							let t = k.current.setTarget(e.quad, e.sourceWidth, e.sourceHeight);
-							L(t.quad);
-						} else k.current.clear(), L(void 0);
-						e.state !== "captured" && !A.current && P("ready");
+							R(t.quad);
+						} else k.current.clear(), R(void 0);
+						e.state !== "captured" && !A.current && F("ready");
 					},
 					captureFrame: async () => {
-						P("capturing"), O.current = {
+						F("capturing"), O.current = {
 							quad: k.current.getCurrent(),
 							sourceWidth: E.current?.sourceWidth,
 							sourceHeight: E.current?.sourceHeight
 						};
 						let e = await t.capturePhoto();
 						if (D.current = e, z(e.method), U(e.diagnostics), H(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 e.frame;
+						return J(e.frame, N), F("captured"), e.frame;
 					},
 					onCaptureError: (e) => {
-						A.current = !0, P("error"), B(e.message);
+						A.current = !0, F("error"), B(e.message);
 						let t = w.current?.getDiagnostics();
 						t && H(t), j.current.onError?.(e);
 					},
@@ -198,7 +214,7 @@ function v({ open: n, autoCapture: a = "defaultOn", torch: s = "defaultOff", onC
 				if (e) return;
 				t();
 				let r = n instanceof Error ? n : /* @__PURE__ */ Error("Camera access failed.");
-				B(r.message), P("error"), j.current.onError?.(r);
+				B(r.message), F("error"), j.current.onError?.(r);
 			}
 		})(), () => {
 			e = !0, t();
@@ -211,48 +227,51 @@ function v({ open: n, autoCapture: a = "defaultOn", torch: s = "defaultOff", onC
 		y,
 		b,
 		x,
-		V
+		V,
+		q,
+		J
 	]);
-	let G = {
+	let Y = {
 		open: n,
-		phase: ne,
+		phase: re,
 		autoCapture: a,
-		finderStatus: F,
-		displayQuad: re,
-		previewSize: R,
-		settings: ae,
-		captureMethod: se,
-		error: ce,
-		diagnostics: ue,
-		shutterDiagnostics: de,
-		copyState: fe,
-		guidanceHint: F ? t(F.guidance, F.lighting) : void 0,
-		detectorStatus: F?.modelStatus === "failed" ? "ML failed" : F?.detector === "ml" ? `ML ${F.modelProvider ?? ""}`.trim() : "ML loading"
+		finderStatus: I,
+		displayQuad: ie,
+		previewSize: ae,
+		settings: se,
+		captureMethod: le,
+		error: ue,
+		diagnostics: fe,
+		shutterDiagnostics: pe,
+		copyState: me,
+		guidanceHint: I ? t(I.guidance, I.lighting) : void 0,
+		detectorStatus: I?.modelStatus === "failed" ? "ML failed" : I?.detector === "ml" ? `ML ${I.modelProvider ?? ""}`.trim() : "ML loading",
+		frozenPreviewUrl: he
 	};
 	c(() => {
-		M.current = G;
+		M.current = Y;
 	});
-	let K = o(() => {
+	let X = o(() => {
 		j.current.onCancel();
-	}, []), q = o(async () => {
+	}, []), Z = o(async () => {
 		try {
 			await T.current?.capture();
 		} catch (e) {
 			let t = e instanceof Error ? e : /* @__PURE__ */ Error("Could not capture the camera frame.");
 			A.current = !0, B(t.message);
 			let n = w.current?.getDiagnostics();
-			n && H(n), D.current?.diagnostics && U(D.current.diagnostics), P("error"), j.current.onError?.(t);
+			n && H(n), D.current?.diagnostics && U(D.current.diagnostics), F("error"), j.current.onError?.(t);
 		}
-	}, []), J = o(() => {
-		A.current = !1, B(""), U(void 0), W("idle");
+	}, []), Q = o(() => {
+		A.current = !1, B(""), U(void 0), W("idle"), q();
 		let e = w.current;
-		P(e ? "ready" : "starting"), e || le((e) => e + 1);
-	}, []), Y = o(async (e) => {
+		N?.paused && N.play(), F(e ? "ready" : "starting"), e || de((e) => e + 1);
+	}, [q, N]), _e = o(async (e) => {
 		let t = w.current;
 		t && (await t.setTorch(e), H(t.getDiagnostics()));
-	}, []), X = o((e) => {
+	}, []), ve = o((e) => {
 		T.current?.setAutoCapture(e);
-	}, []), Z = o(async () => {
+	}, []), ye = o(async () => {
 		let t = M.current, n = w.current?.getDiagnostics() ?? t.diagnostics, r = t.finderStatus, i = e({
 			error: t.error || void 0,
 			captureMethod: t.captureMethod,
@@ -283,51 +302,51 @@ function v({ open: n, autoCapture: a = "defaultOn", torch: s = "defaultOff", onC
 		} catch {
 			W("failed");
 		}
-	}, []), Q = o(() => M.current, []), $ = l(() => ({
-		capture: q,
-		cancel: K,
-		retry: J,
-		setTorch: Y,
-		setAutoCapture: X,
-		copyReport: Z,
-		getState: Q
+	}, []), be = o(() => M.current, []), $ = l(() => ({
+		capture: Z,
+		cancel: X,
+		retry: Q,
+		setTorch: _e,
+		setAutoCapture: ve,
+		copyReport: ye,
+		getState: be
 	}), [
-		q,
-		K,
-		J,
-		Y,
-		X,
 		Z,
-		Q
+		X,
+		Q,
+		_e,
+		ve,
+		ye,
+		be
 	]);
 	c(() => {
 		if (S) return S.current = $, () => {
 			S.current = null;
 		};
 	}, [$, S]);
-	let me = {
-		...G,
+	let xe = {
+		...Y,
 		...$,
-		bindPreview: pe
+		bindPreview: ge
 	};
-	return /* @__PURE__ */ f(_.Provider, {
-		value: me,
+	return /* @__PURE__ */ p(te.Provider, {
+		value: xe,
 		children: C
 	});
 }
 //#endregion
 //#region src/react/hooks.ts
-function y() {
+function b() {
 	return u(null);
 }
-function b() {
-	let e = s(_);
+function x() {
+	let e = s(te);
 	if (!e) throw Error("useScanner must be used within ScannerProvider.");
 	return e;
 }
 //#endregion
 //#region src/live-overlay-geometry.ts
-function x(e, t, n, r, i) {
+function S(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}`,
@@ -347,10 +366,10 @@ function x(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/ModelDownloadRing.tsx
-function S({ snapshot: e }) {
+function C({ 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__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		className: `model-download-ring${t === null ? " is-indeterminate" : ""}`,
 		role: "progressbar",
 		"aria-label": "Model download",
@@ -359,15 +378,15 @@ function S({ snapshot: e }) {
 		"aria-valuenow": n ?? void 0,
 		"data-loaded": e.loaded,
 		"data-total": e.total ?? "",
-		children: [/* @__PURE__ */ p("svg", {
+		children: [/* @__PURE__ */ m("svg", {
 			viewBox: "0 0 72 72",
 			"aria-hidden": "true",
-			children: [/* @__PURE__ */ f("circle", {
+			children: [/* @__PURE__ */ p("circle", {
 				className: "track",
 				cx: "36",
 				cy: "36",
 				r: 28
-			}), /* @__PURE__ */ f("circle", {
+			}), /* @__PURE__ */ p("circle", {
 				className: "value",
 				cx: "36",
 				cy: "36",
@@ -375,15 +394,15 @@ function S({ snapshot: e }) {
 				strokeDasharray: t === null ? void 0 : `${r} ${r}`,
 				strokeDashoffset: t === null ? void 0 : r * (1 - t)
 			})]
-		}), n === null ? /* @__PURE__ */ f("strong", {
+		}), n === null ? /* @__PURE__ */ p("strong", {
 			className: "model-download-ring__pending",
 			children: "…"
-		}) : /* @__PURE__ */ p("strong", { children: [n, "%"] })]
+		}) : /* @__PURE__ */ m("strong", { children: [n, "%"] })]
 	});
 }
 //#endregion
 //#region src/react/parts.tsx
-var C = {
+var w = {
 	primaryColorHex: "--scanner-overlay-primary",
 	seekingColorHex: "--scanner-overlay-seeking",
 	detectingColorHex: "--scanner-overlay-detecting",
@@ -391,23 +410,23 @@ var C = {
 	readyColorHex: "--scanner-overlay-ready",
 	capturedColorHex: "--scanner-overlay-captured"
 };
-function w(e) {
+function T(e) {
 	if (!e) return;
 	let t = {};
-	for (let [n, r] of Object.entries(C)) {
+	for (let [n, r] of Object.entries(w)) {
 		let i = e[n]?.trim();
 		i && (t[r] = i);
 	}
 	return Object.keys(t).length > 0 ? t : void 0;
 }
-function T({ theme: e, style: t, title: n = "Scan a document", children: r }) {
-	let i = b();
+function E({ theme: e, style: t, title: n = "Scan a document", children: r }) {
+	let i = x();
 	if (!i.open) return null;
-	let a = w(e), o = a ? {
+	let a = T(e), o = a ? {
 		...t,
 		...a
 	} : t;
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: `scanner-camera-overlay ${i.finderStatus?.state === "captured" ? "is-captured" : ""}`.trim(),
 		style: o,
 		role: "dialog",
@@ -416,43 +435,54 @@ function T({ theme: e, style: t, title: n = "Scan a document", children: r }) {
 		children: r
 	});
 }
-function E() {
-	let { bindPreview: e } = b();
-	return /* @__PURE__ */ f("video", {
-		ref: e,
+function D() {
+	let { bindPreview: e, frozenPreviewUrl: t } = x(), n = u(null), r = o((t) => {
+		n.current = t, e(t);
+	}, [e]);
+	return c(() => {
+		t && n.current?.pause();
+	}, [t]), /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("video", {
+		ref: r,
 		className: "scanner-camera-overlay__video",
 		muted: !0,
 		autoPlay: !0,
 		playsInline: !0,
 		style: { objectFit: "cover" },
+		"aria-hidden": !!t,
 		"aria-label": "Rear camera preview"
-	});
+	}), t ? /* @__PURE__ */ p("img", {
+		src: t,
+		className: "scanner-camera-overlay__video scanner-camera-overlay__still",
+		alt: "",
+		"aria-label": "Captured document"
+	}) : null] });
 }
-function D() {
-	let { finderStatus: e, displayQuad: t, previewSize: n } = b();
+function O() {
+	let { finderStatus: e, displayQuad: t, previewSize: n } = x();
 	if (!t || !e?.sourceWidth || !e.sourceHeight) return null;
-	let r = x(e.sourceWidth, e.sourceHeight, n.width, n.height, "cover");
-	return /* @__PURE__ */ f("svg", {
+	let r = S(e.sourceWidth, e.sourceHeight, n.width, n.height, "cover");
+	return /* @__PURE__ */ p("svg", {
 		className: `scanner-camera-overlay__quad ${e.state}`,
 		viewBox: r.viewBox,
 		preserveAspectRatio: r.preserveAspectRatio,
 		"aria-label": `${e.state} document boundary`,
-		children: /* @__PURE__ */ f("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__ */ p("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 O({ title: e = "Scan a document" }) {
-	let { phase: t, guidanceHint: n, cancel: r } = b();
-	return /* @__PURE__ */ p("div", {
+function k({ title: e = "Scan a document" }) {
+	let { phase: t, guidanceHint: n, cancel: r } = x();
+	return /* @__PURE__ */ m("div", {
 		className: "scanner-camera-overlay__topbar",
-		children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("strong", { children: e }), /* @__PURE__ */ p("span", {
+		children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("strong", { children: e }), /* @__PURE__ */ m("span", {
 			"aria-live": "polite",
 			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__ */ f("button", {
+		})] }), /* @__PURE__ */ p("button", {
 			type: "button",
 			onClick: r,
 			"aria-label": "Close camera",
@@ -460,51 +490,51 @@ function O({ title: e = "Scan a document" }) {
 		})]
 	});
 }
-function k() {
-	let { phase: e, error: t, diagnostics: n, copyState: r, retry: i, copyReport: a, cancel: o } = b();
-	return e === "error" ? /* @__PURE__ */ p("div", {
+function A() {
+	let { phase: e, error: t, diagnostics: n, copyState: r, retry: i, copyReport: a, cancel: o } = x();
+	return e === "error" ? /* @__PURE__ */ m("div", {
 		className: "scanner-camera-overlay__message",
 		role: "alert",
 		children: [
-			/* @__PURE__ */ f("strong", { children: n ? "Capture failed" : "Could not open the camera" }),
-			/* @__PURE__ */ f("p", { children: t }),
-			/* @__PURE__ */ p("div", { children: [
-				/* @__PURE__ */ f("button", {
+			/* @__PURE__ */ p("strong", { children: n ? "Capture failed" : "Could not open the camera" }),
+			/* @__PURE__ */ p("p", { children: t }),
+			/* @__PURE__ */ m("div", { children: [
+				/* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: i,
 					children: "Try again"
 				}),
-				/* @__PURE__ */ f("button", {
+				/* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: () => void a(),
 					children: r === "copied" ? "Copied" : r === "failed" ? "Copy failed" : "Copy report"
 				}),
-				/* @__PURE__ */ f("button", {
+				/* @__PURE__ */ p("button", {
 					type: "button",
 					onClick: o,
 					children: "Cancel"
 				})
 			] })
 		]
-	}) : e === "starting" ? /* @__PURE__ */ p("div", {
+	}) : e === "starting" ? /* @__PURE__ */ m("div", {
 		className: "scanner-camera-overlay__message",
 		"aria-live": "polite",
 		children: [
-			/* @__PURE__ */ f("span", { className: "scanner-camera-overlay__spinner" }),
-			/* @__PURE__ */ f("strong", { children: "Requesting the highest practical resolution" }),
-			/* @__PURE__ */ f("p", { children: "Allow camera access to continue." })
+			/* @__PURE__ */ p("span", { className: "scanner-camera-overlay__spinner" }),
+			/* @__PURE__ */ p("strong", { children: "Requesting the highest practical resolution" }),
+			/* @__PURE__ */ p("p", { children: "Allow camera access to continue." })
 		]
 	}) : null;
 }
-function A() {
-	let { finderStatus: e, detectorStatus: t, settings: n } = b(), r = n?.width, i = n?.height;
-	return /* @__PURE__ */ f("div", {
+function j() {
+	let { finderStatus: e, detectorStatus: t, settings: n } = x(), r = n?.width, i = n?.height;
+	return /* @__PURE__ */ p("div", {
 		className: "scanner-camera-overlay__status",
 		"aria-live": "polite",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "scanner-camera-overlay__status-line",
 			children: [
-				/* @__PURE__ */ f("span", { className: e?.state ?? "detecting" }),
+				/* @__PURE__ */ p("span", { className: e?.state ?? "detecting" }),
 				e?.state ?? "detecting",
 				e ? ` · ${Math.round(e.confidence * 100)}% · ${e.stableFrames}/${e.requiredStableFrames}` : "",
 				` · ${t}`,
@@ -514,25 +544,25 @@ function A() {
 		})
 	});
 }
-function j() {
-	let { diagnostics: e, shutterDiagnostics: t, captureMethod: r, copyState: i, copyReport: a } = b(), o = e?.engine ?? n();
-	return /* @__PURE__ */ p("dl", {
+function M() {
+	let { diagnostics: e, shutterDiagnostics: t, captureMethod: r, copyState: i, copyReport: a } = x(), o = e?.engine ?? n();
+	return /* @__PURE__ */ m("dl", {
 		className: "scanner-camera-overlay__diagnostics",
 		"aria-label": "Camera diagnostics",
 		children: [
-			/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "engine" }), /* @__PURE__ */ p("dd", { children: [
+			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "engine" }), /* @__PURE__ */ m("dd", { children: [
 				o.engine,
 				"/",
 				o.browser,
 				o.iosWebKit ? " ios" : ""
 			] })] }),
-			/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "video" }), /* @__PURE__ */ f("dd", { children: e ? `${e.videoWidth}×${e.videoHeight} rs${e.readyState}${e.paused ? " paused" : ""}${e.rendered ? "" : " hidden"}` : "starting" })] }),
-			/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "track" }), /* @__PURE__ */ f("dd", { children: e ? `${e.trackReadyState}${e.trackMuted ? " muted" : ""}${e.trackEnabled ? "" : " disabled"}` : "—" })] }),
-			/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "torch" }), /* @__PURE__ */ f("dd", { children: e ? `${e.torch.mode} · ${e.torch.supported ? e.torch.on ? "on" : "off" : "unsupported"}` : "starting" })] }),
-			/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "luma" }), /* @__PURE__ */ f("dd", { children: e ? `live ${e.liveLuminance.toFixed(1)} · mirror ${e.mirrorLuminance.toFixed(1)}${Number.isFinite(e.mirrorAgeMs) ? ` (${Math.round(e.mirrorAgeMs)}ms)` : " (none)"}` : "—" })] }),
-			/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "path" }), /* @__PURE__ */ f("dd", { children: r ?? "video-frame / live-mirror" })] }),
-			t ? /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "shutter" }), /* @__PURE__ */ f("dd", { children: `live ${t.liveLuminance.toFixed(1)} · mirror ${t.mirrorLuminance.toFixed(1)}${Number.isFinite(t.mirrorAgeMs) ? ` (${Math.round(t.mirrorAgeMs)}ms)` : " (none)"}` })] }) : null,
-			/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", { children: "share" }), /* @__PURE__ */ f("dd", { children: /* @__PURE__ */ f("button", {
+			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "video" }), /* @__PURE__ */ p("dd", { children: e ? `${e.videoWidth}×${e.videoHeight} rs${e.readyState}${e.paused ? " paused" : ""}${e.rendered ? "" : " hidden"}` : "starting" })] }),
+			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "track" }), /* @__PURE__ */ p("dd", { children: e ? `${e.trackReadyState}${e.trackMuted ? " muted" : ""}${e.trackEnabled ? "" : " disabled"}` : "—" })] }),
+			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "torch" }), /* @__PURE__ */ p("dd", { children: e ? `${e.torch.mode} · ${e.torch.supported ? e.torch.on ? "on" : "off" : "unsupported"}` : "starting" })] }),
+			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "luma" }), /* @__PURE__ */ p("dd", { children: e ? `live ${e.liveLuminance.toFixed(1)} · mirror ${e.mirrorLuminance.toFixed(1)}${Number.isFinite(e.mirrorAgeMs) ? ` (${Math.round(e.mirrorAgeMs)}ms)` : " (none)"}` : "—" })] }),
+			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "path" }), /* @__PURE__ */ p("dd", { children: r ?? "video-frame / live-mirror" })] }),
+			t ? /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "shutter" }), /* @__PURE__ */ p("dd", { children: `live ${t.liveLuminance.toFixed(1)} · mirror ${t.mirrorLuminance.toFixed(1)}${Number.isFinite(t.mirrorAgeMs) ? ` (${Math.round(t.mirrorAgeMs)}ms)` : " (none)"}` })] }) : null,
+			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", { children: "share" }), /* @__PURE__ */ p("dd", { children: /* @__PURE__ */ p("button", {
 				type: "button",
 				className: "scanner-camera-overlay__copy",
 				onClick: () => void a(),
@@ -541,35 +571,35 @@ function j() {
 		]
 	});
 }
-function M() {
-	let { autoCapture: e, phase: t, finderStatus: n, diagnostics: r, captureMethod: i, settings: a, cancel: o, capture: s, setAutoCapture: c, setTorch: l } = b(), u = a?.width, d = a?.height;
-	return /* @__PURE__ */ p("div", {
+function N() {
+	let { autoCapture: e, phase: t, finderStatus: n, diagnostics: r, captureMethod: i, settings: a, cancel: o, capture: s, setAutoCapture: c, setTorch: l } = x(), u = a?.width, d = a?.height;
+	return /* @__PURE__ */ m("div", {
 		className: "scanner-camera-overlay__controls",
 		children: [
-			/* @__PURE__ */ f("button", {
+			/* @__PURE__ */ p("button", {
 				type: "button",
 				className: "scanner-camera-overlay__cancel",
 				onClick: o,
 				children: "Cancel"
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "scanner-camera-overlay__capture",
-				children: [e !== "only" && /* @__PURE__ */ f("button", {
+				children: [e !== "only" && /* @__PURE__ */ p("button", {
 					type: "button",
 					className: "scanner-camera-overlay__shutter",
 					onClick: () => void s(),
 					disabled: t !== "ready",
 					"aria-label": "Capture full-resolution photo",
-					children: /* @__PURE__ */ f("span", {})
-				}), /* @__PURE__ */ p("div", {
+					children: /* @__PURE__ */ p("span", {})
+				}), /* @__PURE__ */ m("div", {
 					className: "scanner-camera-overlay__toggles",
-					children: [n?.autoCapture.visible && /* @__PURE__ */ p("label", { children: [/* @__PURE__ */ f("input", {
+					children: [n?.autoCapture.visible && /* @__PURE__ */ m("label", { children: [/* @__PURE__ */ p("input", {
 						type: "checkbox",
 						checked: n.autoCapture.checked,
 						onChange: (e) => c(e.target.checked)
-					}), "Auto-capture"] }), r?.torch.visible && /* @__PURE__ */ p("label", {
+					}), "Auto-capture"] }), r?.torch.visible && /* @__PURE__ */ m("label", {
 						title: r.torch.automatic ? "Torch is controlled automatically from scene brightness" : void 0,
-						children: [/* @__PURE__ */ f("input", {
+						children: [/* @__PURE__ */ p("input", {
 							type: "checkbox",
 							checked: r.torch.on,
 							disabled: !r.torch.mutable,
@@ -578,17 +608,17 @@ function M() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "scanner-camera-overlay__quality",
-				children: [/* @__PURE__ */ f("span", { children: i === "live-mirror" ? "Mirror" : "Camera" }), /* @__PURE__ */ f("strong", { children: u && d ? `${u} × ${d}` : "Measuring…" })]
+				children: [/* @__PURE__ */ p("span", { children: i === "live-mirror" ? "Mirror" : "Camera" }), /* @__PURE__ */ p("strong", { children: u && d ? `${u} × ${d}` : "Measuring…" })]
 			})
 		]
 	});
 }
-function N({ snapshot: e }) {
-	return b(), e ? /* @__PURE__ */ f(S, { snapshot: e }) : null;
+function P({ snapshot: e }) {
+	return x(), e ? /* @__PURE__ */ p(C, { snapshot: e }) : null;
 }
 //#endregion
-export { M as ScannerControls, j as ScannerDiagnostics, T as ScannerFrame, N as ScannerModelDownload, k as ScannerNotice, E as ScannerPreview, v as ScannerProvider, D as ScannerQuad, A as ScannerStatus, O as ScannerTopBar, b as useScanner, y as useScannerRef };
+export { N as ScannerControls, M as ScannerDiagnostics, E as ScannerFrame, P as ScannerModelDownload, A as ScannerNotice, D as ScannerPreview, y as ScannerProvider, O as ScannerQuad, j as ScannerStatus, k as ScannerTopBar, x as useScanner, b as useScannerRef };
 
 //# sourceMappingURL=react.js.map