@flowselections/pick-schermen-kwekers 1.0.1 → 1.0.3

package/dist-lib/lib/pickPrint.js

@@ -0,0 +1,184 @@
+// Printen gebeurt uitsluitend met de layout uit de Layout maker. Deze module
+// bevat geen enkel eigen documentsjabloon, ook niet als terugval.
+import { logosMetViewUrl, resolveLayout } from "./layoutApi";
+import { renderLayoutHtml } from "./layoutRenderer";
+import { EmptyLayoutError, layoutSecties, MissingLayoutError } from "./layoutTypes";
+import { fetchPakbonData } from "./orderContext";
+import { maakPakbonOrder, printPakbon } from "./layoutMaker/pakbonHtml";
+import { pakbonOrderInput } from "./pakbonOrderInput";
+import { pickDb } from "./pickApi";
+export { EmptyLayoutError, MissingLayoutError };
+function obj(raw) {
+    return raw && typeof raw === "object" && !Array.isArray(raw) ? raw : {};
+}
+function payloadOf(item) {
+    return obj(item.payload);
+}
+/** Alle plekken waar de Engine layoutgegevens kan meesturen, in volgorde van voorkeur. */
+function layoutSources(item) {
+    const p = payloadOf(item);
+    return [p, obj(p["layout"]), obj(p["data"]), obj(obj(p["data"])["layout"]), obj(p["document"])];
+}
+function pickField(item, keys) {
+    for (const src of layoutSources(item)) {
+        for (const key of keys) {
+            const v = src[key];
+            if (v !== undefined && v !== null && v !== "")
+                return v;
+        }
+    }
+    return undefined;
+}
+export function documentTypeOf(item) {
+    return String(pickField(item, ["documentType", "document_type", "documentsoort"]) ?? "pakbon");
+}
+/** Layoutreferentie zoals de Logistiek Engine die heeft meegegeven. */
+function engineLayoutRef(item) {
+    const id = pickField(item, ["layoutId", "layout_id"]);
+    const name = pickField(item, ["layoutName", "layout_name"]);
+    const version = pickField(item, ["layoutVersion", "layout_version"]);
+    return {
+        layoutId: id ? String(id) : null,
+        layoutName: name ? String(name) : null,
+        layoutVersion: Number.isFinite(Number(version)) ? Number(version) : null,
+    };
+}
+/**
+ * Vraagt de taak bij de Engine op wanneer de wachtrijregel zelf geen layout
+ * meestuurt. Zo blijft de Engine altijd bepalend voor de opmaak.
+ */
+async function taskLayoutId(item) {
+    const taskId = pickField(item, ["taskId", "task_id"]);
+    if (!taskId)
+        return null;
+    const res = await pickDb.from("logistics_tasks").select("payload").eq("id", String(taskId)).limit(1);
+    if (res.error)
+        return null;
+    const rows = Array.isArray(res.data) ? res.data : [];
+    const payload = obj(rows[0]?.payload);
+    const nested = { ...payload, ...obj(payload["layout"]), ...obj(payload["data"]) };
+    const id = nested["layoutId"] ?? nested["layout_id"];
+    return id ? String(id) : null;
+}
+/** Datacontext voor de layout: wat de Engine meestuurt, aangevuld met de wachtrijregel. */
+function buildData(item) {
+    const p = payloadOf(item);
+    const engineData = p["data"] && typeof p["data"] === "object" && !Array.isArray(p["data"])
+        ? p["data"]
+        : {};
+    return {
+        ...p,
+        ...engineData,
+        document: { ...item, ...engineData["document"] },
+        ...item,
+        printedAt: new Date().toISOString(),
+    };
+}
+/**
+ * Rendert het document met de layout uit de Layout maker en opent de
+ * printdialoog. Gooit MissingLayoutError als er geen actieve layout is.
+ */
+export async function printQueueItem(item, locale = "nl-NL") {
+    const documentType = documentTypeOf(item);
+    const engine = engineLayoutRef(item);
+    const layoutId = engine.layoutId ?? (await taskLayoutId(item));
+    const resolved = await resolveLayout({ documentType, layoutId });
+    const secties = layoutSecties(resolved.layout);
+    if (secties.length) {
+        const orderId = pickField(item, ["orderId", "order_id"]);
+        const data = await fetchPakbonData({
+            orderId: orderId ? String(orderId) : null,
+            orderNumber: item.order_number ?? null,
+        });
+        if (!data)
+            throw new Error("Ordergegevens niet gevonden voor dit document");
+        const layout = resolved.layout;
+        const landscape = String(layout.orientatie ?? "").toLowerCase() === "landscape";
+        const breedte = layout.breedte_mm ?? 210;
+        const hoogte = layout.hoogte_mm ?? 297;
+        const order = maakPakbonOrder(pakbonOrderInput(data));
+        printPakbon(layout.config, order, {
+            breedteMm: landscape ? hoogte : breedte,
+            hoogteMm: landscape ? breedte : hoogte,
+            margeMm: layout.marge_boven ?? undefined,
+            titel: `Pakbon ${item.order_number ?? ""}`.trim(),
+            logos: await logosMetViewUrl(resolved.logos),
+        });
+        return {
+            layoutId: layout.id,
+            layoutName: layout.naam,
+            layoutVersion: layout.huidige_versie ?? null,
+            documentType,
+        };
+    }
+    if (!resolved.elements.length)
+        throw new EmptyLayoutError(resolved.layout.naam);
+    const html = renderLayoutHtml(resolved, buildData(item), locale);
+    await openPrintDialog(html);
+    return {
+        layoutId: resolved.layout.id,
+        layoutName: resolved.layout.naam,
+        layoutVersion: resolved.layout.huidige_versie ?? null,
+        documentType,
+    };
+}
+/** Meldt de taak af bij de Engine met de gebruikte layout in het resultaat. */
+export async function completeLogisticsTaskForItem(item, print) {
+    const p = payloadOf(item);
+    const taskId = (p["taskId"] ?? p["task_id"] ?? null);
+    if (!taskId)
+        return;
+    await pickDb.rpc("logistics_complete_task", {
+        p_task_id: taskId,
+        p_result: {
+            printed: true,
+            queueItemId: item.id,
+            documentType: print.documentType,
+            layoutId: print.layoutId,
+            layoutName: print.layoutName,
+            layoutVersion: print.layoutVersion,
+            printedAt: new Date().toISOString(),
+        },
+    });
+}
+function openPrintDialog(html) {
+    if (typeof window === "undefined" || typeof document === "undefined")
+        return Promise.resolve();
+    return new Promise((resolve) => {
+        const iframe = document.createElement("iframe");
+        iframe.setAttribute("aria-hidden", "true");
+        iframe.style.position = "fixed";
+        iframe.style.right = "0";
+        iframe.style.bottom = "0";
+        iframe.style.width = "0";
+        iframe.style.height = "0";
+        iframe.style.border = "0";
+        document.body.appendChild(iframe);
+        const cleanup = () => {
+            window.setTimeout(() => {
+                if (iframe.parentNode)
+                    iframe.parentNode.removeChild(iframe);
+            }, 1000);
+            resolve();
+        };
+        iframe.onload = () => {
+            try {
+                const win = iframe.contentWindow;
+                if (!win)
+                    return cleanup();
+                win.focus();
+                win.print();
+            }
+            catch {
+                // printen geblokkeerd of niet beschikbaar
+            }
+            cleanup();
+        };
+        const doc = iframe.contentDocument;
+        if (!doc)
+            return cleanup();
+        doc.open();
+        doc.write(html);
+        doc.close();
+    });
+}

