@flowselections/layout-maker 1.62.2 → 1.63.2

package/dist-lib/components/AfdrukKnop.js

@@ -1,64 +1,64 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// ============================================================================
-// src/components/AfdrukKnop.tsx — afdrukken met automatisch ingesteld
-// papierformaat, stand en de bedoelde printer. Waar mogelijk gaat het
-// document direct naar de printer; anders opent het printvenster.
-// ============================================================================
-import { useState } from "react";
-import { Button, toast } from "@flowselections/core";
-import { Loader2, Printer } from "lucide-react";
-import { drukAf } from "../lib/browserPrint.js";
-import { printDirect } from "../lib/directPrint.js";
-/**
- * @deprecated Verouderd — deze knop gebruikt het browser-printvenster als
- * terugval. Gebruik `printHtml()` / `printPdf()` uit `printApi` zodat alles
- * via PrintNode loopt.
- */
-export function AfdrukKnop({ documenttype, formaatCode, orientatie, getHtml, css, documentnaam, label = "Afdrukken", layoutId, kopieen, }) {
-    const [bezig, setBezig] = useState(false);
-    const afdrukken = async () => {
-        setBezig(true);
-        try {
-            const html = getHtml();
-            const direct = await printDirect({
-                documenttype,
-                formaatCode,
-                orientatie,
-                html,
-                css,
-                documentnaam,
-                layoutId: layoutId ?? null,
-                kopieen,
-            });
-            if (direct.gelukt) {
-                toast.success(direct.printernaam
-                    ? `Verstuurd naar ${direct.printernaam}`
-                    : "Het document is naar de printer verstuurd");
-                return;
-            }
-            if (direct.reden)
-                toast.error(direct.reden);
-            const { printer } = await drukAf({
-                documenttype,
-                formaatCode,
-                orientatie,
-                html,
-                css,
-                documentnaam,
-            });
-            if (printer) {
-                toast.info(`Kies in het printvenster: ${printer.systeemnaam ?? printer.naam}`);
-            }
-            else {
-                toast.info("Er is nog geen vaste printer ingesteld voor dit document.");
-            }
-        }
-        catch {
-            toast.error("Afdrukken mislukt");
-        }
-        finally {
-            setBezig(false);
-        }
-    };
-    return (_jsxs(Button, { variant: "outline", disabled: bezig, onClick: () => void afdrukken(), children: [bezig ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(Printer, { className: "mr-2 h-4 w-4" }), label] }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/AfdrukKnop.tsx — afdrukken met automatisch ingesteld
+// papierformaat, stand en de bedoelde printer. Waar mogelijk gaat het
+// document direct naar de printer; anders opent het printvenster.
+// ============================================================================
+import { useState } from "react";
+import { Button, toast } from "@flowselections/core";
+import { Loader2, Printer } from "lucide-react";
+import { drukAf } from "../lib/browserPrint.js";
+import { printDirect } from "../lib/directPrint.js";
+/**
+ * @deprecated Verouderd — deze knop gebruikt het browser-printvenster als
+ * terugval. Gebruik `printHtml()` / `printPdf()` uit `printApi` zodat alles
+ * via PrintNode loopt.
+ */
+export function AfdrukKnop({ documenttype, formaatCode, orientatie, getHtml, css, documentnaam, label = "Afdrukken", layoutId, kopieen, }) {
+    const [bezig, setBezig] = useState(false);
+    const afdrukken = async () => {
+        setBezig(true);
+        try {
+            const html = getHtml();
+            const direct = await printDirect({
+                documenttype,
+                formaatCode,
+                orientatie,
+                html,
+                css,
+                documentnaam,
+                layoutId: layoutId ?? null,
+                kopieen,
+            });
+            if (direct.gelukt) {
+                toast.success(direct.printernaam
+                    ? `Verstuurd naar ${direct.printernaam}`
+                    : "Het document is naar de printer verstuurd");
+                return;
+            }
+            if (direct.reden)
+                toast.error(direct.reden);
+            const { printer } = await drukAf({
+                documenttype,
+                formaatCode,
+                orientatie,
+                html,
+                css,
+                documentnaam,
+            });
+            if (printer) {
+                toast.info(`Kies in het printvenster: ${printer.systeemnaam ?? printer.naam}`);
+            }
+            else {
+                toast.info("Er is nog geen vaste printer ingesteld voor dit document.");
+            }
+        }
+        catch {
+            toast.error("Afdrukken mislukt");
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    return (_jsxs(Button, { variant: "outline", disabled: bezig, onClick: () => void afdrukken(), children: [bezig ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(Printer, { className: "mr-2 h-4 w-4" }), label] }));
+}

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

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+export interface BevestigVraag {
+    titel: string;
+    tekst?: ReactNode;
+    knop?: string;
+    gevaarlijk?: boolean;
+}
+export declare function useBevestig(): [ReactNode, (v: BevestigVraag) => Promise<boolean>];
+//# sourceMappingURL=BevestigDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BevestigDialog.d.ts","sourceRoot":"","sources":["../../src/components/BevestigDialog.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUtE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,WAAW,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,CAwCjF"}

package/dist-lib/components/BevestigDialog.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/BevestigDialog.tsx — eigen bevestigvenster in plaats van het
+// standaard browservenster (dat in sommige omgevingen stil wordt geblokkeerd).
+// Gebruik: const [venster, bevestig] = useBevestig(); if (!(await bevestig({...}))) return;
+// ============================================================================
+import { useCallback, useRef, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@flowselections/core";
+export function useBevestig() {
+    const [vraag, setVraag] = useState(null);
+    const antwoord = useRef(null);
+    const sluit = (ja) => {
+        antwoord.current?.(ja);
+        antwoord.current = null;
+        setVraag(null);
+    };
+    const bevestig = useCallback((v) => new Promise((resolve) => {
+        antwoord.current?.(false);
+        antwoord.current = resolve;
+        setVraag(v);
+    }), []);
+    const venster = (_jsx(Dialog, { open: !!vraag, onOpenChange: (open) => !open && sluit(false), children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: vraag?.titel }), vraag?.tekst ? _jsx(DialogDescription, { asChild: true, children: _jsx("div", { children: vraag.tekst }) }) : null] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => sluit(false), children: "Annuleren" }), _jsx(Button, { variant: vraag?.gevaarlijk ? "destructive" : "default", onClick: () => sluit(true), children: vraag?.knop ?? "Doorgaan" })] })] }) }));
+    return [venster, bevestig];
+}

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

