@flowselections/floriday-afhandeling-module 1.0.8 → 1.0.9

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

@@ -1 +1 @@
-{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,cAAc,gCAuM7B"}
+{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,cAAc,gCA+F7B"}

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

@@ -1,79 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from "@tanstack/react-router";
-import { useServerFn } from "@tanstack/react-start";
-import { useQuery } from "@tanstack/react-query";
 import { useMemo, useState } from "react";
-import { Button, Badge, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Tabs, TabsContent, TabsList, TabsTrigger, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@flowselections/core";
+import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Tabs, TabsContent, TabsList, TabsTrigger, } from "@flowselections/core";
 import { Plus } from "lucide-react";
-import { getFloridayOrders } from "../../lib/floriday.functions";
+import { WeekAgendaView } from "./WeekAgendaView";
+import { useOrderPlanning } from "../../hooks/useOrderPlanning";
 const ALL = "__all__";
-function formatDate(iso) {
-    if (!iso)
-        return "—";
-    const d = new Date(iso);
-    if (Number.isNaN(d.getTime()))
-        return iso;
-    return d.toLocaleDateString("nl-NL", { day: "2-digit", month: "2-digit", year: "numeric" });
-}
-function formatMoney(amount, currency) {
-    if (amount == null)
-        return "—";
-    try {
-        return new Intl.NumberFormat("nl-NL", {
-            style: "currency",
-            currency: currency ?? "EUR",
-        }).format(amount);
-    }
-    catch {
-        return `${amount.toFixed(2)} ${currency ?? ""}`.trim();
-    }
-}
-function statusVariant(status) {
-    const s = status.toLowerCase();
-    if (s.includes("delivered") || s.includes("completed") || s.includes("afgerond"))
-        return "bg-green-500/10 text-green-600";
-    if (s.includes("cancel") || s.includes("annul") || s.includes("reject"))
-        return "bg-red-500/10 text-red-600";
-    if (s.includes("pending") || s.includes("open") || s.includes("nieuw"))
-        return "bg-blue-500/10 text-blue-600";
-    return "bg-amber-500/10 text-amber-600";
-}
 export function LeveringenPage() {
-    const fetchOrders = useServerFn(getFloridayOrders);
-    const { data, isLoading, refetch, isFetching } = useQuery({
-        queryKey: ["floriday", "orders"],
-        queryFn: async () => {
-            try {
-                return await fetchOrders();
-            }
-            catch (e) {
-                let message = "Onbekende fout";
-                if (e instanceof Response) {
-                    const text = await e.clone().text().catch(() => "");
-                    message = `Floriday-aanvraag mislukt (${e.status}): ${text.slice(0, 200) || e.statusText}`;
-                }
-                else if (e instanceof Error) {
-                    message = e.message;
-                }
-                else {
-                    message = String(e);
-                }
-                console.error("[getFloridayOrders]", message);
-                return { orders: [], error: message };
-            }
-        },
-        retry: false,
-    });
-    const orders = data?.orders ?? [];
-    const error = data?.error ? new Error(data.error) : null;
+    const { planned, isLoading, error, refetch } = useOrderPlanning();
     const [customer, setCustomer] = useState(ALL);
     const [deliveryType, setDeliveryType] = useState(ALL);
     const [dateFrom, setDateFrom] = useState("");
     const [dateTo, setDateTo] = useState("");
-    const customers = useMemo(() => Array.from(new Set(orders.map((o) => o.customerName).filter(Boolean))).sort(), [orders]);
-    const deliveryTypes = useMemo(() => Array.from(new Set(orders.map((o) => o.deliveryType).filter(Boolean))).sort(), [orders]);
+    const customers = useMemo(() => Array.from(new Set(planned.map((p) => p.order.customerName).filter(Boolean))).sort(), [planned]);
+    const deliveryTypes = useMemo(() => Array.from(new Set(planned.map((p) => p.order.deliveryType).filter(Boolean))).sort(), [planned]);
     const filtered = useMemo(() => {
-        return orders.filter((o) => {
+        return planned.filter(({ order: o }) => {
             if (customer !== ALL && o.customerName !== customer)
                 return false;
             if (deliveryType !== ALL && o.deliveryType !== deliveryType)
@@ -84,6 +26,6 @@ export function LeveringenPage() {
                 return false;
             return true;
         });
-    }, [orders, customer, deliveryType, dateFrom, dateTo]);
-    return (_jsx("main", { className: "p-6 space-y-6", children: _jsxs(Tabs, { defaultValue: "overzicht", className: "space-y-6", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "overzicht", children: "Overzicht" }), _jsx(TabsTrigger, { value: "veilbrieven", children: "Veilbrieven" })] }), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => (_jsx(SelectItem, { value: c, children: c }, c)))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => (_jsx(SelectItem, { value: t, children: t }, t)))] })] })] })] }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/leveringen/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Levering aanmaken"] }) })] }), _jsxs(TabsContent, { value: "overzicht", className: "space-y-3", children: [error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error.message, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Ordernummer" }), _jsx(TableHead, { children: "Klant" }), _jsx(TableHead, { children: "Leverdatum" }), _jsx(TableHead, { children: "Type" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "text-right", children: "Regels" }), _jsx(TableHead, { className: "text-right", children: "Totaal" })] }) }), _jsx(TableBody, { children: isLoading ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "text-center text-muted-foreground", children: "Leveringen laden\u2026" }) })) : filtered.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 7, className: "text-center text-muted-foreground", children: "Geen leveringen gevonden." }) })) : (filtered.map((o) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: o.orderNumber }), _jsx(TableCell, { children: o.customerName }), _jsx(TableCell, { children: formatDate(o.deliveryDate) }), _jsx(TableCell, { children: o.deliveryType }), _jsx(TableCell, { children: _jsx(Badge, { className: statusVariant(o.status), variant: "secondary", children: o.status }) }), _jsx(TableCell, { className: "text-right", children: o.lineCount }), _jsx(TableCell, { className: "text-right", children: formatMoney(o.totalAmount, o.currency) })] }, o.id)))) })] }) })), _jsx("div", { className: "text-xs text-muted-foreground", children: isFetching ? "Bijwerken…" : `${filtered.length} van ${orders.length} leveringen` })] }), _jsx(TabsContent, { value: "veilbrieven", children: _jsx("div", { className: "rounded-md border border-dashed p-10 text-center text-sm text-muted-foreground", children: "Veilbrieven volgen in een volgende iteratie." }) })] }) }));
+    }, [planned, customer, deliveryType, dateFrom, dateTo]);
+    return (_jsx("main", { className: "p-6 space-y-6", children: _jsxs(Tabs, { defaultValue: "overzicht", className: "space-y-6", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "overzicht", children: "Overzicht" }), _jsx(TabsTrigger, { value: "veilbrieven", children: "Veilbrieven" })] }), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/leveringen/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Levering aanmaken"] }) })] }), _jsx(TabsContent, { value: "overzicht", className: "space-y-3", children: error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "delivery", isLoading: isLoading })) }), _jsx(TabsContent, { value: "veilbrieven", children: _jsx("div", { className: "rounded-md border border-dashed p-10 text-center text-sm text-muted-foreground", children: "Veilbrieven volgen in een volgende iteratie." }) })] }) }));
 }

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

