@flowselections/layout-maker 1.55.1 → 1.57.1

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

@@ -0,0 +1,4 @@
+export declare function LayoutVerwijzingenKaart({ onGewijzigd }: {
+    onGewijzigd?: () => void;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=LayoutVerwijzingenKaart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutVerwijzingenKaart.d.ts","sourceRoot":"","sources":["../../src/components/LayoutVerwijzingenKaart.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,uBAAuB,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,sCAqFpF"}

package/dist-lib/components/LayoutVerwijzingenKaart.js

@@ -0,0 +1,59 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// ============================================================================
+// src/components/LayoutVerwijzingenKaart.tsx — per documentsoort met meerdere
+// actieve layouts of verschillende verwijzingen: welke instellingen naar welke
+// layout wijzen en hoe vaak hij de laatste 30 dagen is gebruikt. De beheerder
+// kiest zelf een standaard; instellingen van andere modules worden nooit
+// gewijzigd, alleen getoond met een link.
+// ============================================================================
+import { useState } from "react";
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, toast } from "@flowselections/core";
+import { AlertTriangle, ExternalLink } from "lucide-react";
+import { documentTypeLabel } from "../lib/documentTypes.js";
+import { maakStandaardLayout } from "../lib/useDocumentData.js";
+import { leesbareFout } from "../lib/foutTekst.js";
+import { useIsBeheerder } from "../lib/beheerder.js";
+import { BRON_LABEL, isEigenVerwijzing, plekVanVerwijzing, useLayoutVerwijzingen, zetVerwijzingOm, } from "../lib/layoutVerwijzingen.js";
+export function LayoutVerwijzingenKaart({ onGewijzigd }) {
+    const { overzicht, fout, reload } = useLayoutVerwijzingen();
+    const beheerder = useIsBeheerder() === true;
+    const [bezig, setBezig] = useState(null);
+    const safe = Array.isArray(overzicht) ? overzicht : [];
+    if (fout)
+        return _jsxs("p", { className: "text-destructive text-sm", children: ["Overzicht van verwijzingen laden mislukt: ", fout] });
+    if (!safe.length)
+        return null;
+    const klaar = () => { void reload(); onGewijzigd?.(); };
+    return (_jsxs(Card, { className: "border-destructive/50", children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(AlertTriangle, { className: "text-destructive h-4 w-4" }), " Meerdere layouts voor dezelfde documentsoort"] }), _jsx(CardDescription, { children: "Per layout zie je welke instellingen hem gebruiken en hoe vaak hij de laatste 30 dagen is geprint. Kies zelf \u00E9\u00E9n standaard. Instellingen van andere modules pas je aan in die module." })] }), _jsx(CardContent, { className: "space-y-3", children: safe.map((s) => (_jsxs("div", { className: "space-y-2 rounded-lg border p-2 text-sm", "data-soort": s.documenttype, children: [_jsx("div", { className: "font-medium", children: documentTypeLabel(s.documenttype) }), s.layouts.map((l) => {
+                            const standaard = s.layouts.find((x) => x.is_standaard && x.actief && x.bron === l.bron && x.id !== l.id);
+                            return (_jsxs("div", { className: "rounded border p-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "font-medium", children: l.naam }), _jsx(Badge, { variant: "outline", children: l.bron === "floriday" ? "Floriday" : "eigen" }), l.is_standaard ? _jsx(Badge, { children: "standaard" }) : null, !l.actief ? _jsx(Badge, { variant: "secondary", children: "niet actief" }) : null, _jsxs("span", { className: "text-muted-foreground text-xs", children: ["30 dagen: ", l.totaal30, "\u00D7", Object.entries(l.gebruik).map(([b, n]) => ` · ${BRON_LABEL[b] ?? b} ${n}×`).join("")] }), l.actief && !l.is_standaard ? (_jsx(Button, { size: "sm", variant: "outline", className: "ml-auto", disabled: !beheerder || bezig === l.id, title: beheerder ? undefined : "Alleen beheerders kunnen dit wijzigen", onClick: async () => {
+                                                    setBezig(l.id);
+                                                    try {
+                                                        await maakStandaardLayout(l.id);
+                                                        toast.success(`${l.naam} is nu de standaard`);
+                                                        klaar();
+                                                    }
+                                                    catch (e) {
+                                                        toast.error(leesbareFout(e, "Standaard maken mislukt"));
+                                                    }
+                                                    finally {
+                                                        setBezig(null);
+                                                    }
+                                                }, children: "Maak standaard" })) : null] }), l.verwijzingen.length ? (_jsx("ul", { className: "mt-1 space-y-1", children: l.verwijzingen.map((v) => (_jsx(VerwijzingRegel, { v: v, naarStandaard: isEigenVerwijzing(v) && standaard ? standaard : null, beheerder: beheerder, onKlaar: klaar }, `${v.tabel}-${v.rij_id}-${v.pad.join(".")}`))) })) : (_jsx("p", { className: "text-muted-foreground mt-1 text-xs", children: "Geen instelling verwijst naar deze layout." }))] }, l.id));
+                        })] }, s.documenttype))) })] }));
+}
+function VerwijzingRegel({ v, naarStandaard, beheerder, onKlaar, }) {
+    const plek = plekVanVerwijzing(v);
+    return (_jsxs("li", { className: "flex flex-wrap items-center gap-2 text-xs", children: [_jsxs("span", { children: [plek.module, " \u203A ", plek.scherm, v.rij_naam ? ` (${v.rij_naam}${v.rij_actief === false ? ", niet actief" : ""})` : v.rij_actief === false ? " (niet actief)" : ""] }), !isEigenVerwijzing(v) && plek.link ? (_jsxs("a", { href: plek.link, className: "text-primary inline-flex items-center gap-1 underline", children: ["Openen ", _jsx(ExternalLink, { className: "h-3 w-3" })] })) : null, naarStandaard ? (_jsxs(Button, { size: "sm", variant: "ghost", disabled: !beheerder, title: beheerder ? undefined : "Alleen beheerders kunnen dit wijzigen", onClick: async () => {
+                    if (!window.confirm(`Deze regel laten wijzen naar "${naarStandaard.naam}"?`))
+                        return;
+                    try {
+                        await zetVerwijzingOm(v, naarStandaard.id);
+                        toast.success("Verwijzing omgezet");
+                        onKlaar();
+                    }
+                    catch (e) {
+                        toast.error(leesbareFout(e, "Omzetten mislukt"));
+                    }
+                }, children: ["Naar standaard \"", naarStandaard.naam, "\""] })) : null] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutsPage.d.ts","sourceRoot":"","sources":["../../src/components/LayoutsPage.tsx"],"names":[],"mappings":"AA2EA,wBAAgB,WAAW,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAkpB1E"}
+{"version":3,"file":"LayoutsPage.d.ts","sourceRoot":"","sources":["../../src/components/LayoutsPage.tsx"],"names":[],"mappings":"AA4EA,wBAAgB,WAAW,CAAC,EAAE,OAAe,EAAE,GAAE;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAO,+BAomB1E"}

package/dist-lib/components/LayoutsPage.js

@@ -3,8 +3,9 @@ import { useMemo, useState } from "react";
 import { useAutoRefresh } from "../lib/useAutoRefresh.js";
 import { Link, useNavigate } from "@tanstack/react-router";
 import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Separator, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, toast, } from "@flowselections/core";
-import { AlertTriangle, Copy, FileText, Pencil, Plus, Search, Settings2, Trash2 } from "lucide-react";
-import { layoutConflicten, maakStandaardLayout } from "../lib/useDocumentData.js";
+import { Copy, FileText, Pencil, Plus, Search, Settings2, Trash2 } from "lucide-react";
+import { LayoutVerwijzingenKaart } from "./LayoutVerwijzingenKaart.js";
+import { maakStandaardLayout } from "../lib/useDocumentData.js";
 import { dupliceerLayout, maakLayout, updateLayout, useLayouts, verwijderLayout, } from "../lib/useDocumentData.js";
 import { LayoutPrinterSelect } from "./LayoutPrinterSelect.js";
 import { DOCUMENT_TYPES, FLORIDAY_LAYOUT_TOELICHTING, PAPIERFORMATEN, documentTypeLabel, isFloridayLayout, } from "../lib/documentTypes.js";
@@ -25,7 +26,6 @@ function klantOntwerpLayout(l) {
 }
 export function LayoutsPage({ ingebed = false } = {}) {
     const { layouts, loading, reload } = useLayouts();
-    const conflicten = useMemo(() => layoutConflicten(layouts), [layouts]);
     useAutoRefresh(() => {
         void reload(true);
     }, 30000);
@@ -156,16 +156,7 @@ export function LayoutsPage({ ingebed = false } = {}) {
         }
     };
     const Wrapper = ingebed ? "div" : "main";
-    return (_jsxs(Wrapper, { className: ingebed ? "space-y-6" : "p-6 space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [!ingebed && (_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Documentlayouts" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Ontwerp pakbonnen, facturen, etiketten en alle andere documenten." })] })), _jsx("div", { className: "ml-auto flex gap-2", children: _jsxs(Button, { onClick: () => setWizardOpen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuwe layout"] }) })] }), conflicten.length > 0 && (_jsxs(Card, { className: "border-destructive/50", children: [_jsxs(CardHeader, { className: "pb-2", children: [_jsxs(CardTitle, { className: "flex items-center gap-2 text-base", children: [_jsx(AlertTriangle, { className: "h-4 w-4 text-destructive" }), " Meerdere actieve layouts"] }), _jsx(CardDescription, { children: "Bij het printen wint per documentsoort \u00E9\u00E9n layout. De andere worden alleen gebruikt als een module ze expliciet kiest." })] }), _jsx(CardContent, { className: "space-y-2", children: conflicten.map((c) => (_jsxs("div", { className: "rounded-lg border p-2 text-sm", "data-conflict": c.documenttype, children: [_jsxs("div", { className: "font-medium", children: [documentTypeLabel(c.documenttype), " (", c.bron === "floriday" ? "Floriday" : "eigen", ") \u2014 ", c.actief.length, " actief"] }), _jsxs("div", { className: "text-muted-foreground text-xs", children: ["Wint bij printen: ", _jsx("span", { className: "font-medium text-foreground", children: c.winnaar.naam }), c.heeftStandaard ? " (standaard)" : " — geen standaard, de laatst bewerkte wint"] }), _jsx("div", { className: "mt-1 flex flex-wrap gap-2", children: c.actief.filter((l) => l.id !== c.winnaar.id || !c.heeftStandaard).map((l) => (_jsxs(Button, { size: "sm", variant: "outline", onClick: async () => {
-                                            try {
-                                                await maakStandaardLayout(l.id);
-                                                toast.success(`${l.naam} is nu de standaard`);
-                                            }
-                                            catch {
-                                                toast.error("Standaard maken mislukt");
-                                            }
-                                            void reload();
-                                        }, children: ["Maak \"", l.naam, "\" standaard"] }, l.id))) })] }, `${c.documenttype}-${c.bron}`))) })] })), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Overzicht" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} van ${layouts.length} layouts` })] }), _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 naam of omschrijving", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: typeFilter, onValueChange: setTypeFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Documenttype" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle documenttypes" }), DOCUMENT_TYPES.map((d) => (_jsx(SelectItem, { value: d.value, children: d.label }, d.value)))] })] }), _jsxs(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), _jsx(SelectItem, { value: "actief", children: "Actief" }), _jsx(SelectItem, { value: "inactief", children: "Inactief" })] })] }), _jsxs(Select, { value: bronFilter, onValueChange: setBronFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Herkomst" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle herkomsten" }), _jsx(SelectItem, { value: "eigen", children: "Eigen ontwerp" }), _jsx(SelectItem, { value: "floriday", children: "Uit Floriday" })] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Documenttype" }), _jsx(TableHead, { children: "Formaat" }), _jsxs(TableHead, { children: [_jsx("div", { children: "Printer nu" }), _jsxs("div", { className: "text-xs font-normal", children: ["bedrijfsstandaard, in te stellen op", " ", _jsx(Link, { to: "/layouts-printers/printplekken", className: "text-primary underline", children: "Printen" })] })] }), _jsx(TableHead, { children: "Actief" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen layouts gevonden." }) })), gefilterd.map((l) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsxs("div", { className: "flex items-center gap-2 font-medium", children: [_jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }), l.naam, l.is_standaard && _jsx(Badge, { variant: "secondary", children: "Standaard" }), isFloridayLayout(l) && _jsx(Badge, { variant: "outline", children: "Uit Floriday" })] }), (l.omschrijving || isFloridayLayout(l)) && (_jsx("span", { className: "text-xs text-muted-foreground", children: isFloridayLayout(l) ? FLORIDAY_LAYOUT_TOELICHTING : l.omschrijving }))] }), _jsx(TableCell, { children: documentTypeLabel(l.documenttype) }), _jsxs(TableCell, { className: "text-sm text-muted-foreground", children: [l.papierformaat, " \u00B7 ", Number(l.breedte_mm), " \u00D7 ", Number(l.hoogte_mm), " mm"] }), _jsx(TableCell, { className: "min-w-52", children: _jsx(LayoutPrinterSelect, { layoutId: l.id, documenttype: l.documenttype }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: l.actief, onCheckedChange: async (v) => {
+    return (_jsxs(Wrapper, { className: ingebed ? "space-y-6" : "p-6 space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-4", children: [!ingebed && (_jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Documentlayouts" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Ontwerp pakbonnen, facturen, etiketten en alle andere documenten." })] })), _jsx("div", { className: "ml-auto flex gap-2", children: _jsxs(Button, { onClick: () => setWizardOpen(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuwe layout"] }) })] }), _jsx(LayoutVerwijzingenKaart, { onGewijzigd: () => void reload() }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsx(CardTitle, { className: "text-base", children: "Overzicht" }), _jsx(CardDescription, { children: loading ? "Laden…" : `${gefilterd.length} van ${layouts.length} layouts` })] }), _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 naam of omschrijving", value: zoek, onChange: (e) => setZoek(e.target.value) })] }), _jsxs(Select, { value: typeFilter, onValueChange: setTypeFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Documenttype" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle documenttypes" }), DOCUMENT_TYPES.map((d) => (_jsx(SelectItem, { value: d.value, children: d.label }, d.value)))] })] }), _jsxs(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Status" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle statussen" }), _jsx(SelectItem, { value: "actief", children: "Actief" }), _jsx(SelectItem, { value: "inactief", children: "Inactief" })] })] }), _jsxs(Select, { value: bronFilter, onValueChange: setBronFilter, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Herkomst" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "alle", children: "Alle herkomsten" }), _jsx(SelectItem, { value: "eigen", children: "Eigen ontwerp" }), _jsx(SelectItem, { value: "floriday", children: "Uit Floriday" })] })] })] }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Documenttype" }), _jsx(TableHead, { children: "Formaat" }), _jsxs(TableHead, { children: [_jsx("div", { children: "Printer nu" }), _jsxs("div", { className: "text-xs font-normal", children: ["bedrijfsstandaard, in te stellen op", " ", _jsx(Link, { to: "/layouts-printers/printplekken", className: "text-primary underline", children: "Printen" })] })] }), _jsx(TableHead, { children: "Actief" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [gefilterd.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 6, className: "py-10 text-center text-sm text-muted-foreground", children: "Geen layouts gevonden." }) })), gefilterd.map((l) => (_jsxs(TableRow, { children: [_jsxs(TableCell, { children: [_jsxs("div", { className: "flex items-center gap-2 font-medium", children: [_jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }), l.naam, l.is_standaard && _jsx(Badge, { variant: "secondary", children: "Standaard" }), isFloridayLayout(l) && _jsx(Badge, { variant: "outline", children: "Uit Floriday" })] }), (l.omschrijving || isFloridayLayout(l)) && (_jsx("span", { className: "text-xs text-muted-foreground", children: isFloridayLayout(l) ? FLORIDAY_LAYOUT_TOELICHTING : l.omschrijving }))] }), _jsx(TableCell, { children: documentTypeLabel(l.documenttype) }), _jsxs(TableCell, { className: "text-sm text-muted-foreground", children: [l.papierformaat, " \u00B7 ", Number(l.breedte_mm), " \u00D7 ", Number(l.hoogte_mm), " mm"] }), _jsx(TableCell, { className: "min-w-52", children: _jsx(LayoutPrinterSelect, { layoutId: l.id, documenttype: l.documenttype }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: l.actief, onCheckedChange: async (v) => {
                                                                         await updateLayout(l.id, { actief: v });
                                                                         void reload();
                                                                     } }), !l.is_standaard && (_jsx(Button, { variant: "ghost", size: "sm", onClick: async () => {

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,gCA+X7B"}
+{"version":3,"file":"PrintQueuePage.d.ts","sourceRoot":"","sources":["../../src/components/PrintQueuePage.tsx"],"names":[],"mappings":"AAoFA,wBAAgB,cAAc,gCAqZ7B"}

package/dist-lib/components/PrintQueuePage.js

@@ -193,7 +193,22 @@ export function PrintQueuePage() {
                                                                         return null;
                                                                     const s = scanLabel(scan, j.gestart_op ?? j.created_at);
                                                                     return s === "gescand" ? (_jsx(Badge, { variant: "default", className: "ml-2", children: "Gescand" })) : (_jsx(Badge, { variant: "secondary", className: "ml-2", children: "Kar eerder gescand" }));
-                                                                })(), j.printnode_bericht && j.status === "mislukt" && (_jsx("span", { className: "block text-xs text-destructive", children: j.printnode_bericht }))] }), _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: [opnieuwActie(j) && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: async () => {
+                                                                })(), j.printnode_bericht && j.status === "mislukt" && (_jsx("span", { className: "block text-xs text-destructive", children: j.printnode_bericht }))] }), _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: [_jsx(Button, { variant: "ghost", size: "sm", onClick: async () => {
+                                                                        const { data } = await supabase
+                                                                            .from("print_job_logs")
+                                                                            .select("gebeurtenis, detail, created_at")
+                                                                            .eq("job_id", j.id)
+                                                                            .in("gebeurtenis", ["waarom", "etiket", "route"])
+                                                                            .order("created_at", { ascending: true });
+                                                                        const regels = (Array.isArray(data) ? data : []).map((r) => r.detail).filter(Boolean);
+                                                                        toast.message("Waarom deze printer?", {
+                                                                            description: regels.length
+                                                                                ? regels.join("\n")
+                                                                                : j.status === "mislukt"
+                                                                                    ? (j.foutmelding ?? "Er is niets geprint.")
+                                                                                    : "Nog niet bepaald: de opdracht is nog niet verwerkt.",
+                                                                        });
+                                                                    }, children: "Waarom?" }), opnieuwActie(j) && (_jsxs(Button, { variant: "ghost", size: "sm", onClick: async () => {
                                                                         const pr = j.printer_id ? printerById.get(j.printer_id) : null;
                                                                         if (pr && !pr.online) {
                                                                             const door = window.confirm(`Printer "${pr.naam}" (of de computer) is nu offline. De opdracht blijft wachten tot hij weer aan staat, en verloopt anders. Toch versturen?`);

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

@@ -0,0 +1,6 @@
+export declare function PrintenInstellenWizard({ open, onOpenChange, onKlaar, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    onKlaar?: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PrintenInstellenWizard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PrintenInstellenWizard.d.ts","sourceRoot":"","sources":["../../src/components/PrintenInstellenWizard.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,+BA0JA"}

package/dist-lib/components/PrintenInstellenWizard.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/PrintenInstellenWizard.tsx — "Printen instellen" voor een
+// nieuwe klant: computers zoeken, per werkplek de A4-printer en labelprinter
+// (met geladen etiket) kiezen, een testpagina per printer, klaar.
+// ============================================================================
+import { useEffect, useState } from "react";
+import { Badge, Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Input, toast } from "@flowselections/core";
+import { Check, Loader2, RefreshCw } from "lucide-react";
+import { useComputers } from "./ComputersLijst.js";
+import { GeladenEtiketKeuze } from "./WerkplekkenTab.js";
+import { printHtml, volgJobStatus } from "../lib/printApi.js";
+import { leesbareFout } from "../lib/foutTekst.js";
+import { testHtml } from "../lib/testprint.js";
+import { printTitelVoorStatus } from "../lib/printnodeStatusTekst.js";
+import { printerTitel, slaWerkplekOp, usePrinterLijst } from "../lib/werkplekken.js";
+import { haalOmzettingVoorstel } from "../lib/werkplekOmzetting.js";
+import { useIsBeheerder } from "../lib/beheerder.js";
+import { WerkplekOmzettingStap } from "./WerkplekOmzettingStap.js";
+const selectKlasse = "border-input bg-background rounded-md border px-2 py-1 text-sm";
+export function PrintenInstellenWizard({ open, onOpenChange, onKlaar, }) {
+    const [stap, setStap] = useState(1);
+    const { computers, loading, reload } = useComputers();
+    const { printers, reload: reloadPrinters } = usePrinterLijst();
+    const [naam, setNaam] = useState("Kantoor");
+    const [a4, setA4] = useState(null);
+    const [label, setLabel] = useState(null);
+    const [status, setStatus] = useState({});
+    const bruikbaar = printers.filter((p) => !p.verborgen && !p.is_virtueel && p.actief !== false);
+    const labelPrinter = printers.find((p) => p.id === label) ?? null;
+    const beheerder = useIsBeheerder() === true;
+    const [voorstel, setVoorstel] = useState(null);
+    // Bestaande Shell: begin met het voorstel uit de huidige instellingen.
+    // Lege Shell: geen voorstel, de wizard begint gewoon bij stap 1.
+    useEffect(() => {
+        if (!open)
+            return;
+        let weg = false;
+        haalOmzettingVoorstel()
+            .then((v) => { if (!weg) {
+            setVoorstel(v);
+            if (v.length)
+                setStap(0);
+        } })
+            .catch(() => { if (!weg)
+            setVoorstel([]); });
+        return () => { weg = true; };
+    }, [open]);
+    const test = async (printerId, soort) => {
+        setStatus((s) => ({ ...s, [printerId]: "wachtend" }));
+        try {
+            const p = printers.find((x) => x.id === printerId);
+            const { jobId } = await printHtml({
+                documenttype: soort,
+                documentnaam: `Testpagina ${printerTitel(p)}`,
+                html: testHtml({
+                    Documentsoort: soort === "sticker" ? "Testetiket" : "Testpagina A4",
+                    Werkplek: naam,
+                    Printer: printerTitel(p),
+                    Tijdstip: new Date().toLocaleString("nl-NL"),
+                }),
+                printerId,
+                payload: { is_testprint: true },
+            });
+            volgJobStatus(jobId, (j) => setStatus((s) => ({ ...s, [printerId]: j.foutmelding ? `mislukt: ${j.foutmelding}` : j.status })));
+        }
+        catch (e) {
+            setStatus((s) => ({ ...s, [printerId]: `mislukt: ${leesbareFout(e, "versturen mislukt")}` }));
+        }
+    };
+    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: stap === 0 ? "Printen instellen — voorstel uit huidige instellingen" : `Printen instellen — stap ${stap} van 4` }), _jsx(DialogDescription, { children: "In een paar minuten weet je zeker waar het papier uitkomt." })] }), stap === 0 && voorstel?.length ? (_jsx(WerkplekOmzettingStap, { voorstel: voorstel, printers: printers, beheerder: beheerder, onOverslaan: () => setStap(1), onKlaar: () => { void reloadPrinters(); onKlaar?.(); setNaam(voorstel[0]?.naam ?? naam); setStap(3); } })) : null, stap === 1 ? (_jsxs("div", { className: "space-y-2 text-sm", children: [_jsx("p", { children: "Op deze computers draait het printprogramma:" }), computers.map((c) => (_jsxs("div", { className: "flex items-center gap-2 rounded border p-2", children: [_jsx("span", { className: "font-medium", children: c.naam }), _jsx(Badge, { variant: c.online ? "secondary" : "destructive", children: c.online ? "online" : "offline" }), _jsxs("span", { className: "text-muted-foreground text-xs", children: [c.aantalGevonden, " printers"] })] }, c.id))), !loading && !computers.length ? _jsx("p", { className: "text-muted-foreground", children: "Nog geen computers gevonden. Installeer het printprogramma op de computer met de printers." }) : null, _jsxs(Button, { size: "sm", variant: "outline", onClick: () => { void reload(); void reloadPrinters(); }, children: [loading ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(RefreshCw, { className: "mr-2 h-4 w-4" }), " Opnieuw zoeken"] })] })) : null, stap === 2 ? (_jsxs("div", { className: "grid gap-2 text-sm sm:grid-cols-[9rem_1fr]", children: [_jsx("span", { children: "Naam werkplek" }), _jsx(Input, { value: naam, onChange: (e) => setNaam(e.target.value) }), _jsx("span", { children: "A4-printer" }), _jsxs("select", { className: selectKlasse, value: a4 ?? "", onChange: (e) => setA4(e.target.value || null), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsxs("option", { value: p.id, children: [printerTitel(p), p.locatie ? ` · ${p.locatie}` : ""] }, p.id))] }), _jsx("span", { children: "Labelprinter" }), _jsxs("select", { className: selectKlasse, value: label ?? "", onChange: (e) => setLabel(e.target.value || null), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsxs("option", { value: p.id, children: [printerTitel(p), p.locatie ? ` · ${p.locatie}` : ""] }, p.id))] }), labelPrinter ? (_jsx("div", { className: "sm:col-span-2", children: _jsx(GeladenEtiketKeuze, { printer: labelPrinter, onGewijzigd: () => void reloadPrinters() }) })) : null] })) : null, stap === 3 ? (_jsx("div", { className: "space-y-2 text-sm", children: [a4 ? { id: a4, soort: "vrij" } : null, label ? { id: label, soort: "sticker" } : null]
+                        .filter(Boolean)
+                        .map((r) => {
+                        const p = printers.find((x) => x.id === r.id);
+                        const st = status[r.id];
+                        return (_jsxs("div", { className: "flex flex-wrap items-center gap-2 rounded border p-2", children: [_jsx("span", { className: "font-medium", children: printerTitel(p) }), st ? _jsx(Badge, { variant: st.startsWith("mislukt") ? "destructive" : "secondary", children: printTitelVoorStatus(st) }) : null, _jsx(Button, { size: "sm", variant: "outline", className: "ml-auto", onClick: () => void test(r.id, r.soort), children: r.soort === "sticker" ? "Testetiket" : "Testpagina" })] }, r.id));
+                    }) })) : null, stap === 4 ? (_jsxs("p", { className: "flex items-center gap-2 text-sm", children: [_jsx(Check, { className: "h-4 w-4" }), " Werkplek ", naam, " is klaar. Documenten kiezen nu automatisch de A4-printer of de labelprinter op hun papierformaat."] })) : null, stap > 0 ? _jsxs("div", { className: "flex justify-between pt-2", children: [_jsx(Button, { variant: "ghost", disabled: stap === 1 && !voorstel?.length, onClick: () => setStap((s) => s - 1), children: "Terug" }), stap < 4 ? (_jsx(Button, { disabled: stap === 2 && (!naam.trim() || (!a4 && !label)), onClick: async () => {
+                                if (stap === 2) {
+                                    try {
+                                        await slaWerkplekOp({ naam, a4_printer_id: a4, label_printer_id: label });
+                                    }
+                                    catch (e) {
+                                        toast.error(leesbareFout(e, "Werkplek opslaan mislukt"));
+                                        return;
+                                    }
+                                }
+                                setStap((s) => s + 1);
+                            }, children: "Volgende" })) : (_jsx(Button, { onClick: () => { onKlaar?.(); onOpenChange(false); setStap(1); }, children: "Klaar" }))] }) : null] }) }));
+}

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

