@flowselections/layout-maker 1.45.9 → 1.46.1

package/dist-lib/components/NetwerkPrintersDialog.js

@@ -1,79 +1,79 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// ============================================================================
-// src/components/NetwerkPrintersDialog.tsx — printers uit het netwerk zoeken,
-// toevoegen of koppelen aan een bestaande printer.
-// ============================================================================
-import { useCallback, useEffect, useState } from "react";
-import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
-import { Loader2, Printer, RefreshCw } from "lucide-react";
-import { supabase } from "../lib/supabaseClient.js";
-import { netwerkPrinters } from "../lib/printService.functions.js";
-export function NetwerkPrintersDialog({ open, onOpenChange, huidigePrinterId, huidigePrinterNaam, onKlaar, }) {
-    const [bezig, setBezig] = useState(false);
-    const [fout, setFout] = useState(null);
-    const [lijst, setLijst] = useState([]);
-    const zoeken = useCallback(async () => {
-        setBezig(true);
-        setFout(null);
-        try {
-            const res = await netwerkPrinters({ data: undefined });
-            if (!res.ok) {
-                setFout(res.fout);
-                setLijst([]);
-            }
-            else {
-                setLijst(Array.isArray(res.printers) ? res.printers : []);
-            }
-        }
-        catch {
-            setFout("Er kon niet in het netwerk worden gezocht. Probeer het zo opnieuw.");
-        }
-        finally {
-            setBezig(false);
-        }
-    }, []);
-    useEffect(() => {
-        if (open)
-            void zoeken();
-    }, [open, zoeken]);
-    const toevoegen = async (p) => {
-        try {
-            const { error } = await supabase.from("printers").insert({
-                naam: p.naam,
-                systeemnaam: p.naam,
-                locatie: p.computer,
-                omschrijving: p.omschrijving,
-                online: p.online,
-                actief: true,
-                extern_printer_id: p.id,
-            });
-            if (error)
-                throw error;
-            toast.success(`${p.naam} is toegevoegd`);
-            onKlaar?.();
-            onOpenChange(false);
-        }
-        catch {
-            toast.error("Toevoegen mislukt");
-        }
-    };
-    const koppelen = async (p) => {
-        if (!huidigePrinterId)
-            return;
-        try {
-            const { error } = await supabase
-                .from("printers")
-                .update({ extern_printer_id: p.id, systeemnaam: p.naam, locatie: p.computer })
-                .eq("id", huidigePrinterId);
-            if (error)
-                throw error;
-            toast.success("Printer gekoppeld");
-            onKlaar?.();
-            onOpenChange(false);
-        }
-        catch {
-            toast.error("Koppelen mislukt");
-        }
-    };
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Printers in het netwerk" }), _jsx(DialogDescription, { children: "Kies een printer om toe te voegen. Staat een printer er niet bij? Zet dan de computer aan waar de printer op is aangesloten." })] }), _jsxs("div", { className: "space-y-2", children: [bezig && (_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Zoeken\u2026"] })), !bezig && fout && _jsx("p", { className: "text-destructive text-sm", children: fout }), !bezig && !fout && lijst.length === 0 && (_jsx("p", { className: "text-muted-foreground text-sm", children: "Er zijn geen printers gevonden." })), lijst.map((p) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border p-3", children: [_jsx(Printer, { className: "text-muted-foreground h-5 w-5" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium", children: p.naam }), _jsxs("p", { className: "text-muted-foreground truncate text-xs", children: [p.computer || "Onbekende computer", " \u00B7 ", p.online ? "online" : "offline"] })] }), huidigePrinterId && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => void koppelen(p), children: ["Koppelen aan ", huidigePrinterNaam ?? "printer"] })), _jsx(Button, { size: "sm", onClick: () => void toevoegen(p), children: "Toevoegen" })] }, p.id)))] }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { variant: "ghost", onClick: () => void zoeken(), disabled: bezig, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] }) })] }) }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/NetwerkPrintersDialog.tsx — printers uit het netwerk zoeken,
+// toevoegen of koppelen aan een bestaande printer.
+// ============================================================================
+import { useCallback, useEffect, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
+import { Loader2, Printer, RefreshCw } from "lucide-react";
+import { supabase } from "../lib/supabaseClient.js";
+import { netwerkPrinters } from "../lib/printService.functions.js";
+export function NetwerkPrintersDialog({ open, onOpenChange, huidigePrinterId, huidigePrinterNaam, onKlaar, }) {
+    const [bezig, setBezig] = useState(false);
+    const [fout, setFout] = useState(null);
+    const [lijst, setLijst] = useState([]);
+    const zoeken = useCallback(async () => {
+        setBezig(true);
+        setFout(null);
+        try {
+            const res = await netwerkPrinters({ data: undefined });
+            if (!res.ok) {
+                setFout(res.fout);
+                setLijst([]);
+            }
+            else {
+                setLijst(Array.isArray(res.printers) ? res.printers : []);
+            }
+        }
+        catch {
+            setFout("Er kon niet in het netwerk worden gezocht. Probeer het zo opnieuw.");
+        }
+        finally {
+            setBezig(false);
+        }
+    }, []);
+    useEffect(() => {
+        if (open)
+            void zoeken();
+    }, [open, zoeken]);
+    const toevoegen = async (p) => {
+        try {
+            const { error } = await supabase.from("printers").insert({
+                naam: p.naam,
+                systeemnaam: p.naam,
+                locatie: p.computer,
+                omschrijving: p.omschrijving,
+                online: p.online,
+                actief: true,
+                extern_printer_id: p.id,
+            });
+            if (error)
+                throw error;
+            toast.success(`${p.naam} is toegevoegd`);
+            onKlaar?.();
+            onOpenChange(false);
+        }
+        catch {
+            toast.error("Toevoegen mislukt");
+        }
+    };
+    const koppelen = async (p) => {
+        if (!huidigePrinterId)
+            return;
+        try {
+            const { error } = await supabase
+                .from("printers")
+                .update({ extern_printer_id: p.id, systeemnaam: p.naam, locatie: p.computer })
+                .eq("id", huidigePrinterId);
+            if (error)
+                throw error;
+            toast.success("Printer gekoppeld");
+            onKlaar?.();
+            onOpenChange(false);
+        }
+        catch {
+            toast.error("Koppelen mislukt");
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Printers in het netwerk" }), _jsx(DialogDescription, { children: "Kies een printer om toe te voegen. Staat een printer er niet bij? Zet dan de computer aan waar de printer op is aangesloten." })] }), _jsxs("div", { className: "space-y-2", children: [bezig && (_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Zoeken\u2026"] })), !bezig && fout && _jsx("p", { className: "text-destructive text-sm", children: fout }), !bezig && !fout && lijst.length === 0 && (_jsx("p", { className: "text-muted-foreground text-sm", children: "Er zijn geen printers gevonden." })), lijst.map((p) => (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border p-3", children: [_jsx(Printer, { className: "text-muted-foreground h-5 w-5" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium", children: p.naam }), _jsxs("p", { className: "text-muted-foreground truncate text-xs", children: [p.computer || "Onbekende computer", " \u00B7 ", p.online ? "online" : "offline"] })] }), huidigePrinterId && (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => void koppelen(p), children: ["Koppelen aan ", huidigePrinterNaam ?? "printer"] })), _jsx(Button, { size: "sm", onClick: () => void toevoegen(p), children: "Toevoegen" })] }, p.id)))] }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { variant: "ghost", onClick: () => void zoeken(), disabled: bezig, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] }) })] }) }));
+}

