@flowselections/floriday-afhandeling-module 1.0.8 → 1.0.10

package/dist-lib/components/afhandeling/VervoerderForm.js

@@ -6,17 +6,21 @@ import { Link, useNavigate } from "@tanstack/react-router";
 import { useServerFn } from "@tanstack/react-start";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { getCarrier, upsertCarrier, } from "../../lib/carriers.functions";
+import { DEFAULT_PICKUP_MOMENT } from "../../lib/planning";
 import { COUNTRIES, countryName } from "../../lib/countries";
+import { ServiceAreaSelect } from "./ServiceAreaSelect";
 const EMPTY = {
     name: "",
     contact_person: "",
     email: "",
     phone: "",
     address: "",
-    delivery_days: null,
-    signup_time_1: "",
-    signup_time_2: "",
     notes: "",
+    is_default: false,
+    pickup_moments: [DEFAULT_PICKUP_MOMENT],
+    service_countries: [],
+    service_provinces: [],
+    service_cities: [],
 };
 function FieldIcon({ icon: Icon }) {
     return (_jsx("div", { className: "flex items-center justify-center w-10 h-10 rounded-md bg-primary/10 text-primary shrink-0", children: _jsx(Icon, { className: "w-4 h-4" }) }));
@@ -38,6 +42,42 @@ function CountryPicker({ value, onChange, excluded, }) {
                                 setQuery("");
                             }, className: "flex items-center justify-between w-full px-3 py-2 text-sm text-left hover:bg-muted", children: [_jsx("span", { children: c.name }), _jsx("span", { className: "text-xs text-muted-foreground", children: c.code })] }, c.code)))) })] })] }));
 }