package/dist-lib/lib/pickTypes.d.ts

@@ -64,6 +64,7 @@ export interface PickTask {
 }
 export interface PickStation {
     id: string;
+    slug: string | null;
     name: string;
     description: string | null;
     type_id: string | null;

package/dist-lib/lib/pickTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pickTypes.d.ts","sourceRoot":"","sources":["../../src/lib/pickTypes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pickTypes.d.ts","sourceRoot":"","sources":["../../src/lib/pickTypes.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowselections/pick-schermen-kwekers",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "flowselections": {
     "moduleId": "pick-schermen",
     "pages": [
@@ -10,24 +10,9 @@
         "title": "Pickstations"
       },
       {
-        "export": "PickstationDetailPage",
-        "route": "pickstations/$stationId",
-        "title": "Pickstation"
-      },
-      {
-        "export": "PickDashboardPage",
-        "route": "pickstations/dashboard",
-        "title": "Live dashboard"
-      },
-      {
-        "export": "PickBeheerPage",
-        "route": "pickstations/beheer",
-        "title": "Beheer"
-      },
-      {
-        "export": "PickKioskPage",
-        "route": "kiosk/$stationId/$screenId",
-        "title": "Kiosk"
+        "export": "PickPublicPage",
+        "route": "pickstation/$slug",
+        "title": "Pickscherm"
       }
     ]
   },