@@ -1 +1 @@
-{"version":3,"file":"LogosPage.d.ts","sourceRoot":"","sources":["../../src/components/LogosPage.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAaL,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAE5B,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAc,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY9F;AASD,wBAAgB,SAAS,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BA8LxE"}
+{"version":3,"file":"LogosPage.d.ts","sourceRoot":"","sources":["../../src/components/LogosPage.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAcL,KAAK,SAAS,EACf,MAAM,oBAAoB,CAAC;AAE5B,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAc,EAAE,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAY9F;AASD,wBAAgB,SAAS,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAwNxE"}

package/dist-lib/components/LogosPage.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, toast, } from "@flowselections/core";
-import { Download, ImagePlus, Pencil, RefreshCw, Trash2, Upload } from "lucide-react";
+import { Download, ImagePlus, Pencil, RefreshCw, Trash2, Undo2, Upload } from "lucide-react";
 import { useAutoRefresh } from "../lib/useAutoRefresh.js";
-import { LOGO_CATEGORIEEN, TOEGESTANE_LOGO_TYPES, downloadLogo, formatteerBytes, logoCategorieLabel, maakLogo, useLogoOpslag, useLogos, vervangLogoBestand, verwijderLogo, werkLogoBij, } from "../lib/logoLibrary.js";
+import { LOGO_CATEGORIEEN, TOEGESTANE_LOGO_TYPES, downloadLogo, formatteerBytes, logoCategorieLabel, maakLogo, useLogoOpslag, useLogos, verkleinLogoVoorUpload, zetOrigineelTerug, vervangLogoBestand, verwijderLogo, werkLogoBij, } from "../lib/logoLibrary.js";
 export function LogoThumbnail({ logo, className = "" }) {
     return (_jsx("div", { className: `flex h-12 w-16 items-center justify-center overflow-hidden rounded border bg-[repeating-conic-gradient(#e5e7eb_0%_25%,#fff_0%_50%)] bg-[length:10px_10px] ${className}`, children: logo.viewUrl ? (_jsx("img", { src: logo.viewUrl, alt: logo.naam, className: "max-h-full max-w-full object-contain" })) : (_jsx(ImagePlus, { className: "h-4 w-4 text-muted-foreground" })) }));
 }
@@ -22,14 +22,30 @@ export function LogosPage({ ingebed = false } = {}) {
     }, [logos, zoek, categorie]);
     const vervang = async (logo, file) => {
         try {
-            await vervangLogoBestand(logo, file);
+            const v = await verkleinLogoVoorUpload(file);
+            await vervangLogoBestand(logo, v.bestand);
             toast.success("Logo vervangen — alle layouts zijn bijgewerkt");
+            if (v.verkleind && v.van && v.naar) {
+                toast.info("Logo verkleind voor snel printen", {
+                    description: `${v.van.breedte} × ${v.van.hoogte} → ${v.naar.breedte} × ${v.naar.hoogte} pixels`,
+                });
+            }
             await reload();
         }
         catch (e) {
             toast.error(e instanceof Error ? e.message : "Vervangen mislukt");
         }
     };