+function PickupMomentRow({ label, days, time, maxDays, onDaysChange, onTimeChange, }) {
+    return (_jsxs("div", { className: "grid grid-cols-[110px,1fr,1fr] items-center gap-3", children: [_jsx("div", { className: "text-sm font-medium", children: label }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: "Werkdagen v\u00F3\u00F3r levering" }), _jsx(IconInput, { icon: Calendar, type: "number", min: 0, max: maxDays, value: days, onChange: (e) => onDaysChange(Number(e.target.value) || 0) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs text-muted-foreground", children: "Tijdstip" }), _jsx(IconInput, { icon: Clock, type: "time", value: time, onChange: (e) => onTimeChange(e.target.value) })] })] }));
+}
+// Normaliseer een ophaalmoment: aanmelden moet altijd vóór (of op) ophalen
+// liggen, ophalen vóór (of op) bezorgen. Werkdagen-waardes zijn afstanden tot
+// de bezorgdag, dus geldt: signup_days >= pickup_days >= delivery_days.
+function normalizeMoment(next, prev) {
+    const m = { ...next };
+    if (next.signup_days !== prev.signup_days) {
+        // Aanmelden verlaagd → ophalen mag niet eerder zijn dan aanmelden
+        if (m.pickup_days > m.signup_days)
+            m.pickup_days = m.signup_days;
+        if (m.delivery_days > m.pickup_days)
+            m.delivery_days = m.pickup_days;
+    }
+    if (next.pickup_days !== prev.pickup_days) {
+        // Ophalen mag nooit vóór aanmelden plaatsvinden
+        if (m.pickup_days > m.signup_days)
+            m.pickup_days = m.signup_days;
+        if (m.delivery_days > m.pickup_days)
+            m.delivery_days = m.pickup_days;
+    }
+    if (next.delivery_days !== prev.delivery_days) {
+        if (m.delivery_days > m.pickup_days)
+            m.delivery_days = m.pickup_days;
+    }
+    return m;
+}
+function PickupMomentEditor({ index, value, canDelete, onChange, onDelete, }) {
+    const update = (patch) => {
+        const next = { ...value, ...patch };
+        onChange(normalizeMoment(next, value));
+    };
+    const pickupInvalid = value.pickup_days > value.signup_days;
+    return (_jsxs("div", { className: "rounded-md border bg-background p-4 space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "text-sm font-semibold", children: ["Ophaalmoment ", index + 1] }), canDelete ? (_jsxs("button", { type: "button", onClick: onDelete, className: "text-xs text-muted-foreground hover:text-destructive inline-flex items-center gap-1", "aria-label": "Ophaalmoment verwijderen", children: [_jsx(Trash2, { className: "w-3.5 h-3.5" }), "Verwijderen"] })) : null] }), _jsxs("div", { className: "space-y-3", children: [_jsx(PickupMomentRow, { label: "Aanmelden", days: value.signup_days, time: value.signup_time, onDaysChange: (n) => update({ signup_days: n }), onTimeChange: (v) => update({ signup_time: v }) }), _jsx(PickupMomentRow, { label: "Ophalen", days: value.pickup_days, time: value.pickup_time, maxDays: value.signup_days, onDaysChange: (n) => update({ pickup_days: Math.min(n, value.signup_days) }), onTimeChange: (v) => update({ pickup_time: v }) }), pickupInvalid ? (_jsx("p", { className: "text-xs text-destructive -mt-1 pl-[122px]", children: "Ophalen kan niet v\u00F3\u00F3r aanmelden plaatsvinden." })) : null, _jsx(PickupMomentRow, { label: "Bezorgen", days: value.delivery_days, time: value.delivery_time, maxDays: value.pickup_days, onDaysChange: (n) => update({ delivery_days: Math.min(n, value.pickup_days) }), onTimeChange: (v) => update({ delivery_time: v }) })] })] }));
+}
 export function VervoerderForm({ carrierId }) {
     const isEdit = !!carrierId;
     const navigate = useNavigate();
@@ -63,10 +103,14 @@ export function VervoerderForm({ carrierId }) {
                 email: c.email ?? "",
                 phone: c.phone ?? "",
                 address: c.address ?? "",
-                delivery_days: c.delivery_days,
-                signup_time_1: c.signup_time_1 ?? "",
-                signup_time_2: c.signup_time_2 ?? "",
                 notes: c.notes ?? "",
+                is_default: c.is_default ?? false,
+                pickup_moments: c.pickup_moments && c.pickup_moments.length > 0
+                    ? c.pickup_moments
+                    : [DEFAULT_PICKUP_MOMENT],
+                service_countries: c.service_countries ?? [],
+                service_provinces: c.service_provinces ?? [],
+                service_cities: c.service_cities ?? [],
             });
             setRates(c.rates);
         }
@@ -85,9 +129,10 @@ export function VervoerderForm({ carrierId }) {
                 throw e;
             }
         },
-        onSuccess: () => {
+        onSuccess: async () => {
             toast.success(isEdit ? "Vervoerder bijgewerkt" : "Vervoerder aangemaakt");
-            queryClient.invalidateQueries({ queryKey: ["carriers"] });
+            const { invalidatePlanning } = await import("../../lib/invalidatePlanning");
+            await invalidatePlanning(queryClient);
             if (carrierId)
                 queryClient.invalidateQueries({ queryKey: ["carrier", carrierId] });
             goBack();
@@ -126,10 +171,26 @@ export function VervoerderForm({ carrierId }) {
     }
     return (_jsxs("main", { className: "p-6 space-y-6 max-w-4xl", children: [_jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsxs(Link, { to: "/afhandeling/vervoerders", children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), "Terug naar vervoerders"] }) }), _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(FieldIcon, { icon: Truck }), _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: isEdit ? "Vervoerder bewerken" : "Vervoerder aanmaken" }), _jsx("p", { className: "text-sm text-muted-foreground", children: isEdit
                                     ? "Wijzig de gegevens van de vervoerder."
-                                    : "Voeg een nieuwe vervoerder toe en stel verzendtarieven in." })] })] }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Algemene gegevens" }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { children: ["Bedrijfsnaam ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(IconInput, { icon: Truck, value: form.name, onChange: (e) => setForm({ ...form, name: e.target.value }), placeholder: "Bijv. DHL Freight", required: true })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Contactpersoon" }), _jsx(IconInput, { icon: User, value: form.contact_person ?? "", onChange: (e) => setForm({ ...form, contact_person: e.target.value }) })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "E-mail" }), _jsx(IconInput, { icon: Mail, type: "email", value: form.email ?? "", onChange: (e) => setForm({ ...form, email: e.target.value }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Telefoonnummer" }), _jsx(IconInput, { icon: Phone, value: form.phone ?? "", onChange: (e) => setForm({ ...form, phone: e.target.value }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Adres" }), _jsx(IconInput, { icon: MapPin, value: form.address ?? "", onChange: (e) => setForm({ ...form, address: e.target.value }), placeholder: "Straat, postcode, plaats" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Levertijd (dagen)" }), _jsx(IconInput, { icon: Calendar, type: "number", min: 0, value: form.delivery_days ?? "", onChange: (e) => setForm({
-                                                            ...form,
-                                                            delivery_days: e.target.value === "" ? null : Number(e.target.value),
-                                                        }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Aanmeldtijd 1" }), _jsx(IconInput, { icon: Clock, type: "time", value: form.signup_time_1 ?? "", onChange: (e) => setForm({ ...form, signup_time_1: e.target.value }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Aanmeldtijd 2" }), _jsx(IconInput, { icon: Clock, type: "time", value: form.signup_time_2 ?? "", onChange: (e) => setForm({ ...form, signup_time_2: e.target.value }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Opmerkingen" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(FieldIcon, { icon: FileText }), _jsx(Textarea, { value: form.notes ?? "", onChange: (e) => setForm({ ...form, notes: e.target.value }), placeholder: "Extra informatie over deze vervoerder...", rows: 3, className: "flex-1" })] })] })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: "Verzendtarieven" }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Stel de verzendkosten ", _jsx("strong", { children: "per kwekerskar" }), " in voor elk land waar deze vervoerder naartoe verzendt."] })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-[1fr,160px,auto] gap-3", children: [_jsx(CountryPicker, { value: pendingCountry, onChange: setPendingCountry, excluded: rates.map((r) => r.country_code) }), _jsxs("div", { className: "flex items-stretch gap-2 rounded-md border bg-background h-10", children: [_jsx("div", { className: "flex items-center justify-center w-10 bg-primary/10 text-primary rounded-l-md text-sm font-medium", children: "\u20AC" }), _jsx("input", { type: "number", step: "0.01", min: 0, value: pendingPrice, onChange: (e) => setPendingPrice(e.target.value), placeholder: "Prijs", className: "flex-1 bg-transparent text-sm outline-none pr-3" })] }), _jsxs(Button, { type: "button", onClick: addRate, children: [_jsx(Plus, { className: "w-4 h-4 mr-1" }), "Toevoegen"] })] }), rates.length === 0 ? (_jsxs("div", { className: "border rounded-md py-10 text-center space-y-2", children: [_jsx(Globe, { className: "w-8 h-8 mx-auto text-muted-foreground" }), _jsx("div", { className: "font-medium", children: "Nog geen landen toegevoegd" }), _jsx("div", { className: "text-sm text-muted-foreground", children: "Voeg een land toe om verzendtarieven in te stellen." })] })) : (_jsx("div", { className: "border rounded-md divide-y", children: rates
+                                    : "Voeg een nieuwe vervoerder toe en stel verzendtarieven in." })] })] }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Algemene gegevens" }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { children: ["Bedrijfsnaam ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx(IconInput, { icon: Truck, value: form.name, onChange: (e) => setForm({ ...form, name: e.target.value }), placeholder: "Bijv. DHL Freight", required: true })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Contactpersoon" }), _jsx(IconInput, { icon: User, value: form.contact_person ?? "", onChange: (e) => setForm({ ...form, contact_person: e.target.value }) })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "E-mail" }), _jsx(IconInput, { icon: Mail, type: "email", value: form.email ?? "", onChange: (e) => setForm({ ...form, email: e.target.value }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Telefoonnummer" }), _jsx(IconInput, { icon: Phone, value: form.phone ?? "", onChange: (e) => setForm({ ...form, phone: e.target.value }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Adres" }), _jsx(IconInput, { icon: MapPin, value: form.address ?? "", onChange: (e) => setForm({ ...form, address: e.target.value }), placeholder: "Straat, postcode, plaats" })] }), _jsxs("div", { className: "rounded-md border bg-muted/30 p-4 space-y-4", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Ophaalmomenten (transportplanning)" }), _jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: ["De bezorgdag is ", _jsx("strong", { children: "dag 0" }), ". Per ophaalmoment stel je in op hoeveel werkdagen v\u00F3\u00F3r bezorging \u00E9n op welk tijdstip elke stap plaatsvindt. Bij een nieuwe order kiest het systeem automatisch het eerstvolgende moment waarvan de aanmelddeadline nog niet is verstreken."] })] }), _jsx("div", { className: "space-y-3", children: form.pickup_moments.map((moment, idx) => (_jsx(PickupMomentEditor, { index: idx, value: moment, canDelete: form.pickup_moments.length > 1, onChange: (next) => {
+                                                        const copy = [...form.pickup_moments];
+                                                        copy[idx] = next;
+                                                        setForm({ ...form, pickup_moments: copy });
+                                                    }, onDelete: () => {
+                                                        const copy = form.pickup_moments.filter((_, i) => i !== idx);
+                                                        setForm({ ...form, pickup_moments: copy });
+                                                    } }, idx))) }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setForm({
+                                                    ...form,
+                                                    pickup_moments: [...form.pickup_moments, { ...DEFAULT_PICKUP_MOMENT }],
+                                                }), children: [_jsx(Plus, { className: "w-4 h-4 mr-1" }), "Ophaalmoment toevoegen"] })] }), _jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx("input", { type: "checkbox", checked: form.is_default ?? false, onChange: (e) => setForm({ ...form, is_default: e.target.checked }), className: "h-4 w-4 rounded border" }), _jsxs("span", { children: ["Gebruik als ", _jsx("strong", { children: "standaard vervoerder" }), " voor de automatische planning (voor orders zonder eigen vervoerder)."] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Opmerkingen" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(FieldIcon, { icon: FileText }), _jsx(Textarea, { value: form.notes ?? "", onChange: (e) => setForm({ ...form, notes: e.target.value }), placeholder: "Extra informatie over deze vervoerder...", rows: 3, className: "flex-1" })] })] })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: "Bedieningsgebied" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Selecteer de landen, provincies en/of plaatsen waar deze vervoerder actief is. Een land dekt automatisch al zijn provincies en plaatsen." })] }), _jsx(CardContent, { children: _jsx(ServiceAreaSelect, { value: {
+                                        countries: form.service_countries ?? [],
+                                        provinces: form.service_provinces ?? [],
+                                        cities: form.service_cities ?? [],
+                                    }, onChange: (next) => setForm({
+                                        ...form,
+                                        service_countries: next.countries,
+                                        service_provinces: next.provinces,
+                                        service_cities: next.cities,
+                                    }) }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { className: "text-base", children: "Verzendtarieven" }), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["Stel de verzendkosten ", _jsx("strong", { children: "per kwekerskar" }), " in voor elk land waar deze vervoerder naartoe verzendt."] })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-[1fr,160px,auto] gap-3", children: [_jsx(CountryPicker, { value: pendingCountry, onChange: setPendingCountry, excluded: rates.map((r) => r.country_code) }), _jsxs("div", { className: "flex items-stretch gap-2 rounded-md border bg-background h-10", children: [_jsx("div", { className: "flex items-center justify-center w-10 bg-primary/10 text-primary rounded-l-md text-sm font-medium", children: "\u20AC" }), _jsx("input", { type: "number", step: "0.01", min: 0, value: pendingPrice, onChange: (e) => setPendingPrice(e.target.value), placeholder: "Prijs", className: "flex-1 bg-transparent text-sm outline-none pr-3" })] }), _jsxs(Button, { type: "button", onClick: addRate, children: [_jsx(Plus, { className: "w-4 h-4 mr-1" }), "Toevoegen"] })] }), rates.length === 0 ? (_jsxs("div", { className: "border rounded-md py-10 text-center space-y-2", children: [_jsx(Globe, { className: "w-8 h-8 mx-auto text-muted-foreground" }), _jsx("div", { className: "font-medium", children: "Nog geen landen toegevoegd" }), _jsx("div", { className: "text-sm text-muted-foreground", children: "Voeg een land toe om verzendtarieven in te stellen." })] })) : (_jsx("div", { className: "border rounded-md divide-y", children: rates
                                             .slice()
                                             .sort((a, b) => countryName(a.country_code).localeCompare(countryName(b.country_code), "nl"))
                                             .map((r) => (_jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [_jsx(Globe, { className: "w-4 h-4 text-muted-foreground" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-sm font-medium", children: countryName(r.country_code) }), _jsx("div", { className: "text-xs text-muted-foreground", children: r.country_code })] }), _jsxs("div", { className: "text-sm font-medium", children: ["\u20AC ", r.price_per_trolley.toFixed(2), " ", _jsx("span", { className: "text-muted-foreground font-normal", children: "/ kar" })] }), _jsx("button", { type: "button", onClick: () => removeRate(r.country_code), className: "text-muted-foreground hover:text-destructive", "aria-label": "Verwijderen", children: _jsx(Trash2, { className: "w-4 h-4" }) })] }, r.country_code))) })), _jsxs("p", { className: "text-sm text-muted-foreground", children: ["De prijs per kwekerskar wordt automatisch berekend", " ", _jsx("strong", { children: "bij het aanmaken van een bestelling" }), "."] })] })] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsxs(Button, { type: "button", variant: "outline", onClick: goBack, children: [_jsx(X, { className: "w-4 h-4 mr-1" }), "Annuleren"] }), _jsx(Button, { type: "submit", disabled: mutation.isPending, children: mutation.isPending ? "Opslaan..." : "Opslaan" })] })] })] }));

package/dist-lib/components/afhandeling/VervoerdersPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VervoerdersPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/VervoerdersPage.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,eAAe,gCAgJ9B"}
+{"version":3,"file":"VervoerdersPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/VervoerdersPage.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,eAAe,gCA6L9B"}

package/dist-lib/components/afhandeling/VervoerdersPage.js

@@ -1,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, toast, } from "@flowselections/core";
-import { Plus, Pencil, Trash2, Truck } from "lucide-react";
+import { Plus, Pencil, Trash2, Truck, ArrowUp, ArrowDown } from "lucide-react";
 import { Link } from "@tanstack/react-router";
 import { useServerFn } from "@tanstack/react-start";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { listCarriers, deleteCarrier } from "../../lib/carriers.functions";
+import { listCarriers, deleteCarrier, reorderCarriers } from "../../lib/carriers.functions";
 export function VervoerdersPage() {
     const queryClient = useQueryClient();
     const fetchList = useServerFn(listCarriers);
     const removeCarrier = useServerFn(deleteCarrier);
+    const reorder = useServerFn(reorderCarriers);
     const [deletingId, setDeletingId] = useState(null);
     const { data, isLoading, error, refetch } = useQuery({
         queryKey: ["carriers"],
@@ -29,13 +30,30 @@ export function VervoerdersPage() {
     });
     const deleteMutation = useMutation({
         mutationFn: (id) => removeCarrier({ data: { id } }),
-        onSuccess: () => {
+        onSuccess: async () => {
             toast.success("Vervoerder verwijderd");
-            queryClient.invalidateQueries({ queryKey: ["carriers"] });
+            const { invalidatePlanning } = await import("../../lib/invalidatePlanning");
+            await invalidatePlanning(queryClient);
             setDeletingId(null);
         },
         onError: (err) => toast.error(err.message),
     });
+    const reorderMutation = useMutation({
+        mutationFn: (orderedIds) => reorder({ data: { orderedIds } }),
+        onSuccess: async () => {
+            const { invalidatePlanning } = await import("../../lib/invalidatePlanning");
+            await invalidatePlanning(queryClient);
+        },
+        onError: (err) => toast.error(err.message),
+    });
     const carriers = data?.carriers ?? [];
-    return (_jsxs("div", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Vervoerders" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Beheer vervoerders en hun verzendtarieven per land." })] }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/vervoerders/nieuw", children: [_jsx(Plus, { className: "w-4 h-4 mr-1" }), "Vervoerder toevoegen"] }) })] }), _jsx("div", { className: "border rounded-md bg-card", children: isLoading ? (_jsx("div", { className: "p-12 text-center text-muted-foreground", children: "Laden..." })) : error ? (_jsxs("div", { className: "p-12 text-center space-y-3", children: [_jsxs("div", { className: "text-destructive", children: ["Fout bij laden: ", error.message] }), _jsx(Button, { variant: "outline", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : carriers.length === 0 ? (_jsxs("div", { className: "p-12 text-center space-y-3", children: [_jsx(Truck, { className: "w-10 h-10 mx-auto text-muted-foreground" }), _jsx("div", { className: "font-medium", children: "Nog geen vervoerders" }), _jsx("div", { className: "text-sm text-muted-foreground", children: "Voeg een vervoerder toe om verzendtarieven in te stellen." }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/vervoerders/nieuw", children: [_jsx(Plus, { className: "w-4 h-4 mr-1" }), "Vervoerder toevoegen"] }) })] })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Bedrijfsnaam" }), _jsx(TableHead, { children: "Contactpersoon" }), _jsx(TableHead, { children: "E-mail" }), _jsx(TableHead, { children: "Telefoon" }), _jsx(TableHead, { children: "Levertijd" }), _jsx(TableHead, { children: "Landen" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: carriers.map((c) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: c.name }), _jsx(TableCell, { children: c.contact_person ?? "—" }), _jsx(TableCell, { children: c.email ?? "—" }), _jsx(TableCell, { children: c.phone ?? "—" }), _jsx(TableCell, { children: c.delivery_days != null ? `${c.delivery_days} dagen` : "—" }), _jsx(TableCell, { children: c.rate_count }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsx(Link, { to: "/afhandeling/vervoerders/$id/bewerken", params: { id: c.id }, children: _jsx(Pencil, { className: "w-4 h-4" }) }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setDeletingId(c.id), className: "text-destructive hover:text-destructive", children: _jsx(Trash2, { className: "w-4 h-4" }) })] }) })] }, c.id))) })] })) }), _jsx(AlertDialog, { open: !!deletingId, onOpenChange: (o) => !o && setDeletingId(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Vervoerder verwijderen?" }), _jsx(AlertDialogDescription, { children: "Deze actie kan niet ongedaan gemaakt worden. Alle verzendtarieven worden ook verwijderd." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: () => deletingId && deleteMutation.mutate(deletingId), className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Verwijderen" })] })] }) })] }));
+    const move = (index, direction) => {
+        const target = index + direction;
+        if (target < 0 || target >= carriers.length)
+            return;
+        const ids = carriers.map((c) => c.id);
+        [ids[index], ids[target]] = [ids[target], ids[index]];
+        reorderMutation.mutate(ids);
+    };
+    return (_jsxs("div", { className: "p-6 space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Vervoerders" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Beheer vervoerders en hun verzendtarieven per land." })] }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/vervoerders/nieuw", children: [_jsx(Plus, { className: "w-4 h-4 mr-1" }), "Vervoerder toevoegen"] }) })] }), _jsx("div", { className: "border rounded-md bg-card", children: isLoading ? (_jsx("div", { className: "p-12 text-center text-muted-foreground", children: "Laden..." })) : error ? (_jsxs("div", { className: "p-12 text-center space-y-3", children: [_jsxs("div", { className: "text-destructive", children: ["Fout bij laden: ", error.message] }), _jsx(Button, { variant: "outline", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : carriers.length === 0 ? (_jsxs("div", { className: "p-12 text-center space-y-3", children: [_jsx(Truck, { className: "w-10 h-10 mx-auto text-muted-foreground" }), _jsx("div", { className: "font-medium", children: "Nog geen vervoerders" }), _jsx("div", { className: "text-sm text-muted-foreground", children: "Voeg een vervoerder toe om verzendtarieven in te stellen." }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/vervoerders/nieuw", children: [_jsx(Plus, { className: "w-4 h-4 mr-1" }), "Vervoerder toevoegen"] }) })] })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-32", children: "Prioriteit" }), _jsx(TableHead, { children: "Bedrijfsnaam" }), _jsx(TableHead, { children: "Contactpersoon" }), _jsx(TableHead, { children: "E-mail" }), _jsx(TableHead, { children: "Telefoon" }), _jsx(TableHead, { children: "Levertijd" }), _jsx(TableHead, { children: "Landen" }), _jsx(TableHead, { className: "text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: carriers.map((c, index) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "w-6 text-sm font-medium tabular-nums text-muted-foreground", children: index + 1 }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => move(index, -1), disabled: index === 0 || reorderMutation.isPending, "aria-label": "Hoger", children: _jsx(ArrowUp, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => move(index, 1), disabled: index === carriers.length - 1 || reorderMutation.isPending, "aria-label": "Lager", children: _jsx(ArrowDown, { className: "w-4 h-4" }) })] }) }), _jsx(TableCell, { className: "font-medium", children: c.name }), _jsx(TableCell, { children: c.contact_person ?? "—" }), _jsx(TableCell, { children: c.email ?? "—" }), _jsx(TableCell, { children: c.phone ?? "—" }), _jsx(TableCell, { children: c.delivery_days != null ? `${c.delivery_days} dagen` : "—" }), _jsx(TableCell, { children: c.rate_count }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsx(Link, { to: "/afhandeling/vervoerders/$id/bewerken", params: { id: c.id }, children: _jsx(Pencil, { className: "w-4 h-4" }) }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setDeletingId(c.id), className: "text-destructive hover:text-destructive", children: _jsx(Trash2, { className: "w-4 h-4" }) })] }) })] }, c.id))) })] })) }), _jsx(AlertDialog, { open: !!deletingId, onOpenChange: (o) => !o && setDeletingId(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Vervoerder verwijderen?" }), _jsx(AlertDialogDescription, { children: "Deze actie kan niet ongedaan gemaakt worden. Alle verzendtarieven worden ook verwijderd." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: () => deletingId && deleteMutation.mutate(deletingId), className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Verwijderen" })] })] }) })] }));
 }

package/dist-lib/components/afhandeling/WeekAgendaView.d.ts

@@ -0,0 +1,13 @@
+import type { FloridayOrder } from "../../lib/floriday.functions";
+import type { PlannedOrder } from "../../hooks/useOrderPlanning";
+export type WeekAgendaMode = "delivery" | "pickup" | "transport-register" | "pick";
+export interface WeekAgendaViewProps {
+    planned: PlannedOrder[];
+    mode: WeekAgendaMode;
+    isLoading?: boolean;
+    onOrderClick?: (order: FloridayOrder) => void;
+    onDayClick?: (date: Date) => void;
+    title?: string;
+}
+export declare function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayClick, title, }: WeekAgendaViewProps): import("react").JSX.Element;
+//# sourceMappingURL=WeekAgendaView.d.ts.map

package/dist-lib/components/afhandeling/WeekAgendaView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/WeekAgendaView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,QAAQ,GAAG,oBAAoB,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4DD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,GACN,EAAE,mBAAmB,+BAwHrB"}

package/dist-lib/components/afhandeling/WeekAgendaView.js

@@ -0,0 +1,142 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Button, Badge } from "@flowselections/core";
+import { ChevronLeft, ChevronRight, Package, Truck, Sprout, Clock, CheckCircle2, Scale } from "lucide-react";
+import { isSameDay, startOfWeek, addDays } from "../../lib/pickDate";
+const WEEKDAY_LABELS = ["MAANDAG", "DINSDAG", "WOENSDAG", "DONDERDAG", "VRIJDAG", "ZATERDAG", "ZONDAG"];
+const MONTHS_NL_SHORT = ["jan", "feb", "mrt", "apr", "mei", "jun", "jul", "aug", "sep", "okt", "nov", "dec"];
+function isOrderReady(o) {
+    const s = (o.status ?? "").toLowerCase();
+    return s.includes("ready") || s.includes("verzendklaar") || s.includes("completed") || s.includes("delivered") || s.includes("afgerond");
+}
+function getISOWeek(d) {
+    const date = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
+    const dayNum = date.getUTCDay() || 7;
+    date.setUTCDate(date.getUTCDate() + 4 - dayNum);
+    const yearStart = new Date(Date.UTC(date.getUTCFullYear(), 0, 1));
+    return Math.ceil(((date.getTime() - yearStart.getTime()) / 86400000 + 1) / 7);
+}
+function dateForPlanned(p, mode) {
+    if (!p.planning)
+        return null;
+    switch (mode) {
+        case "delivery": return p.planning.deliveryDate;
+        case "pickup": return p.planning.pickupDate;
+        case "transport-register": return p.planning.transportRegisterDate;
+        case "pick": return p.planning.scheduledPickDate ?? p.planning.pickStartDate;
+    }
+}
+function isMovedEarlier(p, mode) {
+    if (mode !== "pick" || !p.planning)
+        return false;
+    return Boolean(p.planning.movedEarlier);
+}
+const MODE_LABELS = {
+    delivery: { summary: "Leveringen deze week" },
+    pickup: { summary: "Ophalingen deze week" },
+    "transport-register": { summary: "Aanmeldingen deze week" },
+    pick: { summary: "Te picken deze week" },
+};
+export function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayClick, title, }) {
+    const [cursor, setCursor] = useState(() => {
+        const d = new Date();
+        d.setHours(0, 0, 0, 0);
+        return startOfWeek(d);
+    });
+    const weekStart = useMemo(() => startOfWeek(cursor), [cursor]);
+    const weekEnd = useMemo(() => addDays(weekStart, 6), [weekStart]);
+    const weekNumber = useMemo(() => getISOWeek(weekStart), [weekStart]);
+    const days = useMemo(() => {
+        return Array.from({ length: 7 }, (_, i) => {
+            const date = addDays(weekStart, i);
+            const entries = [];
+            for (const p of planned) {
+                if (!p.planning)
+                    continue;
+                if (mode === "pick") {
+                    const assigns = p.planning.pickAssignments ?? [
+                        { date: p.planning.scheduledPickDate ?? p.planning.pickStartDate, cartCount: p.order.cartCount ?? 0 },
+                    ];
+                    const total = assigns.length;
+                    assigns.forEach((a, idx) => {
+                        if (!isSameDay(a.date, date))
+                            return;
+                        const totalCarts = p.order.cartCount ?? 0;
+                        const ratio = totalCarts > 0 ? a.cartCount / totalCarts : 1 / Math.max(total, 1);
+                        entries.push({
+                            order: p.order,
+                            cartCount: a.cartCount,
+                            plantCount: Math.round((p.order.plantCount ?? 0) * ratio),
+                            movedEarlier: a.date.getTime() !== p.planning.pickStartDate.getTime(),
+                            splitPart: total > 1 ? { index: idx + 1, total } : undefined,
+                        });
+                    });
+                }
+                else {
+                    const d = dateForPlanned(p, mode);
+                    if (!d || !isSameDay(d, date))
+                        continue;
+                    entries.push({
+                        order: p.order,
+                        cartCount: p.order.cartCount ?? 0,
+                        plantCount: p.order.plantCount ?? 0,
+                        movedEarlier: false,
+                    });
+                }
+            }
+            const karren = entries.reduce((s, e) => s + e.cartCount, 0);
+            const planten = entries.reduce((s, e) => s + e.plantCount, 0);
+            const verzendklaar = entries.filter((e) => isOrderReady(e.order)).length;
+            const voorbereiding = entries.length - verzendklaar;
+            const movedEarlierOrderIds = new Set(entries.filter((e) => e.movedEarlier).map((e) => e.order.id));
+            return {
+                date,
+                entries,
+                movedEarlierOrderIds,
+                bestellingen: entries.length,
+                karren,
+                planten,
+                verzendklaar,
+                voorbereiding,
+            };
+        });
+    }, [planned, weekStart, mode]);
+    const totals = useMemo(() => {
+        const leveringen = days.reduce((s, d) => s + d.bestellingen, 0);
+        const verzendklaar = days.reduce((s, d) => s + d.verzendklaar, 0);
+        const voorbereiding = days.reduce((s, d) => s + d.voorbereiding, 0);
+        const totaalStuks = days.reduce((s, d) => s + d.planten, 0);
+        return { leveringen, verzendklaar, voorbereiding, totaalStuks };
+    }, [days]);
+    const headerLabel = `Week ${weekNumber} - ${weekStart.getDate()} ${MONTHS_NL_SHORT[weekStart.getMonth()]}. t/m ${weekEnd.getDate()} ${MONTHS_NL_SHORT[weekEnd.getMonth()]}. ${weekEnd.getFullYear()}`;
+    const goPrev = () => setCursor((c) => addDays(c, -7));
+    const goNext = () => setCursor((c) => addDays(c, 7));
+    const goToday = () => {
+        const d = new Date();
+        d.setHours(0, 0, 0, 0);
+        setCursor(startOfWeek(d));
+    };
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx("h2", { className: "text-xl font-semibold tracking-tight", children: title ?? headerLabel }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: goPrev, children: [_jsx(ChevronLeft, { className: "mr-1 h-4 w-4" }), " Vorige week"] }), _jsx(Button, { variant: "outline", size: "sm", onClick: goToday, children: "Deze week" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: goNext, children: ["Volgende week ", _jsx(ChevronRight, { className: "ml-1 h-4 w-4" })] })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4", children: [_jsx(SummaryCard, { label: MODE_LABELS[mode].summary, value: totals.leveringen, tone: "default" }), _jsx(SummaryCard, { label: "Verzendklaar", value: totals.verzendklaar, tone: "success" }), _jsx(SummaryCard, { label: "In voorbereiding", value: totals.voorbereiding, tone: "muted" }), _jsx(SummaryCard, { label: "Totaal stuks", value: totals.totaalStuks, tone: "default" })] }), _jsx("div", { className: "space-y-2", children: isLoading ? (_jsx("div", { className: "rounded-lg border bg-card p-10 text-center text-sm text-muted-foreground", children: "Laden\u2026" })) : (days.map((day) => _jsx(DayRow, { day: day, onOrderClick: onOrderClick, onDayClick: onDayClick }, day.date.toISOString()))) })] }));
+}
+function SummaryCard({ label, value, tone, }) {
+    const valueClass = tone === "success" ? "text-green-600" : "text-foreground";
+    return (_jsxs("div", { className: "rounded-lg border bg-card p-4", children: [_jsx("div", { className: `text-3xl font-bold ${valueClass}`, children: value }), _jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: label })] }));
+}
+function DayRow({ day, onOrderClick, onDayClick }) {
+    const weekdayIdx = (day.date.getDay() + 6) % 7;
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    const isToday = isSameDay(day.date, today);
+    return (_jsxs("div", { className: `rounded-lg border bg-card ${isToday ? "ring-1 ring-primary" : ""}`, children: [_jsxs("div", { className: "flex flex-wrap items-center gap-6 px-4 py-4 sm:px-6", children: [_jsxs("div", { className: "w-20 shrink-0", children: [_jsx("div", { className: "text-xs font-medium tracking-wider text-muted-foreground", children: WEEKDAY_LABELS[weekdayIdx] }), _jsx("div", { className: "mt-1 text-3xl font-bold leading-none", children: day.date.getDate() }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [MONTHS_NL_SHORT[day.date.getMonth()], "."] })] }), _jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-6", children: [_jsx(Stat, { icon: _jsx(Package, { className: "h-4 w-4 text-slate-500" }), bg: "bg-slate-100", value: day.bestellingen, label: "bestellingen" }), _jsx(Stat, { icon: _jsx(Truck, { className: "h-4 w-4 text-amber-600" }), bg: "bg-amber-100", value: day.karren, label: "karren" }), _jsx(Stat, { icon: _jsx(Sprout, { className: "h-4 w-4 text-green-600" }), bg: "bg-green-100", value: day.planten, label: "planten" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [day.movedEarlierOrderIds.size > 0 && (_jsxs(Badge, { className: "bg-purple-500/10 text-purple-700 hover:bg-purple-500/10", variant: "secondary", title: "Aantal orders dat vervroegd is ingepland door Pickverdeling.", children: [_jsx(Scale, { className: "mr-1 h-3.5 w-3.5" }), day.movedEarlierOrderIds.size, " vervroegd"] })), day.verzendklaar > 0 && (_jsxs(Badge, { className: "bg-green-500/15 text-green-700 hover:bg-green-500/15", variant: "secondary", children: [_jsx(CheckCircle2, { className: "mr-1 h-3.5 w-3.5" }), day.verzendklaar, " verzendklaar"] })), day.voorbereiding > 0 && (_jsxs(Badge, { className: "bg-blue-500/10 text-blue-700 hover:bg-blue-500/10", variant: "secondary", children: [_jsx(Clock, { className: "mr-1 h-3.5 w-3.5" }), day.voorbereiding, " in voorbereiding"] })), onDayClick && day.bestellingen > 0 && (_jsx(Button, { size: "sm", variant: "outline", onClick: () => onDayClick(day.date), children: "Dagdetails" }))] })] }), onOrderClick && day.entries.length > 0 && (_jsx("div", { className: "border-t px-4 py-2 sm:px-6", children: _jsx("div", { className: "flex flex-wrap gap-2", children: day.entries.map((e, idx) => {
+                        const moved = e.movedEarlier;
+                        const split = e.splitPart;
+                        return (_jsxs("button", { onClick: () => onOrderClick(e.order), title: split
+                                ? `Deel ${split.index}/${split.total} — ${e.cartCount} karren deze dag (verdeeld picken).`
+                                : moved
+                                    ? "Deze order is eerder ingepland vanwege Pickverdeling."
+                                    : undefined, className: `flex items-center gap-1 rounded border px-2 py-1 text-xs hover:bg-muted ${moved || split ? "border-purple-300 bg-purple-50" : ""}`, children: [(moved || split) && _jsx(Scale, { className: "h-3 w-3 text-purple-600" }), _jsx("span", { className: "font-medium", children: e.order.orderNumber }), _jsxs("span", { className: "ml-1 text-muted-foreground", children: ["\u00B7 ", e.order.customerName] }), _jsxs("span", { className: "ml-1 text-purple-700", children: ["\u00B7 ", e.cartCount, " karren", split ? ` (deel ${split.index}/${split.total})` : ""] })] }, `${e.order.id}-${idx}`));
+                    }) }) }))] }));
+}
+function Stat({ icon, bg, value, label, }) {
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: `grid h-8 w-8 place-items-center rounded-full ${bg}`, children: icon }), _jsxs("div", { children: [_jsx("div", { className: "text-lg font-bold leading-none", children: value }), _jsx("div", { className: "text-xs text-muted-foreground", children: label })] })] }));
+}