@@ -0,0 +1,6 @@
+import type { FloridayOrder } from "../../lib/floriday.functions";
+export interface PickAgendaViewProps {
+    onOrderClick?: (order: FloridayOrder) => void;
+}
+export declare function PickAgendaView({ onOrderClick }: PickAgendaViewProps): import("react").JSX.Element;
+//# sourceMappingURL=PickAgendaView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickAgendaView.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAIlE,MAAM,WAAW,mBAAmB;IAClC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,cAAc,CAAC,EAAE,YAAY,EAAE,EAAE,mBAAmB,+BA6FnE"}

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { useMemo, useState } from "react";
+import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Tabs, TabsContent, TabsList, TabsTrigger, } from "@flowselections/core";
+import { Plus } from "lucide-react";
+import { WeekAgendaView } from "./WeekAgendaView";
+import { useOrderPlanning } from "../../hooks/useOrderPlanning";
+const ALL = "__all__";
+export function PickAgendaView({ onOrderClick }) {
+    const { planned, isLoading, error, refetch } = useOrderPlanning();
+    const [customer, setCustomer] = useState(ALL);
+    const [deliveryType, setDeliveryType] = useState(ALL);
+    const [dateFrom, setDateFrom] = useState("");
+    const [dateTo, setDateTo] = useState("");
+    const customers = useMemo(() => Array.from(new Set(planned.map((p) => p.order.customerName).filter(Boolean))).sort(), [planned]);
+    const deliveryTypes = useMemo(() => Array.from(new Set(planned.map((p) => p.order.deliveryType).filter(Boolean))).sort(), [planned]);
+    const filtered = useMemo(() => {
+        return planned.filter(({ order: o }) => {
+            if (customer !== ALL && o.customerName !== customer)
+                return false;
+            if (deliveryType !== ALL && o.deliveryType !== deliveryType)
+                return false;
+            if (dateFrom && (!o.deliveryDate || o.deliveryDate < dateFrom))
+                return false;
+            if (dateTo && (!o.deliveryDate || o.deliveryDate > dateTo + "T23:59:59"))
+                return false;
+            return true;
+        });
+    }, [planned, customer, deliveryType, dateFrom, dateTo]);
+    return (_jsxs(Tabs, { defaultValue: "overzicht", className: "space-y-6", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "overzicht", children: "Overzicht" }), _jsx(TabsTrigger, { value: "veilbrieven", children: "Veilbrieven" })] }), _jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum vanaf" }), _jsx(Input, { type: "date", value: dateFrom, onChange: (e) => setDateFrom(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Datum t/m" }), _jsx(Input, { type: "date", value: dateTo, onChange: (e) => setDateTo(e.target.value), className: "w-40" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Klant" }), _jsxs(Select, { value: customer, onValueChange: setCustomer, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle klanten" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle klanten" }), customers.map((c) => _jsx(SelectItem, { value: c, children: c }, c))] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "Type levering" }), _jsxs(Select, { value: deliveryType, onValueChange: setDeliveryType, children: [_jsx(SelectTrigger, { className: "w-56", children: _jsx(SelectValue, { placeholder: "Alle types" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: ALL, children: "Alle types" }), deliveryTypes.map((t) => _jsx(SelectItem, { value: t, children: t }, t))] })] })] })] }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/leveringen/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Levering aanmaken"] }) })] }), _jsx(TabsContent, { value: "overzicht", className: "space-y-3", children: error ? (_jsxs("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive", children: [error, _jsx(Button, { size: "sm", variant: "outline", className: "ml-3", onClick: () => refetch(), children: "Opnieuw proberen" })] })) : (_jsx(WeekAgendaView, { planned: filtered, mode: "pick", isLoading: isLoading, onOrderClick: onOrderClick })) }), _jsx(TabsContent, { value: "veilbrieven", children: _jsx("div", { className: "rounded-md border border-dashed p-10 text-center text-sm text-muted-foreground", children: "Veilbrieven volgen in een volgende iteratie." }) })] }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickingPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickingPage.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,gCAY1B"}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PickAgendaView } from "./PickAgendaView";
+export function PickingPage() {
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: "Pick Agenda" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Overzicht van alle orders die gepickt moeten worden." })] }), _jsx(PickAgendaView, {})] }));
+}

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