@@ -1,4 +1,6 @@
+type Tab = "printplekken" | "werkplekken" | "routering";
 export declare function PrintenPage({ tab, }: {
-    tab?: "printplekken" | "routering";
+    tab?: Tab;
 }): import("react").JSX.Element;
+export {};
 //# sourceMappingURL=PrintenPage.d.ts.map

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

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

package/dist-lib/components/PrintenPage.js

@@ -4,20 +4,22 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // printplekken (plekken, computers en printers samen) en standaardregels.
 // ============================================================================
 import { useState } from "react";
-import { MapPin, Route as RouteIcon } from "lucide-react";
+import { Laptop, MapPin, Route as RouteIcon } from "lucide-react";
 import { ModuleTabs } from "./ModuleTabs.js";
 import { PrintplekkenPage } from "./PrintplekkenPage.js";
 import { DocumentRouteringPage } from "./DocumentRouteringPage.js";
 import { LivePrintstatusRegel } from "./LivePrintstatusRegel.js";
+import { WerkplekkenTab } from "./WerkplekkenTab.js";
 const TABS = [
     {
         id: "printplekken",
         label: "Printplekken",
         icon: MapPin,
     },
+    { id: "werkplekken", label: "Werkplekken", icon: Laptop },
     { id: "routering", label: "Standaardregels", icon: RouteIcon },
 ];
 export function PrintenPage({ tab = "printplekken", }) {
     const [actiefTab, setActiefTab] = useState(tab);
-    return (_jsx(_Fragment, { children: _jsxs(ModuleTabs, { titel: "Printen", omschrijving: "Stel per plek in het bedrijf in welke computers, printers en documenten daar horen.", tabs: TABS, actiefTab: actiefTab, onTabWijzig: (nieuwTab) => setActiefTab(nieuwTab === "routering" ? "routering" : "printplekken"), children: [_jsx(LivePrintstatusRegel, {}), actiefTab === "routering" ? (_jsx(DocumentRouteringPage, { ingebed: true })) : (_jsx(PrintplekkenPage, { ingebed: true }))] }) }));
+    return (_jsx(_Fragment, { children: _jsxs(ModuleTabs, { titel: "Printen", omschrijving: "Stel per plek in het bedrijf in welke computers, printers en documenten daar horen.", tabs: TABS, actiefTab: actiefTab, onTabWijzig: (nieuwTab) => setActiefTab(nieuwTab === "routering" || nieuwTab === "werkplekken" ? nieuwTab : "printplekken"), children: [_jsx(LivePrintstatusRegel, {}), actiefTab === "werkplekken" ? (_jsx(WerkplekkenTab, {})) : actiefTab === "routering" ? (_jsx(DocumentRouteringPage, { ingebed: true })) : (_jsx(PrintplekkenPage, { ingebed: true }))] }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AA+DA,wBAAgB,mBAAmB,gCAooBlC"}
+{"version":3,"file":"PrintplekDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PrintplekDetailPage.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,mBAAmB,gCAooBlC"}

package/dist-lib/components/PrintplekDetailPage.js

@@ -22,6 +22,8 @@ import { leesbareFout } from "../lib/foutTekst.js";
 import { supabase } from "../lib/supabaseClient.js";
 import { useRouteringOverzicht } from "../lib/printRoutering.js";
 const BRON_LABEL = {
+    werkplek_formaat: "Werkplek (papierformaat)",
+    werkplek_afwijking: "Werkplek (afwijking)",
     printplek: "Printplek-eigen",
     werkplek: "Werkplek-uitzondering",
     layout: "Standaardprinter (layout)",

package/dist-lib/components/TestprintDialog.js

@@ -11,8 +11,8 @@ import { volgJobStatus } from "../lib/printApi.js";
 import { bepaalTestOverzicht, verstuurTestprint, } from "../lib/testprint.js";
 const STATUS_LABEL = {
     wachtend: "In de wachtrij",
-    bezig: "Wordt afgedrukt",
-    voltooid: "Afgedrukt",
+    bezig: "Naar de printer",
+    voltooid: "Bij printer afgeleverd",
     mislukt: "Mislukt",
     geannuleerd: "Geannuleerd",
 };

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

@@ -0,0 +1,10 @@
+import { type PrinterRij } from "../lib/werkplekken.js";
+import { type WerkplekVoorstel } from "../lib/werkplekOmzetting.js";
+export declare function WerkplekOmzettingStap({ voorstel: begin, printers, beheerder, onKlaar, onOverslaan, }: {
+    voorstel: WerkplekVoorstel[];
+    printers: PrinterRij[];
+    beheerder: boolean;
+    onKlaar: () => void;
+    onOverslaan: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=WerkplekOmzettingStap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WerkplekOmzettingStap.d.ts","sourceRoot":"","sources":["../../src/components/WerkplekOmzettingStap.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAA+B,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAW9F,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EAAE,KAAK,EACf,QAAQ,EACR,SAAS,EACT,OAAO,EACP,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,+BAuFA"}

package/dist-lib/components/WerkplekOmzettingStap.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Eerste stap van "Printen instellen" in een Shell die al printplekken of
+// standaardregels heeft: per werkplek de printer van nu en die van na de
+// omzetting, met de bron en de verschillen gemarkeerd.
+import { useState } from "react";
+import { Badge, Button, Input, toast } from "@flowselections/core";
+import { documentTypeLabel } from "../lib/documentTypes.js";
+import { leesbareFout } from "../lib/foutTekst.js";
+import { printerTitel } from "../lib/werkplekken.js";
+import { herbereken, pasOmzettingToe } from "../lib/werkplekOmzetting.js";
+const selectKlasse = "border-input bg-background rounded-md border px-2 py-1 text-sm";
+const BRON = {
+    printplek: "printplek",
+    werkplek: "computer-uitzondering",
+    layout: "layout-koppeling",
+    standaard: "standaardregel",
+    geen: "geen regel",
+};
+export function WerkplekOmzettingStap({ voorstel: begin, printers, beheerder, onKlaar, onOverslaan, }) {
+    const [voorstel, setVoorstel] = useState(begin);
+    const [bezig, setBezig] = useState(false);
+    const titel = (id) => (id ? printerTitel(printers.find((p) => p.id === id)) : "—");
+    const bruikbaar = printers.filter((p) => !p.verborgen && !p.is_virtueel && p.actief !== false);
+    const wijzig = (i, patch) => setVoorstel((v) => v.map((w, j) => (j === i ? herbereken({ ...w, ...patch }) : w)));
+    const nieuw = voorstel.filter((w) => !w.bestaat);
+    return (_jsxs("div", { className: "space-y-3 text-sm", children: [_jsx("p", { children: "Op basis van de huidige instellingen stelt de module deze werkplekken voor. Controleer per documentsoort de printer van nu en die van na de omzetting. Er wordt pas iets aangemaakt als je bevestigt." }), voorstel.map((w, i) => {
+                const etiket = printers.find((p) => p.id === w.label_printer_id)?.geladen_etiket;
+                const verschillen = w.soorten.filter((s) => s.verschil).length;
+                return (_jsxs("div", { className: "space-y-2 rounded border p-2", "data-werkplek-voorstel": w.print_plek_id ?? "kantoor", children: [_jsxs("div", { className: "grid gap-2 sm:grid-cols-[8rem_1fr]", children: [_jsx("span", { children: "Naam" }), _jsx(Input, { value: w.naam, disabled: w.bestaat || !beheerder, onChange: (e) => wijzig(i, { naam: e.target.value }) }), _jsx("span", { children: "A4-printer" }), _jsxs("select", { className: selectKlasse, disabled: w.bestaat || !beheerder, value: w.a4_printer_id ?? "", onChange: (e) => wijzig(i, { a4_printer_id: e.target.value || null }), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsx("option", { value: p.id, children: printerTitel(p) }, p.id))] }), _jsx("span", { children: "Labelprinter" }), _jsxs("select", { className: selectKlasse, disabled: w.bestaat || !beheerder, value: w.label_printer_id ?? "", onChange: (e) => wijzig(i, { label_printer_id: e.target.value || null }), children: [_jsx("option", { value: "", children: "\u2014 geen \u2014" }), bruikbaar.map((p) => _jsx("option", { value: p.id, children: printerTitel(p) }, p.id))] }), _jsx("span", { children: "Geladen etiket" }), _jsx("span", { className: etiket ? "" : "text-destructive", children: etiket ? JSON.stringify(etiket) : "nog niet ingesteld — stel het in bij Werkplekken" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [w.print_plek_id ? _jsx(Badge, { variant: "outline", children: "gekoppeld aan printplek" }) : _jsx(Badge, { variant: "outline", children: "op basis van standaardregels" }), w.bestaat ? _jsx(Badge, { variant: "secondary", children: "bestaat al \u2014 wordt overgeslagen" }) : null, _jsxs(Badge, { variant: verschillen ? "destructive" : "secondary", children: [verschillen, " verschillen"] })] }), _jsxs("table", { className: "w-full text-xs", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-muted-foreground text-left", children: [_jsx("th", { className: "py-0.5", children: "Documentsoort" }), _jsx("th", { children: "Nu" }), _jsx("th", { children: "Bron nu" }), _jsx("th", { children: "Na omzetting" })] }) }), _jsx("tbody", { children: w.soorten.map((s) => (_jsxs("tr", { className: s.verschil ? "bg-destructive/10 font-medium" : "", "data-verschil": s.verschil ? "ja" : "nee", children: [_jsx("td", { className: "py-0.5", children: documentTypeLabel(s.documenttype) }), _jsx("td", { children: titel(s.printer_id) }), _jsx("td", { children: BRON[s.bron ?? "geen"] ?? s.bron }), _jsxs("td", { children: [titel(s.na_printer_id), s.klasse === "label" ? " (label)" : " (A4)"] })] }, s.documenttype))) })] })] }, `${w.print_plek_id ?? "kantoor"}`));
+            }), !beheerder ? _jsx("p", { className: "text-muted-foreground", children: "Alleen beheerders kunnen dit wijzigen." }) : null, _jsxs("div", { className: "flex justify-between", children: [_jsx(Button, { variant: "ghost", onClick: onOverslaan, children: "Overslaan, zelf instellen" }), _jsx(Button, { disabled: !beheerder || bezig || !nieuw.length || nieuw.some((w) => !w.naam.trim() || (!w.a4_printer_id && !w.label_printer_id)), onClick: async () => {
+                            if (!window.confirm(`${nieuw.length} werkplek(ken) aanmaken? De verschillen hierboven gaan dan gelden voor wie deze werkplek kiest.`))
+                                return;
+                            setBezig(true);
+                            try {
+                                await pasOmzettingToe(voorstel);
+                                toast.success("Werkplekken aangemaakt");
+                                onKlaar();
+                            }
+                            catch (e) {
+                                toast.error(leesbareFout(e, "Aanmaken mislukt"));
+                            }
+                            finally {
+                                setBezig(false);
+                            }
+                        }, children: "Bevestigen en aanmaken" })] })] }));
+}

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

@@ -0,0 +1,4 @@
+export declare function WerkplekVraag({ altijdTonen }: {
+    altijdTonen?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=WerkplekVraag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WerkplekVraag.d.ts","sourceRoot":"","sources":["../../src/components/WerkplekVraag.tsx"],"names":[],"mappings":"AAWA,wBAAgB,aAAa,CAAC,EAAE,WAAmB,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,+BAuC/E"}

package/dist-lib/components/WerkplekVraag.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/WerkplekVraag.tsx — vraagt een ingelogde gebruiker één keer
+// op welke werkplek hij werkt (Afhandeling, Facturen…) en onthoudt dat.
+// Pickstations en scanners gebruiken dit niet: die hangen aan hun printplek.
+// ============================================================================
+import { useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, toast } from "@flowselections/core";
+import { leesbareFout } from "../lib/foutTekst.js";
+import { useMijnWerkplek, useWerkplekken } from "../lib/werkplekken.js";
+export function WerkplekVraag({ altijdTonen = false }) {
+    const { werkplekId, laden, kies } = useMijnWerkplek();
+    const { werkplekken } = useWerkplekken();
+    const [keuze, setKeuze] = useState("");
+    const [dicht, setDicht] = useState(false);
+    const open = !dicht && !laden && werkplekken.length > 0 && (altijdTonen || !werkplekId);
+    return (_jsx(Dialog, { open: open, onOpenChange: (v) => !v && setDicht(true), children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Op welke werkplek werk je?" }), _jsx(DialogDescription, { children: "Dit vragen we \u00E9\u00E9n keer. Je documenten komen dan uit de printers van die werkplek." })] }), _jsxs("select", { className: "border-input bg-background rounded-md border px-2 py-2 text-sm", value: keuze || werkplekId || "", onChange: (e) => setKeuze(e.target.value), children: [_jsx("option", { value: "", children: "\u2014 kies een werkplek \u2014" }), werkplekken.filter((w) => w.actief).map((w) => (_jsx("option", { value: w.id, children: w.naam }, w.id)))] }), _jsx(Button, { disabled: !keuze, onClick: async () => {
+                        try {
+                            await kies(keuze);
+                            setDicht(true);
+                        }
+                        catch (e) {
+                            toast.error(leesbareFout(e, "Opslaan mislukt"));
+                        }
+                    }, children: "Onthouden" })] }) }));
+}

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

@@ -0,0 +1,7 @@
+import { type PrinterRij } from "../lib/werkplekken.js";
+export declare function GeladenEtiketKeuze({ printer, onGewijzigd }: {
+    printer: PrinterRij;
+    onGewijzigd: () => void;
+}): import("react").JSX.Element;
+export declare function WerkplekkenTab(): import("react").JSX.Element;
+//# sourceMappingURL=WerkplekkenTab.d.ts.map

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

@@ -0,0 +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,+BAmC5G;AAqPD,wBAAgB,cAAc,gCA4E7B"}