@scanfit/browser 0.1.0-alpha.0

package/dist/react.js

@@ -0,0 +1,993 @@
+import { jsxs as r, jsx as e, Fragment as H } from "react/jsx-runtime";
+import { useState as C, useEffect as L, useCallback as Z, useSyncExternalStore as ie, useRef as D, useMemo as ne, useId as ae } from "react";
+import { createScanSession as se } from "./core.js";
+import { v as oe } from "./chunks/geometry-57LNKdIq.js";
+import { c as M, F as le } from "./chunks/types-Bf5l1UNl.js";
+const _ = {
+  pages: [],
+  status: "idle",
+  progress: 0,
+  result: null,
+  error: null
+}, ce = {};
+function de(t = ce, d) {
+  const [s, o] = C(null);
+  L(() => {
+    if (d) {
+      o(null);
+      return;
+    }
+    const v = se(t);
+    return o(v), () => v.dispose();
+  }, [
+    d,
+    t.detector,
+    t.detectorModule,
+    t.detectorOptions?.minConfidence,
+    t.detectorOptions?.maxComponents,
+    t.detectorOptions?.maxCandidates,
+    t.workerUrl,
+    t.limits?.maxPages,
+    t.limits?.maxFileBytes,
+    t.limits?.maxPixels,
+    t.limits?.maxSessionBytes
+  ]);
+  const n = d ?? s, u = Z(
+    (v) => n ? n.subscribe(v) : () => {
+    },
+    [n]
+  ), w = Z(() => n?.getSnapshot() ?? _, [n]), g = ie(u, w, () => _);
+  return { session: n, ...g };
+}
+function z(t) {
+  const [d, s] = C("");
+  return L(() => {
+    if (!t) {
+      s("");
+      return;
+    }
+    const o = URL.createObjectURL(t);
+    return s(o), () => URL.revokeObjectURL(o);
+  }, [t]), d;
+}
+const ue = {
+  title: "Scan your documents",
+  subtitle: "A few photos. One upload-ready PDF.",
+  addPhotos: "Add photos",
+  camera: "Use camera",
+  close: "Close scanner",
+  cancel: "Cancel",
+  emptyTitle: "Your paperwork, simplified.",
+  emptyDescription: "Take a photo or add images to create a PDF that fits your upload limit.",
+  choosePhotos: "Choose photos",
+  formats: "JPEG, PNG, or WebP",
+  privacy: "Processed on your device. Nothing is uploaded.",
+  page: "Page",
+  pages: "Pages",
+  edit: "Adjust corners",
+  preview: "Preview page",
+  rotate: "Rotate clockwise",
+  retake: "Replace photo",
+  remove: "Remove page",
+  moveUp: "Move page earlier",
+  moveDown: "Move page later",
+  natural: "Natural color",
+  grayscale: "Grayscale",
+  contrast: "More contrast",
+  filter: "Appearance",
+  corner: "Corner",
+  topLeft: "Top left",
+  topRight: "Top right",
+  bottomRight: "Bottom right",
+  bottomLeft: "Bottom left",
+  nudgeUp: "Nudge up",
+  nudgeDown: "Nudge down",
+  nudgeLeft: "Nudge left",
+  nudgeRight: "Nudge right",
+  resetCrop: "Use full image",
+  cropHelp: "Changes apply immediately. Drag a corner, use arrow keys, or select a corner and tap the arrows. Shift + arrow moves farther.",
+  prepare: "Prepare PDF",
+  preparing: "Preparing your PDF…",
+  importing: "Preparing your photos…",
+  pageSize: "Paper size",
+  a4: "A4",
+  letter: "US Letter",
+  image: "Match image",
+  limit: "Upload limit",
+  actualSize: "PDF size",
+  imageBytes: "Image contribution",
+  quality: "JPEG quality",
+  dimensions: "Dimensions",
+  qualityFloor: "Minimum JPEG quality",
+  resolutionFloor: "Minimum long edge (native size if smaller)",
+  invalidLimit: "maxBytes must be a positive integer number of bytes.",
+  reviewTitle: "Ready for your final look.",
+  reviewDescription: "These previews use the exact compressed images embedded in your PDF. Zoom in and check small text, signatures, and stamps.",
+  cannotFitTitle: "This document needs more room.",
+  cannotFitDescription: "We could not fit these pages within the limit and quality settings. Crop away excess background, retake a page, or remove pages you do not need.",
+  confirm: "Use this PDF",
+  back: "Back to editing",
+  zoom: "Preview zoom",
+  qualityNote: "Quality settings are not a readability guarantee. Please inspect the final result.",
+  noRecovery: "This session is held in memory. Refreshing or closing loses unfinished scans.",
+  discard: "Discard these unfinished scans? They are not saved and cannot be restored.",
+  removeConfirm: "Remove this page?",
+  cameraTitle: "Capture a page",
+  shutter: "Take photo",
+  cameraStarting: "Starting camera…",
+  cameraHelp: "Place the page on a contrasting background. Keep all four corners visible.",
+  cameraError: "The camera is unavailable or permission was denied. You can still choose photos.",
+  correctedPreview: "Corrected document preview",
+  sourcePreview: "Source document with editable corners",
+  manualCrop: "Check the four corners before continuing.",
+  detectorUnavailable: "Automatic detection was unavailable. Adjust the corners manually.",
+  blurry: "This photo may be blurry. Inspect the text or retake it.",
+  dark: "This photo may be too dark. Try better lighting.",
+  lowResolution: "This photo has limited resolution. Inspect small text carefully."
+}, X = (t) => t < 1e3 ? `${t} B` : t < 1e6 ? `${(t / 1e3).toFixed(1)} kB` : `${(t / 1e6).toFixed(2)} MB`;
+function he({
+  page: t,
+  onApply: d,
+  messages: s,
+  disabled: o
+}) {
+  const n = z(t.preview), [u, w] = C(() => M(t.edits.corners)), [g, v] = C(0), i = D(null), l = D(null);
+  L(
+    () => w(M(t.edits.corners)),
+    [t.edits.corners]
+  );
+  const b = [s.topLeft, s.topRight, s.bottomRight, s.bottomLeft];
+  function p(c, h, m) {
+    const f = M(u);
+    f[c] = {
+      x: Math.max(0, Math.min(1, h)),
+      y: Math.max(0, Math.min(1, m))
+    };
+    try {
+      oe(f);
+    } catch {
+      return;
+    }
+    w(f), d(f);
+  }
+  function P(c, h, m = 1) {
+    const f = u[g];
+    p(
+      g,
+      f.x + c * m / t.width,
+      f.y + h * m / t.height
+    );
+  }
+  const x = 600, y = x * t.height / t.width;
+  return /* @__PURE__ */ r("div", { className: "sf-crop", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "sf-image-wrap",
+        ref: i,
+        style: { aspectRatio: `${t.width}/${t.height}` },
+        children: [
+          n ? /* @__PURE__ */ e("img", { src: n, alt: s.sourcePreview, draggable: !1 }) : null,
+          /* @__PURE__ */ e(
+            "svg",
+            {
+              className: "sf-outline",
+              viewBox: "0 0 100 100",
+              preserveAspectRatio: "none",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e(
+                "polygon",
+                {
+                  points: u.map((c) => `${c.x * 100},${c.y * 100}`).join(" ")
+                }
+              )
+            }
+          ),
+          u.map((c, h) => /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `sf-handle ${g === h ? "sf-selected" : ""}`,
+              "aria-label": `${s.corner}: ${b[h]}`,
+              "aria-pressed": g === h,
+              "aria-keyshortcuts": "ArrowUp ArrowDown ArrowLeft ArrowRight",
+              disabled: o,
+              style: { left: `${c.x * 100}%`, top: `${c.y * 100}%` },
+              onFocus: () => v(h),
+              onPointerDown: (m) => {
+                o || (v(h), l.current = {
+                  index: h,
+                  rect: i.current.getBoundingClientRect()
+                }, m.currentTarget.setPointerCapture(m.pointerId));
+              },
+              onPointerMove: (m) => {
+                const f = l.current;
+                f?.index === h && p(
+                  h,
+                  (m.clientX - f.rect.left) / f.rect.width,
+                  (m.clientY - f.rect.top) / f.rect.height
+                );
+              },
+              onPointerUp: () => {
+                l.current = null;
+              },
+              onPointerCancel: () => {
+                l.current = null;
+              },
+              onKeyDown: (m) => {
+                const T = {
+                  ArrowLeft: [-1, 0],
+                  ArrowRight: [1, 0],
+                  ArrowUp: [0, -1],
+                  ArrowDown: [0, 1]
+                }[m.key];
+                if (T) {
+                  m.preventDefault();
+                  const E = m.shiftKey ? 10 : 1;
+                  p(
+                    h,
+                    c.x + T[0] * E / t.width,
+                    c.y + T[1] * E / t.height
+                  );
+                }
+              }
+            },
+            h
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: "sf-corner-tools", children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: "sf-magnifier",
+          "aria-hidden": "true",
+          style: {
+            backgroundImage: n ? `url("${n}")` : void 0,
+            backgroundSize: `${x}px ${y}px`,
+            backgroundPosition: `${48 - u[g].x * x}px ${48 - u[g].y * y}px`
+          },
+          children: /* @__PURE__ */ e("span", { children: "+" })
+        }
+      ),
+      /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ r("label", { className: "sf-label", children: [
+          s.corner,
+          /* @__PURE__ */ e(
+            "select",
+            {
+              value: g,
+              disabled: o,
+              onChange: (c) => v(Number(c.target.value)),
+              children: b.map((c, h) => /* @__PURE__ */ e("option", { value: h, children: c }, c))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "sf-nudges", children: [
+          [s.nudgeLeft, -1, 0, "←"],
+          [s.nudgeUp, 0, -1, "↑"],
+          [s.nudgeDown, 0, 1, "↓"],
+          [s.nudgeRight, 1, 0, "→"]
+        ].map(([c, h, m, f]) => /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            "aria-label": String(c),
+            disabled: o,
+            onClick: () => P(Number(h), Number(m), 5),
+            children: f
+          },
+          String(c)
+        )) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "sf-crop-actions", children: /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          disabled: o,
+          onClick: () => {
+            const c = M(le);
+            w(c), d(c);
+          },
+          children: s.resetCrop
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e("p", { className: "sf-hint", children: s.cropHelp }),
+    /* @__PURE__ */ r("p", { className: "sf-file-input", role: "status", "aria-live": "polite", "aria-atomic": "true", children: [
+      b[g],
+      ": x ",
+      (u[g].x * 100).toFixed(1),
+      "%, y ",
+      (u[g].y * 100).toFixed(1),
+      "%"
+    ] })
+  ] });
+}
+function me({
+  onCapture: t,
+  onClose: d,
+  messages: s
+}) {
+  const o = D(null), n = D(null), u = D(!1), [w, g] = C(!1), [v, i] = C(!1), [l, b] = C(!1), p = D(d);
+  p.current = d;
+  function P() {
+    n.current?.getTracks().forEach((y) => y.stop()), n.current = null;
+  }
+  L(() => {
+    u.current = !0;
+    let y = !0;
+    const c = () => {
+      document.hidden && (P(), p.current());
+    };
+    return document.addEventListener("visibilitychange", c), (async () => {
+      try {
+        if (!navigator.mediaDevices?.getUserMedia)
+          throw new Error("Camera unavailable.");
+        const h = await navigator.mediaDevices.getUserMedia({
+          audio: !1,
+          video: {
+            facingMode: { ideal: "environment" },
+            width: { ideal: 2560 },
+            height: { ideal: 1920 }
+          }
+        });
+        if (!y) {
+          h.getTracks().forEach((m) => m.stop());
+          return;
+        }
+        n.current = h, o.current.srcObject = h, await o.current.play(), y && g(!0);
+      } catch {
+        y && (P(), i(!0));
+      }
+    })(), () => {
+      y = !1, u.current = !1, document.removeEventListener("visibilitychange", c), P();
+    };
+  }, []);
+  async function x() {
+    if (!o.current || !w || l) return;
+    b(!0);
+    const y = document.createElement("canvas");
+    y.width = o.current.videoWidth, y.height = o.current.videoHeight;
+    try {
+      y.getContext("2d").drawImage(o.current, 0, 0);
+      const c = await new Promise(
+        (h, m) => y.toBlob(
+          (f) => f ? h(f) : m(new Error()),
+          "image/jpeg",
+          0.95
+        )
+      );
+      P(), u.current && t(c);
+    } catch {
+      u.current && (i(!0), b(!1));
+    } finally {
+      y.width = y.height = 0;
+    }
+  }
+  return /* @__PURE__ */ r("section", { className: "sf-camera", "aria-label": s.cameraTitle, children: [
+    /* @__PURE__ */ r("div", { className: "sf-section-heading", children: [
+      /* @__PURE__ */ e("h3", { children: s.cameraTitle }),
+      /* @__PURE__ */ e("button", { type: "button", onClick: d, children: s.cancel })
+    ] }),
+    v ? /* @__PURE__ */ e("p", { role: "alert", children: s.cameraError }) : /* @__PURE__ */ r(H, { children: [
+      /* @__PURE__ */ e("video", { ref: o, playsInline: !0, muted: !0, autoPlay: !0 }),
+      /* @__PURE__ */ e("p", { children: w ? s.cameraHelp : s.cameraStarting }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          className: "sf-primary",
+          disabled: !w || l,
+          onClick: () => {
+            x();
+          },
+          children: s.shutter
+        }
+      )
+    ] })
+  ] });
+}
+const V = {
+  "manual-crop": "manualCrop",
+  "detection-unavailable": "detectorUnavailable",
+  "possibly-blurry": "blurry",
+  "possibly-dark": "dark",
+  "low-resolution": "lowResolution"
+};
+function pe({
+  page: t,
+  index: d,
+  selected: s,
+  onSelect: o,
+  m: n
+}) {
+  const u = z(t.thumbnail);
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      className: `sf-thumbnail ${s ? "sf-current" : ""}`,
+      "aria-pressed": s,
+      "aria-label": `${n.page} ${d + 1}`,
+      onClick: o,
+      children: [
+        u ? /* @__PURE__ */ e("img", { src: u, alt: "" }) : null,
+        /* @__PURE__ */ e("span", { children: String(d + 1).padStart(2, "0") })
+      ]
+    }
+  );
+}
+function ge({
+  session: t,
+  page: d,
+  m: s
+}) {
+  const [o, n] = C(null), [u, w] = C(""), g = z(o);
+  return L(() => {
+    const v = new AbortController();
+    return n(null), w(""), t.renderPage(d.id, v.signal).then((i) => {
+      v.signal.aborted || n(i);
+    }).catch((i) => {
+      v.signal.aborted || w(i.message);
+    }), () => v.abort();
+  }, [
+    t,
+    d.id,
+    d.edits.corners,
+    d.edits.filter,
+    d.edits.rotation
+  ]), /* @__PURE__ */ e("div", { className: "sf-processed", children: u ? /* @__PURE__ */ e("p", { role: "alert", children: u }) : g ? /* @__PURE__ */ e("img", { src: g, alt: s.correctedPreview }) : /* @__PURE__ */ e("p", { role: "status", children: s.preparing }) });
+}
+function fe({
+  report: t,
+  ready: d,
+  onBack: s,
+  onConfirm: o,
+  m: n
+}) {
+  const [u, w] = C(0), [g, v] = C(100), i = D(null), l = t.pages[u] ?? t.pages[0], b = z(l.preview);
+  return L(() => i.current?.focus(), []), /* @__PURE__ */ r("section", { className: "sf-review", children: [
+    /* @__PURE__ */ r("div", { className: `sf-result-banner ${d ? "" : "sf-warning"}`, children: [
+      /* @__PURE__ */ e("span", { className: "sf-result-icon", "aria-hidden": "true", children: d ? "✓" : "!" }),
+      /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ e("h3", { tabIndex: -1, ref: i, children: d ? n.reviewTitle : n.cannotFitTitle }),
+        /* @__PURE__ */ e("p", { children: d ? n.reviewDescription : n.cannotFitDescription })
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "sf-review-layout", children: [
+      /* @__PURE__ */ r("div", { className: "sf-final-stage", children: [
+        /* @__PURE__ */ r("div", { className: "sf-section-heading", children: [
+          /* @__PURE__ */ r("label", { children: [
+            n.page,
+            " ",
+            /* @__PURE__ */ e(
+              "select",
+              {
+                value: u,
+                onChange: (p) => w(Number(p.target.value)),
+                children: t.pages.map((p, P) => /* @__PURE__ */ e("option", { value: P, children: P + 1 }, p.id))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r("label", { children: [
+            n.zoom,
+            " ",
+            /* @__PURE__ */ e(
+              "select",
+              {
+                value: g,
+                onChange: (p) => v(Number(p.target.value)),
+                children: [100, 150, 200, 300].map((p) => /* @__PURE__ */ r("option", { value: p, children: [
+                  p,
+                  "%"
+                ] }, p))
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "sf-zoom-viewport", children: b ? /* @__PURE__ */ e(
+          "img",
+          {
+            src: b,
+            alt: `${n.correctedPreview} ${u + 1}`,
+            style: { width: `${g}%`, maxWidth: "none" }
+          }
+        ) : null })
+      ] }),
+      /* @__PURE__ */ r("aside", { className: "sf-report", children: [
+        /* @__PURE__ */ e("div", { className: "sf-size-number", children: X(t.bytes) }),
+        /* @__PURE__ */ r("p", { children: [
+          n.actualSize,
+          ": ",
+          t.bytes.toLocaleString(),
+          " B",
+          /* @__PURE__ */ e("br", {}),
+          n.limit,
+          ": ",
+          t.maxBytes.toLocaleString(),
+          " B"
+        ] }),
+        /* @__PURE__ */ e("div", { className: "sf-budget-track", children: /* @__PURE__ */ e(
+          "span",
+          {
+            style: {
+              width: `${Math.min(100, t.bytes / t.maxBytes * 100)}%`
+            }
+          }
+        ) }),
+        /* @__PURE__ */ e("h4", { children: n.imageBytes }),
+        /* @__PURE__ */ e("ol", { children: t.pages.map((p, P) => /* @__PURE__ */ r("li", { children: [
+          /* @__PURE__ */ r("button", { type: "button", onClick: () => w(P), children: [
+            n.page,
+            " ",
+            P + 1
+          ] }),
+          /* @__PURE__ */ r("span", { children: [
+            p.imageBytes.toLocaleString(),
+            " B"
+          ] })
+        ] }, p.id)) }),
+        /* @__PURE__ */ r("dl", { children: [
+          /* @__PURE__ */ e("dt", { children: n.dimensions }),
+          /* @__PURE__ */ r("dd", { children: [
+            l.width,
+            " × ",
+            l.height
+          ] }),
+          /* @__PURE__ */ e("dt", { children: n.quality }),
+          /* @__PURE__ */ r("dd", { children: [
+            Math.round(l.quality * 100),
+            "%"
+          ] }),
+          /* @__PURE__ */ e("dt", { children: n.qualityFloor }),
+          /* @__PURE__ */ r("dd", { children: [
+            Math.round(t.limits.minQuality * 100),
+            "%"
+          ] }),
+          /* @__PURE__ */ e("dt", { children: n.resolutionFloor }),
+          /* @__PURE__ */ r("dd", { children: [
+            t.limits.minLongEdge,
+            " px"
+          ] })
+        ] }),
+        /* @__PURE__ */ e("p", { className: "sf-hint", children: n.qualityNote }),
+        l.warnings.map((p) => /* @__PURE__ */ e("p", { className: "sf-hint", children: n[V[p]] }, p))
+      ] })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "sf-footer", children: [
+      /* @__PURE__ */ e("button", { type: "button", onClick: s, children: n.back }),
+      d ? /* @__PURE__ */ r("button", { type: "button", className: "sf-primary", onClick: o, children: [
+        n.confirm,
+        " ",
+        /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "↗" })
+      ] }) : null
+    ] })
+  ] });
+}
+function Ce(t) {
+  const {
+    session: d,
+    options: s,
+    maxBytes: o,
+    onComplete: n,
+    onClose: u,
+    onError: w,
+    dir: g = "ltr",
+    className: v = ""
+  } = t, i = ne(
+    () => ({ ...ue, ...t.messages }),
+    [t.messages]
+  ), { session: l, pages: b, status: p, progress: P, result: x } = de(
+    s,
+    d
+  ), [y, c] = C(""), [h, m] = C("crop"), [f, T] = C(!1), [E, $] = C(""), [Q, ee] = C("a4"), [G, B] = C(), I = D(null), W = D(null), O = ae(), k = p !== "idle", N = b.find((a) => a.id === y) ?? b[0], F = N ? b.indexOf(N) : -1, j = Number.isSafeInteger(o) && o > 0, K = t.qualityLimits?.minQuality, Y = t.qualityLimits?.minLongEdge;
+  L(() => {
+    l?.cancel();
+  }, [l, o, K, Y]);
+  function q(a) {
+    const S = a instanceof Error ? a : new Error(String(a));
+    $(S.message), w?.(S);
+  }
+  async function A(a, S) {
+    if (l) {
+      $(""), T(!1), m("crop");
+      try {
+        const U = await l.addFiles(a, { replacePageId: S });
+        U.length && c(U[U.length - 1].id);
+      } catch (U) {
+        q(U);
+      } finally {
+        B(void 0);
+      }
+    }
+  }
+  function R(a) {
+    $("");
+    try {
+      a();
+    } catch (S) {
+      q(S);
+    }
+  }
+  function te() {
+    (!b.length || window.confirm(i.discard)) && u?.();
+  }
+  async function re() {
+    if (!(!l || !j)) {
+      m("crop"), $("");
+      try {
+        await l.exportPdf({ maxBytes: o, pageSize: Q, minQuality: K, minLongEdge: Y });
+      } catch (a) {
+        q(a);
+      }
+    }
+  }
+  const J = x && x.status !== "cancelled" ? x.report : null;
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      className: `sf-scanner ${v}`,
+      dir: g,
+      "aria-labelledby": O,
+      children: [
+        /* @__PURE__ */ r("header", { className: "sf-header", children: [
+          t.renderHeader ? /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ e("h2", { id: O, className: "sf-file-input", children: i.title }),
+            t.renderHeader({ pageCount: b.length, maxBytes: o })
+          ] }) : /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ e("h2", { id: O, children: i.title }),
+            /* @__PURE__ */ e("p", { children: i.subtitle })
+          ] }),
+          u ? /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: "sf-icon-button",
+              "aria-label": i.close,
+              onClick: te,
+              children: "×"
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: I,
+            className: "sf-file-input",
+            tabIndex: -1,
+            "aria-hidden": "true",
+            "aria-label": i.addPhotos,
+            type: "file",
+            accept: "image/jpeg,image/png,image/webp",
+            multiple: !0,
+            onChange: (a) => {
+              const S = Array.from(a.target.files ?? []);
+              a.target.value = "", A(S);
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: W,
+            className: "sf-file-input",
+            tabIndex: -1,
+            "aria-hidden": "true",
+            "aria-label": i.retake,
+            type: "file",
+            accept: "image/jpeg,image/png,image/webp",
+            capture: "environment",
+            onChange: (a) => {
+              const S = Array.from(a.target.files ?? []);
+              a.target.value = "", S.length && A(S, G);
+            }
+          }
+        ),
+        E ? /* @__PURE__ */ e("div", { className: "sf-error", role: "alert", children: E }) : null,
+        j ? null : /* @__PURE__ */ e("div", { className: "sf-error", role: "alert", children: i.invalidLimit }),
+        k ? /* @__PURE__ */ r("div", { className: "sf-progress", role: "status", children: [
+          /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ e("span", { children: p === "importing" ? i.importing : i.preparing }),
+            /* @__PURE__ */ e("button", { type: "button", onClick: () => l?.cancel(), children: i.cancel })
+          ] }),
+          /* @__PURE__ */ e("progress", { max: 1, value: P })
+        ] }) : null,
+        f ? /* @__PURE__ */ e(
+          me,
+          {
+            messages: i,
+            onClose: () => T(!1),
+            onCapture: (a) => {
+              A([a], G);
+            }
+          }
+        ) : J ? /* @__PURE__ */ e(
+          fe,
+          {
+            report: J,
+            ready: x?.status === "ready" && x.file.size <= o,
+            m: i,
+            onBack: () => l?.cancel(),
+            onConfirm: () => {
+              x?.status === "ready" && x.file.size <= o && n({ file: x.file, report: x.report });
+            }
+          }
+        ) : b.length ? /* @__PURE__ */ r(H, { children: [
+          /* @__PURE__ */ r("div", { className: "sf-toolbar", children: [
+            /* @__PURE__ */ r("div", { className: "sf-count", children: [
+              b.length,
+              " ",
+              i.pages.toLowerCase()
+            ] }),
+            /* @__PURE__ */ r("div", { children: [
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  disabled: k,
+                  onClick: () => I.current?.click(),
+                  children: [
+                    "+ ",
+                    i.addPhotos
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  disabled: k,
+                  onClick: () => {
+                    B(void 0), T(!0);
+                  },
+                  children: i.camera
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "sf-workspace", children: [
+            /* @__PURE__ */ e("aside", { className: "sf-pages", "aria-label": i.pages, children: b.map((a, S) => /* @__PURE__ */ r("div", { children: [
+              /* @__PURE__ */ e(
+                pe,
+                {
+                  page: a,
+                  index: S,
+                  selected: a.id === N?.id,
+                  onSelect: () => {
+                    c(a.id), m("crop");
+                  },
+                  m: i
+                }
+              ),
+              t.renderPageSummary?.(a, S)
+            ] }, a.id)) }),
+            /* @__PURE__ */ e("div", { className: "sf-editor", children: N && l ? /* @__PURE__ */ r(H, { children: [
+              /* @__PURE__ */ r("div", { className: "sf-editor-heading", children: [
+                /* @__PURE__ */ r("div", { className: "sf-tabs", role: "group", "aria-label": i.page, children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-pressed": h === "crop",
+                      onClick: () => m("crop"),
+                      children: i.edit
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-pressed": h === "preview",
+                      disabled: k,
+                      onClick: () => m("preview"),
+                      children: i.preview
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ r("span", { children: [
+                  i.page,
+                  " ",
+                  F + 1
+                ] })
+              ] }),
+              h === "crop" ? /* @__PURE__ */ e(
+                he,
+                {
+                  page: N,
+                  disabled: k,
+                  messages: i,
+                  onApply: (a) => R(() => l.updatePage(N.id, { corners: a }))
+                },
+                N.id
+              ) : /* @__PURE__ */ e(ge, { session: l, page: N, m: i }),
+              /* @__PURE__ */ r("div", { className: "sf-page-actions", children: [
+                /* @__PURE__ */ r("label", { children: [
+                  i.filter,
+                  /* @__PURE__ */ r(
+                    "select",
+                    {
+                      value: N.edits.filter,
+                      disabled: k,
+                      onChange: (a) => R(
+                        () => l.updatePage(N.id, {
+                          filter: a.target.value
+                        })
+                      ),
+                      children: [
+                        /* @__PURE__ */ e("option", { value: "natural", children: i.natural }),
+                        /* @__PURE__ */ e("option", { value: "grayscale", children: i.grayscale }),
+                        /* @__PURE__ */ e("option", { value: "contrast", children: i.contrast })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: k,
+                    onClick: () => R(
+                      () => l.updatePage(N.id, {
+                        rotation: (N.edits.rotation + 90) % 360
+                      })
+                    ),
+                    children: i.rotate
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: k,
+                    onClick: () => {
+                      B(N.id), W.current?.click();
+                    },
+                    children: i.retake
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: k,
+                    "aria-label": i.moveUp,
+                    onClick: () => R(() => l.movePage(N.id, F - 1)),
+                    hidden: F === 0,
+                    children: "↑"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: k,
+                    "aria-label": i.moveDown,
+                    onClick: () => R(() => l.movePage(N.id, F + 1)),
+                    hidden: F === b.length - 1,
+                    children: "↓"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    className: "sf-danger",
+                    disabled: k,
+                    onClick: () => {
+                      window.confirm(i.removeConfirm) && R(() => l.removePage(N.id));
+                    },
+                    children: i.remove
+                  }
+                )
+              ] }),
+              N.warnings.map((a) => /* @__PURE__ */ e("p", { className: "sf-hint", children: i[V[a]] }, a))
+            ] }) : null })
+          ] }),
+          /* @__PURE__ */ r("footer", { className: "sf-footer", children: [
+            /* @__PURE__ */ r("label", { children: [
+              i.pageSize,
+              /* @__PURE__ */ r(
+                "select",
+                {
+                  value: Q,
+                  disabled: k,
+                  onChange: (a) => ee(a.target.value),
+                  children: [
+                    /* @__PURE__ */ e("option", { value: "a4", children: i.a4 }),
+                    /* @__PURE__ */ e("option", { value: "letter", children: i.letter }),
+                    /* @__PURE__ */ e("option", { value: "image", children: i.image })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r("div", { className: "sf-export-actions", children: [
+              /* @__PURE__ */ r("span", { children: [
+                i.limit,
+                ": ",
+                /* @__PURE__ */ e("strong", { children: X(o) })
+              ] }),
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  className: "sf-primary",
+                  disabled: k || !j,
+                  onClick: () => {
+                    re();
+                  },
+                  children: [
+                    i.prepare,
+                    " ",
+                    /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "→" })
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ r(
+          "div",
+          {
+            className: "sf-empty",
+            onDragOver: (a) => a.preventDefault(),
+            onDrop: (a) => {
+              a.preventDefault(), k || A(Array.from(a.dataTransfer.files));
+            },
+            children: [
+              /* @__PURE__ */ r("div", { className: "sf-paper-illustration", "aria-hidden": "true", children: [
+                /* @__PURE__ */ e("span", {}),
+                /* @__PURE__ */ e("span", {}),
+                /* @__PURE__ */ e("span", {}),
+                /* @__PURE__ */ e("span", {}),
+                /* @__PURE__ */ e("i", { children: "+" })
+              ] }),
+              /* @__PURE__ */ e("h3", { children: i.emptyTitle }),
+              /* @__PURE__ */ e("p", { children: i.emptyDescription }),
+              /* @__PURE__ */ r("div", { className: "sf-empty-actions", children: [
+                /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    className: "sf-primary",
+                    disabled: !l || k,
+                    onClick: () => I.current?.click(),
+                    children: [
+                      i.choosePhotos,
+                      " ",
+                      /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "↑" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: !l || k,
+                    onClick: () => {
+                      B(void 0), T(!0);
+                    },
+                    children: i.camera
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e("small", { children: i.formats })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "sf-privacy", children: [
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "◈" }),
+          " ",
+          i.privacy,
+          /* @__PURE__ */ e("small", { children: i.noRecovery })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Ce as DocumentScanner,
+  ue as defaultMessages,
+  X as formatBytes,
+  de as useScanSession
+};