+    const terugzetten = async (logo) => {
+        try {
+            await zetOrigineelTerug(logo);
+            toast.success("Origineel logo teruggezet");
+            await reload();
+        }
+        catch (e) {
+            toast.error(e instanceof Error ? e.message : "Terugzetten mislukt");
+        }
+    };
     const wis = async (logo) => {
         if (!window.confirm(`Logo "${logo.naam}" verwijderen?`))
             return;
@@ -48,7 +64,7 @@ export function LogosPage({ ingebed = false } = {}) {
                                                                                     if (f)
                                                                                         void vervang(l, f);
                                                                                     e.target.value = "";
-                                                                                } }), _jsx("span", { className: "inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md hover:bg-accent", children: _jsx(RefreshCw, { className: "h-4 w-4" }) })] }), _jsx(Button, { variant: "ghost", size: "icon", title: "Downloaden", onClick: () => void downloadLogo(l), children: _jsx(Download, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "ghost", size: "icon", title: "Verwijderen", onClick: () => void wis(l), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }) })] }, l.id)))] })] }) })] })] }), _jsx(LogoUploadDialog, { open: uploadOpen, onOpenChange: setUploadOpen, onKlaar: reload }), _jsx(LogoBewerkDialog, { logo: bewerk, onOpenChange: () => setBewerk(null), onKlaar: reload })] }));
+                                                                                } }), _jsx("span", { className: "inline-flex h-9 w-9 cursor-pointer items-center justify-center rounded-md hover:bg-accent", children: _jsx(RefreshCw, { className: "h-4 w-4" }) })] }), _jsx(Button, { variant: "ghost", size: "icon", title: "Downloaden", onClick: () => void downloadLogo(l), children: _jsx(Download, { className: "h-4 w-4" }) }), l.origineel_pad && (_jsx(Button, { variant: "ghost", size: "icon", title: "Origineel terugzetten", onClick: () => void terugzetten(l), children: _jsx(Undo2, { className: "h-4 w-4" }) })), _jsx(Button, { variant: "ghost", size: "icon", title: "Verwijderen", onClick: () => void wis(l), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }) })] }, l.id)))] })] }) })] })] }), _jsx(LogoUploadDialog, { open: uploadOpen, onOpenChange: setUploadOpen, onKlaar: reload }), _jsx(LogoBewerkDialog, { logo: bewerk, onOpenChange: () => setBewerk(null), onKlaar: reload })] }));
 }
 function LogoUploadDialog({ open, onOpenChange, onKlaar, }) {
     const [bestanden, setBestanden] = useState([]);
@@ -75,13 +91,19 @@ function LogoUploadDialog({ open, onOpenChange, onKlaar, }) {
                 ? form.naam.trim() || file.name.replace(/\.[^.]+$/, "")
                 : `${form.naam.trim() ? `${form.naam.trim()} — ` : ""}${file.name.replace(/\.[^.]+$/, "")}`;
             try {
+                const v = await verkleinLogoVoorUpload(file);
                 await maakLogo({
-                    file,
+                    file: v.bestand,
                     naam,
                     omschrijving: form.omschrijving,
                     categorie: form.categorie,
                     is_standaard: form.is_standaard && i === 0,
                 });
+                if (v.verkleind && v.van && v.naar) {
+                    toast.info("Logo verkleind voor snel printen", {
+                        description: `${v.van.breedte} × ${v.van.hoogte} → ${v.naar.breedte} × ${v.naar.hoogte} pixels`,
+                    });
+                }
                 gelukt += 1;
             }
             catch (e) {

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/PrintenInstellenWizard.js

@@ -60,7 +60,7 @@ export function PrintenInstellenWizard({ open, onOpenChange, onKlaar, }) {
                     Tijdstip: new Date().toLocaleString("nl-NL"),
                 }),
                 printerId,
-                payload: { is_testprint: true },
+                payload: { is_testprint: true, is_test: true },
             });
             volgJobStatus(jobId, (j) => setStatus((s) => ({ ...s, [printerId]: j.foutmelding ? `mislukt: ${j.foutmelding}` : j.status })));
         }

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,EACR,WAAW,GACZ,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,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACjC,+BAodA"}
+{"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,EACR,WAAW,GACZ,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,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;CACjC,+BAsdA"}