@@ -75,8 +60,8 @@
   "devDependencies": {
     "@cloudflare/vite-plugin": "^1.25.5",
     "@eslint/js": "^9.32.0",
-    "@flowselections/core": "1.0.12",
-    "@lovable.dev/vite-tanstack-config": "2.7.7",
+    "@flowselections/core": "1.0.16",
+    "@lovable.dev/vite-tanstack-config": "2.8.5",
     "@rsbuild/core": "^1.0.0",
     "@tailwindcss/vite": "^4.2.1",
     "@tanstack/react-query": "^5.83.0",

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"PickBeheerPage.d.ts","sourceRoot":"","sources":["../../src/components/PickBeheerPage.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,cAAc,gCAsN7B"}

package/dist-lib/components/PickBeheerPage.js

@@ -1,84 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useQuery } from "@tanstack/react-query";
-import { Card, CardContent, CardHeader, CardTitle, Tabs, TabsContent, TabsList, TabsTrigger } from "@flowselections/core";
-import { ConfigCrud } from "./pick/ConfigCrud";
-import { pickApi } from "../lib/pickApi";
-import { safeArray, SORT_FIELDS } from "../lib/pickTypes";
-import { usePickDocumentTypes, usePickPrinters, usePickStationTypes, usePickStations, usePickTasks, } from "../hooks/usePickConfig";
-const baseFields = (extra = []) => [
-    { key: "name", label: "Naam", type: "text", required: true },
-    { key: "description", label: "Omschrijving", type: "textarea", inTable: false },
-    ...extra,
-    { key: "color", label: "Kleur", type: "color", defaultValue: "#3b82f6" },
-    { key: "icon", label: "Icoon (lucide naam)", type: "text", inTable: false, defaultValue: "package" },
-    { key: "sort_order", label: "Volgorde", type: "number", defaultValue: 100 },
-    { key: "active", label: "Actief", type: "boolean", defaultValue: true },
-];
-export function PickBeheerPage() {
-    const { data: stations } = usePickStations();
-    const { data: printers } = usePickPrinters();
-    const { data: types } = usePickStationTypes();
-    const { data: tasks } = usePickTasks();
-    const { data: docTypes } = usePickDocumentTypes();
-    const [screenStation, setScreenStation] = useState(undefined);
-    const logs = useQuery({ queryKey: ["pick", "logs"], queryFn: () => pickApi.logs(50) });
-    const opts = (rows) => safeArray(rows).map((r) => ({ value: r.id, label: r.name }));
-    const stationOptions = opts(stations);
-    const firstStation = screenStation ?? stationOptions[0]?.value;
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold text-foreground", children: "Beheer pickstations" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Alles is databasegestuurd: stations, schermen, taken, documenttypes, statussen, landen en printers." })] }), _jsxs(Tabs, { defaultValue: "stations", children: [_jsxs(TabsList, { className: "flex flex-wrap", children: [_jsx(TabsTrigger, { value: "stations", children: "Pickstations" }), _jsx(TabsTrigger, { value: "screens", children: "Pickschermen" }), _jsx(TabsTrigger, { value: "types", children: "Types" }), _jsx(TabsTrigger, { value: "tasks", children: "Taken" }), _jsx(TabsTrigger, { value: "documents", children: "Documenttypes" }), _jsx(TabsTrigger, { value: "statuses", children: "Statussen" }), _jsx(TabsTrigger, { value: "countries", children: "Landen" }), _jsx(TabsTrigger, { value: "printers", children: "Printers" }), _jsx(TabsTrigger, { value: "permissions", children: "Rechten" }), _jsx(TabsTrigger, { value: "logs", children: "Logboek" })] }), _jsx(TabsContent, { value: "stations", className: "mt-4", children: _jsx(ConfigCrud, { table: "pick_stations", title: "Pickstations", description: "Onbeperkt aantal stations, elk met een eigen taak en standaardprinter.", fields: baseFields([
-                                { key: "station_type_id", label: "Type", type: "select", options: opts(types) },
-                                { key: "task_id", label: "Taak", type: "select", options: opts(tasks) },
-                                { key: "default_printer_id", label: "Standaardprinter", type: "select", options: opts(printers), inTable: false },
-                                { key: "location", label: "Locatie", type: "text", inTable: false },
-                                { key: "department", label: "Afdeling", type: "text", inTable: false },
-                                { key: "allow_multi_screen", label: "Meerdere schermen toegestaan", type: "boolean", defaultValue: true, inTable: false },
-                                { key: "lock_timeout_seconds", label: "Lock timeout (sec)", type: "number", defaultValue: 120, inTable: false },
-                            ]) }) }), _jsxs(TabsContent, { value: "screens", className: "mt-4 space-y-4", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Kies een pickstation" }) }), _jsx(CardContent, { className: "flex flex-wrap gap-2", children: stationOptions.map((s) => (_jsx("button", { onClick: () => setScreenStation(s.value), className: `rounded-md border px-4 py-2 text-sm ${firstStation === s.value ? "border-primary bg-primary/10 font-medium" : "hover:bg-muted"}`, children: s.label }, s.value))) })] }), firstStation && (_jsx(ConfigCrud, { table: "pick_station_screens", title: "Pickschermen", description: "Een station kan meerdere schermen bevatten, elk met eigen documenttype en sorteerregels.", filter: { column: "station_id", value: firstStation }, fields: baseFields([
-                                    { key: "document_type_id", label: "Documenttype", type: "select", options: opts(docTypes) },
-                                    { key: "printer_id", label: "Printer", type: "select", options: opts(printers), inTable: false },
-                                    { key: "kiosk_enabled", label: "Kioskmodus", type: "boolean", defaultValue: true, inTable: false },
-                                    { key: "primary_sort_field", label: "Sorteren op", type: "select", options: SORT_FIELDS, inTable: false, defaultValue: "announced_at" },
-                                ]) }, firstStation))] }), _jsx(TabsContent, { value: "types", className: "mt-4", children: _jsx(ConfigCrud, { table: "pick_station_types", title: "Types pickstation", fields: baseFields() }) }), _jsx(TabsContent, { value: "tasks", className: "mt-4", children: _jsx(ConfigCrud, { table: "pick_station_tasks", title: "Taken", description: "Order picking, productie picking, retour picking \u2014 vrij uitbreidbaar.", fields: baseFields([{ key: "workflow", label: "Workflow", type: "text", inTable: false }]) }) }), _jsx(TabsContent, { value: "documents", className: "mt-4", children: _jsx(ConfigCrud, { table: "pick_document_types", title: "Documenttypes", fields: baseFields([
-                                { key: "report_key", label: "Rapportkoppeling", type: "text", inTable: false },
-                                { key: "print_template", label: "Printtemplate", type: "text", inTable: false },
-                                { key: "default_printer_id", label: "Printer", type: "select", options: opts(printers), inTable: false },
-                                { key: "priority", label: "Prioriteit", type: "number", defaultValue: 5 },
-                                { key: "workflow", label: "Workflow", type: "text", inTable: false },
-                            ]) }) }), _jsx(TabsContent, { value: "statuses", className: "mt-4", children: _jsx(ConfigCrud, { table: "pick_document_statuses", title: "Statussen", fields: [
-                                { key: "code", label: "Code", type: "text" },
-                                ...baseFields([{ key: "is_final", label: "Eindstatus", type: "boolean", defaultValue: false, inTable: false }]),
-                            ] }) }), _jsx(TabsContent, { value: "countries", className: "mt-4", children: _jsx(ConfigCrud, { table: "pick_countries", title: "Landen", fields: [
-                                { key: "code", label: "Landcode", type: "text" },
-                                { key: "name", label: "Naam", type: "text" },
-                                { key: "flag_emoji", label: "Vlag", type: "text" },
-                                { key: "sort_order", label: "Volgorde", type: "number", defaultValue: 100 },
-                                { key: "active", label: "Actief", type: "boolean", defaultValue: true },
-                            ] }) }), _jsx(TabsContent, { value: "printers", className: "mt-4", children: _jsx(ConfigCrud, { table: "pick_station_printers", title: "Printers", orderBy: "name", fields: [
-                                { key: "name", label: "Naam", type: "text" },
-                                { key: "location", label: "Locatie", type: "text" },
-                                { key: "connection", label: "Verbinding", type: "text", inTable: false },
-                                {
-                                    key: "status",
-                                    label: "Status",
-                                    type: "select",
-                                    defaultValue: "online",
-                                    options: [
-                                        { value: "online", label: "Online" },
-                                        { value: "offline", label: "Offline" },
-                                        { value: "no_paper", label: "Geen papier" },
-                                        { value: "error", label: "Storing" },
-                                        { value: "unknown", label: "Onbekend" },
-                                    ],
-                                },
-                                { key: "active", label: "Actief", type: "boolean", defaultValue: true },
-                            ] }) }), _jsx(TabsContent, { value: "permissions", className: "mt-4", children: _jsx(ConfigCrud, { table: "pick_station_permissions", title: "Rechten per gebruiker", orderBy: "created_at", description: "Beperk gebruikers tot een station, land of spoedwerk en bepaal wie mag herprinten of locks verbreken.", fields: [
-                                { key: "user_id", label: "Gebruiker ID", type: "text" },
-                                { key: "station_id", label: "Pickstation", type: "select", options: stationOptions },
-                                { key: "country_code", label: "Land (leeg = alle)", type: "text" },
-                                { key: "urgent_only", label: "Alleen spoed", type: "boolean", defaultValue: false, inTable: false },
-                                { key: "can_reprint", label: "Mag herprinten", type: "boolean", defaultValue: false },
-                                { key: "can_break_lock", label: "Mag lock verbreken", type: "boolean", defaultValue: false },
-                                { key: "can_cancel", label: "Mag annuleren", type: "boolean", defaultValue: false },
-                            ] }) }), _jsx(TabsContent, { value: "logs", className: "mt-4", children: _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Laatste 50 acties" }) }), _jsxs(CardContent, { className: "space-y-1 text-sm", children: [safeArray(logs.data).map((l) => (_jsxs("div", { className: "flex justify-between border-b py-1 last:border-0", children: [_jsx("span", { className: "font-medium", children: l.action }), _jsx("span", { className: "text-muted-foreground", children: new Date(l.created_at).toLocaleString("nl-NL") })] }, l.id))), safeArray(logs.data).length === 0 && (_jsx("p", { className: "text-muted-foreground", children: "Nog geen acties gelogd." }))] })] }) })] })] }));
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"PickDashboardPage.d.ts","sourceRoot":"","sources":["../../src/components/PickDashboardPage.tsx"],"names":[],"mappings":"AASA,wBAAgB,iBAAiB,gCA8IhC"}

package/dist-lib/components/PickDashboardPage.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Badge, Card, CardContent, CardHeader, CardTitle } from "@flowselections/core";
-import { Activity, Clock, Loader2, Printer, Users } from "lucide-react";
-import { pickApi, pickDb } from "../lib/pickApi";
-import { safeArray } from "../lib/pickTypes";
-import { usePickPrinters, usePickStations } from "../hooks/usePickConfig";
-export function PickDashboardPage() {
-    const queryClient = useQueryClient();
-    const { data: stations } = usePickStations();
-    const { data: printers } = usePickPrinters();
-    const dashboard = useQuery({
-        queryKey: ["pick", "dashboard"],
-        queryFn: pickApi.dashboard,
-        refetchInterval: 10000,
-    });
-    const heartbeats = useQuery({
-        queryKey: ["pick", "heartbeats"],
-        queryFn: pickApi.heartbeats,
-        refetchInterval: 10000,
-    });
-    useEffect(() => {
-        const channel = pickDb
-            .channel("pick-dashboard")
-            .on("postgres_changes", { event: "*", schema: "public", table: "pick_queue" }, () => {
-            queryClient.invalidateQueries({ queryKey: ["pick", "dashboard"] });
-        })
-            .on("postgres_changes", { event: "*", schema: "public", table: "pick_queue_locks" }, () => {
-            queryClient.invalidateQueries({ queryKey: ["pick", "dashboard"] });
-        })
-            .subscribe();
-        return () => {
-            pickDb.removeChannel(channel);
-        };
-    }, [queryClient]);
-    const rows = safeArray(dashboard.data);
-    const beats = safeArray(heartbeats.data);
-    const safeStations = safeArray(stations);
-    const safePrinters = safeArray(printers);
-    return (_jsxs("main", { className: "space-y-6 p-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold text-foreground", children: "Live dashboard" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Realtime status van alle pickstations, schermen en printers." })] }), dashboard.isLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Laden..."] })) : (_jsxs("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3", children: [rows.map((row) => {
-                        const station = safeStations.find((s) => s.id === row.station_id);
-                        const online = beats.filter((b) => b.station_id === row.station_id &&
-                            Date.now() - new Date(b.last_seen_at).getTime() < 60000).length;
-                        const printer = safePrinters.find((p) => p.id === station?.default_printer_id);
-                        return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(CardTitle, { children: row.station_name }), _jsx(Badge, { className: online > 0
-                                                ? "bg-emerald-600 text-white"
-                                                : "bg-muted text-muted-foreground", children: online > 0 ? `${online} online` : "offline" })] }), _jsxs(CardContent, { className: "space-y-3", children: [_jsxs("div", { className: "grid grid-cols-3 gap-2 text-center", children: [_jsxs("div", { className: "rounded-lg bg-muted p-3", children: [_jsx("div", { className: "text-2xl font-bold", children: row.waiting }), _jsx("div", { className: "text-xs text-muted-foreground", children: "wachtend" })] }), _jsxs("div", { className: "rounded-lg bg-muted p-3", children: [_jsx("div", { className: "text-2xl font-bold", children: row.active }), _jsx("div", { className: "text-xs text-muted-foreground", children: "actief" })] }), _jsxs("div", { className: "rounded-lg bg-muted p-3", children: [_jsx("div", { className: "text-2xl font-bold", children: row.done_today }), _jsx("div", { className: "text-xs text-muted-foreground", children: "vandaag" })] })] }), _jsxs("div", { className: "space-y-1 text-sm text-muted-foreground", children: [_jsxs("p", { className: "flex items-center gap-2", children: [_jsx(Clock, { className: "h-4 w-4" }), "Gemiddelde wachttijd: ", Math.round(Number(row.avg_wait_seconds) / 60), " min"] }), _jsxs("p", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-4 w-4" }), " Actieve sessies: ", row.active_sessions] }), _jsxs("p", { className: "flex items-center gap-2", children: [_jsx(Printer, { className: "h-4 w-4" }), " Printer: ", printer?.name ?? "geen", printer ? ` (${printer.status})` : ""] })] })] })] }, row.station_id));
-                    }), rows.length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen actieve pickstations." }))] })), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Activity, { className: "h-5 w-5" }), " Printerstatus"] }) }), _jsx(CardContent, { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: safePrinters.map((p) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border p-3", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: p.name }), _jsx("div", { className: "text-xs text-muted-foreground", children: p.location ?? "-" })] }), _jsx(Badge, { className: p.status === "online"
-                                        ? "bg-emerald-600 text-white"
-                                        : p.status === "unknown"
-                                            ? "bg-muted text-muted-foreground"
-                                            : "bg-destructive text-destructive-foreground", children: p.status })] }, p.id))) })] })] }));
-}

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

