@flowselections/pick-schermen-kwekers 1.0.1

package/README.md

@@ -0,0 +1,24 @@
+# pick schermen kwekers
+
+blank project start
+
+This project was built with [Lovable](https://lovable.dev).
+
+## Build with Lovable
+
+Continue developing this project in the [Lovable editor](https://lovable.dev/projects/f7462658-1d60-42f1-8e22-dbefe36f44ef).
+
+- **Ship faster**: describe what you want to build and Lovable handles the code.
+- **Stay in sync**: every change made in Lovable is committed straight to this repository.
+- **Full ownership**: this code is yours. Push to `main` on GitHub and your changes sync back into Lovable, ready for your next prompt.
+
+## Development
+
+Prefer working locally? You need Node.js and npm — [install with nvm](https://github.com/nvm-sh/nvm#installing-and-updating).
+
+```sh
+git clone <this-repository-url>
+cd <repository-name>
+npm i
+npm run dev
+```

package/dist-lib/_core-safelist.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=_core-safelist.d.ts.map

package/dist-lib/_core-safelist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_core-safelist.d.ts","sourceRoot":"","sources":["../src/_core-safelist.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,CAAC"}

package/dist-lib/_core-safelist.js

@@ -0,0 +1,15 @@
+// Forceert Tailwind classes die uit @flowselections/core komen maar niet
+// voorkomen in de eigen broncode van deze module.
+// Zonder dit bestand worden deze classes weggeoptimaliseerd op de
+// Lovable productie build.
+const _safelist = [
+    // Layout — Sidebar en shell structuur
+    'h-full', 'flex-col', 'flex-1', 'min-h-screen', 'ml-64', 'pt-16',
+    'items-start', 'items-center', 'justify-between', 'border-t',
+    'w-64', 'h-screen', 'h-20', 'overflow-y-auto',
+    // Grid — InstellingenPage
+    'grid', 'lg:grid-cols-2', 'gap-6', 'p-6', 'space-y-6',
+    // Toggle/Switch — aan/uit zichtbaarheid
+    'data-[state=checked]:bg-primary', 'data-[state=unchecked]:bg-input',
+];
+export {};

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

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

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

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

package/dist-lib/components/PickBeheerPage.js

@@ -0,0 +1,84 @@
+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

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

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

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

package/dist-lib/components/PickDashboardPage.js

@@ -0,0 +1,54 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,25 @@
+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/PickstationsPage.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickstationsPage.d.ts","sourceRoot":"","sources":["../../src/components/PickstationsPage.tsx"],"names":[],"mappings":"AAKA,wBAAgB,gBAAgB,gCA+E/B"}

package/dist-lib/components/PickstationsPage.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { Badge, Button, Card, CardContent } from "@flowselections/core";
+import { Gauge, Loader2, Settings2 } from "lucide-react";
+import { usePickScreens, usePickStations, usePickTasks } from "../hooks/usePickConfig";
+export function PickstationsPage() {
+    const { data: stations, isLoading } = usePickStations();
+    const { data: screens } = usePickScreens();
+    const { data: tasks } = usePickTasks();
+    const safeStations = (Array.isArray(stations) ? stations : []).filter((s) => s.active);
+    const safeScreens = Array.isArray(screens) ? screens : [];
+    const safeTasks = Array.isArray(tasks) ? tasks : [];
+    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: "Kies een pickstation om te beginnen met picken en printen." })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", asChild: true, children: _jsxs(Link, { to: "/pickstations/dashboard", children: [_jsx(Gauge, { className: "mr-2 h-4 w-4" }), " Live dashboard"] }) }), _jsx(Button, { variant: "outline", asChild: true, children: _jsxs(Link, { to: "/pickstations/beheer", children: [_jsx(Settings2, { className: "mr-2 h-4 w-4" }), " Beheer"] }) })] })] }), 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. Maak er een aan via Beheer." })) : (_jsx("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3", children: safeStations.map((station) => {
+                    const stationScreens = safeScreens.filter((s) => s.station_id === station.id && s.active);
+                    const task = safeTasks.find((t) => t.id === station.task_id);
+                    return (_jsx(Link, { to: "/pickstations/$stationId", params: { stationId: station.id }, className: "block", children: _jsx(Card, { className: "h-full border-2 transition-all hover:border-primary hover:shadow-lg", children: _jsxs(CardContent, { className: "space-y-3 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: "h-10 w-10 shrink-0 rounded-lg", style: { backgroundColor: station.color ?? "#3b82f6" } })] }), _jsxs("div", { className: "flex flex-wrap gap-2 text-xs", children: [task && _jsx(Badge, { variant: "secondary", children: task.name }), station.location && _jsx(Badge, { variant: "outline", children: station.location }), station.department && _jsx(Badge, { variant: "outline", children: station.department }), _jsxs(Badge, { variant: "outline", children: [stationScreens.length, " schermen"] })] })] }) }) }, station.id));
+                }) }))] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateModuleLogo.d.ts","sourceRoot":"","sources":["../../src/components/TemplateModuleLogo.tsx"],"names":[],"mappings":"AAQA,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAwBxE"}

package/dist-lib/components/TemplateModuleLogo.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TemplateModuleLogo({ className }) {
+    return (_jsxs("svg", { viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, "aria-hidden": "true", children: [_jsx("rect", { width: "40", height: "40", rx: "8", fill: "currentColor", opacity: "0.1" }), _jsx("text", { x: "50%", y: "50%", dominantBaseline: "middle", textAnchor: "middle", fontSize: "18", fontWeight: "600", fill: "currentColor", children: "M" })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateModulePage.d.ts","sourceRoot":"","sources":["../../src/components/TemplateModulePage.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,kBAAkB,gCAmFjC"}

package/dist-lib/components/TemplateModulePage.js

@@ -0,0 +1,44 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// ============================================================================
+// src/components/TemplateModulePage.tsx — EXAMPLE PAGE COMPONENT
+// ============================================================================
+// Pagina-componenten horen in src/components/, NIET alleen in src/routes/.
+// src/routes/ wordt NIET naar npm gepubliceerd (zie tsconfig.build.json exclude).
+//
+// GEEN <Header /> hier — die zit in _authenticated.tsx via staticData.title
+// ============================================================================
+import { useState, useEffect } from "react";
+import { useAuth, supabase, Button, Card, CardContent, CardHeader, CardTitle, toast, } from "@flowselections/core";
+import { TemplateModuleLogo } from './TemplateModuleLogo';
+export function TemplateModulePage() {
+    // Auth is guaranteed — this user is already logged in
+    const { user, isAdmin } = useAuth();
+    // Example state — replace with your own
+    const [items, setItems] = useState([]);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        loadData();
+    }, []);
+    const loadData = async () => {
+        setLoading(true);
+        try {
+            // Example query — replace "products" with your table
+            const { data, error } = await supabase
+                .from("products")
+                .select("*")
+                .limit(10);
+            if (error)
+                throw error;
+            // ✅ Altijd Array.isArray bewaken op server-function data
+            // const safeItems = Array.isArray(data?.items) ? data.items : [];
+            setItems(Array.isArray(data) ? data : []);
+        }
+        catch {
+            toast.error("Fout bij het laden van gegevens");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [isAdmin && (_jsxs("div", { className: "text-sm text-muted-foreground", children: ["Ingelogd als admin: ", user?.email] })), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Overzicht" }) }), _jsxs(CardContent, { children: [loading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Laden..." })) : items.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen gegevens gevonden." })) : (_jsxs("p", { className: "text-sm", children: [items.length, " items geladen."] })), _jsx(Button, { onClick: loadData, className: "mt-4", disabled: loading, children: "Vernieuwen" })] })] }), _jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(TemplateModuleLogo, { className: "w-6 h-6 text-primary" }), _jsx("span", { children: "SVG-component (voorkeur voor vector-logo's)" })] })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatePage.d.ts","sourceRoot":"","sources":["../../src/components/TemplatePage.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,gCAS3B"}

package/dist-lib/components/TemplatePage.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TemplatePage() {
+    return (_jsxs("div", { className: "p-6", children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Module pagina" }), _jsx("p", { className: "text-muted-foreground mt-2", children: "Vervang dit component met de pagina's van jouw module." })] }));
+}

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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,64 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+{"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"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from "@flowselections/core";
+export function CountryTiles({ countries, counts, onSelect }) {
+    const list = Array.isArray(countries) ? countries : [];
+    return (_jsxs("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5", children: [list.map((c) => {
+                const count = counts?.[c.code] ?? 0;
+                return (_jsxs(Card, { role: "button", tabIndex: 0, onClick: () => onSelect(c.code), onKeyDown: (e) => {
+                        if (e.key === "Enter" || e.key === " ")
+                            onSelect(c.code);
+                    }, className: "cursor-pointer select-none border-2 p-6 text-center transition-all hover:border-primary hover:shadow-lg focus:border-primary focus:outline-none active:scale-[0.98]", children: [_jsx("div", { className: "text-5xl leading-none", children: c.flag ?? "🏳️" }), _jsx("div", { className: "mt-3 text-lg font-semibold text-foreground", children: c.name }), _jsx("div", { className: "mt-2 inline-flex min-w-12 items-center justify-center rounded-full px-3 py-1 text-sm font-bold " +
+                                (count > 0 ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"), children: count })] }, c.id));
+            }), list.length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen landen geconfigureerd." }))] }));
+}

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

@@ -0,0 +1,10 @@
+import type { PickScreen, PickStation } from "../../lib/pickTypes";
+interface Props {
+    station: PickStation;
+    screen: PickScreen;
+    onBack?: () => void;
+    kiosk?: boolean;
+}
+export declare function PickScherm({ station, screen, onBack, kiosk }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PickScherm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickScherm.d.ts","sourceRoot":"","sources":["../../../src/components/pick/PickScherm.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAiB,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAelF,UAAU,KAAK;IACb,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,+BAgQnE"}