package/dist-lib/components/pickstation/LanguagePicker.d.ts

@@ -0,0 +1,5 @@
+import { type PickstationLang } from "../../lib/pickstationI18n";
+export declare function LanguagePicker({ onPick }: {
+    onPick: (lang: PickstationLang) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=LanguagePicker.d.ts.map

package/dist-lib/components/pickstation/LanguagePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguagePicker.d.ts","sourceRoot":"","sources":["../../../src/components/pickstation/LanguagePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAExF,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;CAAE,+BAuBrF"}

package/dist-lib/components/pickstation/LanguagePicker.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PICKSTATION_LANGUAGES } from "../../lib/pickstationI18n";
+export function LanguagePicker({ onPick }) {
+    return (_jsx("div", { className: "fixed inset-0 z-50 bg-slate-900 text-white flex items-center justify-center p-6", children: _jsxs("div", { className: "w-full max-w-3xl", children: [_jsx("h1", { className: "text-4xl font-semibold mb-2 text-center", children: "Pickstation" }), _jsx("p", { className: "text-slate-400 text-center mb-10 text-lg", children: "Kies uw taal \u00B7 Wybierz j\u0119zyk \u00B7 Alege\u021Bi limba \u00B7 \u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0435\u0437\u0438\u043A \u00B7 \u041E\u0431\u0435\u0440\u0456\u0442\u044C \u043C\u043E\u0432\u0443 \u00B7 Choose your language" }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: PICKSTATION_LANGUAGES.map((lang) => (_jsxs("button", { onClick: () => onPick(lang.code), className: "bg-white text-slate-900 hover:bg-emerald-500 hover:text-white transition rounded-2xl py-6 px-6 text-left text-2xl font-semibold flex items-center gap-4 shadow-lg", children: [_jsx("span", { className: "text-4xl", children: lang.flag }), _jsx("span", { children: lang.label })] }, lang.code))) })] }) }));
+}