@@ -1,7 +0,0 @@
-interface Props {
-    stationId: string;
-    screenId: string;
-}
-export declare function PickKioskPage({ stationId, screenId }: Props): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=PickKioskPage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PickKioskPage.d.ts","sourceRoot":"","sources":["../../src/components/PickKioskPage.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,+BA4B3D"}

package/dist-lib/components/PickKioskPage.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Loader2 } from "lucide-react";
-import { usePickScreens, usePickStations } from "../hooks/usePickConfig";
-import { safeArray } from "../lib/pickTypes";
-import { PickScherm } from "./pick/PickScherm";
-export function PickKioskPage({ stationId, screenId }) {
-    const { data: stations, isLoading: l1 } = usePickStations();
-    const { data: screens, isLoading: l2 } = usePickScreens(stationId);
-    const station = safeArray(stations).find((s) => s.id === stationId);
-    const screen = safeArray(screens).find((s) => s.id === screenId);
-    if (l1 || l2) {
-        return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-primary" }) }));
-    }
-    if (!station || !screen) {
-        return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-background", children: _jsx("p", { className: "text-muted-foreground", children: "Pickscherm niet gevonden." }) }));
-    }
-    return (_jsx("div", { className: "min-h-screen bg-background", children: _jsx(PickScherm, { station: station, screen: screen, kiosk: true }) }));
-}

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