package/dist-lib/components/PakbonPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PakbonPreview.d.ts","sourceRoot":"","sources":["../../src/components/PakbonPreview.tsx"],"names":[],"mappings":"AAKA,OAAO,EAyBL,KAAK,YAAY,EAEjB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AA6B9B,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,SAAe,EACf,QAAc,EACd,OAAc,GACf,EAAE;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;CACtC,+BAiJA;AAiLD,oEAAoE;AACpE,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAmCA"}
+{"version":3,"file":"PakbonPreview.d.ts","sourceRoot":"","sources":["../../src/components/PakbonPreview.tsx"],"names":[],"mappings":"AAKA,OAAO,EA0BL,KAAK,YAAY,EAEjB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACzB,MAAM,sBAAsB,CAAC;AA6B9B,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,SAAe,EACf,QAAc,EACd,OAAc,GACf,EAAE;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;CACtC,+BAiJA;AAiLD,oEAAoE;AACpE,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAmCA"}

package/dist-lib/components/PakbonPreview.js

@@ -4,7 +4,7 @@ import { PaginaDocument } from "./PaginaDocument.js";
 import { useLogos } from "../lib/logoLibrary.js";
 import { code128Bars } from "../lib/code128.js";
 import { karMetadata } from "../lib/pakbonPresentation.js";
