@flowselections/layout-maker 1.38.4 → 1.45.9

package/dist-lib/components/PdfMapToestemmingBanner.js

@@ -10,16 +10,63 @@ import { Button, toast } from "@flowselections/core";
 import { FolderCheck, FolderOpen, ShieldAlert, ShieldCheck } from "lucide-react";
 import { usePrinters } from "../lib/useDocumentData.js";
 import { zorgVoorPdfPrinter } from "../lib/pdfPrinter.js";
-import { draaitInIframe, herstelPdfMapToestemming, kiesPdfMap, mapKiezenMogelijk, openInEigenTabblad, pdfMapNaam, pdfMapToestemming, } from "../lib/pdfMap.js";
-export function PdfMapToestemmingBanner({ alleenActieNodig = false, zwevend = false, } = {}) {
+import { supabase } from "../lib/supabaseClient.js";
+import { draaitInIframe, herstelPdfMapToestemming, kiesPdfMap, mapKiezenMogelijk, openInEigenTabblad, lokalePdfPrintplek, pdfMapKoppeling, pdfMapNaam, pdfMapToestemming, } from "../lib/pdfMap.js";
+export function PdfMapToestemmingBanner({ alleenActieNodig = false, zwevend = false, printplekId, } = {}) {
     const { printers, reload } = usePrinters();
     const pdfPrinter = printers.find((p) => p.afdrukmethode === "pdf");
+    // De balk is alleen nuttig als "Opslaan als PDF" nog ergens als
+    // afdrukmethode is ingesteld (printplek-regel, layoutkoppeling of
+    // formaatregel). Zodra nergens meer een PDF-printer is gekozen, verdwijnt
+    // de balk en wordt de virtuele printer ook niet meer vanzelf aangemaakt.
+    const [inGebruik, setInGebruik] = useState(null);
+    const meetGebruik = useCallback(async (printerId) => {
+        const tabellen = [
+            supabase.from("document_printplek_printers").select("print_plek_id").eq("printer_id", printerId).limit(1),
+            supabase.from("printer_mappings").select("layout_id").eq("printer_id", printerId).limit(1),
+            supabase.from("document_formaat_printers").select("documenttype").eq("printer_id", printerId).limit(1),
+        ];
+        try {
+            const resultaten = await Promise.all(tabellen);
+            return resultaten.some((r) => Array.isArray(r.data) && r.data.length > 0);
+        }
+        catch {
+            // Bij een leesfout liever tonen dan stil verbergen.
+            return true;
+        }
+    }, []);
+    useEffect(() => {
+        if (!pdfPrinter) {
+            setInGebruik(null);
+            return;
+        }
+        let actief = true;
+        void meetGebruik(pdfPrinter.id).then((gebruikt) => {
+            if (actief)
+                setInGebruik(gebruikt);
+        });
+        return () => {
+            actief = false;
+        };
+    }, [pdfPrinter?.id, meetGebruik]); // eslint-disable-line react-hooks/exhaustive-deps
     const [naam, setNaam] = useState(null);
     const [toestand, setToestand] = useState("laden");
-    // Zorg dat de virtuele PDF-printer bestaat, ook als de gebruiker nog geen
-    // wizard heeft doorlopen. Daarna herladen zodat de banner direct zichtbaar is.
+    const [gekoppeldePrintplek, setGekoppeldePrintplek] = useState(null);
+    const [persistent, setPersistent] = useState(null);
+    const [instellingOpen, setInstellingOpen] = useState(false);
+    const [aangevraagdePrintplek, setAangevraagdePrintplek] = useState(null);
+    useEffect(() => {
+        const params = new URLSearchParams(window.location.search);
+        const gevraagd = params.get("pdf-printplek")?.trim() || null;
+        setInstellingOpen(params.get("pdf-map-instellen") === "1");
+        setAangevraagdePrintplek(gevraagd);
+        void lokalePdfPrintplek().then((lokaal) => setGekoppeldePrintplek(gevraagd ?? lokaal));
+    }, []);
+    // Maak de virtuele PDF-printer alleen aan wanneer expliciet om het instellen
+    // van de map gevraagd wordt (?pdf-map-instellen=1). Zonder die vraag én
+    // zonder bestaande PDF-printer is er niets om toestemming voor te geven.
     useEffect(() => {
-        if (pdfPrinter)
+        if (pdfPrinter || !instellingOpen)
             return;
         let actief = true;
         void (async () => {
@@ -35,7 +82,7 @@ export function PdfMapToestemmingBanner({ alleenActieNodig = false, zwevend = fa
         return () => {
             actief = false;
         };
-    }, [pdfPrinter, reload]);
+    }, [pdfPrinter, instellingOpen, reload]);
     const laad = useCallback(async () => {
         if (!pdfPrinter) {
             setNaam(null);
@@ -44,7 +91,26 @@ export function PdfMapToestemmingBanner({ alleenActieNodig = false, zwevend = fa
         }
         setNaam(await pdfMapNaam(pdfPrinter.id));
         setToestand(await pdfMapToestemming(pdfPrinter.id));
-    }, [pdfPrinter]);
+        const koppeling = await pdfMapKoppeling();
+        let doelPrintplek = printplekId ?? aangevraagdePrintplek ?? koppeling?.printPlekId ?? null;
+        if (!doelPrintplek) {
+            const { data } = await supabase
+                .from("document_printplek_printers")
+                .select("print_plek_id")
+                .eq("printer_id", pdfPrinter.id);
+            const ids = [
+                ...new Set((Array.isArray(data) ? data : [])
+                    .map((rij) => String(rij.print_plek_id ?? "").trim())
+                    .filter(Boolean)),
+            ];
+            doelPrintplek = ids.length === 1 ? ids[0] ?? null : null;
+        }
+        setGekoppeldePrintplek(doelPrintplek);
+        setPersistent(koppeling?.persistent ?? null);
+        // Opnieuw meten of PDF nog ergens is ingesteld: kiest de gebruiker bij
+        // alle documenten een echte printer, dan verdwijnt de balk direct.
+        setInGebruik(await meetGebruik(pdfPrinter.id));
+    }, [aangevraagdePrintplek, meetGebruik, pdfPrinter, printplekId]);
     useEffect(() => {
         void laad();
     }, [laad]);
@@ -58,14 +124,33 @@ export function PdfMapToestemmingBanner({ alleenActieNodig = false, zwevend = fa
             document.removeEventListener("visibilitychange", h);
         };
     }, [laad]);
-    if (!pdfPrinter)
+    // In een iframe (o.a. de Lovable-preview) heeft de balk geen nut: de
+    // mappenverkenner werkt daar niet en de gebruiker kan alleen via "Open in
+    // eigen tabblad" verder. De balk daar niet tonen houdt de preview schoon;
+    // in een eigen tabblad blijft hij volledig zichtbaar.
+    const inIframe = draaitInIframe();
+    if (inIframe)
         return null;
-    // Banner blijft altijd zichtbaar zolang er een PDF-printer is, zodat de
-    // maptoestemming ook proactief te vernieuwen is (groen = in orde).
-    const inOrde = toestand === "granted" && !!naam;
-    if (alleenActieNodig && (toestand === "laden" || inOrde))
+    // Is "Opslaan als PDF" nergens meer ingesteld (geen printplek-, layout- of
+    // formaatregel met deze printer), dan is de balk overbodig en verbergen we
+    // hem volledig. Alleen bij een expliciete instelvraag blijft hij zichtbaar.
+    if (!instellingOpen) {
+        if (!pdfPrinter)
+            return null;
+        if (inGebruik === false)
+            return null;
+    }
+    // De balk is op dit punt alleen nog zichtbaar als "Opslaan als PDF"
+    // daadwerkelijk ergens is ingesteld (of de gebruiker expliciet aan het
+    // instellen is); anders is hierboven al `null` teruggegeven.
+    const vereistePrintplek = printplekId ?? aangevraagdePrintplek ?? gekoppeldePrintplek;
+    const inOrde = !!pdfPrinter &&
+        toestand === "granted" &&
+        !!naam &&
+        !!gekoppeldePrintplek &&
+        (!vereistePrintplek || gekoppeldePrintplek === vereistePrintplek);
+    if (alleenActieNodig && !instellingOpen && (!pdfPrinter ? false : toestand === "laden" || inOrde))
         return null;
-    const inIframe = draaitInIframe();
     const ondersteund = mapKiezenMogelijk();
     const geefToestemming = async () => {
         if (!pdfPrinter)
@@ -94,13 +179,14 @@ export function PdfMapToestemmingBanner({ alleenActieNodig = false, zwevend = fa
                 description: "Open de app in een eigen tabblad om de mappenverkenner te gebruiken.",
                 action: {
                     label: "Open in eigen tabblad",
-                    onClick: openInEigenTabblad,
+                    onClick: () => openInEigenTabblad(printplekId ?? gekoppeldePrintplek ?? undefined),
                 },
                 duration: 15000,
             });
             return;
         }
-        const uitkomst = await kiesPdfMap(pdfPrinter.id);
+        const doelPrintplek = printplekId ?? gekoppeldePrintplek ?? undefined;
+        const uitkomst = await kiesPdfMap(pdfPrinter.id, doelPrintplek);
         if (uitkomst.status === "gekozen") {
             toast.success("Map gekozen", { description: `PDF's worden opgeslagen in “${uitkomst.naam}”.` });
             await laad();
@@ -113,7 +199,10 @@ export function PdfMapToestemmingBanner({ alleenActieNodig = false, zwevend = fa
         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 },
+                action: {
+                    label: "Open in eigen tabblad",
+                    onClick: () => openInEigenTabblad(printplekId ?? gekoppeldePrintplek ?? undefined),
+                },
                 duration: 15000,
             });
         }
@@ -121,12 +210,27 @@ export function PdfMapToestemmingBanner({ alleenActieNodig = false, zwevend = fa
             toast.error("Map kiezen is mislukt", { description: uitkomst.melding });
         }
     };
-    const icoon = toestand === "granted"
+    const icoon = inOrde
         ? ShieldCheck
         : toestand === "denied"
             ? ShieldAlert
             : FolderOpen;
     const Icoon = icoon;
+    if (!pdfPrinter) {
+        return (_jsxs("div", { role: "status", "aria-live": "polite", className: `${zwevend ? "fixed inset-x-4 top-4 z-[100] mx-auto max-w-4xl shadow-lg" : ""} flex flex-wrap items-center justify-between gap-3 rounded-lg border border-amber-300/60 bg-amber-50 p-3 dark:border-amber-700/60 dark:bg-amber-950/30`, children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(ShieldAlert, { className: "h-4 w-4 text-amber-600 dark:text-amber-400" }), _jsx("span", { className: "font-medium", children: "PDF-maptoestemming" }), _jsx("span", { className: "text-muted-foreground", children: "De virtuele \u201COpslaan als PDF\u201D-printer wordt aangemaakt of kon nog niet worden geladen." })] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => {
+                        void (async () => {
+                            try {
+                                await zorgVoorPdfPrinter();
+                                await reload(true);
+                            }
+                            catch (fout) {
+                                toast.error("PDF-printer kon niet worden aangemaakt", {
+                                    description: fout instanceof Error ? fout.message : undefined,
+                                });
+                            }
+                        })();
+                    }, children: [_jsx(FolderOpen, { className: "mr-2 h-4 w-4" }), " PDF-printer aanmaken"] })] }));
+    }
     return (_jsxs("div", { role: "status", "aria-live": "polite", className: `${inOrde
             ? "border-emerald-300/60 bg-emerald-50 dark:border-emerald-700/60 dark:bg-emerald-950/30"
             : "border-amber-300/60 bg-amber-50 dark:border-amber-700/60 dark:bg-amber-950/30"} ${zwevend
@@ -135,5 +239,7 @@ export function PdfMapToestemmingBanner({ alleenActieNodig = false, zwevend = fa
                             ? "h-4 w-4 text-emerald-600 dark:text-emerald-400"
                             : "h-4 w-4 text-amber-600 dark:text-amber-400" }), _jsx("span", { className: "font-medium", children: "PDF-maptoestemming" }), _jsxs("span", { className: "text-muted-foreground", children: [naam
                                 ? `Map “${naam}” — toestemming ${toestand === "granted" ? "verleend" : "vereist vernieuwen"}`
-                                : "Nog geen map gekozen op deze computer", !ondersteund ? " (browser ondersteunt geen mapkeuze)" : ""] })] }), _jsxs("div", { className: "flex gap-2", children: [naam ? (_jsxs(Button, { size: "sm", variant: inOrde ? "outline" : "default", onClick: () => void geefToestemming(), children: [_jsx(FolderCheck, { className: "mr-2 h-4 w-4" }), inOrde ? "Toestemming controleren" : "Maptoestemming geven"] })) : null, _jsxs(Button, { size: "sm", variant: "outline", onClick: () => void kiesNieuweMap(), children: [_jsx(FolderOpen, { className: "mr-2 h-4 w-4" }), " ", naam ? "Andere map kiezen" : "Map kiezen"] })] })] }));
+                                : "Nog geen map gekozen op deze computer", !ondersteund ? " (browser ondersteunt geen mapkeuze)" : "", inIframe
+                                ? " — de preview draait in een iframe; de mapkeuze geldt per webadres en moet hier opnieuw worden gezet"
+                                : "", !inIframe && gekoppeldePrintplek ? " — gekoppeld aan deze printplek" : "", !inIframe && persistent === false ? " — browseropslag is niet permanent gegarandeerd" : ""] })] }), _jsxs("div", { className: "flex gap-2", children: [naam ? (_jsxs(Button, { size: "sm", variant: inOrde ? "outline" : "default", onClick: () => void geefToestemming(), children: [_jsx(FolderCheck, { className: "mr-2 h-4 w-4" }), inOrde ? "Toestemming controleren" : "Maptoestemming geven"] })) : null, _jsxs(Button, { size: "sm", variant: "outline", onClick: () => void kiesNieuweMap(), children: [_jsx(FolderOpen, { className: "mr-2 h-4 w-4" }), " ", naam ? "Andere map kiezen" : "Map kiezen"] }), inIframe ? (_jsx(Button, { size: "sm", variant: "outline", onClick: () => openInEigenTabblad(printplekId ?? gekoppeldePrintplek ?? undefined), children: "Open in eigen tabblad" })) : null] })] }));
 }

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

@@ -0,0 +1,20 @@
+interface Props {
+    /** Print-HTML, exact zoals die ook naar de printwachtrij gaat. */
+    html: string;
+    breedteMm: number;
+    hoogteMm: number;
+    margeMm: number;
+    onControle?: (status: "controleren" | "gereed" | "afwijking", fout?: string) => void;
+}
+/**
+ * Toont het voorbeeld altijd: de print-HTML wordt direct getoond op ware
+ * papiergrootte (werkt ook binnen een shell-iframe, waar Chrome ingesloten
+ * PDF's blokkeert). De echte print-PDF blijft opvraagbaar in een eigen tabblad.
+ *
+ * Pagina's stapelen verticaal; het hele kader wordt met een CSS-schaling op
+ * de beschikbare breedte passend gemaakt, zodat het document altijd volledig
+ * zichtbaar is (met verticaal scrollen bij meerdere pagina's).
+ */
+export declare function PdfVoorbeeld({ html, breedteMm, hoogteMm, margeMm, onControle }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PdfVoorbeeld.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PdfVoorbeeld.d.ts","sourceRoot":"","sources":["../../src/components/PdfVoorbeeld.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,GAAG,QAAQ,GAAG,WAAW,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACtF;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,KAAK,+BAyGrF"}

package/dist-lib/components/PdfVoorbeeld.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Button } from "@flowselections/core";
+import { AlertTriangle, ExternalLink, Loader2 } from "lucide-react";
+import { maakVoorbeeldPdf } from "../lib/documentVoorbeeld.functions.js";
+/**
+ * Toont het voorbeeld altijd: de print-HTML wordt direct getoond op ware
+ * papiergrootte (werkt ook binnen een shell-iframe, waar Chrome ingesloten
+ * PDF's blokkeert). De echte print-PDF blijft opvraagbaar in een eigen tabblad.
+ *
+ * Pagina's stapelen verticaal; het hele kader wordt met een CSS-schaling op
+ * de beschikbare breedte passend gemaakt, zodat het document altijd volledig
+ * zichtbaar is (met verticaal scrollen bij meerdere pagina's).
+ */
+export function PdfVoorbeeld({ html, breedteMm, hoogteMm, margeMm, onControle }) {
+    const renderVolgorde = useRef(0);
+    const controleCallback = useRef(onControle);
+    const [paginas, setPaginas] = useState([]);
+    const [bezigPdf, setBezigPdf] = useState(false);
+    const [fout, setFout] = useState(null);
+    const [pdfBase64, setPdfBase64] = useState(null);
+    useEffect(() => {
+        controleCallback.current = onControle;
+    }, [onControle]);
+    useEffect(() => {
+        const volgorde = ++renderVolgorde.current;
+        const timer = window.setTimeout(() => {
+            setBezigPdf(true);
+            setFout(null);
+            controleCallback.current?.("controleren");
+            void maakVoorbeeldPdf({ data: { html, breedteMm, hoogteMm, margeMm } })
+                .then(async (res) => {
+                if (volgorde !== renderVolgorde.current)
+                    return;
+                const bin = atob(res.pdfBase64);
+                const bytes = new Uint8Array(bin.length);
+                for (let i = 0; i < bin.length; i += 1)
+                    bytes[i] = bin.charCodeAt(i);
+                const pdfjs = await import("pdfjs-dist");
+                pdfjs.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import.meta.url).toString();
+                const taak = pdfjs.getDocument({ data: bytes });
+                const pdf = await taak.promise;
+                const nieuw = [];
+                for (let nummer = 1; nummer <= pdf.numPages; nummer += 1) {
+                    const pagina = await pdf.getPage(nummer);
+                    const viewport = pagina.getViewport({ scale: 1.5 });
+                    const canvas = document.createElement("canvas");
+                    canvas.width = viewport.width;
+                    canvas.height = viewport.height;
+                    const context = canvas.getContext("2d");
+                    if (!context)
+                        throw new Error("De afdrukpagina kon niet worden getoond.");
+                    await pagina.render({ canvas, canvasContext: context, viewport }).promise;
+                    nieuw.push(canvas.toDataURL("image/png"));
+                }
+                if (volgorde !== renderVolgorde.current)
+                    return;
+                setPaginas(nieuw);
+                setPdfBase64(res.pdfBase64);
+                controleCallback.current?.("gereed");
+            })
+                .catch((e) => {
+                if (volgorde !== renderVolgorde.current)
+                    return;
+                const melding = e instanceof Error ? e.message : "Afdrukcontrole mislukt";
+                setPaginas([]);
+                setPdfBase64(null);
+                setFout(melding);
+                controleCallback.current?.("afwijking", melding);
+            })
+                .finally(() => {
+                if (volgorde === renderVolgorde.current)
+                    setBezigPdf(false);
+            });
+        }, 350);
+        return () => window.clearTimeout(timer);
+    }, [html, breedteMm, hoogteMm, margeMm]);
+    const openPdf = async () => {
+        if (!pdfBase64)
+            return;
+        try {
+            const bin = atob(pdfBase64);
+            const bytes = new Uint8Array(bin.length);
+            for (let i = 0; i < bin.length; i += 1)
+                bytes[i] = bin.charCodeAt(i);
+            const url = URL.createObjectURL(new Blob([bytes], { type: "application/pdf" }));
+            window.open(url, "_blank", "noopener,noreferrer");
+            setTimeout(() => URL.revokeObjectURL(url), 60000);
+        }
+        catch (e) {
+            setFout(e instanceof Error ? e.message : "PDF kon niet worden geopend");
+        }
+    };
+    return (_jsxs("div", { className: "relative h-full w-full overflow-hidden", children: [_jsx("div", { className: "h-full w-full overflow-y-auto overflow-x-hidden rounded-md bg-muted p-3", children: _jsxs("div", { className: "mx-auto flex max-w-full flex-col items-center gap-4", children: [paginas.map((src, index) => (_jsx("img", { src: src, alt: `Afdrukpagina ${index + 1}`, className: "h-auto max-w-full border bg-background shadow-sm" }, `${index}-${src.length}`))), bezigPdf ? _jsx(Loader2, { className: "mt-8 h-6 w-6 animate-spin text-muted-foreground" }) : null, fout ? _jsxs("div", { className: "mt-8 flex max-w-md items-start gap-2 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), fout] }) : null] }) }), _jsx("div", { className: "pointer-events-none absolute right-3 top-3 flex flex-col items-end gap-2", children: _jsxs(Button, { size: "sm", variant: "outline", className: "pointer-events-auto", onClick: () => void openPdf(), disabled: bezigPdf || !pdfBase64, children: [bezigPdf ? (_jsx(Loader2, { className: "mr-2 h-3 w-3 animate-spin" })) : (_jsx(ExternalLink, { className: "mr-2 h-3 w-3" })), "Print-PDF openen"] }) })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"PrintProgrammaUitleg.d.ts","sourceRoot":"","sources":["../../src/components/PrintProgrammaUitleg.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,oBAAoB,CAAC,EAAE,OAAe,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,+BAmC9E;AAED,wBAAgB,YAAY,gCAa3B"}
+{"version":3,"file":"PrintProgrammaUitleg.d.ts","sourceRoot":"","sources":["../../src/components/PrintProgrammaUitleg.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,oBAAoB,CAAC,EAAE,OAAe,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,+BAmC9E;AAED,wBAAgB,YAAY,gCAc3B"}

package/dist-lib/components/PrintProgrammaUitleg.js

@@ -15,5 +15,5 @@ export function PrintProgrammaUitleg({ compact = false }) {
     return (_jsxs("div", { className: "bg-muted/40 space-y-4 rounded-xl border p-5", children: [!compact && (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "bg-background rounded-lg border p-2", children: _jsx(MonitorSmartphone, { className: "text-muted-foreground h-5 w-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: "We zien nog geen printers" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Zet de computer klaar in drie korte stappen." })] })] })), _jsx("ol", { className: "space-y-3", children: STAPPEN.map((tekst, i) => (_jsxs("li", { className: "flex gap-3", children: [_jsx("span", { className: "bg-background text-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full border text-xs font-medium", children: i + 1 }), _jsx("span", { className: "text-sm", children: tekst })] }, tekst))) }), _jsx(Button, { asChild: true, variant: "outline", children: _jsxs("a", { href: DOWNLOAD_URL, target: "_blank", rel: "noreferrer", children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), " Printprogramma downloaden"] }) })] }));
 }
 export function WerktHetNiet() {
-    return (_jsxs("details", { className: "group rounded-lg border p-3", children: [_jsxs("summary", { className: "flex cursor-pointer items-center gap-2 text-sm font-medium", children: [_jsx(HelpCircle, { className: "text-muted-foreground h-4 w-4" }), " Werkt het niet?"] }), _jsxs("ul", { className: "text-muted-foreground mt-3 space-y-2 text-sm", children: [_jsx("li", { children: "De computer staat uit of is in slaapstand." }), _jsx("li", { children: "Het printprogramma is nog niet gestart op die computer." }), _jsx("li", { children: "Er is ingelogd met andere gegevens dan die u van uw beheerder kreeg." })] })] }));
+    return (_jsxs("details", { className: "group rounded-lg border p-3", children: [_jsxs("summary", { className: "flex cursor-pointer items-center gap-2 text-sm font-medium", children: [_jsx(HelpCircle, { className: "text-muted-foreground h-4 w-4" }), " Werkt het niet?"] }), _jsxs("ul", { className: "text-muted-foreground mt-3 space-y-2 text-sm", children: [_jsx("li", { children: "De computer staat uit, is in slaapstand of heeft geen internet." }), _jsx("li", { children: "Het printprogramma is nog niet gestart op die computer." }), _jsx("li", { children: "Er is ingelogd met een eigen/ander PrintNode-account in plaats van de beheerdergegevens \u2014 alleen computers onder het gekoppelde account verschijnen hier." }), _jsx("li", { children: "De computer heet anders dan je verwacht: de naam in de lijst is de naam zoals macOS die aan PrintNode doorgeeft." })] })] }));
 }

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

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

package/dist-lib/components/PrintQueuePage.js

@@ -1,18 +1,19 @@
 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, RotateCcw, Search, XCircle } from "lucide-react";
+import { FileDown, FolderOpen, RotateCcw, Save, 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 { vraagWachtrijRonde } from "../lib/queueTickClient.js";
 import { documentTypeLabel } from "../lib/documentTypes.js";
-import { jobPlekLabel } from "../lib/printQueue.js";
-import { bewaarInPdfMap } from "../lib/pdfMap.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 { supabase } from "../lib/supabaseClient.js";
 const STATUS_VARIANT = {
     wachtend: "outline",
     bezig: "secondary",
@@ -27,14 +28,6 @@ const BRON_LABEL = {
     render_html: "meegestuurde opmaak",
     klantlayout: "klantlayout",
 };
-const LOKALE_PDF_LABEL = {
-    gereed: "PDF gereed — lokaal opslaan",
-    opgeslagen: "opgeslagen op Mac",
-    map_ontbreekt: "PDF-map ontbreekt",
-    toestemming_nodig: "maptoestemming nodig",
-    schrijffout: "opslaan mislukt",
-    timeout: "wachten op PDF verlopen",
-};
 /**
  * Heeft deze opdracht een kenmerk waarmee hij van andere orders te
  * onderscheiden is? Zo niet, dan valt de dubbelbescherming terug op het
@@ -44,10 +37,15 @@ function heeftOrderKenmerk(job) {
     const p = (job.payload ?? {});
     if (typeof p !== "object" || p === null)
         return false;
-    return ["queue_item_id", "order_id", "ordernummer", "order_number", "orderId"].some((k) => {
-        const w = p[k];
-        return (typeof w === "string" && w.trim() !== "") || typeof w === "number";
-    });
+    const gevuld = (w) => (typeof w === "string" && w.trim() !== "") || typeof w === "number";
+    if (["queue_item_id", "order_id", "ordernummer", "order_number", "orderId"].some((k) => gevuld(p[k]))) {
+        return true;
+    }
+    // Modules kunnen de order ook genest meesturen als payload.order / payload.data.order.
+    const genest = [p.order, p.data?.order];
+    return genest.some((o) => o !== null &&
+        typeof o === "object" &&
+        ["id", "order_id", "orderNumber", "ordernummer", "nummer"].some((k) => gevuld(o[k])));
 }
 export function PrintQueuePage() {
     const { jobs, loading, reload } = usePrintJobs();
@@ -56,9 +54,43 @@ 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 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(() => {
@@ -76,6 +108,13 @@ 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(() => {
@@ -115,38 +154,31 @@ 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-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 })), j.lokale_pdf_fout && (_jsx("span", { className: "block text-xs text-destructive", children: j.lokale_pdf_fout }))] }), _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: [_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
                                                                             ? 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: (j.lokale_pdf_status && LOKALE_PDF_LABEL[j.lokale_pdf_status]) ?? 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.resultaat_pdf_base64 && (_jsxs(Button, { variant: "ghost", size: "sm", title: "Bewaar de opgemaakte PDF", onClick: async () => {
-                                                                        const bytes = Uint8Array.from(atob(j.resultaat_pdf_base64), (c) => c.charCodeAt(0));
-                                                                        const blob = new Blob([bytes], { type: "application/pdf" });
-                                                                        const bestandsnaam = `${j.documentnaam ?? "document"}.pdf`;
-                                                                        const inMap = j.printer_id
-                                                                            ? await bewaarInPdfMap(j.printer_id, bestandsnaam, blob)
-                                                                            : false;
-                                                                        if (inMap) {
-                                                                            await supabase
-                                                                                .from("print_jobs")
-                                                                                .update({
-                                                                                status: "voltooid",
-                                                                                lokale_pdf_status: "opgeslagen",
-                                                                                lokaal_opgeslagen_op: new Date().toISOString(),
-                                                                                lokale_pdf_fout: null,
-                                                                            })
-                                                                                .eq("id", j.id);
-                                                                            toast.success("PDF opgeslagen in de ingestelde map");
+                                                                                : "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);
-                                                                            return;
                                                                         }
-                                                                        const url = URL.createObjectURL(blob);
-                                                                        const a = document.createElement("a");
-                                                                        a.href = url;
-                                                                        a.download = bestandsnaam;
-                                                                        a.click();
-                                                                        URL.revokeObjectURL(url);
-                                                                    }, children: [_jsx(FileDown, { className: "mr-2 h-4 w-4" }), " PDF"] })), _jsxs(Button, { variant: "ghost", size: "sm", onClick: async () => {
+                                                                    }, children: [_jsx(Save, { className: "mr-2 h-4 w-4" }), " Opslag opnieuw"] })), _jsxs(Button, { variant: "ghost", size: "sm", onClick: async () => {
                                                                         if (!j.layout_id)
                                                                             return;
                                                                         try {
@@ -157,6 +189,12 @@ export function PrintQueuePage() {
                                                                                 documentnaam: j.documentnaam ?? "Herprint",
                                                                                 kopieen: j.kopieen ?? 1,
                                                                                 is_herprint: true,
+                                                                                bron_job_id: j.id,
+                                                                                payload: {
+                                                                                    ...(j.payload && typeof j.payload === "object" ? j.payload : {}),
+                                                                                    is_herprint: true,
+                                                                                    bron_job_id: j.id,
+                                                                                },
                                                                             });
                                                                             toast.success("Opnieuw in de wachtrij gezet");
                                                                             void reload();

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,gCAsYlC"}
+{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AAiDA,wBAAgB,mBAAmB,gCA0YlC"}

package/dist-lib/components/PrintplekDetailPage.js

@@ -86,7 +86,7 @@ export function PrintplekDetailPage() {
     if (!plek) {
         return (_jsxs("main", { className: "space-y-4 p-6", children: [_jsx(Button, { variant: "ghost", asChild: true, children: _jsxs(Link, { to: "/layouts-printers/printplekken", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Terug"] }) }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Deze printplek bestaat niet (meer)." })] }));
     }
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsx(PdfMapAutoSaver, {}), _jsx(PdfMapToestemmingBanner, {}), _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Button, { variant: "ghost", size: "sm", asChild: true, className: "-ml-2", children: _jsxs(Link, { to: "/layouts-printers/printplekken", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Alle printplekken"] }) }), naamBewerken ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { value: naam, onChange: (e) => setNaam(e.target.value), className: "w-64" }), _jsx(Button, { size: "icon", onClick: async () => {
+    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsx(PdfMapAutoSaver, {}), _jsx(PdfMapToestemmingBanner, { printplekId: plekId }), _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Button, { variant: "ghost", size: "sm", asChild: true, className: "-ml-2", children: _jsxs(Link, { to: "/layouts-printers/printplekken", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Alle printplekken"] }) }), naamBewerken ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { value: naam, onChange: (e) => setNaam(e.target.value), className: "w-64" }), _jsx(Button, { size: "icon", onClick: async () => {
                                             await bewerkPrintplek(plek.id, { naam: naam.trim() });
                                             setNaamBewerken(false);
                                             await reload(true);
@@ -116,6 +116,6 @@ export function PrintplekDetailPage() {
                                     printers.find((p) => p.id === regel?.printer_id) ??
                                     null;
                                 const isPdf = printer?.afdrukmethode === "pdf";
-                                return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border p-2", children: [_jsx("div", { className: "text-sm font-medium", children: documentTypeLabel(d.value) }), printer ? (_jsxs("span", { className: "text-muted-foreground text-sm", children: [printer.naam, isPdf && pdfMap ? (_jsxs("span", { className: "ml-2 text-xs", children: ["\u2192 map \u201C", pdfMap, "\u201D"] })) : null] })) : (_jsxs("span", { className: "text-destructive flex items-center gap-1 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Geen printer"] }))] }, d.value));
+                                return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border p-2", children: [_jsx("div", { className: "text-sm font-medium", children: documentTypeLabel(d.value) }), printer ? (_jsxs("span", { className: "text-muted-foreground text-sm", children: [printer.naam, isPdf ? (_jsxs("span", { className: "ml-2 inline-flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-900", children: [_jsx(AlertTriangle, { className: "h-3 w-3" }), "Wordt niet geprint, maar opgeslagen als PDF", pdfMap ? ` in “${pdfMap}”` : ""] })) : null] })) : (_jsxs("span", { className: "text-destructive flex items-center gap-1 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Geen printer"] }))] }, d.value));
                             }), !alleDocumenten && overige.length > 0 ? (_jsxs("p", { className: "text-muted-foreground text-xs", children: [overige.length, " documentsoort", overige.length === 1 ? "" : "en", " nog niet ingesteld."] })) : null] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(Link2, { className: "h-4 w-4" }), " Gekoppeld aan"] }), _jsx(CardDescription, { children: "Andere modules (bijvoorbeeld pickstations) kunnen zich aan deze printplek koppelen." })] }), _jsxs(CardContent, { className: "space-y-4", children: [bronnen.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Nog niets gekoppeld. Kies deze printplek in de andere module (bijvoorbeeld bij een pickstation); de koppeling verschijnt hier vanzelf." })) : (_jsx("div", { className: "space-y-2", children: bronnen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border px-3 py-2 text-sm", children: [_jsx(Badge, { variant: "secondary", children: b.bron }), _jsxs("span", { className: "min-w-0 flex-1 truncate", children: [b.label ?? b.bron_id, _jsx("span", { className: "text-muted-foreground ml-2 text-xs", children: b.bron_id })] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(X, { className: "mr-1 h-3.5 w-3.5" }), " Ontkoppelen"] })] }, b.id))) })), weeskoppelingen.length > 0 ? (_jsxs("div", { className: "space-y-2 rounded-lg border border-dashed p-3", children: [_jsxs("p", { className: "text-muted-foreground flex items-center gap-2 text-xs", children: [_jsx(AlertTriangle, { className: "h-3.5 w-3.5" }), " Koppelingen zonder bestaande printplek:"] }), weeskoppelingen.map((b) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3 text-sm", children: [_jsx("span", { className: "min-w-0 flex-1 truncate", children: b.label ?? `${b.bron} ${b.bron_id}` }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => void ontkoppel(b.bron, b.bron_id), children: [_jsx(Trash2, { className: "mr-1 h-3.5 w-3.5" }), " Opruimen"] })] }, b.id)))] })) : null] })] })] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PrintplekWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekWizard.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,+BAsjBA"}
+{"version":3,"file":"PrintplekWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekWizard.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,+BA0jBA"}