package/dist-lib/components/PrinterSetupWizard.js

@@ -240,6 +240,8 @@ export function PrinterSetupWizard({ open, onOpenChange, onKlaar, computerFilter
                             }) })), !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" &&
+                                            ].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" }), _jsx("p", { className: "text-muted-foreground text-sm", children: printPlekId
+                                        ? `${naam} ${locatie ? `bij ${locatie} ` : ""}hoort nu bij deze printplek. Kies onder Documentroutering welke documenten hierheen gaan.`
+                                        : `${naam} is opgeslagen, maar hoort nog bij geen printplek. Er wordt pas afgedrukt als je hem aan een printplek koppelt.` })] }), 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" &&
                                     `De testpagina kon niet worden afgedrukt.${testMelding ? ` ${testMelding}` : ""}`] })), _jsxs("div", { className: "flex flex-wrap justify-center gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => void testpagina(), children: "Testpagina afdrukken" }), _jsx(Button, { variant: "ghost", onClick: opnieuw, children: "Nog een printer toevoegen" }), _jsx(Button, { onClick: () => onOpenChange(false), children: "Klaar" })] }), _jsx(WerktHetNiet, {})] }))] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AAoEA,wBAAgB,mBAAmB,gCAqqBlC"}
+{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AAwEA,wBAAgB,mBAAmB,gCA4uBlC"}

package/dist-lib/components/PrintplekDetailPage.js

@@ -8,8 +8,9 @@ import { useEffect, useMemo, useState } from "react";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, toast, } from "@flowselections/core";
 import { Link, useNavigate, useParams } from "@tanstack/react-router";
 import { PrintplekVerwijderenDialog } from "./PrintplekVerwijderenDialog.js";
+import { useBevestig } from "./BevestigDialog.js";
 import { AlertTriangle, ArrowLeft, Check, Link2, Monitor, Plus, Printer, Trash2, X, } from "lucide-react";
-import { bewerkPrintplek, koppelComputerAanPrintplek, koppelPrinterLosVanPrintplek, ontkoppelBron, usePrintplekken, verplaatsPrinterNaarPrintplek, wijsPrinterToeAanPrintplek, zetPrintplekPrinter, } from "../lib/printplekken.js";
+import { bewerkPrintplek, koppelComputerAanPrintplek, koppelPrinterLosVanPrintplek, ontkoppelBron, printerHerstelUitvoeren, printerHerstelVoorstel, printerVerwijzingen, usePrintplekken, verplaatsPrinterNaarPrintplek, wijsPrinterToeAanPrintplek, zetPrintplekPrinter, } from "../lib/printplekken.js";
 import { PrinterVervangenDialog } from "./PrinterVervangenDialog.js";
 import { ComputerVerwijderenDialog } from "./ComputerVerwijderenDialog.js";
 import { usePrinters } from "../lib/useDocumentData.js";
@@ -105,6 +106,27 @@ export function PrintplekDetailPage() {
         .filter((t) => t.print_plek_id === plekId)
         .map((t) => t.printer_id));
     const eigenPrinters = printers.filter((p) => toegewezenIds.has(p.id));
+    const eigenPrinterSleutel = eigenPrinters.map((p) => p.id).join(",");
+    const [venster, bevestig] = useBevestig();
+    // Dezelfde printer opnieuw toegevoegd? Dan de leeggemaakte regels aanbieden.
+    const [herstel, setHerstel] = useState([]);
+    useEffect(() => {
+        let weg = false;
+        void (async () => {
+            const uit = [];
+            for (const p of eigenPrinters) {
+                const aantal = await printerHerstelVoorstel(plekId, p.id).catch(() => 0);
+                if (aantal > 0)
+                    uit.push({ id: p.id, naam: p.naam, aantal });
+            }
+            if (!weg)
+                setHerstel(uit);
+        })();
+        return () => {
+            weg = true;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [plekId, eigenPrinterSleutel, regels.length]);
     const nietToegewezen = printers.filter((p) => !toegewezenIds.has(p.id));
     const eigenNamen = new Set(eigenComputers.map((c) => c.computer_naam));
     const printersPerComputer = eigenComputers.map((c) => ({
@@ -178,8 +200,15 @@ export function PrintplekDetailPage() {
         }
     };
     const loskoppelen = async (p) => {
-        const n = regels.filter((r) => r.print_plek_id === plekId && r.printer_id === p.id).length;
-        if (n > 0 && !window.confirm(`${n} regel(s) wijzen naar ${p.naam}. Die worden leeg en gemarkeerd. Doorgaan?`))
+        const v = await printerVerwijzingen(plekId, p.id).catch(() => null);
+        const n = v?.printplek_regels ?? regels.filter((r) => r.print_plek_id === plekId && r.printer_id === p.id).length;
+        const ja = await bevestig({
+            titel: `${p.naam} van deze plek verwijderen?`,
+            knop: "Verwijderen",
+            gevaarlijk: true,
+            tekst: (_jsxs("div", { className: "space-y-2 text-sm", children: [n > 0 ? _jsxs("p", { children: [n, " regel(s) van deze plek wijzen naar deze printer. Die worden leeg en vallen terug op de bedrijfsstandaard."] }) : _jsx("p", { children: "Er wijzen geen regels van deze plek naar deze printer." }), v && v.werkplek_regels.length > 0 ? (_jsxs("div", { children: [_jsx("p", { children: "Ook deze uitzonderingen worden leeg:" }), _jsx("ul", { className: "list-disc pl-5", children: v.werkplek_regels.map((w, i) => (_jsxs("li", { children: [w.werkplek, " \u2192 ", documentTypeLabel(w.documenttype)] }, i))) })] })) : null, v && v.werkplekken.length > 0 ? (_jsxs("div", { children: [_jsx("p", { children: "Deze werkplekken gebruiken de printer nog en blijven ernaar wijzen tot je ze aanpast:" }), _jsx("ul", { className: "list-disc pl-5", children: v.werkplekken.map((w, i) => (_jsxs("li", { children: [w.naam, " (", w.rol, "-printer)"] }, i))) })] })) : null, _jsx("p", { children: "Voeg je dezelfde printer later opnieuw toe, dan bieden we aan de regels terug te zetten." })] })),
+        });
+        if (!ja)
             return;
         try {
             await koppelPrinterLosVanPrintplek(plekId, p.id);
@@ -215,7 +244,16 @@ export function PrintplekDetailPage() {
     const teVerwijderenPrinters = teVerwijderen
         ? eigenPrinters.filter((p) => computerVan(p) === teVerwijderen).map((p) => ({ id: p.id, naam: p.naam }))
         : [];
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_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: [venster, herstel.map((h) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 rounded-lg border p-3 text-sm", children: [_jsxs("span", { children: ["Zet de ", h.aantal, " regels terug naar ", h.naam, "?"] }), _jsx(Button, { size: "sm", onClick: async () => {
+                            try {
+                                const n = await printerHerstelUitvoeren(plekId, h.id);
+                                toast.success(`${n} regel(s) teruggezet naar ${h.naam}`);
+                                await vernieuw();
+                            }
+                            catch (e) {
+                                toast.error(leesbareFout(e, "Terugzetten mislukt"));
+                            }
+                        }, children: "Terugzetten" })] }, h.id))), _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);

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

@@ -1 +1 @@
-{"version":3,"file":"TestprintDialog.d.ts","sourceRoot":"","sources":["../../src/components/TestprintDialog.tsx"],"names":[],"mappings":"AAsCA,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,+BAwKA"}
+{"version":3,"file":"TestprintDialog.d.ts","sourceRoot":"","sources":["../../src/components/TestprintDialog.tsx"],"names":[],"mappings":"AA0DA,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B,+BA2KA"}

package/dist-lib/components/TestprintDialog.js

@@ -9,6 +9,20 @@ import { Badge, Button, Dialog, DialogContent, DialogDescription, DialogHeader,
 import { AlertTriangle, Check, Loader2, Printer, X } from "lucide-react";
 import { volgJobStatus } from "../lib/printApi.js";
 import { bepaalTestOverzicht, verstuurTestprint, } from "../lib/testprint.js";
+import { supabase } from "../lib/supabaseClient.js";
+import { GeladenEtiketKeuze } from "./WerkplekkenTab.js";
+function EtiketWijzigen({ printerId }) {
+    const [open, setOpen] = useState(false);
+    const [printer, setPrinter] = useState(null);
+    const laad = useCallback(async () => {
+        const { data } = await supabase.from("printers").select("*").eq("id", printerId).maybeSingle();
+        setPrinter(data ?? null);
+    }, [printerId]);
+    if (!open) {
+        return (_jsx(Button, { size: "sm", variant: "link", className: "h-auto p-0 text-xs", onClick: () => { setOpen(true); void laad(); }, children: "Geladen etiket wijzigen" }));
+    }
+    return printer ? _jsx("div", { className: "mt-2", children: _jsx(GeladenEtiketKeuze, { printer: printer, onGewijzigd: () => void laad() }) }) : null;
+}
 const STATUS_LABEL = {
     wachtend: "In de wachtrij",
     bezig: "Naar de printer",
@@ -85,7 +99,7 @@ export function TestprintDialog({ open, onOpenChange, printplekId, printplekNaam
     const ontbreekt = regels.filter((r) => !r.printerId);
     return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-h-[85vh] max-w-2xl overflow-y-auto", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Testprint controleren" }), _jsxs(DialogDescription, { children: ["Elke testprint volgt precies dezelfde weg als een echt document", printplekNaam ? ` vanaf ${printplekNaam}` : werkplek ? ` vanaf ${werkplek}` : "", ". Op het vel staat welke documentsoort, plek en printer bedoeld waren."] })] }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("p", { className: "text-muted-foreground text-sm", children: [ingesteld.length, " documentsoort", ingesteld.length === 1 ? "" : "en", " ingesteld", ontbreekt.length ? `, ${ontbreekt.length} zonder printer` : "", "."] }), _jsxs(Button, { size: "sm", disabled: laden || alles || !ingesteld.length, onClick: () => void testAlles(), children: [alles ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-4 w-4" })), "Alles testen"] })] }), laden ? (_jsxs("div", { className: "text-muted-foreground flex items-center gap-2 py-8 text-sm", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Instellingen ophalen\u2026"] })) : (_jsx("div", { className: "space-y-2", children: [...ingesteld, ...ontbreekt].map((r) => {
                         const st = statussen[r.documenttype];
-                        return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium", children: r.label }), r.printerId ? (_jsxs("div", { className: "text-muted-foreground text-xs", children: ["Gaat naar ", _jsx("span", { className: "font-medium", children: r.printerNaam })] })) : (_jsxs("div", { className: "text-muted-foreground flex items-center gap-1 text-xs", children: [_jsx(AlertTriangle, { className: "h-3 w-3" }), " ", r.reden] })), st?.fout ? (_jsx("div", { className: "text-destructive mt-1 text-xs", children: st.fout })) : null] }), _jsxs("div", { className: "flex items-center gap-2", children: [st?.status ? (_jsxs(Badge, { variant: st.status === "voltooid"
+                        return (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium", children: r.label }), r.printerId ? (_jsxs("div", { className: "text-muted-foreground text-xs", children: ["Gaat naar ", _jsx("span", { className: "font-medium", children: r.printerNaam })] })) : (_jsxs("div", { className: "text-muted-foreground flex items-center gap-1 text-xs", children: [_jsx(AlertTriangle, { className: "h-3 w-3" }), " ", r.reden] })), st?.fout ? (_jsx("div", { className: "text-destructive mt-1 text-xs", children: st.fout })) : null, r.printerId && st?.status === "mislukt" && /^(FORMAAT_PAST_NIET|GEEN_GELADEN_ETIKET)|past niet|geen etiket/i.test(st.fout ?? "") ? (_jsx(EtiketWijzigen, { printerId: r.printerId })) : null] }), _jsxs("div", { className: "flex items-center gap-2", children: [st?.status ? (_jsxs(Badge, { variant: st.status === "voltooid"
                                                 ? "default"
                                                 : st.status === "mislukt" || st.status === "geannuleerd"
                                                     ? "destructive"

package/dist-lib/components/WerkplekConfiguratiePage.js

@@ -61,7 +61,7 @@ export function WerkplekConfiguratiePage() {
             setGekoppeld(new Set());
             return;
         }
-        const id = await printplekVoorComputer(werkplekNaam);
+        const id = await printplekVoorComputer(werkplekNaam, computer?.id ?? null);
         setPlekId(id);
         if (!id) {
             setGekoppeld(new Set());
@@ -73,7 +73,7 @@ export function WerkplekConfiguratiePage() {
             .eq("print_plek_id", id);
         const lijst = Array.isArray(data) ? data : [];
         setGekoppeld(new Set(lijst.map((r) => r.printer_id)));
-    }, [werkplekNaam]);
+    }, [werkplekNaam, computer?.id]);
     useEffect(() => {
         void laadKoppeling();
     }, [laadKoppeling, printers]);

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

@@ -1 +1 @@
-{"version":3,"file":"WerkplekkenTab.d.ts","sourceRoot":"","sources":["../../src/components/WerkplekkenTab.tsx"],"names":[],"mappings":"AAcA,OAAO,EAUL,KAAK,UAAU,EAEhB,MAAM,oBAAoB,CAAC;AAM5B,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;IAAE,OAAO,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,+BAyE5G;AAqPD,wBAAgB,cAAc,gCA4E7B"}
+{"version":3,"file":"WerkplekkenTab.d.ts","sourceRoot":"","sources":["../../src/components/WerkplekkenTab.tsx"],"names":[],"mappings":"AAcA,OAAO,EAUL,KAAK,UAAU,EAEhB,MAAM,oBAAoB,CAAC;AAO5B,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;IAAE,OAAO,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,+BAyE5G;AA0PD,wBAAgB,cAAc,gCA4E7B"}