-import { DEMO_ORDER, deelkarVoorbeeldOrder, conditieContext, groepeerIdentiekeKarren, groepeerIdentiekeLagen, karBundelTekst, fustVerzamellijst, fustRegels, FUSTREGEL_LABELS, FUSTREGEL_RECHTS, pickMethode, pakbonLayoutVariant, productVeldBreedtes, sectieOnderdruktVoorVariant, kolomLabel, laagBundelTekst, sectieZichtbaar, sorteerProducten, totalen, vulVeldcodes, } from "../lib/pakbonBuilder.js";
+import { DEMO_ORDER, deelkarVoorbeeldOrder, conditieContext, groepeerIdentiekeKarren, groepeerIdentiekeLagen, karBundelTekst, fustVerzamellijst, fustRegels, FUSTREGEL_LABELS, FUSTREGEL_RECHTS, pickMethode, pakbonLayoutVariant, productVeldBreedtes, sectieOnderdruktVoorVariant, karKopNummer, kolomLabel, laagBundelTekst, sectieZichtbaar, sorteerProducten, totalen, vulVeldcodes, } from "../lib/pakbonBuilder.js";
 /** Voorbeeldbarcode: alleen bedoeld om de plek en hoogte te tonen. */
 function BarcodeStrepen({ waarde, hoogteMm = 15 }) {
     const bars = code128Bars(waarde);
@@ -290,7 +290,7 @@ function Scheiding({ modus }) {
 function KarKop({ sectie, kar, velden, bundelTekst = "" }) {
     const scheiding = optS(sectie, "scheiding", "kop");
     const tekst = String(opt(sectie, "koptekst", "KAR {kar}"))
-        .replace(/{kar}/g, String(kar.karnummer))
+        .replace(/{kar}/g, karKopNummer(kar))
         .replace(/{route}/g, kar.route)
         .replace(/{chauffeur}/g, kar.chauffeur)
         .replace(/{lagen}/g, String(kar.lagen.length))

package/dist-lib/components/PrintQueuePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrintQueuePage.d.ts","sourceRoot":"","sources":["../../src/components/PrintQueuePage.tsx"],"names":[],"mappings":"AAuFA,wBAAgB,cAAc,gCA2X7B"}
+{"version":3,"file":"PrintQueuePage.d.ts","sourceRoot":"","sources":["../../src/components/PrintQueuePage.tsx"],"names":[],"mappings":"AAkFA,wBAAgB,cAAc,gCA4T7B"}

package/dist-lib/components/PrintQueuePage.js

@@ -1,19 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef, useState } from "react";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, toast, } from "@flowselections/core";
-import { FileDown, FolderOpen, RotateCcw, Save, Search, XCircle } from "lucide-react";
+import { RotateCcw, Search, XCircle } from "lucide-react";
 import { bijgewerktTekst, useAutoRefresh } from "../lib/useAutoRefresh.js";
 import { PrintStatusBanner } from "./PrintStatusBanner.js";
 import { maakPrintJob, updateJobStatus, useLayouts, usePrinters, usePrintJobs, usePrintPlekNamen, } from "../lib/useDocumentData.js";
-import { printStatus } from "../lib/printService.functions.js";
+import { annuleerPrintOpdrachten, printStatus } from "../lib/printService.functions.js";
 import { vraagWachtrijRonde } from "../lib/queueTickClient.js";
 import { documentTypeLabel } from "../lib/documentTypes.js";
-import { jobPlekLabel, jobPrintPlekId } from "../lib/printQueue.js";
-import { kiesPdfMap, openInEigenTabblad } from "../lib/pdfMap.js";
-import { bewaarPdfJobOpnieuw, downloadPdfJob } from "../lib/pdfJobSaver.js";
-import { pdfOpslagLabel, isOpslagFout } from "../lib/pdfOpslagStatus.js";
-import { PdfMapAutoSaver } from "./PdfMapAutoSaver.js";
-import { PdfMapToestemmingBanner } from "./PdfMapToestemmingBanner.js";
+import { jobPlekLabel } from "../lib/printQueue.js";
 const STATUS_VARIANT = {
     wachtend: "outline",
     bezig: "secondary",
@@ -54,43 +49,11 @@ export function PrintQueuePage() {
     const [zoek, setZoek] = useState("");
     const [status, setStatus] = useState("alle");
     const [plekFilter, setPlekFilter] = useState("alle");
-    const [opslagFilter, setOpslagFilter] = useState("alle");
     const [tickFout, setTickFout] = useState(null);
+    const [annuleertAlles, setAnnuleertAlles] = useState(false);
+    const openJobs = useMemo(() => jobs.filter((j) => j.status === "wachtend" || j.status === "bezig"), [jobs]);
     const plekNamen = usePrintPlekNamen();
     const printerNaam = useMemo(() => new Map(printers.map((p) => [p.id, p.naam])), [printers]);
-    const pdfPrinter = printers.find((p) => p.afdrukmethode === "pdf");
-    /** Kies direct vanuit een foute opdracht de PDF-map op deze werkplek. */
-    const stelMapIn = async (printplekId) => {
-        if (!pdfPrinter) {
-            toast.error("Er is nog geen “Opslaan als PDF”-printer aangemaakt");
-            return;
-        }
-        const uitkomst = await kiesPdfMap(pdfPrinter.id, printplekId);
-        if (uitkomst.status === "gekozen") {
-            toast.success("Map gekozen", {
-                description: `PDF's worden opgeslagen in “${uitkomst.naam}”. De opdracht wordt opnieuw opgeslagen.`,
-            });
-            void reload(true);
-        }
-        else if (uitkomst.status === "iframe-geblokkeerd") {
-            toast.error("Map kiezen werkt niet in een iframe", {
-                description: "Open de app in een eigen tabblad.",
-                action: {
-                    label: "Open in eigen tabblad",
-                    onClick: () => openInEigenTabblad(printplekId),
-                },
-                duration: 15000,
-            });
-        }
-        else if (uitkomst.status === "niet-ondersteund") {
-            toast.error("Deze browser ondersteunt geen mapkeuze", {
-                description: "Gebruik Chrome, Edge of Safari op desktop.",
-            });
-        }
-        else if (uitkomst.status === "fout") {
-            toast.error("Map kiezen is mislukt", { description: uitkomst.melding });
-        }
-    };
     const layoutNaam = useMemo(() => new Map(layouts.map((l) => [l.id, l.naam])), [layouts]);
     /** Herkomstlabel per opdracht: printplek, anders pickstation of werkplek. */
     const plekPerJob = useMemo(() => {
@@ -108,13 +71,6 @@ export function PrintQueuePage() {
             return false;
         if (plekFilter !== "alle" && (plekPerJob.get(j.id) || "—") !== plekFilter)
             return false;
-        if (opslagFilter === "fout" && !isOpslagFout(j.lokale_pdf_status))
-            return false;
-        if (opslagFilter === "opgeslagen" && j.lokale_pdf_status !== "opgeslagen")
-            return false;
-        if (opslagFilter === "wacht" &&
-            !["wachtend", "genereren", "gereed", "bezig"].includes(j.lokale_pdf_status ?? ""))
-            return false;
         return true;
     });
     const tellingen = useMemo(() => {
@@ -154,31 +110,34 @@ export function PrintQueuePage() {
         await reload(true);
     };
     const bijgewerkt = useAutoRefresh(ronde, lopende ? 5000 : 20000);
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsx(PdfMapAutoSaver, {}), _jsx(PdfMapToestemmingBanner, {}), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Printwachtrij" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Volg printopdrachten, herstart mislukte prints en print documenten opnieuw." })] }), _jsx("span", { className: "text-muted-foreground text-xs", children: bijgewerktTekst(bijgewerkt) })] }), _jsx(PrintStatusBanner, { fout: tickFout }), _jsx("div", { className: "grid gap-4 md:grid-cols-4", children: ["wachtend", "bezig", "voltooid", "mislukt"].map((s) => (_jsx(Card, { children: _jsxs(CardHeader, { className: "pb-2", children: [_jsx(CardDescription, { className: "capitalize", children: s }), _jsx(CardTitle, { className: "text-2xl", children: tellingen[s] ?? 0 })] }) }, s))) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Opdrachten" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} opdrachten` })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-5", children: [_jsxs("div", { className: "relative md:col-span-2", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek op document of gebruiker", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: status, onValueChange: setStatus, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), ["wachtend", "bezig", "voltooid", "mislukt", "geannuleerd"].map((s) => (_jsx(SelectItem, { value: s, children: s }, s)))] })] }), _jsxs(Select, { value: plekFilter, onValueChange: setPlekFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle printplekken" }), plekOpties.map((p) => (_jsx(SelectItem, { value: p, children: p }, p))), _jsx(SelectItem, { value: "\u2014", children: "Zonder printplek" })] })] }), _jsxs(Select, { value: opslagFilter, onValueChange: setOpslagFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle PDF-opslag" }), _jsx(SelectItem, { value: "fout", children: "Opslag mislukt" }), _jsx(SelectItem, { value: "wacht", children: "Wacht op werkplek" }), _jsx(SelectItem, { value: "opgeslagen", children: "Opgeslagen in map" })] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Document" }), _jsx(TableHead, { children: "Printplek" }), _jsx(TableHead, { children: "Layout (aangeleverd \u2192 gebruikt)" }), _jsx(TableHead, { children: "Printer" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Tijdstip" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen printopdrachten." }) })), gefilterd.map((j) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsx("span", { className: "font-medium", children: j.documentnaam ?? documentTypeLabel(j.documenttype) }), j.is_herprint && (_jsx(Badge, { variant: "outline", className: "ml-2", children: "herprint" })), !heeftOrderKenmerk(j) && (_jsx(Badge, { variant: "outline", className: "ml-2 text-amber-600", children: "geen orderkenmerk" })), j.foutmelding && (_jsx("span", { className: "block text-xs text-destructive", children: j.foutmelding })), j.lokale_pdf_fout && (_jsx("span", { className: "block text-xs text-destructive", children: j.lokale_pdf_fout })), (["map_ontbreekt", "geen_rechten", "toestemming_nodig"].includes(j.lokale_pdf_status ?? "") ||
-                                                                (j.lokale_pdf_status === "gereed" && !j.lokale_pdf_print_plek_id)) && (_jsxs(Button, { variant: "outline", size: "sm", className: "mt-1", onClick: () => void stelMapIn(jobPrintPlekId(j) || undefined), children: [_jsx(FolderOpen, { className: "mr-2 h-4 w-4" }), " Map instellen"] }))] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: plekPerJob.get(j.id) || "—" }), _jsxs(TableCell, { className: "text-sm text-muted-foreground", children: [_jsx("span", { title: "Aangeleverd door de module", children: j.layout_id ? layoutNaam.get(j.layout_id) ?? "Onbekende layout" : "geen" }), _jsxs("span", { className: "block text-xs", children: ["\u2192", " ", _jsx("span", { title: "Layout die de wachtrij gebruikte", children: j.gebruikte_layout_id
+    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Printwachtrij" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Volg printopdrachten, herstart mislukte prints en print documenten opnieuw." })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-muted-foreground text-xs", children: bijgewerktTekst(bijgewerkt) }), _jsxs(Button, { variant: "outline", size: "sm", disabled: annuleertAlles, onClick: async () => {
+                                    setAnnuleertAlles(true);
+                                    try {
+                                        const resultaat = await annuleerPrintOpdrachten({
+                                            data: {},
+                                        });
+                                        if (resultaat.geannuleerd === 0) {
+                                            toast.info("Er stonden geen wachtende of lopende opdrachten meer in de wachtrij.");
+                                        }
+                                        else if (resultaat.externMislukt > 0) {
+                                            toast.error(`${resultaat.geannuleerd} opdrachten gestopt; ${resultaat.externMislukt} konden niet meer bij de printer worden ingetrokken`);
+                                        }
+                                        else {
+                                            toast.success(`${resultaat.geannuleerd} bestaande opdrachten direct gestopt. Nieuwe opdrachten worden normaal geprint.`);
+                                        }
+                                    }
+                                    catch (fout) {
+                                        toast.error(fout instanceof Error ? fout.message : "Annuleren mislukt");
+                                    }
+                                    finally {
+                                        setAnnuleertAlles(false);
+                                        await reload(true);
+                                    }
+                                }, children: [_jsx(XCircle, { className: "mr-2 h-4 w-4" }), annuleertAlles ? "Bezig…" : `Alles annuleren (${openJobs.length})`] })] })] }), _jsx(PrintStatusBanner, { fout: tickFout }), _jsx("div", { className: "grid gap-4 md:grid-cols-4", children: ["wachtend", "bezig", "voltooid", "mislukt"].map((s) => (_jsx(Card, { children: _jsxs(CardHeader, { className: "pb-2", children: [_jsx(CardDescription, { className: "capitalize", children: s }), _jsx(CardTitle, { className: "text-2xl", children: tellingen[s] ?? 0 })] }) }, s))) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Opdrachten" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} opdrachten` })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-4", children: [_jsxs("div", { className: "relative md:col-span-2", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "pl-9", placeholder: "Zoek op document of gebruiker", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: status, onValueChange: setStatus, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), ["wachtend", "bezig", "voltooid", "mislukt", "geannuleerd"].map((s) => (_jsx(SelectItem, { value: s, children: s }, s)))] })] }), _jsxs(Select, { value: plekFilter, onValueChange: setPlekFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle printplekken" }), plekOpties.map((p) => (_jsx(SelectItem, { value: p, children: p }, p))), _jsx(SelectItem, { value: "\u2014", children: "Zonder printplek" })] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Document" }), _jsx(TableHead, { children: "Printplek" }), _jsx(TableHead, { children: "Layout (aangeleverd \u2192 gebruikt)" }), _jsx(TableHead, { children: "Printer" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Tijdstip" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen printopdrachten." }) })), gefilterd.map((j) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsx("span", { className: "font-medium", children: j.documentnaam ?? documentTypeLabel(j.documenttype) }), j.is_herprint && (_jsx(Badge, { variant: "outline", className: "ml-2", children: "herprint" })), !heeftOrderKenmerk(j) && (_jsx(Badge, { variant: "outline", className: "ml-2 text-amber-600", children: "geen orderkenmerk" })), j.foutmelding && (_jsx("span", { className: "block text-xs text-destructive", children: j.foutmelding }))] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: plekPerJob.get(j.id) || "—" }), _jsxs(TableCell, { className: "text-sm text-muted-foreground", children: [_jsx("span", { title: "Aangeleverd door de module", children: j.layout_id ? layoutNaam.get(j.layout_id) ?? "Onbekende layout" : "geen" }), _jsxs("span", { className: "block text-xs", children: ["\u2192", " ", _jsx("span", { title: "Layout die de wachtrij gebruikte", children: j.gebruikte_layout_id
                                                                             ? layoutNaam.get(j.gebruikte_layout_id) ?? "Onbekende layout"
                                                                             : j.gebruikte_bron
                                                                                 ? "geen layout"
-                                                                                : "nog niet verwerkt" }), j.gebruikte_bron && (_jsx(Badge, { variant: "outline", className: "ml-2", children: BRON_LABEL[j.gebruikte_bron] ?? j.gebruikte_bron }))] })] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: j.printer_id ? printerNaam.get(j.printer_id) ?? "—" : "—" }), _jsx(TableCell, { children: _jsx(Badge, { variant: STATUS_VARIANT[j.status] ?? "outline", children: pdfOpslagLabel(j.lokale_pdf_status, Boolean(j.lokale_pdf_print_plek_id)) ?? j.status }) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: new Date(j.created_at).toLocaleString("nl-NL") }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [(j.artefact_pad || j.resultaat_pdf_base64) && (_jsxs(Button, { variant: "ghost", size: "sm", title: "Bewaar de opgemaakte PDF", onClick: async () => {
-                                                                        try {
-                                                                            await downloadPdfJob(j.id, j.documentnaam ?? "document");
-                                                                        }
-                                                                        catch (fout) {
-                                                                            toast.error(fout instanceof Error ? fout.message : "PDF downloaden mislukt");
-                                                                        }
-                                                                    }, children: [_jsx(FileDown, { className: "mr-2 h-4 w-4" }), " PDF"] })), j.lokale_pdf_status !== "opgeslagen" &&
-                                                                    (j.artefact_pad || j.resultaat_pdf_base64) && (_jsxs(Button, { variant: "ghost", size: "sm", title: "Bewaar de bestaande PDF opnieuw in de ingestelde map", onClick: async () => {
-                                                                        try {
-                                                                            await bewaarPdfJobOpnieuw(j.id);
-                                                                            toast.success("De bestaande PDF wordt opnieuw in de ingestelde map opgeslagen");
-                                                                        }
-                                                                        catch (fout) {
-                                                                            toast.error(fout instanceof Error ? fout.message : "Opnieuw opslaan mislukt");
-                                                                        }
-                                                                        finally {
-                                                                            void reload(true);
-                                                                        }
-                                                                    }, children: [_jsx(Save, { className: "mr-2 h-4 w-4" }), " Opslag opnieuw"] })), _jsxs(Button, { variant: "ghost", size: "sm", onClick: async () => {
+                                                                                : "nog niet verwerkt" }), j.gebruikte_bron && (_jsx(Badge, { variant: "outline", className: "ml-2", children: BRON_LABEL[j.gebruikte_bron] ?? j.gebruikte_bron }))] })] }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: j.printer_id ? printerNaam.get(j.printer_id) ?? "—" : "—" }), _jsx(TableCell, { children: _jsx(Badge, { variant: STATUS_VARIANT[j.status] ?? "outline", children: j.status }) }), _jsx(TableCell, { className: "text-sm text-muted-foreground", children: new Date(j.created_at).toLocaleString("nl-NL") }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: async () => {
                                                                         if (!j.layout_id)
                                                                             return;
                                                                         try {
@@ -203,8 +162,20 @@ export function PrintQueuePage() {
                                                                             toast.error("Herprint mislukt");
                                                                         }
                                                                     }, children: [_jsx(RotateCcw, { className: "mr-2 h-4 w-4" }), " Opnieuw"] }), (j.status === "wachtend" || j.status === "bezig") && (_jsx(Button, { variant: "ghost", size: "sm", onClick: async () => {
-                                                                        await updateJobStatus(j.id, "geannuleerd");
-                                                                        toast.success("Opdracht geannuleerd");
-                                                                        void reload();
+                                                                        try {
+                                                                            const resultaat = await annuleerPrintOpdrachten({ data: { jobIds: [j.id] } });
+                                                                            if (resultaat.externMislukt > 0) {
+                                                                                toast.error("De opdracht is gestopt, maar stond mogelijk al bij de printer");
+                                                                            }
+                                                                            else {
+                                                                                toast.success("Opdracht geannuleerd");
+                                                                            }
+                                                                        }
+                                                                        catch (fout) {
+                                                                            toast.error(fout instanceof Error ? fout.message : "Annuleren mislukt");
+                                                                        }
+                                                                        finally {
+                                                                            void reload(true);
+                                                                        }
                                                                     }, children: _jsx(XCircle, { className: "h-4 w-4" }) }))] }) })] }, j.id)))] })] })] })] })] }));
 }

