@pallasoft/ps-file-components 1.5.0 → 2.0.1

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

@@ -1,23 +1,19 @@
 export declare const PsDocumentScannerLabels: {
-    readonly addPage: "Add page";
     readonly allowCamera: "Allow camera";
-    readonly auto: "Auto";
-    readonly autoCapture: "Capture automatically when the page is steady";
     readonly autoDetect: "Detect edges";
     readonly busyBody: "Another app is using the camera. Close it, then try again.";
     readonly busyTitle: "Your camera is busy";
     readonly cameraStarting: "Starting camera";
     readonly capture: "Take photo";
     readonly choosePhoto: "Choose a photo instead";
-    readonly choosePhotos: "Choose photos";
     readonly close: "Close scanner";
+    readonly continue: "Continue";
     readonly cornerBottomLeft: "Bottom left corner";
     readonly cornerBottomRight: "Bottom right corner";
     readonly cornerTopLeft: "Top left corner";
     readonly cornerTopRight: "Top right corner";
     readonly cropHint: "Drag the corners to the edges of the page.";
     readonly cropTitle: "Adjust corners";
-    readonly deletePage: "Delete";
     readonly deniedAndroid1: "Tap the icon to the left of the address bar.";
     readonly deniedAndroid2: "Open Permissions, then Camera.";
     readonly deniedAndroid3: "Choose Allow, then come back and tap Try again.";
@@ -29,52 +25,27 @@ export declare const PsDocumentScannerLabels: {
     readonly deniedIos2: "Set Camera to Allow.";
     readonly deniedIos3: "Come back and tap Try again.";
     readonly deniedTitle: "Camera access is off";
-    readonly done: "Done";
-    readonly dragPage: "Drag {page} to reorder";
-    readonly editCrop: "Crop";
     readonly edgesFound: "Page edges found.";
     readonly edgesNotFound: "Edges not found. Drag the corners to the page.";
-    readonly filterColour: "Colour";
-    readonly filterDocument: "Document";
-    readonly filterGreyscale: "Greyscale";
-    readonly filterOriginal: "Original";
-    readonly filters: "Filter";
-    readonly finish: "Upload {count} pages";
-    readonly finishOne: "Upload 1 page";
-    readonly finishing: "Preparing your scan";
     readonly hintFind: "Point your camera at a document";
     readonly hintFound: "Document found";
-    readonly hintHold: "Hold steady";
     readonly insecureBody: "The camera only works on a secure (https) page. You can still choose a photo.";
     readonly insecureTitle: "Camera not available here";
-    readonly keepScan: "Keep scan";
-    readonly maxPages: "You reached the page limit.";
-    readonly nextPage: "Next page";
-    readonly page: "Page";
-    readonly pageAdded: "Page {position} added.";
-    readonly pageDeleted: "Page deleted.";
-    readonly pageMoved: "{page} moved to position {position} of {count}.";
-    readonly pageOf: "{position} of {count}";
-    readonly pages: "Pages";
     readonly platformAndroid: "Android";
     readonly platformDesktop: "Computer";
     readonly platformIos: "iPhone";
-    readonly previousPage: "Previous page";
+    readonly preparing: "Preparing your scan";
+    readonly previewAlt: "Your flattened scan";
+    readonly previewTitle: "Your scan";
     readonly primerBody: "The camera is only used while the scanner is open. Nothing is saved until you upload.";
     readonly primerTitle: "Allow camera access to scan your documents";
     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 title: "Scan document";
     readonly torchOff: "Turn flash off";
     readonly torchOn: "Turn flash on";
     readonly tryAgain: "Try again";
     readonly unavailableBody: "This device has no camera the browser can use. Choose a photo of the page instead.";
     readonly unavailableTitle: "No camera found";
-    readonly viewPages: "Review {count} pages";
+    readonly useScan: "Use scan";
 };

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

@@ -2,25 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PsDocumentScannerLabels = void 0;
 exports.PsDocumentScannerLabels = {
-    addPage: 'Add page',
     allowCamera: 'Allow camera',
-    auto: 'Auto',
-    autoCapture: 'Capture automatically when the page is steady',
     autoDetect: 'Detect edges',
     busyBody: 'Another app is using the camera. Close it, then try again.',
     busyTitle: 'Your camera is busy',
     cameraStarting: 'Starting camera',
     capture: 'Take photo',
     choosePhoto: 'Choose a photo instead',
-    choosePhotos: 'Choose photos',
     close: 'Close scanner',
+    continue: 'Continue',
     cornerBottomLeft: 'Bottom left corner',
     cornerBottomRight: 'Bottom right corner',
     cornerTopLeft: 'Top left corner',
     cornerTopRight: 'Top right corner',
     cropHint: 'Drag the corners to the edges of the page.',
     cropTitle: 'Adjust corners',
-    deletePage: 'Delete',
     deniedAndroid1: 'Tap the icon to the left of the address bar.',
     deniedAndroid2: 'Open Permissions, then Camera.',
     deniedAndroid3: 'Choose Allow, then come back and tap Try again.',
@@ -32,52 +28,27 @@ exports.PsDocumentScannerLabels = {
     deniedIos2: 'Set Camera to Allow.',
     deniedIos3: 'Come back and tap Try again.',
     deniedTitle: 'Camera access is off',
-    done: 'Done',
-    dragPage: 'Drag {page} to reorder',
-    editCrop: 'Crop',
     edgesFound: 'Page edges found.',
     edgesNotFound: 'Edges not found. Drag the corners to the page.',
-    filterColour: 'Colour',
-    filterDocument: 'Document',
-    filterGreyscale: 'Greyscale',
-    filterOriginal: 'Original',
-    filters: 'Filter',
-    finish: 'Upload {count} pages',
-    finishOne: 'Upload 1 page',
-    finishing: 'Preparing your scan',
     hintFind: 'Point your camera at a document',
     hintFound: 'Document found',
-    hintHold: 'Hold steady',
     insecureBody: 'The camera only works on a secure (https) page. You can still choose a photo.',
     insecureTitle: 'Camera not available here',
-    keepScan: 'Keep scan',
-    maxPages: 'You reached the page limit.',
-    nextPage: 'Next page',
-    page: 'Page',
-    pageAdded: 'Page {position} added.',
-    pageDeleted: 'Page deleted.',
-    pageMoved: '{page} moved to position {position} of {count}.',
-    pageOf: '{position} of {count}',
-    pages: 'Pages',
     platformAndroid: 'Android',
     platformDesktop: 'Computer',
     platformIos: 'iPhone',
-    previousPage: 'Previous page',
+    preparing: 'Preparing your scan',
+    previewAlt: 'Your flattened scan',
+    previewTitle: 'Your scan',
     primerBody: 'The camera is only used while the scanner is open. Nothing is saved until you upload.',
     primerTitle: 'Allow camera access to scan your documents',
     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',
     title: 'Scan document',
     torchOff: 'Turn flash off',
     torchOn: 'Turn flash on',
     tryAgain: 'Try again',
     unavailableBody: 'This device has no camera the browser can use. Choose a photo of the page instead.',
     unavailableTitle: 'No camera found',
-    viewPages: 'Review {count} pages',
+    useScan: 'Use scan',
 };

package/dist/constants/ps-scan-chrome-classes.d.ts

@@ -3,10 +3,8 @@ export declare const PsScanChromeClasses: {
     readonly buttonLarge: "ps-control-large ps-control-padding-large";
     readonly buttonPrimary: "border-primary bg-primary text-[color:var(--ps-color-primary-contrast)] hover:border-primary-dark hover:bg-primary-dark";
     readonly buttonQuiet: "border-white/15 bg-white/10 text-white hover:border-white/25 hover:bg-white/20";
-    readonly chip: "ps-focus-ring ps-control inline-flex min-w-0 items-center justify-center rounded-ps-control px-2 text-sm font-semibold transition";
     readonly icon: "ps-focus-ring ps-control ps-control-square inline-flex shrink-0 items-center justify-center rounded-ps-control text-white transition disabled:pointer-events-none disabled:opacity-40";
     readonly iconOff: "bg-black/45 backdrop-blur-md hover:bg-white/20";
     readonly iconOn: "bg-white text-black hover:bg-white/90";
     readonly pill: "pointer-events-none rounded-ps-pill bg-black/55 px-3.5 py-1.5 text-sm font-medium text-white backdrop-blur-md";
-    readonly tool: "ps-focus-ring flex min-h-14 min-w-16 flex-col items-center justify-center gap-1 rounded-ps-control px-2 text-xs font-medium text-white/80 transition hover:bg-white/10 hover:text-white disabled:pointer-events-none disabled:opacity-40";
 };

package/dist/constants/ps-scan-chrome-classes.js

@@ -6,10 +6,8 @@ exports.PsScanChromeClasses = {
     buttonLarge: 'ps-control-large ps-control-padding-large',
     buttonPrimary: 'border-primary bg-primary text-[color:var(--ps-color-primary-contrast)] hover:border-primary-dark hover:bg-primary-dark',
     buttonQuiet: 'border-white/15 bg-white/10 text-white hover:border-white/25 hover:bg-white/20',
-    chip: 'ps-focus-ring ps-control inline-flex min-w-0 items-center justify-center rounded-ps-control px-2 text-sm font-semibold transition',
     icon: 'ps-focus-ring ps-control ps-control-square inline-flex shrink-0 items-center justify-center rounded-ps-control text-white transition disabled:pointer-events-none disabled:opacity-40',
     iconOff: 'bg-black/45 backdrop-blur-md hover:bg-white/20',
     iconOn: 'bg-white text-black hover:bg-white/90',
     pill: 'pointer-events-none rounded-ps-pill bg-black/55 px-3.5 py-1.5 text-sm font-medium text-white backdrop-blur-md',
-    tool: 'ps-focus-ring flex min-h-14 min-w-16 flex-col items-center justify-center gap-1 rounded-ps-control px-2 text-xs font-medium text-white/80 transition hover:bg-white/10 hover:text-white disabled:pointer-events-none disabled:opacity-40',
 };

package/dist/constants/ps-scan-config.d.ts

@@ -1,48 +1,41 @@
 export declare const PsScanConfig: {
-    readonly adaptiveRatio: 0.92;
-    readonly adaptiveWindowDivisor: 16;
-    readonly adaptiveWindowMin: 15;
-    readonly autoCaptureMs: 1000;
     readonly cameraPermission: "camera";
-    readonly capturedJpegQuality: 0.92;
+    readonly cannyHighPercentile: 0.9;
+    readonly cannyLowRatio: 0.45;
+    readonly cannyMinHigh: 12;
+    readonly capturedJpegQuality: 0.97;
+    readonly closeRadii: readonly [1, 2, 4];
     readonly cornerNudge: 0.005;
     readonly cornerNudgeLarge: 0.025;
-    readonly decodeMaxDimension: 3000;
+    readonly decodeMaxPixels: 16000000;
     readonly defaultFileName: "scan";
-    readonly defaultJpegQuality: 0.82;
-    readonly defaultMaxDimension: 2000;
-    readonly defaultMaxPages: 30;
-    readonly detectDilations: 2;
-    readonly detectInset: 3;
-    readonly detectMaxDimension: 320;
-    readonly detectMinAreaRatio: 0.12;
-    readonly detectMaxAreaRatio: 0.995;
-    readonly detectMinEdgeStrength: 24;
-    readonly detectMinHullFill: 0.85;
-    readonly detectPercentile: 0.98;
-    readonly detectRelativeStrength: 0.3;
+    readonly defaultJpegQuality: 0.92;
+    readonly defaultMaxDimension: 4000;
+    readonly detectBorderMargin: 3;
+    readonly detectExpand: 0.3;
+    readonly detectMaxAngle: 140;
+    readonly detectMaxAreaRatio: 0.95;
+    readonly detectMaxDimension: 480;
+    readonly detectMinAngle: 40;
+    readonly detectMinAreaRatio: 0.1;
+    readonly detectMinQuadFill: 0.88;
+    readonly detectMinSideRatio: 0.06;
     readonly guideArm: 36;
     readonly guideArmRatio: 0.18;
     readonly guideAspect: 0.72;
     readonly guideHeightRatio: 0.58;
     readonly guideLift: 0.03;
     readonly guideWidthRatio: 0.76;
-    readonly hullCandidateLimit: 18;
-    readonly levelHighPercentile: 0.99;
-    readonly levelLowPercentile: 0.01;
-    readonly liveDetectIntervalMs: 160;
-    readonly liveDetectMaxDimension: 240;
-    readonly liveMissLimit: 2;
-    readonly liveRearmMovement: 0.08;
-    readonly liveSmoothing: 0.5;
-    readonly liveStillMovement: 0.02;
+    readonly liveDeadzone: 0.006;
+    readonly liveDetectIntervalMs: 200;
+    readonly liveDetectMaxDimension: 280;
+    readonly liveMissLimit: 3;
+    readonly liveSmoothing: 0.45;
     readonly loupeOffset: 72;
     readonly loupeSize: 112;
     readonly loupeZoom: 2.5;
     readonly minCornerGap: 0.02;
-    readonly pdfDpi: 150;
-    readonly pdfPointsPerInch: 72;
-    readonly previewDebounceMs: 120;
-    readonly previewMaxDimension: 1400;
+    readonly polygonEpsilons: readonly [0.008, 0.012, 0.018, 0.026, 0.036, 0.05, 0.07];
     readonly torchConstraint: "torch";
+    readonly warpChunkPixels: 400000;
 };

package/dist/constants/ps-scan-config.js

@@ -2,50 +2,43 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PsScanConfig = void 0;
 exports.PsScanConfig = {
-    adaptiveRatio: 0.92,
-    adaptiveWindowDivisor: 16,
-    adaptiveWindowMin: 15,
-    autoCaptureMs: 1000,
     cameraPermission: 'camera',
-    capturedJpegQuality: 0.92,
+    cannyHighPercentile: 0.9,
+    cannyLowRatio: 0.45,
+    cannyMinHigh: 12,
+    capturedJpegQuality: 0.97,
+    closeRadii: [1, 2, 4],
     cornerNudge: 0.005,
     cornerNudgeLarge: 0.025,
-    decodeMaxDimension: 3000,
+    decodeMaxPixels: 16000000,
     defaultFileName: 'scan',
-    defaultJpegQuality: 0.82,
-    defaultMaxDimension: 2000,
-    defaultMaxPages: 30,
-    detectDilations: 2,
-    detectInset: 3,
-    detectMaxDimension: 320,
-    detectMinAreaRatio: 0.12,
-    detectMaxAreaRatio: 0.995,
-    detectMinEdgeStrength: 24,
-    detectMinHullFill: 0.85,
-    detectPercentile: 0.98,
-    detectRelativeStrength: 0.3,
+    defaultJpegQuality: 0.92,
+    defaultMaxDimension: 4000,
+    detectBorderMargin: 3,
+    detectExpand: 0.3,
+    detectMaxAngle: 140,
+    detectMaxAreaRatio: 0.95,
+    detectMaxDimension: 480,
+    detectMinAngle: 40,
+    detectMinAreaRatio: 0.1,
+    detectMinQuadFill: 0.88,
+    detectMinSideRatio: 0.06,
     guideArm: 36,
     guideArmRatio: 0.18,
     guideAspect: 0.72,
     guideHeightRatio: 0.58,
     guideLift: 0.03,
     guideWidthRatio: 0.76,
-    hullCandidateLimit: 18,
-    levelHighPercentile: 0.99,
-    levelLowPercentile: 0.01,
-    liveDetectIntervalMs: 160,
-    liveDetectMaxDimension: 240,
-    liveMissLimit: 2,
-    liveRearmMovement: 0.08,
-    liveSmoothing: 0.5,
-    liveStillMovement: 0.02,
+    liveDeadzone: 0.006,
+    liveDetectIntervalMs: 200,
+    liveDetectMaxDimension: 280,
+    liveMissLimit: 3,
+    liveSmoothing: 0.45,
     loupeOffset: 72,
     loupeSize: 112,
     loupeZoom: 2.5,
     minCornerGap: 0.02,
-    pdfDpi: 150,
-    pdfPointsPerInch: 72,
-    previewDebounceMs: 120,
-    previewMaxDimension: 1400,
+    polygonEpsilons: [0.008, 0.012, 0.018, 0.026, 0.036, 0.05, 0.07],
     torchConstraint: 'torch',
+    warpChunkPixels: 400000,
 };

package/dist/constants/ps-scan-step.d.ts

@@ -1,6 +1,6 @@
 export declare const PsScanStep: {
     readonly Camera: "camera";
     readonly Crop: "crop";
-    readonly Review: "review";
+    readonly Preview: "preview";
 };
 export type PsScanStep = (typeof PsScanStep)[keyof typeof PsScanStep];

package/dist/constants/ps-scan-step.js

@@ -4,5 +4,5 @@ exports.PsScanStep = void 0;
 exports.PsScanStep = {
     Camera: 'camera',
     Crop: 'crop',
-    Review: 'review',
+    Preview: 'preview',
 };

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { PsLayer, usePsLayerZIndex, usePsRestoreFocus, usePsScrollLock, usePsViewport, } from '@pallasoft/ps-core-components';
 import { PallasoftViewportTier, PallasoftZIndex } from '@pallasoft/ps-design-system';
 import { PsIconKey } from '@pallasoft/ps-icons';
@@ -9,81 +9,52 @@ import { PsScanStep } from '../constants/ps-scan-step';
 import { usePsFocusTrap } from '../hooks/use-ps-focus-trap';
 import { usePsScanCamera } from '../hooks/use-ps-scan-camera';
 import { usePsScanLiveDetection } from '../hooks/use-ps-scan-live-detection';
-import { usePsScanPages } from '../hooks/use-ps-scan-pages';
-import { usePsScanPreviews } from '../hooks/use-ps-scan-previews';
-import { PsScanOutputService } from '../services/ps-scan-output-service';
+import { usePsScanPhoto } from '../hooks/use-ps-scan-photo';
+import { PsScanFileNameService } from '../services/ps-scan-file-name-service';
 import { PsScanPipelineService } from '../services/ps-scan-pipeline-service';
-import { PsScanTemplateService } from '../services/ps-scan-template-service';
 import { PsScanCameraView } from './ps-scan-camera-view';
 import { PsScanCropEditor } from './ps-scan-crop-editor';
 import { PsScanIconButton } from './ps-scan-icon-button';
 import { PsScanPermissionView } from './ps-scan-permission-view';
-import { PsScanReview } from './ps-scan-review';
-export const PsDocumentScannerSheet = ({ fileName, isAutoCapture, jpegQuality, labels, maxDimension, maxPages, onClose, onComplete, outputFormat, }) => {
+import { PsScanPreview } from './ps-scan-preview';
+export const PsDocumentScannerSheet = ({ fileName, jpegQuality, labels, maxDimension, onClose, onComplete, }) => {
     const tier = usePsViewport();
     const zIndex = usePsLayerZIndex(PallasoftZIndex.Modal);
     const content = useRef(null);
-    const { add, move, pages, remove, replace, setCorners, update } = usePsScanPages();
+    const { clear, detectAgain, load, photo, setCorners } = usePsScanPhoto();
     const [step, setStep] = useState(PsScanStep.Camera);
-    const [cropReturn, setCropReturn] = useState(PsScanStep.Camera);
-    const [activeId, setActiveId] = useState('');
-    const [retakeId, setRetakeId] = useState('');
+    const [result, setResult] = useState(null);
     const [announcement, setAnnouncement] = useState('');
     const [error, setError] = useState('');
-    const [isBusy, setIsBusy] = useState(false);
     const [isCapturing, setIsCapturing] = useState(false);
-    const [isAuto, setIsAuto] = useState(isAutoCapture);
     const [flashKey, setFlashKey] = useState(0);
     const camera = usePsScanCamera(step === PsScanStep.Camera);
     const isReady = camera.status === PsScanCameraStatus.Ready;
-    const isFull = pages.length >= maxPages;
-    const previews = usePsScanPreviews(pages);
-    const page = pages.find((item) => item.id === activeId);
-    const lastPage = pages[pages.length - 1];
     const isDesktop = tier === PallasoftViewportTier.Desktop;
     const isCameraStep = step === PsScanStep.Camera;
     const showsCamera = isReady || camera.status === PsScanCameraStatus.Starting;
+    const detection = usePsScanLiveDetection(camera.videoRef, isCameraStep && isReady);
     usePsScrollLock(true);
     usePsRestoreFocus(true);
     usePsFocusTrap(content, true, onClose);
+    useEffect(() => () => {
+        if (result !== null)
+            URL.revokeObjectURL(result.url);
+    }, [result]);
     const edgeMessage = (isDetected) => isDetected ? labels.edgesFound : labels.edgesNotFound;
-    const addFiles = async (files, after) => {
+    const accept = async (source) => {
         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(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;
-            const position = pages.length + added.length;
-            setActiveId(added[added.length - 1].page.id);
-            setAnnouncement(PsScanTemplateService.fill(labels.pageAdded, { position }));
-            if (after === null)
-                return;
-            if (added.length === 1) {
-                setCropReturn(after);
-                setStep(PsScanStep.Crop);
-                setAnnouncement(edgeMessage(added[0].isDetected));
-            }
-            else
-                setStep(PsScanStep.Review);
+            const added = await load(source);
+            setAnnouncement(edgeMessage(added.isDetected));
+            setStep(PsScanStep.Crop);
         }
         catch {
             setError(labels.processFailed);
         }
     };
-    const capture = async (isAutomatic) => {
-        if (isCapturing || isFull)
+    const capture = async () => {
+        if (isCapturing)
             return;
         setIsCapturing(true);
         try {
@@ -91,92 +62,51 @@ export const PsDocumentScannerSheet = ({ fileName, isAutoCapture, jpegQuality, l
             if (blob === null)
                 return;
             setFlashKey((current) => current + 1);
-            await addFiles([blob], isAutomatic && retakeId === '' ? null : PsScanStep.Camera);
+            await accept(blob);
         }
         finally {
             setIsCapturing(false);
         }
     };
-    const detection = usePsScanLiveDetection(camera.videoRef, isCameraStep && isReady, isAuto, () => capture(true));
-    const autoDetect = async () => {
-        if (page === undefined)
-            return;
-        const prepared = await PsScanPipelineService.prepare(page.source);
-        setCorners(page.id, prepared.corners);
-        setAnnouncement(edgeMessage(prepared.isDetected));
-    };
-    const keep = () => setStep(cropReturn === PsScanStep.Camera && !isFull ? PsScanStep.Camera : PsScanStep.Review);
+    const autoDetect = async () => setAnnouncement(edgeMessage(await detectAgain()));
     const retake = () => {
-        if (page === undefined)
-            return;
-        if (step === PsScanStep.Review)
-            setCropReturn(PsScanStep.Review);
-        setRetakeId(page.id);
-        setStep(PsScanStep.Camera);
-    };
-    const openCamera = () => {
-        setRetakeId('');
-        setCropReturn(PsScanStep.Camera);
+        clear();
+        setResult(null);
+        setError('');
         setStep(PsScanStep.Camera);
     };
-    const openReview = () => {
-        if (pages.length === 0)
-            return;
-        setRetakeId('');
-        if (page === undefined)
-            setActiveId(lastPage.id);
-        setStep(PsScanStep.Review);
-    };
-    const editCrop = () => {
-        setCropReturn(PsScanStep.Review);
+    const adjust = () => {
+        setResult(null);
+        setError('');
         setStep(PsScanStep.Crop);
     };
-    const deletePage = () => {
-        if (page === undefined)
+    const flatten = async () => {
+        if (photo === null)
             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('');
-            openCamera();
-        }
-        else
-            setActiveId(rest[Math.min(index, rest.length - 1)].id);
-    };
-    const finish = async () => {
-        setIsBusy(true);
+        setResult(null);
         setError('');
+        setStep(PsScanStep.Preview);
         try {
-            const files = await PsScanOutputService.build(pages, {
-                fileName,
-                format: outputFormat,
-                jpegQuality,
-                maxDimension,
-            });
-            onComplete(files);
-            onClose();
+            const rendered = await PsScanPipelineService.render(photo.source, photo.corners, maxDimension, jpegQuality);
+            setResult({ ...rendered, url: URL.createObjectURL(rendered.blob) });
         }
         catch {
             setError(labels.processFailed);
-            setIsBusy(false);
         }
     };
-    const moveTo = useCallback((from, to) => {
-        move(from, to);
-        setAnnouncement(PsScanTemplateService.fill(labels.pageMoved, {
-            count: pages.length,
-            page: `${labels.page} ${from + 1}`,
-            position: to + 1,
-        }));
-    }, [move, pages.length, labels]);
-    const fromLibrary = (files) => addFiles(files, PsScanStep.Review);
+    const use = () => {
+        if (result === null)
+            return;
+        onComplete([
+            new File([result.blob], PsScanFileNameService.build(fileName), { type: 'image/jpeg' }),
+        ]);
+        onClose();
+    };
     if (typeof document === 'undefined')
         return null;
     return createPortal(_jsx("div", { "aria-label": labels.title, "aria-modal": 'true', className: isDesktop
             ? 'fixed inset-0 flex items-center justify-center bg-black/70 p-6 backdrop-blur-sm animate-ps-fade-in'
             : 'fixed inset-0 bg-black animate-ps-fade-in', role: 'dialog', style: { zIndex }, children: _jsx(PsLayer, { zIndex: zIndex, children: _jsxs("div", { className: isDesktop
                     ? 'relative h-[min(52rem,calc(100dvh-3rem))] w-[min(76rem,calc(100vw-3rem))] overflow-hidden rounded-2xl bg-black text-white shadow-2xl ring-1 ring-white/10 animate-ps-scale-in'
-                    : 'relative h-full overflow-hidden bg-black text-white', ref: content, children: [_jsx("p", { "aria-live": 'polite', className: 'sr-only', role: 'status', children: announcement }), isCameraStep && showsCamera ? (_jsx(PsScanCameraView, { canTorch: camera.canTorch, detection: detection, flashKey: flashKey, isAuto: isAuto, isBusy: isCapturing, isFull: isFull, isMultiple: maxPages > 1, isReady: isReady, isTorchOn: camera.isTorchOn, labels: labels, lastPreview: lastPage === undefined ? undefined : previews[lastPage.id], onCapture: () => capture(false), onClose: onClose, onDone: openReview, onFiles: fromLibrary, onToggleAuto: () => setIsAuto((current) => !current), onToggleTorch: camera.toggleTorch, pageCount: pages.length, videoRef: camera.videoRef, videoTarget: camera.attachVideo })) : null, isCameraStep && !showsCamera ? (_jsxs(_Fragment, { children: [_jsx(PsScanPermissionView, { isMultiple: maxPages > 1, labels: labels, onAllow: camera.allow, onFiles: fromLibrary, status: camera.status }), _jsx("div", { className: 'absolute left-4 top-[max(1rem,env(safe-area-inset-top))] flex gap-2', children: _jsx(PsScanIconButton, { iconKey: PsIconKey.Close, label: labels.close, onClick: onClose }) }), pages.length > 0 ? (_jsx("div", { className: 'absolute right-4 top-[max(1rem,env(safe-area-inset-top))]', children: _jsx(PsScanIconButton, { iconKey: PsIconKey.Check, label: PsScanTemplateService.fill(labels.viewPages, { count: pages.length }), onClick: openReview }) })) : null] })) : null, step === PsScanStep.Crop && page !== undefined ? (_jsx(PsScanCropEditor, { labels: labels, onAutoDetect: autoDetect, onChange: (corners) => setCorners(page.id, corners), onKeep: keep, onRetake: retake, page: page })) : null, step === PsScanStep.Review && page !== undefined ? (_jsx(PsScanReview, { canAddPage: !isFull, error: error, isBusy: isBusy, labels: labels, onAddPage: openCamera, onClose: onClose, onDelete: deletePage, onEditCrop: editCrop, 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, isCameraStep && error !== '' ? (_jsx("p", { className: 'absolute inset-x-4 bottom-36 mx-auto max-w-sm rounded-ps-control bg-danger px-3 py-2 text-center text-sm text-white', role: 'alert', children: error })) : null] }) }) }), document.body);
+                    : 'relative h-full overflow-hidden bg-black text-white', ref: content, children: [_jsx("p", { "aria-live": 'polite', className: 'sr-only', role: 'status', children: announcement }), isCameraStep && showsCamera ? (_jsx(PsScanCameraView, { canTorch: camera.canTorch, detection: detection, flashKey: flashKey, isBusy: isCapturing, isReady: isReady, isTorchOn: camera.isTorchOn, labels: labels, onCapture: capture, onClose: onClose, onFile: accept, onToggleTorch: camera.toggleTorch, videoRef: camera.videoRef, videoTarget: camera.attachVideo })) : null, isCameraStep && !showsCamera ? (_jsxs(_Fragment, { children: [_jsx(PsScanPermissionView, { labels: labels, onAllow: camera.allow, onFile: accept, status: camera.status }), _jsx("div", { className: 'absolute left-4 top-[max(1rem,env(safe-area-inset-top))] flex gap-2', children: _jsx(PsScanIconButton, { iconKey: PsIconKey.Close, label: labels.close, onClick: onClose }) })] })) : null, step === PsScanStep.Crop && photo !== null ? (_jsx(PsScanCropEditor, { labels: labels, onAutoDetect: autoDetect, onChange: setCorners, onContinue: flatten, onRetake: retake, photo: photo })) : null, step === PsScanStep.Preview ? (_jsx(PsScanPreview, { error: error, labels: labels, onAdjust: adjust, onRetake: retake, onUse: use, result: result })) : null, isCameraStep && error !== '' ? (_jsx("p", { className: 'absolute inset-x-4 bottom-36 mx-auto max-w-sm rounded-ps-control bg-danger px-3 py-2 text-center text-sm text-white', role: 'alert', children: error })) : null] }) }) }), document.body);
 };

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

@@ -3,11 +3,10 @@ import { Suspense } from 'react';
 import { usePsHydrated } from '@pallasoft/ps-core-components';
 import { PsDocumentScannerLabels } from '../constants/ps-document-scanner-labels';
 import { PsScanConfig } from '../constants/ps-scan-config';
-import { PsScanOutputFormat } from '../constants/ps-scan-output-format';
 import { PsDocumentScannerLoader } from './ps-document-scanner-loader';
-export const PsDocumentScanner = ({ fileName = PsScanConfig.defaultFileName, isAutoCapture = false, isOpen, jpegQuality = PsScanConfig.defaultJpegQuality, labels, maxDimension = PsScanConfig.defaultMaxDimension, maxPages = PsScanConfig.defaultMaxPages, onClose, onComplete, outputFormat = PsScanOutputFormat.Pdf, }) => {
+export const PsDocumentScanner = ({ fileName = PsScanConfig.defaultFileName, isOpen, jpegQuality = PsScanConfig.defaultJpegQuality, labels, maxDimension = PsScanConfig.defaultMaxDimension, onClose, onComplete, }) => {
     const isHydrated = usePsHydrated();
     if (!isOpen || !isHydrated)
         return null;
-    return (_jsx(Suspense, { fallback: null, children: _jsx(PsDocumentScannerLoader, { fileName: fileName, isAutoCapture: isAutoCapture, jpegQuality: jpegQuality, labels: { ...PsDocumentScannerLabels, ...labels }, maxDimension: maxDimension, maxPages: maxPages, onClose: onClose, onComplete: onComplete, outputFormat: outputFormat }) }));
+    return (_jsx(Suspense, { fallback: null, children: _jsx(PsDocumentScannerLoader, { fileName: fileName, jpegQuality: jpegQuality, labels: { ...PsDocumentScannerLabels, ...labels }, maxDimension: maxDimension, onClose: onClose, onComplete: onComplete }) }));
 };

package/dist/esm/components/ps-file-delete-confirm.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { PsButton } from '@pallasoft/ps-core-components';
 import { PsModal } from '@pallasoft/ps-popovers';
-export const PsFileDeleteConfirm = ({ fileName, isDeleting, isOpen, labels, onCancel, onConfirm, }) => (_jsx(PsModal, { eyebrow: fileName, isOpen: isOpen, onClose: onCancel, size: 'sm', title: labels.deleteConfirm, children: _jsxs("div", { className: 'flex flex-col gap-5', children: [_jsxs("p", { className: 'text-sm text-ink/70', children: [_jsx("span", { className: 'font-medium text-ink', children: fileName }), " ", labels.deleteConfirmBody] }), _jsxs("div", { className: 'flex justify-end gap-2 border-t border-line pt-4', children: [_jsx(PsButton, { disabled: isDeleting, onClick: onCancel, type: 'button', variant: 'ghost', children: labels.deleteCancel }), _jsx(PsButton, { isLoading: isDeleting, onClick: onConfirm, type: 'button', variant: 'danger', children: labels.delete })] })] }) }));
+export const PsFileDeleteConfirm = ({ fileName, isDeleting, isOpen, labels, onCancel, onConfirm, }) => (_jsx(PsModal, { eyebrow: fileName, footer: _jsxs(_Fragment, { children: [_jsx(PsButton, { disabled: isDeleting, onClick: onCancel, type: 'button', variant: 'surface', children: labels.deleteCancel }), _jsx(PsButton, { isLoading: isDeleting, onClick: onConfirm, type: 'button', variant: 'danger', children: labels.delete })] }), isOpen: isOpen, onClose: onCancel, size: 'sm', title: labels.deleteConfirm, children: _jsxs("p", { className: 'text-sm text-ink/70', children: [_jsx("span", { className: 'font-medium text-ink', children: fileName }), " ", labels.deleteConfirmBody] }) }));