@@ -1,6 +0,0 @@
-interface Props {
-    stationId: string;
-}
-export declare function PickstationDetailPage({ stationId }: Props): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=PickstationDetailPage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PickstationDetailPage.d.ts","sourceRoot":"","sources":["../../src/components/PickstationDetailPage.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,+BA2FzD"}

package/dist-lib/components/PickstationDetailPage.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { Link } from "@tanstack/react-router";
-import { Badge, Button, Card, CardContent } from "@flowselections/core";
-import { ArrowLeft, Loader2, Maximize2, MonitorPlay } from "lucide-react";
-import { PickScherm } from "./pick/PickScherm";
-import { usePickScreens, usePickStations } from "../hooks/usePickConfig";
-export function PickstationDetailPage({ stationId }) {
-    const { data: stations, isLoading } = usePickStations();
-    const { data: screens, isLoading: screensLoading } = usePickScreens(stationId);
-    const [screenId, setScreenId] = useState(null);
-    const station = useMemo(() => (Array.isArray(stations) ? stations : []).find((s) => s.id === stationId), [stations, stationId]);
-    const safeScreens = (Array.isArray(screens) ? screens : []).filter((s) => s.active);
-    const screen = safeScreens.find((s) => s.id === screenId);
-    if (isLoading || screensLoading) {
-        return (_jsxs("main", { className: "flex items-center gap-2 p-6 text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Laden..."] }));
-    }
-    if (!station) {
-        return (_jsxs("main", { className: "space-y-4 p-6", children: [_jsx("p", { className: "text-muted-foreground", children: "Pickstation niet gevonden." }), _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/pickstations", children: "Terug naar overzicht" }) })] }));
-    }
-    if (screen) {
-        return (_jsx("main", { className: "p-6", children: _jsx(PickScherm, { station: station, screen: screen, onBack: () => setScreenId(null) }) }));
-    }
-    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: station.name }), _jsx("p", { className: "text-sm text-muted-foreground", children: station.description })] }), _jsx(Button, { variant: "outline", asChild: true, children: _jsxs(Link, { to: "/pickstations", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), " Alle pickstations"] }) })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3", children: [safeScreens.map((s) => (_jsx(Card, { className: "border-2 transition-all hover:border-primary", children: _jsxs(CardContent, { className: "space-y-4 p-6", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx(MonitorPlay, { className: "mt-1 h-6 w-6 text-primary" }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-foreground", children: s.name }), _jsx("p", { className: "text-sm text-muted-foreground", children: s.description })] })] }), _jsx(Badge, { variant: "outline", children: s.screen_type }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { className: "h-12 flex-1 text-base", onClick: () => setScreenId(s.id), children: "Openen" }), _jsx(Button, { variant: "outline", size: "icon", className: "h-12 w-12", asChild: true, children: _jsx(Link, { to: "/kiosk/$stationId/$screenId", params: { stationId: station.id, screenId: s.id }, target: "_blank", "aria-label": "Openen in kioskmodus", children: _jsx(Maximize2, { className: "h-5 w-5" }) }) })] })] }) }, s.id))), safeScreens.length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground", children: "Dit pickstation heeft nog geen pickschermen. Voeg ze toe via Beheer." }))] })] }));
-}

