@flowselections/pick-schermen-kwekers 1.0.11 → 1.0.12

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

@@ -1 +1 @@
-{"version":3,"file":"PickstationsPage.d.ts","sourceRoot":"","sources":["../../src/components/PickstationsPage.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,gBAAgB,gCAkL/B"}
+{"version":3,"file":"PickstationsPage.d.ts","sourceRoot":"","sources":["../../src/components/PickstationsPage.tsx"],"names":[],"mappings":"AAwDA,wBAAgB,gBAAgB,gCA2O/B"}

package/dist-lib/components/PickstationsPage.js

@@ -1,41 +1,55 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { Button, Card, CardContent, Dialog, DialogContent, DialogHeader, DialogTitle, Input, Label, Switch, Textarea, toast, } from "@flowselections/core";
-import { Copy, ExternalLink, Loader2, Pencil, Plus, Trash2 } from "lucide-react";
+import { Button, Card, CardContent, Dialog, DialogContent, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, toast, } from "@flowselections/core";
+import { AlertTriangle, Copy, ExternalLink, Loader2, Pencil, Plus, Printer, Trash2, } from "lucide-react";
 import { pickApi } from "../lib/pickApi";
-import { usePickStations } from "../hooks/usePickConfig";
-const emptyDraft = { name: "", description: "", active: true };
+import { usePickPrintPlekken, usePickStations, useStationPrintPlekken, } from "../hooks/usePickConfig";
+const NO_PLEK = "__geen__";
+const emptyDraft = { name: "", description: "", active: true, printPlekId: null };
 function publicUrl(slug) {
     const origin = typeof window !== "undefined" ? window.location.origin : "";
     return `${origin}/pickstation/${slug ?? ""}`;
 }
 export function PickstationsPage() {
     const { data: stations, isLoading } = usePickStations();
+    const { data: printPlekken } = usePickPrintPlekken();
+    const { data: koppelingen } = useStationPrintPlekken();
     const queryClient = useQueryClient();
     const [draft, setDraft] = useState(null);
     const safeStations = Array.isArray(stations) ? stations : [];
+    const safePlekken = Array.isArray(printPlekken) ? printPlekken : [];
+    const safeKoppelingen = Array.isArray(koppelingen) ? koppelingen : [];
+    const plekOf = (stationId) => safeKoppelingen.find((k) => k.station_id === stationId) ?? null;
     const save = useMutation({
         mutationFn: async (d) => {
-            await pickApi.upsert("pick_stations", {
+            const row = await pickApi.upsert("pick_stations", {
                 ...(d.id ? { id: d.id } : {}),
                 name: d.name.trim(),
                 description: d.description.trim() || null,
                 active: d.active,
             });
+            const stationId = d.id ?? row?.["id"] ?? null;
+            if (stationId)
+                await pickApi.setStationPrintPlek(stationId, d.printPlekId);
         },
         onSuccess: () => {
             toast.success("Pickstation opgeslagen.");
             setDraft(null);
             queryClient.invalidateQueries({ queryKey: ["pick", "stations"] });
+            queryClient.invalidateQueries({ queryKey: ["pick", "stationPrintPlekken"] });
         },
         onError: (e) => toast.error(e instanceof Error ? e.message : "Opslaan mislukt."),
     });
     const remove = useMutation({
-        mutationFn: (id) => pickApi.remove("pick_stations", id),
+        mutationFn: async (id) => {
+            await pickApi.setStationPrintPlek(id, null);
+            await pickApi.remove("pick_stations", id);
+        },
         onSuccess: () => {
             toast.success("Pickstation verwijderd.");
             queryClient.invalidateQueries({ queryKey: ["pick", "stations"] });
+            queryClient.invalidateQueries({ queryKey: ["pick", "stationPrintPlekken"] });
         },
         onError: (e) => toast.error(e instanceof Error ? e.message : "Verwijderen mislukt."),
     });
@@ -52,10 +66,11 @@ export function PickstationsPage() {
     return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold text-foreground", children: "Pickstations" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Beheer je pickstations en hun openbare link. Alle logica komt uit de Logistiek Engine." })] }), _jsxs(Button, { onClick: () => setDraft({ ...emptyDraft }), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuw pickstation"] })] }), isLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Laden..."] })) : safeStations.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen pickstations." })) : (_jsx("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3", children: safeStations.map((station) => (_jsx(Card, { className: "border-2", children: _jsxs(CardContent, { className: "space-y-4 p-6", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: station.name }), _jsx("p", { className: "text-sm text-muted-foreground", children: station.description })] }), _jsx("span", { className: "rounded-full px-2 py-1 text-xs font-medium " +
                                             (station.active
                                                 ? "bg-primary/10 text-primary"
-                                                : "bg-muted text-muted-foreground"), children: station.active ? "Actief" : "Inactief" })] }), _jsx("code", { className: "block truncate rounded bg-muted px-2 py-1 text-xs text-muted-foreground", children: publicUrl(station.slug) }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { className: "flex-1", asChild: true, children: _jsxs("a", { href: publicUrl(station.slug), target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), " Open pickstation"] }) }), _jsxs(Button, { variant: "outline", onClick: () => copyLink(station), children: [_jsx(Copy, { className: "mr-2 h-4 w-4" }), " Link kopi\u00EBren"] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setDraft({
+                                                : "bg-muted text-muted-foreground"), children: station.active ? "Actief" : "Inactief" })] }), _jsx("code", { className: "block truncate rounded bg-muted px-2 py-1 text-xs text-muted-foreground", children: publicUrl(station.slug) }), plekOf(station.id) ? (_jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Printer, { className: "h-4 w-4 shrink-0" }), _jsxs("span", { className: "truncate", children: ["Printplek: ", plekOf(station.id)?.naam] })] })) : (_jsxs("p", { className: "flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/5 px-2 py-1.5 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), "Nog geen printplek gekoppeld \u2014 de opdracht blijft in de wachtrij staan."] })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { className: "flex-1", asChild: true, children: _jsxs("a", { href: publicUrl(station.slug), target: "_blank", rel: "noreferrer", children: [_jsx(ExternalLink, { className: "mr-2 h-4 w-4" }), " Open pickstation"] }) }), _jsxs(Button, { variant: "outline", onClick: () => copyLink(station), children: [_jsx(Copy, { className: "mr-2 h-4 w-4" }), " Link kopi\u00EBren"] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setDraft({
                                             id: station.id,
                                             name: station.name,
                                             description: station.description ?? "",
                                             active: station.active,
-                                        }), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), " Wijzigen"] }), _jsxs(Button, { variant: "ghost", size: "sm", className: "text-destructive", onClick: () => remove.mutate(station.id), children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), " Verwijderen"] })] })] }) }, station.id))) })), _jsx(Dialog, { open: draft !== null, onOpenChange: (open) => !open && setDraft(null), children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: draft?.id ? "Pickstation wijzigen" : "Nieuw pickstation" }) }), draft && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "station-name", children: "Naam" }), _jsx(Input, { id: "station-name", value: draft.name, onChange: (e) => setDraft({ ...draft, name: e.target.value }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "station-desc", children: "Omschrijving (optioneel)" }), _jsx(Textarea, { id: "station-desc", value: draft.description, onChange: (e) => setDraft({ ...draft, description: e.target.value }) })] }), _jsxs("div", { className: "flex items-center justify-between rounded-md border px-3 py-2", children: [_jsx(Label, { htmlFor: "station-active", children: "Actief" }), _jsx(Switch, { id: "station-active", checked: draft.active, onCheckedChange: (v) => setDraft({ ...draft, active: v }) })] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => setDraft(null), children: "Annuleren" }), _jsxs(Button, { disabled: !draft.name.trim() || save.isPending, onClick: () => save.mutate(draft), children: [save.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), " Opslaan"] })] })] }))] }) })] }));
+                                            printPlekId: plekOf(station.id)?.print_plek_id ?? null,
+                                        }), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), " Wijzigen"] }), _jsxs(Button, { variant: "ghost", size: "sm", className: "text-destructive", onClick: () => remove.mutate(station.id), children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), " Verwijderen"] })] })] }) }, station.id))) })), _jsx(Dialog, { open: draft !== null, onOpenChange: (open) => !open && setDraft(null), children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: draft?.id ? "Pickstation wijzigen" : "Nieuw pickstation" }) }), draft && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "station-name", children: "Naam" }), _jsx(Input, { id: "station-name", value: draft.name, onChange: (e) => setDraft({ ...draft, name: e.target.value }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "station-desc", children: "Omschrijving (optioneel)" }), _jsx(Textarea, { id: "station-desc", value: draft.description, onChange: (e) => setDraft({ ...draft, description: e.target.value }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "station-plek", children: "Printplek" }), _jsxs(Select, { value: draft.printPlekId ?? NO_PLEK, onValueChange: (v) => setDraft({ ...draft, printPlekId: v === NO_PLEK ? null : v }), children: [_jsx(SelectTrigger, { id: "station-plek", children: _jsx(SelectValue, { placeholder: "Kies een printplek" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: NO_PLEK, children: "Geen printplek" }), safePlekken.map((plek) => (_jsxs(SelectItem, { value: plek.id, children: [plek.naam, plek.omschrijving ? ` — ${plek.omschrijving}` : ""] }, plek.id)))] })] }), !draft.printPlekId && (_jsx("p", { className: "text-sm text-destructive", children: "Nog geen printplek gekoppeld \u2014 de opdracht blijft in de wachtrij staan." }))] }), _jsxs("div", { className: "flex items-center justify-between rounded-md border px-3 py-2", children: [_jsx(Label, { htmlFor: "station-active", children: "Actief" }), _jsx(Switch, { id: "station-active", checked: draft.active, onCheckedChange: (v) => setDraft({ ...draft, active: v }) })] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => setDraft(null), children: "Annuleren" }), _jsxs(Button, { disabled: !draft.name.trim() || save.isPending, onClick: () => save.mutate(draft), children: [save.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), " Opslaan"] })] })] }))] }) })] }));
 }