package/dist-lib/components/PrintenPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrintenPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintenPage.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,WAAW,CAAC,EAC1B,GAAoB,GACrB,EAAE;IACD,GAAG,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;CACpC,+BAuBA"}
+{"version":3,"file":"PrintenPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintenPage.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,WAAW,CAAC,EAC1B,GAAoB,GACrB,EAAE;IACD,GAAG,CAAC,EAAE,cAAc,GAAG,WAAW,CAAC;CACpC,+BAsBA"}

package/dist-lib/components/PrintenPage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // ============================================================================
 // src/components/PrintenPage.tsx — één menu-item "Printen" met tabbladen voor
 // printplekken (plekken, computers en printers samen) en standaardregels.
@@ -8,7 +8,6 @@ import { MapPin, Route as RouteIcon } from "lucide-react";
 import { ModuleTabs } from "./ModuleTabs.js";
 import { PrintplekkenPage } from "./PrintplekkenPage.js";
 import { DocumentRouteringPage } from "./DocumentRouteringPage.js";
-import { PdfMapAutoSaver } from "./PdfMapAutoSaver.js";
 const TABS = [
     {
         id: "printplekken",
@@ -19,5 +18,5 @@ const TABS = [
 ];
 export function PrintenPage({ tab = "printplekken", }) {
     const [actiefTab, setActiefTab] = useState(tab);
-    return (_jsxs(_Fragment, { children: [_jsx(PdfMapAutoSaver, {}), _jsx(ModuleTabs, { titel: "Printen", omschrijving: "Stel per plek in het bedrijf in welke computers, printers en documenten daar horen.", tabs: TABS, actiefTab: actiefTab, onTabWijzig: (nieuwTab) => setActiefTab(nieuwTab === "routering" ? "routering" : "printplekken"), children: actiefTab === "routering" ? (_jsx(DocumentRouteringPage, { ingebed: true })) : (_jsx(PrintplekkenPage, { ingebed: true })) })] }));
+    return (_jsx(_Fragment, { children: _jsx(ModuleTabs, { titel: "Printen", omschrijving: "Stel per plek in het bedrijf in welke computers, printers en documenten daar horen.", tabs: TABS, actiefTab: actiefTab, onTabWijzig: (nieuwTab) => setActiefTab(nieuwTab === "routering" ? "routering" : "printplekken"), children: actiefTab === "routering" ? (_jsx(DocumentRouteringPage, { ingebed: true })) : (_jsx(PrintplekkenPage, { ingebed: true })) }) }));
 }

package/dist-lib/components/PrinterSetupWizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrinterSetupWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrinterSetupWizard.tsx"],"names":[],"mappings":"AAoDA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAwCD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,cAAc,EACd,iBAAsB,EACtB,eAAoB,EACpB,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACjC,+BAufA"}
+{"version":3,"file":"PrinterSetupWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrinterSetupWizard.tsx"],"names":[],"mappings":"AAkDA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAwCD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,cAAc,EACd,iBAAsB,EACtB,eAAoB,EACpB,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACjC,+BA4cA"}

package/dist-lib/components/PrinterSetupWizard.js

@@ -5,9 +5,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // ============================================================================
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Input, Label, toast, } from "@flowselections/core";
-import { Check, CheckCircle2, FileDown, FileText, Loader2, Printer, RefreshCw, Search, Tag, } from "lucide-react";
+import { Check, CheckCircle2, FileText, Loader2, Printer, RefreshCw, Search, Tag, } from "lucide-react";
 import { supabase } from "../lib/supabaseClient.js";