@@ -0,0 +1,9 @@
+import { type WeekAgendaMode } from "./WeekAgendaView";
+interface Props {
+    title: string;
+    description: string;
+    mode: WeekAgendaMode;
+}
+export declare function PlanningAgendaPage({ title, description, mode }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PlanningAgendaPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlanningAgendaPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PlanningAgendaPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvE,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,KAAK,+BAgBrE"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WeekAgendaView } from "./WeekAgendaView";
+import { useOrderPlanning } from "../../hooks/useOrderPlanning";
+export function PlanningAgendaPage({ title, description, mode }) {
+    const { planned, isLoading, error } = useOrderPlanning();
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] }), error && (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive", children: error })), _jsx(WeekAgendaView, { planned: planned, mode: mode, isLoading: isLoading })] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"VervoerderForm.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/VervoerderForm.tsx"],"names":[],"mappings":"AA4CA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAmHD,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,+BA+TlD"}
+{"version":3,"file":"VervoerderForm.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/VervoerderForm.tsx"],"names":[],"mappings":"AA6CA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAiND,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,+BA0VlD"}

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

@@ -6,6 +6,7 @@ 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";
 const EMPTY = {
     name: "",
@@ -13,10 +14,9 @@ const EMPTY = {
     email: "",
     phone: "",
     address: "",
-    delivery_days: null,
-    signup_time_1: "",
-    signup_time_2: "",
     notes: "",
+    is_default: false,
+    pickup_moments: [DEFAULT_PICKUP_MOMENT],
 };
 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 +38,12 @@ 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, 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, 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) })] })] }));