package/dist-lib/components/pick/ConfigCrud.d.ts

@@ -1,27 +0,0 @@
-export type FieldType = "text" | "textarea" | "number" | "boolean" | "color" | "select";
-export interface CrudField {
-    key: string;
-    label: string;
-    type: FieldType;
-    options?: {
-        value: string;
-        label: string;
-    }[];
-    defaultValue?: unknown;
-    inTable?: boolean;
-    required?: boolean;
-}
-interface Props {
-    table: string;
-    title: string;
-    description?: string;
-    fields: CrudField[];
-    orderBy?: string;
-    filter?: {
-        column: string;
-        value: string;
-    };
-}
-export declare function ConfigCrud({ table, title, description, fields, orderBy, filter }: Props): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=ConfigCrud.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConfigCrud.d.ts","sourceRoot":"","sources":["../../../src/components/pick/ConfigCrud.tsx"],"names":[],"mappings":"AAgCA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExF,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C;AAID,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,OAAsB,EAAE,MAAM,EAAE,EAAE,KAAK,+BA0MtG"}

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

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { Button, Card, CardContent, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, toast, } from "@flowselections/core";
-import { Loader2, Pencil, Plus, Trash2 } from "lucide-react";
-import { pickApi, pickDb } from "../../lib/pickApi";
-import { safeArray } from "../../lib/pickTypes";
-export function ConfigCrud({ table, title, description, fields, orderBy = "sort_order", filter }) {
-    const queryClient = useQueryClient();
-    const [open, setOpen] = useState(false);
-    const [draft, setDraft] = useState({});
-    const queryKey = ["pick", "crud", table, filter?.value ?? "-"];
-    const { data, isLoading } = useQuery({
-        queryKey,
-        queryFn: async () => {
-            let q = pickDb.from(table).select("*").order(orderBy, { ascending: true });
-            if (filter)
-                q = q.eq(filter.column, filter.value);
-            const res = await q;
-            if (res.error)
-                throw new Error(res.error.message);
-            return safeArray(res.data);
-        },
-    });
-    const rows = safeArray(data);
-    const tableFields = useMemo(() => fields.filter((f) => f.inTable !== false), [fields]);
-    const save = useMutation({
-        mutationFn: async (row) => {
-            const payload = { ...row };
-            if (filter)
-                payload[filter.column] = filter.value;
-            return pickApi.upsert(table, payload);
-        },
-        onSuccess: () => {
-            toast.success("Opgeslagen");
-            setOpen(false);
-            queryClient.invalidateQueries({ queryKey });
-            queryClient.invalidateQueries({ queryKey: ["pick"] });
-        },
-        onError: (e) => toast.error(e instanceof Error ? e.message : "Opslaan mislukt (alleen beheerders)."),
-    });
-    const remove = useMutation({
-        mutationFn: (id) => pickApi.remove(table, id),
-        onSuccess: () => {
-            toast.success("Verwijderd");
-            queryClient.invalidateQueries({ queryKey });
-            queryClient.invalidateQueries({ queryKey: ["pick"] });
-        },
-        onError: (e) => toast.error(e instanceof Error ? e.message : "Verwijderen mislukt (alleen beheerders)."),
-    });
-    const openNew = () => {
-        const base = {};
-        for (const f of fields)
-            base[f.key] = f.defaultValue ?? (f.type === "boolean" ? true : "");
-        setDraft(base);
-        setOpen(true);
-    };
-    const openEdit = (row) => {
-        setDraft({ ...row });
-        setOpen(true);
-    };
-    const setField = (key, value) => setDraft((d) => ({ ...d, [key]: value }));
-    return (_jsxs(Card, { children: [_jsxs(CardContent, { className: "space-y-4 p-6", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold text-foreground", children: title }), description && _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), _jsxs(Button, { onClick: openNew, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), " Nieuw"] })] }), isLoading ? (_jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Laden..."] })) : (_jsx("div", { className: "overflow-x-auto rounded-lg border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [tableFields.map((f) => (_jsx(TableHead, { children: f.label }, f.key))), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsxs(TableBody, { children: [rows.map((row) => (_jsxs(TableRow, { children: [tableFields.map((f) => (_jsx(TableCell, { children: f.type === "boolean" ? (row[f.key] ? "Ja" : "Nee") : f.type === "color" ? (_jsx("span", { className: "inline-block h-5 w-10 rounded", style: { backgroundColor: String(row[f.key] ?? "#ccc") } })) : f.type === "select" ? (f.options?.find((o) => o.value === row[f.key])?.label ?? "-") : (String(row[f.key] ?? "-")) }, f.key))), _jsxs(TableCell, { className: "space-x-2 text-right", children: [_jsx(Button, { size: "icon", variant: "ghost", onClick: () => openEdit(row), "aria-label": "Bewerken", children: _jsx(Pencil, { className: "h-4 w-4" }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => remove.mutate(String(row.id)), "aria-label": "Verwijderen", children: _jsx(Trash2, { className: "h-4 w-4 text-destructive" }) })] })] }, row.id))), rows.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: tableFields.length + 1, className: "py-8 text-center text-muted-foreground", children: "Nog geen gegevens." }) }))] })] }) }))] }), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "max-h-[85vh] overflow-y-auto", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { children: [draft.id ? "Bewerken" : "Nieuw", " \u2014 ", title] }) }), _jsx("div", { className: "space-y-4", children: fields.map((f) => (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: `fld-${f.key}`, children: f.label }), f.type === "textarea" ? (_jsx(Textarea, { id: `fld-${f.key}`, value: String(draft[f.key] ?? ""), onChange: (e) => setField(f.key, e.target.value) })) : f.type === "boolean" ? (_jsx("div", { children: _jsx(Switch, { checked: Boolean(draft[f.key]), onCheckedChange: (v) => setField(f.key, v) }) })) : f.type === "select" ? (_jsxs(Select, { value: draft[f.key] ? String(draft[f.key]) : "none", onValueChange: (v) => setField(f.key, v === "none" ? null : v), children: [_jsx(SelectTrigger, { id: `fld-${f.key}`, children: _jsx(SelectValue, { placeholder: "Kies..." }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "none", children: "Geen" }), (f.options ?? []).map((o) => (_jsx(SelectItem, { value: o.value, children: o.label }, o.value)))] })] })) : (_jsx(Input, { id: `fld-${f.key}`, type: f.type === "number" ? "number" : f.type === "color" ? "color" : "text", value: String(draft[f.key] ?? ""), onChange: (e) => setField(f.key, f.type === "number" ? Number(e.target.value) : e.target.value) }))] }, f.key))) }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => setOpen(false), children: "Annuleren" }), _jsxs(Button, { onClick: () => save.mutate(draft), disabled: save.isPending, children: [save.isPending && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Opslaan"] })] })] }) })] }));
-}

package/dist-lib/components/pick/CountryTiles.d.ts

@@ -1,9 +0,0 @@
-import type { PickCountry } from "../../lib/pickTypes";
-interface Props {
-    countries: PickCountry[];
-    counts: Record<string, number>;
-    onSelect: (code: string) => void;
-}
-export declare function CountryTiles({ countries, counts, onSelect }: Props): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=CountryTiles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CountryTiles.d.ts","sourceRoot":"","sources":["../../../src/components/pick/CountryTiles.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,UAAU,KAAK;IACb,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,+BAmClE"}