package/dist-lib/components/pickstation/PakbonTemplate.d.ts

@@ -0,0 +1,20 @@
+import type { PickstationOrder } from "../../lib/pickstationTypes";
+/** Returns a fully self-contained printable HTML document for one packing slip per cart. */
+export declare function renderPakbonHtml(order: {
+    id: string;
+    orderNumber: string;
+    customerName: string;
+    country: string | null;
+    deliveryDate: string | null;
+    pickDate: string;
+    cartIndex: number;
+    cartTotal: number;
+    cratesOnCart: number | null;
+    lines: {
+        description: string;
+        crates: number | null;
+        unit: string | null;
+    }[];
+}): string;
+export type { PickstationOrder };
+//# sourceMappingURL=PakbonTemplate.d.ts.map

package/dist-lib/components/pickstation/PakbonTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PakbonTemplate.d.ts","sourceRoot":"","sources":["../../../src/components/pickstation/PakbonTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,4FAA4F;AAC5F,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,EAAE,CAAC;CAC9E,GAAG,MAAM,CAqET;AAWD,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist-lib/components/pickstation/PakbonTemplate.js

@@ -0,0 +1,76 @@
+/** Returns a fully self-contained printable HTML document for one packing slip per cart. */
+export function renderPakbonHtml(order) {
+    const fmt = (d) => {
+        if (!d)
+            return "—";
+        const dt = new Date(d);
+        if (Number.isNaN(dt.getTime()))
+            return d;
+        return dt.toLocaleDateString("nl-NL", { day: "2-digit", month: "2-digit", year: "numeric" });
+    };
+    const rows = order.lines.length
+        ? order.lines
+            .map((l) => `
+        <tr>
+          <td>${escapeHtml(l.description)}</td>
+          <td style="text-align:right">${l.crates ?? ""}</td>
+          <td>${escapeHtml(l.unit ?? "")}</td>
+        </tr>`)
+            .join("")
+        : `<tr><td colspan="3" style="text-align:center;color:#666">Geen regels</td></tr>`;
+    const cartLabel = `Kar ${order.cartIndex} / ${order.cartTotal}`;
+    const fustenLabel = order.cratesOnCart != null ? `${order.cratesOnCart}` : "—";
+    return `<!doctype html>
+<html lang="nl">
+<head>
+  <meta charset="utf-8">
+  <title>Pakbon ${escapeHtml(order.orderNumber)} · ${escapeHtml(cartLabel)}</title>
+  <style>
+    @page { size: A4; margin: 16mm; }
+    body { font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; color:#111; }
+    h1 { margin: 0 0 4px; font-size: 26px; }
+    .sub { color:#444; margin-bottom: 18px; }
+    .cart-badge { display:inline-block; margin-left:8px; padding:2px 10px; border-radius:999px; background:#111; color:#fff; font-size:14px; vertical-align:middle; }
+    .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; margin: 18px 0 22px; }
+    .grid div { font-size: 14px; }
+    .label { color:#666; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
+    .value { font-size: 16px; font-weight: 600; }
+    table { width:100%; border-collapse: collapse; font-size: 14px; }
+    th, td { padding: 8px 6px; border-bottom: 1px solid #ddd; vertical-align: top; }
+    th { text-align: left; background:#f5f5f5; }
+    .barcode-fallback { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 18px; letter-spacing: 4px; padding: 8px 12px; border: 2px solid #111; display: inline-block; margin-top: 18px; }
+    .footer { margin-top: 28px; font-size: 11px; color:#666; }
+  </style>
+</head>
+<body>
+  <h1>Pakbon <span class="cart-badge">${escapeHtml(cartLabel)}</span></h1>
+  <div class="sub">Order ${escapeHtml(order.orderNumber)}</div>
+
+  <div class="grid">
+    <div><div class="label">Klant</div><div class="value">${escapeHtml(order.customerName)}</div></div>
+    <div><div class="label">Land</div><div class="value">${escapeHtml(order.country ?? "—")}</div></div>
+    <div><div class="label">Leverdatum</div><div class="value">${fmt(order.deliveryDate)}</div></div>
+    <div><div class="label">Pickdatum</div><div class="value">${fmt(order.pickDate)}</div></div>
+    <div><div class="label">Kar</div><div class="value">${escapeHtml(cartLabel)}</div></div>
+    <div><div class="label">Fusten op deze kar</div><div class="value">${escapeHtml(fustenLabel)}</div></div>
+  </div>
+
+  <table>
+    <thead><tr><th>Omschrijving</th><th style="text-align:right;width:90px">Fusten</th><th style="width:90px">Eenheid</th></tr></thead>
+    <tbody>${rows}</tbody>
+  </table>
+
+  <div class="barcode-fallback">*${escapeHtml(order.orderNumber)}-${order.cartIndex}*</div>
+
+  <div class="footer">Geprint via Pickstation · ${new Date().toLocaleString("nl-NL")}</div>
+</body>
+</html>`;
+}
+function escapeHtml(s) {
+    return s
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#39;");
+}