package/dist-lib/components/pick/PickScherm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAiB,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAatE,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAID;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BAslBpD"}
+{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAiB,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAkBtE,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAID;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,+BAgmBpD"}

package/dist-lib/components/pick/PickScherm.js

@@ -10,7 +10,7 @@ import { getPickTranslator } from "../../lib/pickI18n";
 import { friendlyPickError, getPickUiTexts } from "../../lib/pickUiText";
 import { getPrintJobTexts, printJobStatusLabel } from "../../lib/pickPrintJobText";
 import { defaultFilters, usePickHeartbeat, usePickQueue, } from "../../hooks/usePickQueue";
-import { usePickDocumentTypes, usePickStatuses } from "../../hooks/usePickConfig";
+import { usePickDocumentTypes, usePickStatuses, useStationPrintPlek, } from "../../hooks/usePickConfig";
 import { usePrintJob } from "../../hooks/usePrintJob";
 const LANG_STORAGE_KEY = "pick.language";
 /**
@@ -33,6 +33,7 @@ export function PickScherm({ station, onBack }) {
     const { data: statuses } = usePickStatuses();
     const { data: documentTypes } = usePickDocumentTypes();
     const { online } = usePickHeartbeat(station.id, null, sessionId);
+    const { data: printPlek, isLoading: plekLoading } = useStationPrintPlek(station.id);
     const { tracked, track, clear: clearJob } = usePrintJob();
     const t = useMemo(() => getPickTranslator(lang ?? "nl"), [lang]);
     const jobTexts = useMemo(() => getPrintJobTexts(t.lang), [t]);
@@ -295,7 +296,7 @@ export function PickScherm({ station, onBack }) {
     const totalPages = Math.max(1, Math.ceil(total / filters.pageSize));
     const jobStatus = tracked?.job?.status ?? null;
     const jobFailed = jobStatus === "mislukt" || jobStatus === "geannuleerd";
-    return (_jsxs("div", { className: "space-y-4 pb-24 md:pb-0", children: [_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:flex-wrap md:items-center md:justify-between", children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] items-center gap-3", children: [_jsxs(Button, { variant: "outline", size: "lg", className: "h-12 shrink-0 px-3 sm:px-4", onClick: () => setLang(null), "aria-label": t("changeLanguage"), children: [_jsx(Globe, { className: "h-5 w-5 sm:mr-2" }), _jsx("span", { className: "hidden sm:inline", children: t("changeLanguage") })] }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-lg font-bold text-foreground sm:text-xl", children: station.name }), _jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [pendingCount, " ", t("statusToPrint"), " \u00B7 ", printedCount, " ", t("statusPrinted")] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [!online && (_jsxs(Badge, { className: "bg-destructive text-destructive-foreground", children: [_jsx(WifiOff, { className: "mr-1 h-3.5 w-3.5" }), " ", t("offline")] })), _jsx(Button, { variant: "outline", size: "icon", className: "h-12 w-12 shrink-0", onClick: refresh, "aria-label": t("refresh"), children: _jsx(RefreshCw, { className: "h-4 w-4" }) }), _jsxs(Button, { size: "lg", className: "hidden h-14 px-8 text-lg md:inline-flex", onClick: () => (pending ? confirmPending() : fetchNext()), disabled: busyId !== null, children: [busyId !== null ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] })] }), !pending && emptyNotice && (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyNotice })), pending && (_jsx(Card, { className: "border-2 border-primary", children: _jsxs(CardContent, { className: "flex flex-col gap-4 p-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between sm:p-5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("confirmPrintTitle") }), _jsx("p", { className: "truncate text-xl font-bold text-foreground sm:text-2xl", children: pending.document_number ?? t("document") }), _jsx("p", { className: "truncate text-sm text-muted-foreground", children: [pending.order_number, pending.customer_name].filter(Boolean).join(" · ") })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [_jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: cancelPending, disabled: busyId !== null, children: t("cancel") }), _jsxs(Button, { size: "lg", className: "h-14 w-full px-8 text-lg sm:w-auto", onClick: confirmPending, disabled: busyId !== null, children: [busyId === "confirm" ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("print")] })] })] }) })), tracked && (_jsx(Card, { className: jobFailed ? "border-2 border-destructive" : "border-2 border-primary/40", children: _jsxs(CardContent, { className: "flex flex-col gap-4 p-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [jobFailed ? (_jsx(AlertTriangle, { className: "h-6 w-6 shrink-0 text-destructive" })) : jobStatus === "voltooid" ? (_jsx(CheckCircle2, { className: "h-6 w-6 shrink-0 text-primary" })) : (_jsx(Loader2, { className: "h-6 w-6 shrink-0 animate-spin text-muted-foreground" })), _jsxs("div", { className: "min-w-0", children: [_jsxs("p", { className: "truncate text-sm font-medium text-muted-foreground", children: [jobTexts.jobTitle, " ", tracked.documentNumber ? `· ${tracked.documentNumber}` : ""] }), _jsx("p", { className: "text-lg font-semibold text-foreground", children: printJobStatusLabel(jobStatus, t.lang) }), tracked.job?.printer_naam && (_jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [jobTexts.printerLabel, ": ", tracked.job.printer_naam] })), jobFailed && (_jsxs("p", { className: "text-sm text-destructive", children: [tracked.job?.foutmelding ?? jobTexts.unknown, " \u00B7 ", jobTexts.requeued] }))] })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [jobFailed && lastPrinted && (_jsxs(Button, { size: "lg", className: "h-12 w-full sm:w-auto", onClick: () => {
+    return (_jsxs("div", { className: "space-y-4 pb-24 md:pb-0", children: [_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:flex-wrap md:items-center md:justify-between", children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)] items-center gap-3", children: [_jsxs(Button, { variant: "outline", size: "lg", className: "h-12 shrink-0 px-3 sm:px-4", onClick: () => setLang(null), "aria-label": t("changeLanguage"), children: [_jsx(Globe, { className: "h-5 w-5 sm:mr-2" }), _jsx("span", { className: "hidden sm:inline", children: t("changeLanguage") })] }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-lg font-bold text-foreground sm:text-xl", children: station.name }), _jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [pendingCount, " ", t("statusToPrint"), " \u00B7 ", printedCount, " ", t("statusPrinted")] })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [!online && (_jsxs(Badge, { className: "bg-destructive text-destructive-foreground", children: [_jsx(WifiOff, { className: "mr-1 h-3.5 w-3.5" }), " ", t("offline")] })), _jsx(Button, { variant: "outline", size: "icon", className: "h-12 w-12 shrink-0", onClick: refresh, "aria-label": t("refresh"), children: _jsx(RefreshCw, { className: "h-4 w-4" }) }), _jsxs(Button, { size: "lg", className: "hidden h-14 px-8 text-lg md:inline-flex", onClick: () => (pending ? confirmPending() : fetchNext()), disabled: busyId !== null, children: [busyId !== null ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("printNext"), pending?.document_number ? ` · ${pending.document_number}` : ""] })] })] }), !plekLoading && !printPlek && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border-2 border-destructive/50 bg-destructive/5 p-3 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { children: "Nog geen printplek gekoppeld \u2014 de opdracht blijft in de wachtrij staan." })] })), !pending && emptyNotice && (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyNotice })), pending && (_jsx(Card, { className: "border-2 border-primary", children: _jsxs(CardContent, { className: "flex flex-col gap-4 p-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between sm:p-5", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("confirmPrintTitle") }), _jsx("p", { className: "truncate text-xl font-bold text-foreground sm:text-2xl", children: pending.document_number ?? t("document") }), _jsx("p", { className: "truncate text-sm text-muted-foreground", children: [pending.order_number, pending.customer_name].filter(Boolean).join(" · ") })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [_jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: cancelPending, disabled: busyId !== null, children: t("cancel") }), _jsxs(Button, { size: "lg", className: "h-14 w-full px-8 text-lg sm:w-auto", onClick: confirmPending, disabled: busyId !== null, children: [busyId === "confirm" ? (_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" })) : (_jsx(Printer, { className: "mr-2 h-5 w-5" })), t("print")] })] })] }) })), tracked && (_jsx(Card, { className: jobFailed ? "border-2 border-destructive" : "border-2 border-primary/40", children: _jsxs(CardContent, { className: "flex flex-col gap-4 p-4 sm:flex-row sm:flex-wrap sm:items-center sm:justify-between", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-3", children: [jobFailed ? (_jsx(AlertTriangle, { className: "h-6 w-6 shrink-0 text-destructive" })) : jobStatus === "voltooid" ? (_jsx(CheckCircle2, { className: "h-6 w-6 shrink-0 text-primary" })) : (_jsx(Loader2, { className: "h-6 w-6 shrink-0 animate-spin text-muted-foreground" })), _jsxs("div", { className: "min-w-0", children: [_jsxs("p", { className: "truncate text-sm font-medium text-muted-foreground", children: [jobTexts.jobTitle, " ", tracked.documentNumber ? `· ${tracked.documentNumber}` : ""] }), _jsx("p", { className: "text-lg font-semibold text-foreground", children: printJobStatusLabel(jobStatus, t.lang) }), tracked.job?.printer_naam && (_jsxs("p", { className: "truncate text-sm text-muted-foreground", children: [jobTexts.printerLabel, ": ", tracked.job.printer_naam] })), jobFailed && (_jsxs("p", { className: "text-sm text-destructive", children: [tracked.job?.foutmelding ?? jobTexts.unknown, " \u00B7 ", jobTexts.requeued] }))] })] }), _jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [jobFailed && lastPrinted && (_jsxs(Button, { size: "lg", className: "h-12 w-full sm:w-auto", onClick: () => {
                                         clearJob();
                                         void handlePick(lastPrinted);
                                     }, disabled: busyId !== null, children: [_jsx(Printer, { className: "mr-2 h-5 w-5" }), " ", jobTexts.retry] })), _jsx(Button, { variant: "outline", size: "lg", className: "h-12 w-full sm:w-auto", onClick: clearJob, children: jobTexts.close })] })] }) })), _jsx(Card, { children: _jsxs(CardContent, { className: "flex flex-wrap items-center gap-3 p-3 sm:p-4", children: [_jsxs("div", { className: "relative w-full min-w-0 flex-1 sm:min-w-64", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "h-12 pl-9 text-base", placeholder: t("search"), value: searchInput, onChange: (e) => setSearchInput(e.target.value) })] }), _jsxs("div", { className: "relative w-full min-w-0 sm:w-56", children: [_jsx(ScanLine, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { className: "h-12 pl-9 text-base", placeholder: ui.scanPlaceholder, value: scanInput, onChange: (e) => setScanInput(e.target.value), onKeyDown: (e) => {

package/dist-lib/hooks/usePickConfig.d.ts

@@ -5,5 +5,11 @@ export declare function usePickDocumentTypes(): import("@tanstack/react-query").
 export declare function usePickStationTypes(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickStationType[]>, Error>;
 export declare function usePickTasks(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickTask[]>, Error>;
 export declare function usePickStations(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickStation[]>, Error>;
+/** Actieve printplekken uit de Layout maker. */
+export declare function usePickPrintPlekken(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickPrintPlek[]>, Error>;
+/** Koppelingen pickstation → printplek (beheerpagina). */
+export declare function useStationPrintPlekken(): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickStationPrintPlekRow[]>, Error>;
+/** De printplek van één pickstation (ook in openbare pickschermen). */
+export declare function useStationPrintPlek(stationId?: string): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickStationPrintPlek | null>, Error>;
 export declare function usePickScreens(stationId?: string): import("@tanstack/react-query").UseQueryResult<NoInfer<import("..").PickScreen[]>, Error>;
 //# sourceMappingURL=usePickConfig.d.ts.map

package/dist-lib/hooks/usePickConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePickConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickConfig.ts"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,+FAE/B;AACD,wBAAgB,eAAe,8FAE9B;AACD,wBAAgB,eAAe,+FAE9B;AACD,wBAAgB,oBAAoB,oGAEnC;AACD,wBAAgB,mBAAmB,mGAElC;AACD,wBAAgB,YAAY,4FAE3B;AACD,wBAAgB,eAAe,+FAE9B;AACD,wBAAgB,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,6FAKhD"}
+{"version":3,"file":"usePickConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/usePickConfig.ts"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,+FAE/B;AACD,wBAAgB,eAAe,8FAE9B;AACD,wBAAgB,eAAe,+FAE9B;AACD,wBAAgB,oBAAoB,oGAEnC;AACD,wBAAgB,mBAAmB,mGAElC;AACD,wBAAgB,YAAY,4FAE3B;AACD,wBAAgB,eAAe,+FAE9B;AACD,gDAAgD;AAChD,wBAAgB,mBAAmB,iGAElC;AACD,0DAA0D;AAC1D,wBAAgB,sBAAsB,2GAKrC;AACD,uEAAuE;AACvE,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,MAAM,4GAMrD;AAED,wBAAgB,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,6FAKhD"}

package/dist-lib/hooks/usePickConfig.js

@@ -21,6 +21,25 @@ export function usePickTasks() {
 export function usePickStations() {
     return useQuery({ queryKey: ["pick", "stations"], queryFn: pickApi.stations });
 }
+/** Actieve printplekken uit de Layout maker. */
+export function usePickPrintPlekken() {
+    return useQuery({ queryKey: ["pick", "printPlekken"], queryFn: pickApi.printPlekken });
+}
+/** Koppelingen pickstation → printplek (beheerpagina). */
+export function useStationPrintPlekken() {
+    return useQuery({
+        queryKey: ["pick", "stationPrintPlekken"],
+        queryFn: pickApi.stationPrintPlekken,
+    });
+}
+/** De printplek van één pickstation (ook in openbare pickschermen). */
+export function useStationPrintPlek(stationId) {
+    return useQuery({
+        queryKey: ["pick", "stationPrintPlek", stationId ?? "none"],
+        queryFn: () => (stationId ? pickApi.stationPrintPlek(stationId) : null),
+        enabled: Boolean(stationId),
+    });
+}
 export function usePickScreens(stationId) {
     return useQuery({
         queryKey: ["pick", "screens", stationId ?? "all"],

package/dist-lib/integrations/supabase/auth-middleware.d.ts

@@ -674,6 +674,99 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Relationships: [];
             };
+            artikelen_cache: {
+                Row: {
+                    artikelcode: string;
+                    bron: string;
+                    bruto_prijs_cent: number | null;
+                    created_at: string;
+                    eenheid: string;
+                    fabrikant: string | null;
+                    fetched_at: string;
+                    gtin: string | null;
+                    id: string;
+                    naam: string;
+                    netto_prijs_cent: number | null;
+                    omschrijving: string | null;
+                    raw: import("./types").Json;
+                    updated_at: string;
+                    valuta: string;
+                };
+                Insert: {
+                    artikelcode: string;
+                    bron?: string;
+                    bruto_prijs_cent?: number | null;
+                    created_at?: string;
+                    eenheid?: string;
+                    fabrikant?: string | null;
+                    fetched_at?: string;
+                    gtin?: string | null;
+                    id?: string;
+                    naam: string;
+                    netto_prijs_cent?: number | null;
+                    omschrijving?: string | null;
+                    raw?: import("./types").Json;
+                    updated_at?: string;
+                    valuta?: string;
+                };
+                Update: {
+                    artikelcode?: string;
+                    bron?: string;
+                    bruto_prijs_cent?: number | null;
+                    created_at?: string;
+                    eenheid?: string;
+                    fabrikant?: string | null;
+                    fetched_at?: string;
+                    gtin?: string | null;
+                    id?: string;
+                    naam?: string;
+                    netto_prijs_cent?: number | null;
+                    omschrijving?: string | null;
+                    raw?: import("./types").Json;
+                    updated_at?: string;
+                    valuta?: string;
+                };
+                Relationships: [];
+            };
+            artikelen_veldconfig: {
+                Row: {
+                    bron_pad: string;
+                    created_at: string;
+                    id: string;
+                    label: string;
+                    sort_order: number;
+                    type: string;
+                    updated_at: string;
+                    veld_key: string;
+                    zichtbaar_in_detail: boolean;
+                    zichtbaar_in_lijst: boolean;
+                };
+                Insert: {
+                    bron_pad: string;
+                    created_at?: string;
+                    id?: string;
+                    label: string;
+                    sort_order?: number;
+                    type?: string;
+                    updated_at?: string;
+                    veld_key: string;
+                    zichtbaar_in_detail?: boolean;
+                    zichtbaar_in_lijst?: boolean;
+                };
+                Update: {
+                    bron_pad?: string;
+                    created_at?: string;
+                    id?: string;
+                    label?: string;
+                    sort_order?: number;
+                    type?: string;
+                    updated_at?: string;
+                    veld_key?: string;
+                    zichtbaar_in_detail?: boolean;
+                    zichtbaar_in_lijst?: boolean;
+                };
+                Relationships: [];
+            };
             booking_items: {
                 Row: {
                     booking_id: string;
@@ -3146,6 +3239,48 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Relationships: [];
             };
+            document_printplek_printers: {
+                Row: {
+                    created_at: string;
+                    documenttype: string;
+                    id: string;
+                    papierformaat: string | null;
+                    print_plek_id: string;
+                    printer_id: string | null;
+                    updated_at: string;
+                };
+                Insert: {
+                    created_at?: string;
+                    documenttype: string;
+                    id?: string;
+                    papierformaat?: string | null;
+                    print_plek_id: string;
+                    printer_id?: string | null;
+                    updated_at?: string;
+                };
+                Update: {
+                    created_at?: string;
+                    documenttype?: string;
+                    id?: string;
+                    papierformaat?: string | null;
+                    print_plek_id?: string;
+                    printer_id?: string | null;
+                    updated_at?: string;
+                };
+                Relationships: [{
+                    foreignKeyName: "document_printplek_printers_print_plek_id_fkey";
+                    columns: ["print_plek_id"];
+                    isOneToOne: false;
+                    referencedRelation: "print_plekken";
+                    referencedColumns: ["id"];
+                }, {
+                    foreignKeyName: "document_printplek_printers_printer_id_fkey";
+                    columns: ["printer_id"];
+                    isOneToOne: false;
+                    referencedRelation: "printers";
+                    referencedColumns: ["id"];
+                }];
+            };
             document_werkplek_printers: {
                 Row: {
                     created_at: string;
@@ -9125,6 +9260,9 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     id: string;
                     last_error: string | null;
                     last_error_at: string | null;
+                    last_error_code: string | null;
+                    last_gateway_status: number | null;
+                    last_response: import("./types").Json | null;
                     last_sent_hash: string | null;
                     locked_by: string | null;
                     locked_until: string | null;
@@ -9145,6 +9283,9 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     id?: string;
                     last_error?: string | null;
                     last_error_at?: string | null;
+                    last_error_code?: string | null;
+                    last_gateway_status?: number | null;
+                    last_response?: import("./types").Json | null;
                     last_sent_hash?: string | null;
                     locked_by?: string | null;
                     locked_until?: string | null;
@@ -9165,6 +9306,9 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     id?: string;
                     last_error?: string | null;
                     last_error_at?: string | null;
+                    last_error_code?: string | null;
+                    last_gateway_status?: number | null;
+                    last_response?: import("./types").Json | null;
                     last_sent_hash?: string | null;
                     locked_by?: string | null;
                     locked_until?: string | null;
@@ -13334,6 +13478,99 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     referencedColumns: ["id"];
                 }];
             };
+            print_plek_computers: {
+                Row: {
+                    computer_naam: string;
+                    created_at: string;
+                    id: string;
+                    print_plek_id: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    computer_naam: string;
+                    created_at?: string;
+                    id?: string;
+                    print_plek_id: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    computer_naam?: string;
+                    created_at?: string;
+                    id?: string;
+                    print_plek_id?: string;
+                    updated_at?: string;
+                };
+                Relationships: [{
+                    foreignKeyName: "print_plek_computers_print_plek_id_fkey";
+                    columns: ["print_plek_id"];
+                    isOneToOne: false;
+                    referencedRelation: "print_plekken";
+                    referencedColumns: ["id"];
+                }];
+            };
+            print_plek_koppelingen: {
+                Row: {
+                    bron: string;
+                    bron_id: string;
+                    created_at: string;
+                    id: string;
+                    label: string | null;
+                    print_plek_id: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    bron: string;
+                    bron_id: string;
+                    created_at?: string;
+                    id?: string;
+                    label?: string | null;
+                    print_plek_id: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    bron?: string;
+                    bron_id?: string;
+                    created_at?: string;
+                    id?: string;
+                    label?: string | null;
+                    print_plek_id?: string;
+                    updated_at?: string;
+                };
+                Relationships: [{
+                    foreignKeyName: "print_plek_koppelingen_print_plek_id_fkey";
+                    columns: ["print_plek_id"];
+                    isOneToOne: false;
+                    referencedRelation: "print_plekken";
+                    referencedColumns: ["id"];
+                }];
+            };
+            print_plekken: {
+                Row: {
+                    actief: boolean;
+                    created_at: string;
+                    id: string;
+                    naam: string;
+                    omschrijving: string | null;
+                    updated_at: string;
+                };
+                Insert: {
+                    actief?: boolean;
+                    created_at?: string;
+                    id?: string;
+                    naam: string;
+                    omschrijving?: string | null;
+                    updated_at?: string;
+                };
+                Update: {
+                    actief?: boolean;
+                    created_at?: string;
+                    id?: string;
+                    naam?: string;
+                    omschrijving?: string | null;
+                    updated_at?: string;
+                };
+                Relationships: [];
+            };
             print_queue_runners: {
                 Row: {
                     actief: boolean;
@@ -18592,6 +18829,9 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     scheduled_end_time: string | null;
                     scheduled_start_time: string | null;
                     sequence_number: number;
+                    signature_accepted_at: string | null;
+                    signature_by_user_id: string | null;
+                    signature_name: string | null;
                     source_email_meta: import("./types").Json | null;
                     source_mailbox_message_id: string | null;
                     source_pdf_path: string | null;
@@ -18627,6 +18867,9 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     scheduled_end_time?: string | null;
                     scheduled_start_time?: string | null;
                     sequence_number: number;
+                    signature_accepted_at?: string | null;
+                    signature_by_user_id?: string | null;
+                    signature_name?: string | null;
                     source_email_meta?: import("./types").Json | null;
                     source_mailbox_message_id?: string | null;
                     source_pdf_path?: string | null;
@@ -18662,6 +18905,9 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     scheduled_end_time?: string | null;
                     scheduled_start_time?: string | null;
                     sequence_number?: number;
+                    signature_accepted_at?: string | null;
+                    signature_by_user_id?: string | null;
+                    signature_name?: string | null;
                     source_email_meta?: import("./types").Json | null;
                     source_mailbox_message_id?: string | null;
                     source_pdf_path?: string | null;
@@ -21056,6 +21302,23 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: string;
             };
+            logistics_floriday_finish_push_v2: {
+                Args: {
+                    _error?: string;
+                    _error_code?: string;
+                    _fulfillment_order_id?: string;
+                    _gateway_status?: number;
+                    _id: string;
+                    _max_age_hours?: number;
+                    _max_attempts?: number;
+                    _ok: boolean;
+                    _permanent?: boolean;
+                    _response?: import("./types").Json;
+                    _revision: number;
+                    _sent_hash?: string;
+                };
+                Returns: string;
+            };
             logistics_floriday_prune_pushes: {
                 Args: {
                     _days?: number;
@@ -21691,6 +21954,14 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                 };
                 Returns: import("./types").Json;
             };
+            pick_print_plekken: {
+                Args: never;
+                Returns: {
+                    id: string;
+                    naam: string;
+                    omschrijving: string;
+                }[];
+            };
             pick_release_expired_locks: {
                 Args: never;
                 Returns: number;
@@ -21755,6 +22026,13 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     isSetofReturn: false;
                 };
             };
+            pick_set_station_print_plek: {
+                Args: {
+                    _print_plek_id: string;
+                    _station_id: string;
+                };
+                Returns: string;
+            };
             pick_station_dashboard: {
                 Args: never;
                 Returns: {
@@ -21767,6 +22045,25 @@ export declare const requireSupabaseAuth: import("@tanstack/start-client-core").
                     waiting: number;
                 }[];
             };
+            pick_station_print_plek: {
+                Args: {
+                    _station_id: string;
+                };
+                Returns: {
+                    naam: string;
+                    omschrijving: string;
+                    print_plek_id: string;
+                }[];
+            };
+            pick_station_print_plekken: {
+                Args: never;
+                Returns: {
+                    naam: string;
+                    omschrijving: string;
+                    print_plek_id: string;
+                    station_id: string;
+                }[];
+            };
             pick_station_slugify: {
                 Args: {
                     _id: string;