-import { zorgVoorPdfPrinter } from "../lib/pdfPrinter.js";
 import { printHtml, volgJobStatus } from "../lib/printApi.js";
 import { netwerkPrinters } from "../lib/printService.functions.js";
 import { printerFormaatOpties } from "../lib/papierFormaten.js";
@@ -174,28 +173,6 @@ export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter
             setBezig(false);
         }
     };
-    /**
-     * Voegt de virtuele "Opslaan als PDF"-printer toe. Documenten die hierheen
-     * gaan worden niet geprint maar als downloadbare PDF in de wachtrij bewaard.
-     * Er is maar één PDF-printer nodig; een tweede wordt niet aangemaakt.
-     */
-    const pdfPrinterToevoegen = async () => {
-        setBezig(true);
-        try {
-            const { alAanwezig } = await zorgVoorPdfPrinter();
-            toast.success(alAanwezig
-                ? "'Opslaan als PDF' stond al tussen uw printers"
-                : "'Opslaan als PDF' toegevoegd");
-            onKlaar?.();
-            onOpenChange(false);
-        }
-        catch {
-            toast.error("Toevoegen mislukt");
-        }
-        finally {
-            setBezig(false);
-        }
-    };
     const [testStatus, setTestStatus] = useState("leeg");
     const [testMelding, setTestMelding] = useState("");
     const testpagina = async () => {
@@ -206,9 +183,9 @@ export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter
         setTestStatus("bezig");
         setTestMelding("");
         const maat = gekozenFormaat ? `${gekozenFormaat.breedte} × ${gekozenFormaat.hoogte} mm` : "standaardformaat";
-        const html = `<div style="padding:15mm;font-family:Arial,Helvetica,sans-serif;font-size:12pt">
-<h1 style="font-size:20pt;margin:0 0 6mm">Testpagina</h1>
-<p style="margin:0 0 3mm">Deze pagina hoort uit: <strong>${naam}</strong></p>
+        const html = `<div style="padding:15mm;font-family:Arial,Helvetica,sans-serif;font-size:12pt">
+<h1 style="font-size:20pt;margin:0 0 6mm">Testpagina</h1>
+<p style="margin:0 0 3mm">Deze pagina hoort uit: <strong>${naam}</strong></p>
 <p style="margin:0">Papier: ${maat} — ${new Date().toLocaleString("nl-NL")}</p></div>`;
         try {
             const { jobId } = await printHtml({
@@ -251,7 +228,7 @@ export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter
                                 : "Kies uw printer, geef hem een herkenbare naam en druk een testpagina af." })] }), !bewerken && _jsx(Stappenbalk, { stap: stap }), stap === 0 && (_jsxs("div", { className: "space-y-4", children: [lijst.length > 6 && (_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-2.5 left-3 h-4 w-4" }), _jsx(Input, { className: "pl-9", value: zoekterm, placeholder: "Zoek op printer of computer", onChange: (e) => setZoekterm(e.target.value) })] })), zoekt && (_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Printers zoeken\u2026"] })), !zoekt && fout && _jsx("p", { className: "text-destructive text-sm", children: fout }), !zoekt && zichtbaar.length > 0 && (_jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: zichtbaar.map((p) => {
                                 const al = bekendeExterneIds.includes(p.id);
                                 return (_jsx("button", { type: "button", disabled: al, onClick: () => kiesPrinter(p), className: `rounded-xl border p-4 text-left transition ${al ? "opacity-60" : "hover:border-primary/50 hover:bg-accent/40"}`, children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Printer, { className: "text-muted-foreground mt-0.5 h-5 w-5 shrink-0" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate text-sm font-medium", children: p.naam }), _jsx("p", { className: "text-muted-foreground truncate text-xs", children: p.computer }), _jsxs("span", { className: "mt-2 flex items-center gap-1.5 text-xs", children: [_jsx("span", { className: `h-2 w-2 rounded-full ${p.online ? "bg-primary" : "bg-muted-foreground/40"}` }), al ? "Al toegevoegd" : p.online ? "Beschikbaar" : "Niet aan"] })] })] }) }, p.id));
-                            }) })), !zoekt && zichtbaar.length === 0 && _jsx(PrintProgrammaUitleg, {}), !zoekt && (_jsxs("button", { type: "button", disabled: bezig, onClick: () => void pdfPrinterToevoegen(), className: "hover:border-primary/50 hover:bg-accent/40 flex w-full items-center gap-3 rounded-xl border border-dashed p-4 text-left transition", children: [bezig ? (_jsx(Loader2, { className: "text-muted-foreground h-5 w-5 shrink-0 animate-spin" })) : (_jsx(FileDown, { className: "text-muted-foreground h-5 w-5 shrink-0" })), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: "Opslaan als PDF" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Geen fysieke printer nodig: het document verschijnt als downloadbare PDF in de printwachtrij. Handig om layouts en routering te testen." })] })] })), !zoekt && zichtbaar.length > 0 && (_jsxs("div", { className: "space-y-3", children: [_jsx("button", { type: "button", className: "text-muted-foreground hover:text-foreground text-sm underline", onClick: () => setUitlegOpen((v) => !v), children: "Ik zie mijn printer niet" }), uitlegOpen && _jsx(PrintProgrammaUitleg, { compact: true })] })), _jsx("div", { className: "flex justify-between", children: _jsxs(Button, { variant: "ghost", onClick: () => void zoeken(), disabled: zoekt, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] }) })] })), stap === 1 && (_jsxs("div", { className: "grid gap-5 sm:grid-cols-[1fr_200px]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Weergavenaam" }), _jsx(Input, { value: naam, placeholder: "Bijvoorbeeld: pakbonprinter voorin", onChange: (e) => setNaam(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Omschrijving (optioneel)" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Waar staat deze printer? Bijvoorbeeld: magazijn achter." }), _jsx(Input, { value: locatie, placeholder: "Bijvoorbeeld: magazijn achter", onChange: (e) => setLocatie(e.target.value) }), bekendeLocaties.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 pt-1", children: bekendeLocaties.slice(0, 6).map((l) => (_jsx("button", { type: "button", onClick: () => setLocatie(l), className: "hover:bg-accent rounded-full border px-3 py-1 text-xs", children: l }, l))) }))] }), formaatOpties.length > 0 ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Standaardformaat van deze printer" }), _jsxs("p", { className: "text-muted-foreground text-xs", children: ["Deze printer kan: ", formaatOpties.map((o) => o.label.split(" (")[0]).join(", "), "."] }), formaatOpties.length === 1 ? (_jsx("p", { className: "text-sm", children: formaatOpties[0].label })) : (_jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: formaatOpties.map((o) => (_jsxs("button", { type: "button", onClick: () => setFormaatCode(o.code), className: `hover:bg-accent rounded-lg border p-3 text-left transition ${formaatCode === o.code ? "border-primary bg-accent" : ""}`, children: [o.breedte <= 120 && o.hoogte <= 220 ? (_jsx(Tag, { className: "text-muted-foreground mb-1 h-4 w-4" })) : (_jsx(FileText, { className: "text-muted-foreground mb-1 h-4 w-4" })), _jsx("p", { className: "text-sm font-medium", children: o.label.split(" (")[0] }), _jsxs("p", { className: "text-muted-foreground text-xs", children: [o.breedte, " \u00D7 ", o.hoogte, " mm"] })] }, o.code))) }))] })) : (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Wat gaat deze printer afdrukken?" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "De formaten van deze printer konden niet worden opgehaald." }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: [
+                            }) })), !zoekt && zichtbaar.length === 0 && _jsx(PrintProgrammaUitleg, {}), !zoekt && zichtbaar.length > 0 && (_jsxs("div", { className: "space-y-3", children: [_jsx("button", { type: "button", className: "text-muted-foreground hover:text-foreground text-sm underline", onClick: () => setUitlegOpen((v) => !v), children: "Ik zie mijn printer niet" }), uitlegOpen && _jsx(PrintProgrammaUitleg, { compact: true })] })), _jsx("div", { className: "flex justify-between", children: _jsxs(Button, { variant: "ghost", onClick: () => void zoeken(), disabled: zoekt, children: [_jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] }) })] })), stap === 1 && (_jsxs("div", { className: "grid gap-5 sm:grid-cols-[1fr_200px]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Weergavenaam" }), _jsx(Input, { value: naam, placeholder: "Bijvoorbeeld: pakbonprinter voorin", onChange: (e) => setNaam(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Omschrijving (optioneel)" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "Waar staat deze printer? Bijvoorbeeld: magazijn achter." }), _jsx(Input, { value: locatie, placeholder: "Bijvoorbeeld: magazijn achter", onChange: (e) => setLocatie(e.target.value) }), bekendeLocaties.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 pt-1", children: bekendeLocaties.slice(0, 6).map((l) => (_jsx("button", { type: "button", onClick: () => setLocatie(l), className: "hover:bg-accent rounded-full border px-3 py-1 text-xs", children: l }, l))) }))] }), formaatOpties.length > 0 ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Standaardformaat van deze printer" }), _jsxs("p", { className: "text-muted-foreground text-xs", children: ["Deze printer kan: ", formaatOpties.map((o) => o.label.split(" (")[0]).join(", "), "."] }), formaatOpties.length === 1 ? (_jsx("p", { className: "text-sm", children: formaatOpties[0].label })) : (_jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: formaatOpties.map((o) => (_jsxs("button", { type: "button", onClick: () => setFormaatCode(o.code), className: `hover:bg-accent rounded-lg border p-3 text-left transition ${formaatCode === o.code ? "border-primary bg-accent" : ""}`, children: [o.breedte <= 120 && o.hoogte <= 220 ? (_jsx(Tag, { className: "text-muted-foreground mb-1 h-4 w-4" })) : (_jsx(FileText, { className: "text-muted-foreground mb-1 h-4 w-4" })), _jsx("p", { className: "text-sm font-medium", children: o.label.split(" (")[0] }), _jsxs("p", { className: "text-muted-foreground text-xs", children: [o.breedte, " \u00D7 ", o.hoogte, " mm"] })] }, o.code))) }))] })) : (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Wat gaat deze printer afdrukken?" }), _jsx("p", { className: "text-muted-foreground text-xs", children: "De formaten van deze printer konden niet worden opgehaald." }), _jsx("div", { className: "grid grid-cols-2 gap-3", children: [
                                                 { code: "papier", label: "Papier (A4)", sub: "Gewone documenten", Icon: FileText },
                                                 { code: "etiket", label: "Etiketten", sub: "Stickers en labels", Icon: Tag },
                                             ].map((o) => (_jsxs("button", { type: "button", onClick: () => setGebruik(o.code), className: `hover:bg-accent rounded-lg border p-4 text-left transition ${gebruik === o.code ? "border-primary bg-accent" : ""}`, children: [_jsx(o.Icon, { className: "text-muted-foreground mb-2 h-5 w-5" }), _jsx("p", { className: "text-sm font-medium", children: o.label }), _jsx("p", { className: "text-muted-foreground text-xs", children: o.sub })] }, o.code))) })] })), _jsxs("div", { className: "flex justify-between", children: [!bewerken ? (_jsx(Button, { variant: "ghost", onClick: () => setStap(0), children: "Terug" })) : (_jsx("span", {})), _jsx(Button, { disabled: bezig, onClick: () => void opslaan(), children: bewerken ? "Opslaan" : "Opslaan en verder" })] })] }), _jsxs("div", { className: "hidden sm:block", children: [_jsx("p", { className: "text-muted-foreground mb-2 text-xs", children: "Zo komt hij in de lijst:" }), _jsxs("div", { className: "bg-card rounded-xl border p-3", children: [_jsx(Printer, { className: "text-muted-foreground mb-2 h-4 w-4" }), _jsx("p", { className: "truncate text-sm font-medium", children: naam || "Naam van de printer" }), _jsx("p", { className: "text-muted-foreground truncate text-xs", children: locatie || gekozen?.computer || "Geen omschrijving" })] })] })] })), stap === 2 && (_jsxs("div", { className: "space-y-4 text-center", children: [_jsx(CheckCircle2, { className: "text-primary mx-auto h-10 w-10" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: "De printer is klaar voor gebruik" }), _jsxs("p", { className: "text-muted-foreground text-sm", children: [naam, " ", locatie ? `bij ${locatie}` : "", " drukt voortaan automatisch af."] })] }), testStatus !== "leeg" && (_jsxs("p", { className: "text-muted-foreground text-sm", children: [testStatus === "bezig" && "Onderweg naar de printer…", testStatus === "gelukt" && (testMelding || "De testpagina is afgedrukt."), testStatus === "fout" &&

package/dist-lib/components/PrintersRedirectPage.d.ts

@@ -1,2 +1,2 @@
-export declare function PrintersRedirectPage(): import("react").JSX.Element;
+export declare function PrintersRedirectPage(): import("react").JSX.Element;
 //# sourceMappingURL=PrintersRedirectPage.d.ts.map

package/dist-lib/components/PrintersRedirectPage.js

@@ -1,14 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// ============================================================================
-// src/components/PrintersRedirectPage.tsx — oude URL /layouts-printers/printers
-// stuurt door naar de samengevoegde pagina Printplekken.
-// ============================================================================
-import { useEffect } from "react";
-import { useNavigate } from "@tanstack/react-router";
-export function PrintersRedirectPage() {
-    const navigate = useNavigate();
-    useEffect(() => {
-        void navigate({ to: "/layouts-printers/printplekken", replace: true });
-    }, [navigate]);
-    return _jsx("p", { className: "text-muted-foreground p-6 text-sm", children: "Doorsturen naar Printplekken\u2026" });
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PrintersRedirectPage.tsx — oude URL /layouts-printers/printers
+// stuurt door naar de samengevoegde pagina Printplekken.
+// ============================================================================
+import { useEffect } from "react";
+import { useNavigate } from "@tanstack/react-router";
+export function PrintersRedirectPage() {
+    const navigate = useNavigate();
+    useEffect(() => {
+        void navigate({ to: "/layouts-printers/printplekken", replace: true });
+    }, [navigate]);
+    return _jsx("p", { className: "text-muted-foreground p-6 text-sm", children: "Doorsturen naar Printplekken\u2026" });
+}

package/dist-lib/components/PrintplekDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AAiDA,wBAAgB,mBAAmB,gCA0YlC"}
+{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,mBAAmB,gCA2WlC"}