package/dist-lib/components/pickstation/printDocuments.d.ts

@@ -0,0 +1,3 @@
+export declare function printHtml(html: string): Promise<void>;
+export declare function printPdfBase64(base64: string, mime?: string): Promise<void>;
+//# sourceMappingURL=printDocuments.d.ts.map

package/dist-lib/components/pickstation/printDocuments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"printDocuments.d.ts","sourceRoot":"","sources":["../../../src/components/pickstation/printDocuments.ts"],"names":[],"mappings":"AAqCA,wBAAsB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAO3D;AAED,wBAAsB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,SAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,CAS5F"}

package/dist-lib/components/pickstation/printDocuments.js

@@ -0,0 +1,53 @@
+// Browser-only helpers: print a HTML string and optionally a PDF (base64) via hidden iframes.
+function makeFrame() {
+    const f = document.createElement("iframe");
+    f.style.position = "fixed";
+    f.style.right = "-9999px";
+    f.style.bottom = "-9999px";
+    f.style.width = "0";
+    f.style.height = "0";
+    f.style.border = "0";
+    document.body.appendChild(f);
+    return f;
+}
+function waitForFrame(f) {
+    return new Promise((resolve) => {
+        const handler = () => {
+            f.removeEventListener("load", handler);
+            resolve();
+        };
+        f.addEventListener("load", handler);
+    });
+}
+function callPrint(win) {
+    return new Promise((resolve) => {
+        if (!win)
+            return resolve();
+        try {
+            win.focus();
+            win.print();
+        }
+        catch {
+            // ignored
+        }
+        setTimeout(resolve, 800);
+    });
+}
+export async function printHtml(html) {
+    const f = makeFrame();
+    const load = waitForFrame(f);
+    f.srcdoc = html;
+    await load;
+    await callPrint(f.contentWindow);
+    setTimeout(() => f.remove(), 2000);
+}
+export async function printPdfBase64(base64, mime = "application/pdf") {
+    const f = makeFrame();
+    const load = waitForFrame(f);
+    f.src = `data:${mime};base64,${base64}`;
+    await load;
+    // Give the browser a moment to render the PDF.
+    await new Promise((r) => setTimeout(r, 600));
+    await callPrint(f.contentWindow);
+    setTimeout(() => f.remove(), 2000);
+}

package/dist-lib/components/settings/AfhandelingSettingsCard.d.ts

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

package/dist-lib/components/settings/AfhandelingSettingsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AfhandelingSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/AfhandelingSettingsCard.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,uBAAuB,gCAoMtC"}