+}
+function PickupMomentEditor({ index, value, canDelete, onChange, onDelete, }) {
+    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) => onChange({ ...value, signup_days: n }), onTimeChange: (v) => onChange({ ...value, signup_time: v }) }), _jsx(PickupMomentRow, { label: "Ophalen", days: value.pickup_days, time: value.pickup_time, onDaysChange: (n) => onChange({ ...value, pickup_days: n }), onTimeChange: (v) => onChange({ ...value, pickup_time: v }) }), _jsx(PickupMomentRow, { label: "Bezorgen", days: value.delivery_days, time: value.delivery_time, onDaysChange: (n) => onChange({ ...value, delivery_days: n }), onTimeChange: (v) => onChange({ ...value, delivery_time: v }) })] })] }));
+}
 export function VervoerderForm({ carrierId }) {
     const isEdit = !!carrierId;
     const navigate = useNavigate();
@@ -63,10 +69,11 @@ 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],
             });
             setRates(c.rates);
         }
@@ -126,10 +133,17 @@ 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: "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/WeekAgendaView.d.ts

@@ -0,0 +1,12 @@
+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;
+    title?: string;
+}
+export declare function WeekAgendaView({ planned, mode, isLoading, onOrderClick, 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,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmDD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,KAAK,GACN,EAAE,mBAAmB,+BA0FrB"}

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

@@ -0,0 +1,107 @@
+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, 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 dayPlanned = planned.filter((p) => {
+                const d = dateForPlanned(p, mode);
+                return d ? isSameDay(d, date) : false;
+            });
+            const dayOrders = dayPlanned.map((p) => p.order);
+            const karren = dayOrders.reduce((s, o) => s + (o.lineCount || 0), 0);
+            const planten = dayOrders.reduce((s, o) => s + (o.lineCount || 0) * 10, 0);
+            const verzendklaar = dayOrders.filter(isOrderReady).length;
+            const voorbereiding = dayOrders.length - verzendklaar;
+            const movedEarlierOrderIds = new Set(dayPlanned.filter((p) => isMovedEarlier(p, mode)).map((p) => p.order.id));
+            return {
+                date,
+                orders: dayOrders,
+                movedEarlierOrderIds,
+                bestellingen: dayOrders.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 }, 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 }) {
+    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"] }))] })] }), onOrderClick && day.orders.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.orders.map((o) => {
+                        const moved = day.movedEarlierOrderIds.has(o.id);
+                        return (_jsxs("button", { onClick: () => onOrderClick(o), title: 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 ? "border-purple-300 bg-purple-50" : ""}`, children: [moved && _jsx(Scale, { className: "h-3 w-3 text-purple-600" }), _jsx("span", { className: "font-medium", children: o.orderNumber }), _jsxs("span", { className: "ml-1 text-muted-foreground", children: ["\u00B7 ", o.customerName] })] }, o.id));
+                    }) }) }))] }));
+}
+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,17 @@
+import type { PickstationOrder } from "../../lib/pickstationTypes";
+/** Returns a fully self-contained printable HTML document for one packing slip. */
+export declare function renderPakbonHtml(order: {
+    id: string;
+    orderNumber: string;
+    customerName: string;
+    country: string | null;
+    deliveryDate: string | null;
+    pickDate: string;
+    lines: {
+        description: string;
+        quantity: 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,mFAAmF;AACnF,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,KAAK,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,EAAE,CAAC;CAChF,GAAG,MAAM,CAkET;AAYD,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,74 @@
+/** Returns a fully self-contained printable HTML document for one packing slip. */
+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.quantity ?? ""}</td>
+          <td>${escapeHtml(l.unit ?? "")}</td>
+        </tr>`)
+            .join("")
+        : `<tr><td colspan="3" style="text-align:center;color:#666">Geen regels</td></tr>`;
+    return `<!doctype html>
+<html lang="nl">
+<head>
+  <meta charset="utf-8">
+  <title>Pakbon ${escapeHtml(order.orderNumber)}</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; }
+    .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 { margin-top: 24px; font-family: "Libre Barcode 128", monospace; font-size: 56px; line-height: 1; }
+    .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; }
+    .footer { margin-top: 28px; font-size: 11px; color:#666; }
+  </style>
+</head>
+<body>
+  <h1>Pakbon</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>
+
+  <table>
+    <thead><tr><th>Omschrijving</th><th style="text-align:right;width:90px">Aantal</th><th style="width:90px">Eenheid</th></tr></thead>
+    <tbody>${rows}</tbody>
+  </table>
+
+  <div class="barcode-fallback">*${escapeHtml(order.orderNumber)}*</div>
+
+  <div class="footer">Geprint via Pickstation · ${new Date().toLocaleString("nl-NL")}</div>
+
+  <script>window.addEventListener("load", function(){ setTimeout(function(){ try{ window.focus(); window.print(); }catch(e){} }, 100); });</script>
+</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"}