@pallasoft/ps-file-components 1.3.0 → 1.4.0

package/dist/components/ps-document-scanner-loader.d.ts

@@ -0,0 +1 @@
+export declare const PsDocumentScannerLoader: import("react").LazyExoticComponent<({ fileName, jpegQuality, labels, maxDimension, maxPages, onClose, onComplete, outputFormat, }: import("../models/ps-document-scanner-sheet-props").PsDocumentScannerSheetProps) => import("react").JSX.Element | null>;

package/dist/components/ps-document-scanner-loader.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsDocumentScannerLoader = void 0;
+const react_1 = require("react");
+exports.PsDocumentScannerLoader = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./ps-document-scanner-sheet'))).then((module) => ({
+    default: module.PsDocumentScannerSheet,
+})));

package/dist/components/ps-document-scanner-sheet.d.ts

@@ -0,0 +1,2 @@
+import type { PsDocumentScannerSheetProps } from '../models/ps-document-scanner-sheet-props';
+export declare const PsDocumentScannerSheet: ({ fileName, jpegQuality, labels, maxDimension, maxPages, onClose, onComplete, outputFormat, }: PsDocumentScannerSheetProps) => import("react").JSX.Element | null;

package/dist/components/ps-document-scanner-sheet.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsDocumentScannerSheet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ps_core_components_1 = require("@pallasoft/ps-core-components");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_popovers_1 = require("@pallasoft/ps-popovers");
+const react_dom_1 = require("react-dom");
+const ps_scan_step_1 = require("../constants/ps-scan-step");
+const use_ps_focus_trap_1 = require("../hooks/use-ps-focus-trap");
+const use_ps_scan_camera_1 = require("../hooks/use-ps-scan-camera");
+const use_ps_scan_pages_1 = require("../hooks/use-ps-scan-pages");
+const use_ps_scan_previews_1 = require("../hooks/use-ps-scan-previews");
+const ps_scan_output_service_1 = require("../services/ps-scan-output-service");
+const ps_scan_pipeline_service_1 = require("../services/ps-scan-pipeline-service");
+const ps_scan_template_service_1 = require("../services/ps-scan-template-service");
+const ps_scan_camera_view_1 = require("./ps-scan-camera-view");
+const ps_scan_crop_editor_1 = require("./ps-scan-crop-editor");
+const ps_scan_icon_button_1 = require("./ps-scan-icon-button");
+const ps_scan_review_1 = require("./ps-scan-review");
+const PsDocumentScannerSheet = ({ fileName, jpegQuality, labels, maxDimension, maxPages, onClose, onComplete, outputFormat, }) => {
+    const tier = (0, ps_core_components_1.usePsViewport)();
+    const zIndex = (0, ps_core_components_1.usePsLayerZIndex)(ps_design_system_1.PallasoftZIndex.Modal);
+    const content = (0, react_1.useRef)(null);
+    const { add, move, pages, remove, replace, setCorners, update } = (0, use_ps_scan_pages_1.usePsScanPages)();
+    const [step, setStep] = (0, react_1.useState)(ps_scan_step_1.PsScanStep.Camera);
+    const [activeId, setActiveId] = (0, react_1.useState)('');
+    const [retakeId, setRetakeId] = (0, react_1.useState)('');
+    const [announcement, setAnnouncement] = (0, react_1.useState)('');
+    const [error, setError] = (0, react_1.useState)('');
+    const [isBusy, setIsBusy] = (0, react_1.useState)(false);
+    const camera = (0, use_ps_scan_camera_1.usePsScanCamera)(step === ps_scan_step_1.PsScanStep.Camera);
+    const previews = (0, use_ps_scan_previews_1.usePsScanPreviews)(pages);
+    const page = pages.find((item) => item.id === activeId);
+    const isDesktop = tier === ps_design_system_1.PallasoftViewportTier.Desktop;
+    (0, ps_core_components_1.usePsScrollLock)(!isDesktop);
+    (0, ps_core_components_1.usePsRestoreFocus)(true);
+    (0, use_ps_focus_trap_1.usePsFocusTrap)(content, true, onClose);
+    const edgeMessage = (isDetected) => isDetected ? labels.edgesFound : labels.edgesNotFound;
+    const addFiles = async (files) => {
+        setError('');
+        try {
+            const images = files.filter((file) => file.type === '' || file.type.startsWith('image/'));
+            if (retakeId !== '' && images.length > 0) {
+                const added = await replace(retakeId, images[0]);
+                setActiveId(retakeId);
+                setRetakeId('');
+                setStep(ps_scan_step_1.PsScanStep.Crop);
+                setAnnouncement(edgeMessage(added.isDetected));
+                return;
+            }
+            const room = Math.max(0, maxPages - pages.length);
+            if (images.length > room)
+                setError(labels.maxPages);
+            const added = await add(images.slice(0, room));
+            if (added.length === 0)
+                return;
+            setActiveId(added[0].page.id);
+            setStep(added.length === 1 ? ps_scan_step_1.PsScanStep.Crop : ps_scan_step_1.PsScanStep.Review);
+            setAnnouncement(added.length === 1
+                ? edgeMessage(added[0].isDetected)
+                : ps_scan_template_service_1.PsScanTemplateService.fill(labels.pageAdded, { position: pages.length + added.length }));
+        }
+        catch {
+            setError(labels.processFailed);
+        }
+    };
+    const capture = async () => {
+        const blob = await camera.capture();
+        if (blob !== null)
+            await addFiles([blob]);
+    };
+    const autoDetect = async () => {
+        if (page === undefined)
+            return;
+        const prepared = await ps_scan_pipeline_service_1.PsScanPipelineService.prepare(page.source);
+        setCorners(page.id, prepared.corners);
+        setAnnouncement(edgeMessage(prepared.isDetected));
+    };
+    const retake = () => {
+        if (page === undefined)
+            return;
+        setRetakeId(page.id);
+        setStep(ps_scan_step_1.PsScanStep.Camera);
+    };
+    const deletePage = () => {
+        if (page === undefined)
+            return;
+        const index = pages.findIndex((item) => item.id === page.id);
+        const rest = pages.filter((item) => item.id !== page.id);
+        remove(page.id);
+        setAnnouncement(labels.pageDeleted);
+        if (rest.length === 0) {
+            setActiveId('');
+            setStep(ps_scan_step_1.PsScanStep.Camera);
+        }
+        else
+            setActiveId(rest[Math.min(index, rest.length - 1)].id);
+    };
+    const finish = async () => {
+        setIsBusy(true);
+        setError('');
+        try {
+            const files = await ps_scan_output_service_1.PsScanOutputService.build(pages, {
+                fileName,
+                format: outputFormat,
+                jpegQuality,
+                maxDimension,
+            });
+            onComplete(files);
+            onClose();
+        }
+        catch {
+            setError(labels.processFailed);
+            setIsBusy(false);
+        }
+    };
+    const moveTo = (0, react_1.useCallback)((from, to) => {
+        move(from, to);
+        setAnnouncement(ps_scan_template_service_1.PsScanTemplateService.fill(labels.pageMoved, {
+            count: pages.length,
+            page: `${labels.page} ${from + 1}`,
+            position: to + 1,
+        }));
+    }, [move, pages.length, labels]);
+    const body = ((0, jsx_runtime_1.jsxs)("div", { className: 'relative h-full min-h-0 bg-surface text-ink', ref: content, children: [(0, jsx_runtime_1.jsx)("p", { "aria-live": 'polite', className: 'sr-only', role: 'status', children: announcement }), step === ps_scan_step_1.PsScanStep.Camera ? ((0, jsx_runtime_1.jsx)(ps_scan_camera_view_1.PsScanCameraView, { canGoBack: pages.length > 0, canTorch: camera.canTorch, isTorchOn: camera.isTorchOn, labels: labels, onBack: () => {
+                    setRetakeId('');
+                    setStep(ps_scan_step_1.PsScanStep.Review);
+                }, onCapture: capture, onFiles: addFiles, onToggleTorch: camera.toggleTorch, status: camera.status, videoRef: camera.videoRef })) : null, step === ps_scan_step_1.PsScanStep.Crop && page !== undefined ? ((0, jsx_runtime_1.jsx)(ps_scan_crop_editor_1.PsScanCropEditor, { labels: labels, onApply: () => setStep(ps_scan_step_1.PsScanStep.Review), onAutoDetect: autoDetect, onChange: (corners) => setCorners(page.id, corners), onRetake: retake, page: page })) : null, step === ps_scan_step_1.PsScanStep.Review && page !== undefined ? ((0, jsx_runtime_1.jsx)(ps_scan_review_1.PsScanReview, { canAddPage: pages.length < maxPages, error: error, isBusy: isBusy, labels: labels, onAddPage: () => setStep(ps_scan_step_1.PsScanStep.Camera), onDelete: deletePage, onEditCrop: () => setStep(ps_scan_step_1.PsScanStep.Crop), onFilter: (filter) => update(page.id, { filter }), onFinish: finish, onMove: moveTo, onRetake: retake, onRotate: () => update(page.id, { rotation: (page.rotation + 90) % 360 }), onSelect: setActiveId, page: page, pages: pages, previews: previews })) : null, step === ps_scan_step_1.PsScanStep.Camera && error !== '' ? ((0, jsx_runtime_1.jsx)("p", { className: 'absolute inset-x-4 top-3 rounded-ps-control bg-danger px-3 py-2 text-sm text-white', role: 'alert', children: error })) : null] }));
+    if (isDesktop)
+        return ((0, jsx_runtime_1.jsx)(ps_popovers_1.PsModal, { isOpen: true, onClose: onClose, size: 'xl', title: labels.title, children: (0, jsx_runtime_1.jsx)("div", { className: '-m-4 h-[min(70dvh,38rem)] overflow-hidden sm:-m-5', children: body }) }));
+    if (typeof document === 'undefined')
+        return null;
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)("div", { "aria-label": labels.title, "aria-modal": 'true', className: 'fixed inset-0 flex flex-col bg-surface text-ink animate-ps-fade-in', role: 'dialog', style: { zIndex }, children: (0, jsx_runtime_1.jsxs)(ps_core_components_1.PsLayer, { zIndex: zIndex, children: [(0, jsx_runtime_1.jsxs)("header", { className: 'flex shrink-0 items-center justify-between gap-3 border-b border-line px-4 pt-[max(0.5rem,env(safe-area-inset-top))] pb-2', children: [(0, jsx_runtime_1.jsx)("h2", { className: 'truncate text-base font-semibold', children: labels.title }), (0, jsx_runtime_1.jsx)(ps_scan_icon_button_1.PsScanIconButton, { label: labels.close, onClick: onClose, children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-5', iconKey: ps_icons_1.PsIconKey.Close }) })] }), (0, jsx_runtime_1.jsx)("div", { className: 'min-h-0 flex-1', children: body })] }) }), document.body);
+};
+exports.PsDocumentScannerSheet = PsDocumentScannerSheet;

package/dist/components/ps-document-scanner.d.ts

@@ -0,0 +1,2 @@
+import type { PsDocumentScannerProps } from '../models/ps-document-scanner-props';
+export declare const PsDocumentScanner: ({ fileName, isOpen, jpegQuality, labels, maxDimension, maxPages, onClose, onComplete, outputFormat, }: PsDocumentScannerProps) => import("react").JSX.Element | null;

package/dist/components/ps-document-scanner.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsDocumentScanner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ps_core_components_1 = require("@pallasoft/ps-core-components");
+const ps_document_scanner_labels_1 = require("../constants/ps-document-scanner-labels");
+const ps_scan_config_1 = require("../constants/ps-scan-config");
+const ps_scan_output_format_1 = require("../constants/ps-scan-output-format");
+const ps_document_scanner_loader_1 = require("./ps-document-scanner-loader");
+const PsDocumentScanner = ({ fileName = ps_scan_config_1.PsScanConfig.defaultFileName, isOpen, jpegQuality = ps_scan_config_1.PsScanConfig.defaultJpegQuality, labels, maxDimension = ps_scan_config_1.PsScanConfig.defaultMaxDimension, maxPages = ps_scan_config_1.PsScanConfig.defaultMaxPages, onClose, onComplete, outputFormat = ps_scan_output_format_1.PsScanOutputFormat.Pdf, }) => {
+    const isHydrated = (0, ps_core_components_1.usePsHydrated)();
+    if (!isOpen || !isHydrated)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: null, children: (0, jsx_runtime_1.jsx)(ps_document_scanner_loader_1.PsDocumentScannerLoader, { fileName: fileName, jpegQuality: jpegQuality, labels: { ...ps_document_scanner_labels_1.PsDocumentScannerLabels, ...labels }, maxDimension: maxDimension, maxPages: maxPages, onClose: onClose, onComplete: onComplete, outputFormat: outputFormat }) }));
+};
+exports.PsDocumentScanner = PsDocumentScanner;

package/dist/components/ps-file-viewer-pane.d.ts

@@ -0,0 +1,2 @@
+import type { PsFileViewerPaneProps } from '../models/ps-file-viewer-pane-props';
+export declare const PsFileViewerPane: ({ contentType, headerActions, id, labels, name, pdfWorkerSrc, url, }: PsFileViewerPaneProps) => import("react").JSX.Element;

package/dist/components/ps-file-viewer-pane.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsFileViewerPane = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_file_viewer_config_1 = require("../constants/ps-file-viewer-config");
+const ps_file_viewer_kinds_1 = require("../constants/ps-file-viewer-kinds");
+const ps_file_viewer_labels_1 = require("../constants/ps-file-viewer-labels");
+const ps_file_type_service_1 = require("../services/ps-file-type-service");
+const ps_file_viewer_button_1 = require("./ps-file-viewer-button");
+const ps_file_viewer_content_1 = require("./ps-file-viewer-content");
+const PsFileViewerPane = ({ contentType, headerActions, id, labels = ps_file_viewer_labels_1.PsFileViewerLabels, name, pdfWorkerSrc, url, }) => {
+    const [zoom, setZoom] = (0, react_1.useState)(1);
+    const [rotation, setRotation] = (0, react_1.useState)(0);
+    const kind = ps_file_type_service_1.PsFileTypeService.kindOf(contentType, name);
+    const canZoom = ps_file_viewer_kinds_1.PsFileViewerKinds.zoomable.includes(kind);
+    const canRotate = ps_file_viewer_kinds_1.PsFileViewerKinds.rotatable.includes(kind);
+    const changeZoom = (step) => setZoom((current) => Math.min(ps_file_viewer_config_1.PsFileViewerConfig.maxZoom, Math.max(ps_file_viewer_config_1.PsFileViewerConfig.minZoom, current + step)));
+    const fileKey = id === undefined ? url : id;
+    const rotate = () => setRotation((current) => (current + ps_file_viewer_config_1.PsFileViewerConfig.rotateStep) % 360);
+    const onKeyDown = (event) => {
+        if (event.metaKey || event.ctrlKey || event.altKey)
+            return;
+        if (canZoom && (event.key === '+' || event.key === '='))
+            changeZoom(ps_file_viewer_config_1.PsFileViewerConfig.zoomStep);
+        else if (canZoom && (event.key === '-' || event.key === '_'))
+            changeZoom(-ps_file_viewer_config_1.PsFileViewerConfig.zoomStep);
+        else if (canZoom && event.key === '0')
+            setZoom(1);
+        else if (canRotate && event.key.toLowerCase() === 'r')
+            rotate();
+        else
+            return;
+        event.preventDefault();
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'flex h-full min-h-0 min-w-0 flex-col overflow-hidden rounded-ps-panel bg-black/85', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex shrink-0 flex-wrap items-center justify-between gap-x-2 border-b border-white/10 px-2 py-1 text-white', children: [(0, jsx_runtime_1.jsx)("p", { className: 'min-w-0 flex-1 basis-32 truncate px-1 text-xs text-white/70', title: name, children: name }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex items-center gap-0.5', role: 'toolbar', children: [canZoom ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ps_file_viewer_button_1.PsFileViewerButton, { disabled: zoom <= ps_file_viewer_config_1.PsFileViewerConfig.minZoom, label: labels.zoomOut, onClick: () => changeZoom(-ps_file_viewer_config_1.PsFileViewerConfig.zoomStep), children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-4', iconKey: ps_icons_1.PsIconKey.ZoomOut }) }), (0, jsx_runtime_1.jsxs)(ps_file_viewer_button_1.PsFileViewerButton, { className: 'w-14 text-xs', label: labels.zoomReset, onClick: () => setZoom(1), children: [Math.round(zoom * 100), "%"] }), (0, jsx_runtime_1.jsx)(ps_file_viewer_button_1.PsFileViewerButton, { disabled: zoom >= ps_file_viewer_config_1.PsFileViewerConfig.maxZoom, label: labels.zoomIn, onClick: () => changeZoom(ps_file_viewer_config_1.PsFileViewerConfig.zoomStep), children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-4', iconKey: ps_icons_1.PsIconKey.ZoomIn }) })] })) : null, canRotate ? ((0, jsx_runtime_1.jsx)(ps_file_viewer_button_1.PsFileViewerButton, { label: labels.rotate, onClick: rotate, children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-4', iconKey: ps_icons_1.PsIconKey.Rotate }) })) : null, headerActions] })] }), (0, jsx_runtime_1.jsx)("div", { className: 'ps-focus-ring flex min-h-0 flex-1 p-2', onKeyDown: onKeyDown, tabIndex: 0, children: (0, jsx_runtime_1.jsx)(ps_file_viewer_content_1.PsFileViewerContent, { activeMatch: 0, file: { contentType, id: fileKey, name, url }, labels: labels, onMatchCount: () => undefined, pdfWorkerSrc: pdfWorkerSrc, query: '', rotation: rotation, zoom: zoom }, fileKey) })] }));
+};
+exports.PsFileViewerPane = PsFileViewerPane;

package/dist/components/ps-scan-camera-view.d.ts

@@ -0,0 +1,17 @@
+import { type RefObject } from 'react';
+import { PsDocumentScannerLabels } from '../constants/ps-document-scanner-labels';
+import { PsScanCameraStatus } from '../constants/ps-scan-camera-status';
+import type { PsLabelSet } from '../models/ps-label-set';
+export interface PsScanCameraViewProps {
+    canGoBack: boolean;
+    canTorch: boolean;
+    isTorchOn: boolean;
+    labels: PsLabelSet<typeof PsDocumentScannerLabels>;
+    onBack: () => void;
+    onCapture: () => void;
+    onFiles: (files: File[]) => void;
+    onToggleTorch: () => void;
+    status: PsScanCameraStatus;
+    videoRef: RefObject<HTMLVideoElement>;
+}
+export declare const PsScanCameraView: ({ canGoBack, canTorch, isTorchOn, labels, onBack, onCapture, onFiles, onToggleTorch, status, videoRef, }: PsScanCameraViewProps) => import("react").JSX.Element;

package/dist/components/ps-scan-camera-view.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsScanCameraView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ps_core_components_1 = require("@pallasoft/ps-core-components");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_scan_camera_status_1 = require("../constants/ps-scan-camera-status");
+const ps_scan_icon_button_1 = require("./ps-scan-icon-button");
+const PsScanCameraView = ({ canGoBack, canTorch, isTorchOn, labels, onBack, onCapture, onFiles, onToggleTorch, status, videoRef, }) => {
+    const captureInput = (0, react_1.useRef)(null);
+    const libraryInput = (0, react_1.useRef)(null);
+    const isReady = status === ps_scan_camera_status_1.PsScanCameraStatus.Ready;
+    const message = status === ps_scan_camera_status_1.PsScanCameraStatus.Denied
+        ? labels.cameraDenied
+        : status === ps_scan_camera_status_1.PsScanCameraStatus.Unavailable
+            ? labels.cameraUnavailable
+            : '';
+    const onChange = (event) => {
+        const files = Array.from(event.target.files === null ? [] : event.target.files);
+        event.target.value = '';
+        if (files.length > 0)
+            onFiles(files);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'flex h-full min-h-0 flex-col bg-slate-950 text-white', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'relative min-h-0 flex-1', children: [(0, jsx_runtime_1.jsx)("video", { "aria-label": labels.title, autoPlay: true, className: `size-full object-contain ${isReady ? '' : 'invisible'}`, muted: true, playsInline: true, ref: videoRef }), status === ps_scan_camera_status_1.PsScanCameraStatus.Starting ? ((0, jsx_runtime_1.jsxs)("div", { className: 'absolute inset-0 flex flex-col items-center justify-center gap-3 text-sm text-white/80', role: 'status', children: [(0, jsx_runtime_1.jsx)(ps_core_components_1.PsSpinner, { color: 'current', label: labels.cameraStarting, size: 'small' }), (0, jsx_runtime_1.jsx)("span", { children: labels.cameraStarting })] })) : null, message === '' ? null : ((0, jsx_runtime_1.jsx)("div", { className: 'absolute inset-0 flex items-center justify-center p-6 text-center text-sm text-white/85', role: 'status', children: (0, jsx_runtime_1.jsx)("p", { className: 'max-w-sm', children: message }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex shrink-0 flex-wrap items-center justify-center gap-3 px-4 pt-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]', children: [canGoBack ? ((0, jsx_runtime_1.jsx)(ps_core_components_1.PsButton, { onClick: onBack, variant: 'surface', children: labels.backToPages })) : null, (0, jsx_runtime_1.jsx)(ps_core_components_1.PsButton, { leadingIcon: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-4', iconKey: ps_icons_1.PsIconKey.Image }), onClick: () => libraryInput.current?.click(), variant: 'surface', children: labels.choosePhotos }), isReady ? ((0, jsx_runtime_1.jsx)("button", { "aria-label": labels.capture, className: 'ps-focus-ring flex size-[4.5rem] shrink-0 items-center justify-center rounded-full border-4 border-white bg-white/20 transition active:scale-95', onClick: onCapture, title: labels.capture, type: 'button', children: (0, jsx_runtime_1.jsx)("span", { className: 'size-12 rounded-full bg-white' }) })) : ((0, jsx_runtime_1.jsx)(ps_core_components_1.PsButton, { onClick: () => captureInput.current?.click(), variant: 'primary', children: labels.takePhoto })), canTorch && isReady ? ((0, jsx_runtime_1.jsx)(ps_scan_icon_button_1.PsScanIconButton, { isPressed: isTorchOn, label: isTorchOn ? labels.torchOff : labels.torchOn, onClick: onToggleTorch, children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-5', iconKey: ps_icons_1.PsIconKey.Spark }) })) : null] }), (0, jsx_runtime_1.jsx)("input", { accept: 'image/*', capture: 'environment', className: 'sr-only', onChange: onChange, ref: captureInput, tabIndex: -1, type: 'file' }), (0, jsx_runtime_1.jsx)("input", { accept: 'image/*', className: 'sr-only', multiple: true, onChange: onChange, ref: libraryInput, tabIndex: -1, type: 'file' })] }));
+};
+exports.PsScanCameraView = PsScanCameraView;

package/dist/components/ps-scan-crop-editor.d.ts

@@ -0,0 +1,13 @@
+import { PsDocumentScannerLabels } from '../constants/ps-document-scanner-labels';
+import type { PsLabelSet } from '../models/ps-label-set';
+import type { PsScanPage } from '../models/ps-scan-page';
+import type { PsScanQuad } from '../models/ps-scan-quad';
+export interface PsScanCropEditorProps {
+    labels: PsLabelSet<typeof PsDocumentScannerLabels>;
+    onApply: () => void;
+    onAutoDetect: () => void;
+    onChange: (corners: PsScanQuad) => void;
+    onRetake: () => void;
+    page: PsScanPage;
+}
+export declare const PsScanCropEditor: ({ labels, onApply, onAutoDetect, onChange, onRetake, page, }: PsScanCropEditorProps) => import("react").JSX.Element;

package/dist/components/ps-scan-crop-editor.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsScanCropEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ps_core_components_1 = require("@pallasoft/ps-core-components");
+const ps_scan_config_1 = require("../constants/ps-scan-config");
+const ps_scan_corner_order_1 = require("../constants/ps-scan-corner-order");
+const ps_scan_geometry_service_1 = require("../services/ps-scan-geometry-service");
+const PsScanCropEditor = ({ labels, onApply, onAutoDetect, onChange, onRetake, page, }) => {
+    const [areaRef, area] = (0, ps_core_components_1.usePsElementSize)();
+    const stageRef = (0, react_1.useRef)(null);
+    const hintId = 'ps-scan-crop-hint';
+    const size = ps_scan_geometry_service_1.PsScanGeometryService.fit(area, { height: page.height, width: page.width });
+    const cornerLabels = [
+        labels.cornerTopLeft,
+        labels.cornerTopRight,
+        labels.cornerBottomRight,
+        labels.cornerBottomLeft,
+    ];
+    const move = (index, event) => {
+        const stage = stageRef.current;
+        if (stage === null || !event.currentTarget.hasPointerCapture(event.pointerId))
+            return;
+        const rect = stage.getBoundingClientRect();
+        const point = ps_scan_geometry_service_1.PsScanGeometryService.clamp({
+            x: (event.clientX - rect.left) / rect.width,
+            y: (event.clientY - rect.top) / rect.height,
+        });
+        const next = page.corners.map((corner, at) => (at === index ? point : corner));
+        if (ps_scan_geometry_service_1.PsScanGeometryService.isUsable(next))
+            onChange(next);
+    };
+    const nudge = (index, event) => {
+        const step = event.shiftKey ? ps_scan_config_1.PsScanConfig.cornerNudgeLarge : ps_scan_config_1.PsScanConfig.cornerNudge;
+        const deltas = {
+            ArrowDown: [0, step],
+            ArrowLeft: [-step, 0],
+            ArrowRight: [step, 0],
+            ArrowUp: [0, -step],
+        };
+        const delta = deltas[event.key];
+        if (delta === undefined)
+            return;
+        event.preventDefault();
+        onChange(ps_scan_geometry_service_1.PsScanGeometryService.nudge(page.corners, index, delta[0], delta[1]));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'flex h-full min-h-0 flex-col bg-slate-950 text-white', children: [(0, jsx_runtime_1.jsx)("p", { className: 'shrink-0 px-4 pt-3 text-center text-sm text-white/80', id: hintId, children: labels.cropHint }), (0, jsx_runtime_1.jsx)("div", { className: 'flex min-h-0 flex-1 items-center justify-center p-6', ref: areaRef, children: (0, jsx_runtime_1.jsxs)("div", { className: 'relative touch-none select-none', ref: stageRef, style: { height: size.height, width: size.width }, children: [(0, jsx_runtime_1.jsx)("img", { alt: '', className: 'absolute inset-0 size-full', draggable: false, src: page.sourceUrl }), (0, jsx_runtime_1.jsx)("svg", { "aria-hidden": 'true', className: 'pointer-events-none absolute inset-0 size-full', preserveAspectRatio: 'none', viewBox: '0 0 1 1', children: (0, jsx_runtime_1.jsx)("polygon", { fill: 'rgba(255,255,255,0.12)', points: page.corners.map((point) => `${point.x},${point.y}`).join(' '), stroke: 'white', strokeWidth: 2, vectorEffect: 'non-scaling-stroke' }) }), ps_scan_corner_order_1.PsScanCornerOrder.map((key, index) => ((0, jsx_runtime_1.jsx)("button", { "aria-describedby": hintId, "aria-label": cornerLabels[index], className: 'ps-focus-ring absolute flex size-11 -translate-x-1/2 -translate-y-1/2 cursor-grab touch-none items-center justify-center rounded-full active:cursor-grabbing', onKeyDown: (event) => nudge(index, event), onPointerCancel: (event) => event.currentTarget.releasePointerCapture(event.pointerId), onPointerDown: (event) => event.currentTarget.setPointerCapture(event.pointerId), onPointerMove: (event) => move(index, event), onPointerUp: (event) => event.currentTarget.releasePointerCapture(event.pointerId), style: {
+                                left: `${page.corners[index].x * 100}%`,
+                                top: `${page.corners[index].y * 100}%`,
+                            }, type: 'button', children: (0, jsx_runtime_1.jsx)("span", { className: 'size-5 rounded-full border-2 border-white bg-primary shadow' }) }, key)))] }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex shrink-0 flex-wrap items-center justify-center gap-3 px-4 pt-2 pb-[max(0.75rem,env(safe-area-inset-bottom))]', children: [(0, jsx_runtime_1.jsx)(ps_core_components_1.PsButton, { onClick: onRetake, variant: 'surface', children: labels.retake }), (0, jsx_runtime_1.jsx)(ps_core_components_1.PsButton, { onClick: onAutoDetect, variant: 'surface', children: labels.autoDetect }), (0, jsx_runtime_1.jsx)(ps_core_components_1.PsButton, { onClick: onApply, variant: 'primary', children: labels.cropApply })] })] }));
+};
+exports.PsScanCropEditor = PsScanCropEditor;

package/dist/components/ps-scan-icon-button.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export interface PsScanIconButtonProps {
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    isPressed?: boolean;
+    label: string;
+    onClick: () => void;
+}
+export declare const PsScanIconButton: ({ children, className, disabled, isPressed, label, onClick, }: PsScanIconButtonProps) => import("react").JSX.Element;

package/dist/components/ps-scan-icon-button.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsScanIconButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const PsScanIconButton = ({ children, className, disabled, isPressed, label, onClick, }) => ((0, jsx_runtime_1.jsx)("button", { "aria-label": label, "aria-pressed": isPressed, className: ps_design_system_1.PallasoftClassNameService.merge('ps-focus-ring inline-flex size-11 min-h-11 min-w-11 shrink-0 items-center justify-center rounded-ps-control border border-line bg-surface text-ink transition hover:border-primary/40 hover:text-primary disabled:pointer-events-none disabled:opacity-40', isPressed ? 'border-primary bg-primary-soft text-primary' : '', className), disabled: disabled, onClick: onClick, title: label, type: 'button', children: children }));
+exports.PsScanIconButton = PsScanIconButton;

package/dist/components/ps-scan-page-list.d.ts

@@ -0,0 +1,12 @@
+import { PsDocumentScannerLabels } from '../constants/ps-document-scanner-labels';
+import type { PsLabelSet } from '../models/ps-label-set';
+import type { PsScanPage } from '../models/ps-scan-page';
+export interface PsScanPageListProps {
+    activeId: string;
+    labels: PsLabelSet<typeof PsDocumentScannerLabels>;
+    onMove: (from: number, to: number) => void;
+    onSelect: (id: string) => void;
+    pages: PsScanPage[];
+    previews: Record<string, string>;
+}
+export declare const PsScanPageList: ({ activeId, labels, onMove, onSelect, pages, previews, }: PsScanPageListProps) => import("react").JSX.Element;

package/dist/components/ps-scan-page-list.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsScanPageList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_core_components_1 = require("@pallasoft/ps-core-components");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_scan_template_service_1 = require("../services/ps-scan-template-service");
+const ps_scan_icon_button_1 = require("./ps-scan-icon-button");
+const PsScanPageList = ({ activeId, labels, onMove, onSelect, pages, previews, }) => {
+    const items = pages.map((page, index) => ({
+        id: page.id,
+        label: `${labels.page} ${index + 1}`,
+    }));
+    const say = (template, label, position) => ps_scan_template_service_1.PsScanTemplateService.fill(template, { count: pages.length, page: label, position });
+    return ((0, jsx_runtime_1.jsx)(ps_core_components_1.PsSortableList, { announcements: {
+            cancelled: (label) => say(labels.reorderCancelled, label, 0),
+            dropped: (label, position) => say(labels.reorderDropped, label, position),
+            lifted: (label, position) => say(labels.reorderLifted, label, position),
+            moved: (label, position) => say(labels.reorderMoved, label, position),
+        }, className: 'flex flex-col gap-2', getHandleLabel: (label) => ps_scan_template_service_1.PsScanTemplateService.fill(labels.dragPage, { page: label }), instructions: labels.reorderInstructions, items: items, onMove: (_id, from, to) => onMove(from, to), renderItem: ({ handle, index, isDragging, item }) => ((0, jsx_runtime_1.jsxs)("div", { className: ps_design_system_1.PallasoftClassNameService.merge('flex items-center gap-2 rounded-ps-control border bg-surface p-1.5', item.id === activeId ? 'border-primary' : 'border-line', isDragging ? 'opacity-80 shadow-lg' : ''), children: [handle, (0, jsx_runtime_1.jsxs)("button", { "aria-current": item.id === activeId, "aria-label": item.label, className: 'ps-focus-ring flex min-h-11 min-w-0 flex-1 items-center gap-3 rounded-ps-control text-left', onClick: () => onSelect(item.id), type: 'button', children: [previews[item.id] === undefined ? ((0, jsx_runtime_1.jsx)("span", { className: 'ps-skeleton h-14 w-10 shrink-0 rounded' })) : ((0, jsx_runtime_1.jsx)("img", { alt: '', className: 'h-14 w-10 shrink-0 rounded border border-line bg-white object-cover object-top', src: previews[item.id] })), (0, jsx_runtime_1.jsx)("span", { className: 'truncate text-sm font-medium text-ink', children: item.label })] }), (0, jsx_runtime_1.jsx)(ps_scan_icon_button_1.PsScanIconButton, { disabled: index === 0, label: ps_scan_template_service_1.PsScanTemplateService.fill(labels.moveUp, { page: item.label }), onClick: () => onMove(index, index - 1), children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-5 -rotate-90', iconKey: ps_icons_1.PsIconKey.ChevronRight }) }), (0, jsx_runtime_1.jsx)(ps_scan_icon_button_1.PsScanIconButton, { disabled: index === pages.length - 1, label: ps_scan_template_service_1.PsScanTemplateService.fill(labels.moveDown, { page: item.label }), onClick: () => onMove(index, index + 1), children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-5 rotate-90', iconKey: ps_icons_1.PsIconKey.ChevronRight }) })] })), role: 'list' }));
+};
+exports.PsScanPageList = PsScanPageList;

package/dist/components/ps-scan-review.d.ts

@@ -0,0 +1,23 @@
+import { PsDocumentScannerLabels } from '../constants/ps-document-scanner-labels';
+import { PsScanFilter } from '../constants/ps-scan-filter';
+import type { PsLabelSet } from '../models/ps-label-set';
+import type { PsScanPage } from '../models/ps-scan-page';
+export interface PsScanReviewProps {
+    canAddPage: boolean;
+    error: string;
+    isBusy: boolean;
+    labels: PsLabelSet<typeof PsDocumentScannerLabels>;
+    onAddPage: () => void;
+    onDelete: () => void;
+    onEditCrop: () => void;
+    onFilter: (filter: PsScanFilter) => void;
+    onFinish: () => void;
+    onMove: (from: number, to: number) => void;
+    onRetake: () => void;
+    onRotate: () => void;
+    onSelect: (id: string) => void;
+    page: PsScanPage;
+    pages: PsScanPage[];
+    previews: Record<string, string>;
+}
+export declare const PsScanReview: ({ canAddPage, error, isBusy, labels, onAddPage, onDelete, onEditCrop, onFilter, onFinish, onMove, onRetake, onRotate, onSelect, page, pages, previews, }: PsScanReviewProps) => import("react").JSX.Element;

package/dist/components/ps-scan-review.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsScanReview = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_core_components_1 = require("@pallasoft/ps-core-components");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_scan_filter_1 = require("../constants/ps-scan-filter");
+const ps_scan_icon_button_1 = require("./ps-scan-icon-button");
+const ps_scan_page_list_1 = require("./ps-scan-page-list");
+const PsScanReview = ({ canAddPage, error, isBusy, labels, onAddPage, onDelete, onEditCrop, onFilter, onFinish, onMove, onRetake, onRotate, onSelect, page, pages, previews, }) => {
+    const filters = [
+        { key: ps_scan_filter_1.PsScanFilter.Original, label: labels.filterOriginal },
+        { key: ps_scan_filter_1.PsScanFilter.Colour, label: labels.filterColour },
+        { key: ps_scan_filter_1.PsScanFilter.Greyscale, label: labels.filterGreyscale },
+        { key: ps_scan_filter_1.PsScanFilter.Document, label: labels.filterDocument },
+    ];
+    const preview = previews[page.id];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'flex h-full min-h-0 flex-col lg:flex-row', children: [(0, jsx_runtime_1.jsx)("div", { className: 'flex min-h-0 flex-1 items-center justify-center bg-slate-950 p-3', children: preview === undefined ? ((0, jsx_runtime_1.jsx)("span", { "aria-hidden": 'true', className: 'ps-skeleton h-full w-2/3 rounded' })) : ((0, jsx_runtime_1.jsx)("img", { alt: labels.page, className: 'max-h-full max-w-full object-contain', src: preview })) }), (0, jsx_runtime_1.jsxs)("div", { className: 'flex max-h-[55%] min-h-0 shrink-0 flex-col gap-3 overflow-y-auto bg-surface px-4 pt-3 lg:max-h-none lg:w-80 lg:border-l lg:border-line', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-wrap items-center gap-2', children: [(0, jsx_runtime_1.jsx)(ps_scan_icon_button_1.PsScanIconButton, { label: labels.rotate, onClick: onRotate, children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-5', iconKey: ps_icons_1.PsIconKey.Rotate }) }), (0, jsx_runtime_1.jsx)(ps_scan_icon_button_1.PsScanIconButton, { label: labels.editCrop, onClick: onEditCrop, children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-5', iconKey: ps_icons_1.PsIconKey.Pencil }) }), (0, jsx_runtime_1.jsx)(ps_scan_icon_button_1.PsScanIconButton, { label: labels.retake, onClick: onRetake, children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-5', iconKey: ps_icons_1.PsIconKey.Refresh }) }), (0, jsx_runtime_1.jsx)(ps_scan_icon_button_1.PsScanIconButton, { label: labels.deletePage, onClick: onDelete, children: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-5', iconKey: ps_icons_1.PsIconKey.Trash }) })] }), (0, jsx_runtime_1.jsx)("div", { "aria-label": labels.filters, className: 'flex flex-wrap gap-2', role: 'group', children: filters.map((filter) => ((0, jsx_runtime_1.jsx)("button", { "aria-pressed": page.filter === filter.key, className: `ps-focus-ring min-h-11 rounded-ps-control border px-3 text-sm font-medium transition ${page.filter === filter.key ? 'border-primary bg-primary-soft text-primary' : 'border-line bg-surface text-ink hover:border-primary/40'}`, onClick: () => onFilter(filter.key), type: 'button', children: filter.label }, filter.key))) }), (0, jsx_runtime_1.jsxs)("section", { "aria-label": labels.pages, className: 'min-h-0', children: [(0, jsx_runtime_1.jsxs)("h3", { className: 'mb-2 text-sm font-semibold text-ink', children: [labels.pages, " (", pages.length, ")"] }), (0, jsx_runtime_1.jsx)(ps_scan_page_list_1.PsScanPageList, { activeId: page.id, labels: labels, onMove: onMove, onSelect: onSelect, pages: pages, previews: previews })] }), error === '' ? null : ((0, jsx_runtime_1.jsx)("p", { className: 'text-sm text-danger', role: 'alert', children: error })), (0, jsx_runtime_1.jsxs)("div", { className: 'sticky bottom-0 mt-auto flex flex-wrap gap-3 bg-surface pt-2 pb-[max(0.75rem,env(safe-area-inset-bottom))]', children: [(0, jsx_runtime_1.jsx)(ps_core_components_1.PsButton, { className: 'flex-1', disabled: !canAddPage || isBusy, leadingIcon: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { "aria-hidden": 'true', className: 'size-4', iconKey: ps_icons_1.PsIconKey.Plus }), onClick: onAddPage, variant: 'surface', children: labels.addPage }), (0, jsx_runtime_1.jsx)(ps_core_components_1.PsButton, { className: 'flex-1', isLoading: isBusy, loadingLabel: labels.finishing, onClick: onFinish, variant: 'primary', children: labels.finish })] })] })] }));
+};
+exports.PsScanReview = PsScanReview;

package/dist/constants/ps-document-scanner-labels.d.ts

@@ -0,0 +1,50 @@
+export declare const PsDocumentScannerLabels: {
+    readonly addPage: "Add page";
+    readonly autoDetect: "Auto-detect edges";
+    readonly cameraDenied: "Camera access was blocked. Allow it in your browser settings, or take a photo or choose existing photos instead.";
+    readonly cameraStarting: "Starting camera";
+    readonly cameraUnavailable: "No camera is available here. Take a photo or choose existing photos instead.";
+    readonly backToPages: "Back to pages";
+    readonly capture: "Capture page";
+    readonly choosePhotos: "Choose photos";
+    readonly close: "Close scanner";
+    readonly cornerBottomLeft: "Bottom left corner";
+    readonly cornerBottomRight: "Bottom right corner";
+    readonly cornerTopLeft: "Top left corner";
+    readonly cornerTopRight: "Top right corner";
+    readonly cropApply: "Use crop";
+    readonly cropHint: "Drag the corners to fit the page, or use the arrow keys on a focused corner.";
+    readonly cropTitle: "Adjust edges";
+    readonly deletePage: "Delete page";
+    readonly dragPage: "Drag {page} to reorder";
+    readonly editCrop: "Edit edges";
+    readonly edgesFound: "Page edges found.";
+    readonly edgesNotFound: "Edges not found. Adjust the corners.";
+    readonly filterColour: "Colour";
+    readonly filterDocument: "Black and white";
+    readonly filterGreyscale: "Greyscale";
+    readonly filterOriginal: "Original";
+    readonly filters: "Enhance";
+    readonly finish: "Use scan";
+    readonly finishing: "Preparing your scan";
+    readonly maxPages: "You reached the page limit.";
+    readonly moveDown: "Move {page} down";
+    readonly moveUp: "Move {page} up";
+    readonly page: "Page";
+    readonly pageAdded: "Page {position} added.";
+    readonly pageDeleted: "Page deleted.";
+    readonly pageMoved: "{page} moved to position {position} of {count}.";
+    readonly pages: "Pages";
+    readonly processFailed: "The scan could not be prepared. Try again.";
+    readonly reorderCancelled: "{page} stays where it was.";
+    readonly reorderDropped: "{page} dropped at {position} of {count}.";
+    readonly reorderInstructions: "Press space to lift a page, the arrow keys to move it and space to drop it.";
+    readonly reorderLifted: "{page} lifted from {position} of {count}.";
+    readonly reorderMoved: "{page} is now {position} of {count}.";
+    readonly retake: "Retake";
+    readonly rotate: "Rotate";
+    readonly takePhoto: "Take photo";
+    readonly title: "Scan document";
+    readonly torchOff: "Turn light off";
+    readonly torchOn: "Turn light on";
+};

package/dist/constants/ps-document-scanner-labels.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsDocumentScannerLabels = void 0;
+exports.PsDocumentScannerLabels = {
+    addPage: 'Add page',
+    autoDetect: 'Auto-detect edges',
+    cameraDenied: 'Camera access was blocked. Allow it in your browser settings, or take a photo or choose existing photos instead.',
+    cameraStarting: 'Starting camera',
+    cameraUnavailable: 'No camera is available here. Take a photo or choose existing photos instead.',
+    backToPages: 'Back to pages',
+    capture: 'Capture page',
+    choosePhotos: 'Choose photos',
+    close: 'Close scanner',
+    cornerBottomLeft: 'Bottom left corner',
+    cornerBottomRight: 'Bottom right corner',
+    cornerTopLeft: 'Top left corner',
+    cornerTopRight: 'Top right corner',
+    cropApply: 'Use crop',
+    cropHint: 'Drag the corners to fit the page, or use the arrow keys on a focused corner.',
+    cropTitle: 'Adjust edges',
+    deletePage: 'Delete page',
+    dragPage: 'Drag {page} to reorder',
+    editCrop: 'Edit edges',
+    edgesFound: 'Page edges found.',
+    edgesNotFound: 'Edges not found. Adjust the corners.',
+    filterColour: 'Colour',
+    filterDocument: 'Black and white',
+    filterGreyscale: 'Greyscale',
+    filterOriginal: 'Original',
+    filters: 'Enhance',
+    finish: 'Use scan',
+    finishing: 'Preparing your scan',
+    maxPages: 'You reached the page limit.',
+    moveDown: 'Move {page} down',
+    moveUp: 'Move {page} up',
+    page: 'Page',
+    pageAdded: 'Page {position} added.',
+    pageDeleted: 'Page deleted.',
+    pageMoved: '{page} moved to position {position} of {count}.',
+    pages: 'Pages',
+    processFailed: 'The scan could not be prepared. Try again.',
+    reorderCancelled: '{page} stays where it was.',
+    reorderDropped: '{page} dropped at {position} of {count}.',
+    reorderInstructions: 'Press space to lift a page, the arrow keys to move it and space to drop it.',
+    reorderLifted: '{page} lifted from {position} of {count}.',
+    reorderMoved: '{page} is now {position} of {count}.',
+    retake: 'Retake',
+    rotate: 'Rotate',
+    takePhoto: 'Take photo',
+    title: 'Scan document',
+    torchOff: 'Turn light off',
+    torchOn: 'Turn light on',
+};

package/dist/constants/ps-scan-camera-status.d.ts

@@ -0,0 +1,7 @@
+export declare const PsScanCameraStatus: {
+    readonly Denied: "denied";
+    readonly Ready: "ready";
+    readonly Starting: "starting";
+    readonly Unavailable: "unavailable";
+};
+export type PsScanCameraStatus = (typeof PsScanCameraStatus)[keyof typeof PsScanCameraStatus];

package/dist/constants/ps-scan-camera-status.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsScanCameraStatus = void 0;
+exports.PsScanCameraStatus = {
+    Denied: 'denied',
+    Ready: 'ready',
+    Starting: 'starting',
+    Unavailable: 'unavailable',
+};