@flowselections/floriday-afhandeling-module 1.0.29 → 1.0.31

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":"AAeA,wBAAgB,cAAc,gCA+E7B"}
+{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AAMA,wBAAgB,cAAc,gCA8B7B"}

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

@@ -1,29 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
-import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+import { Button } from "@flowselections/core";
 import { WeekAgendaView } from "./WeekAgendaView";
 import { useOrderPlanning } from "../../hooks/useOrderPlanning";
-const ALL = "__all__";
+import { agendaRange, currentWeekStart } from "../../lib/agendaRange";
 export function LeveringenPage() {
-    const { planned, isLoading, error, warning, 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("main", { className: "p-6 space-y-6", children: [_jsx("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))] })] })] })] }) }), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), 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, showPrintButtons: true }))] }));
+    const [weekStart, setWeekStart] = useState(() => currentWeekStart());
+    const range = useMemo(() => agendaRange(weekStart), [weekStart]);
+    const { planned, nearestDeliveryDate, isLoading, error, warning, refetch } = useOrderPlanning(range);
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), 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: planned, mode: "delivery", isLoading: isLoading, showPrintButtons: true, onWeekChange: setWeekStart, jumpToDate: nearestDeliveryDate }))] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PickAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickAgendaView.tsx"],"names":[],"mappings":"AAaA,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,+BAgGnE"}
+{"version":3,"file":"PickAgendaView.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/PickAgendaView.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,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,+BAwEnE"}

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

@@ -1,32 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
-import { Button, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+import { Button } from "@flowselections/core";
 import { WeekAgendaView } from "./WeekAgendaView";
 import { DagDetailDialog } from "./DagDetailDialog";
 import { useOrderPlanning } from "../../hooks/useOrderPlanning";
-const ALL = "__all__";
+import { agendaRange, currentWeekStart } from "../../lib/agendaRange";
 export function PickAgendaView({ onOrderClick }) {
-    const { planned, awaiting, isLoading, error, warning, refetch } = useOrderPlanning();
+    const [weekStart, setWeekStart] = useState(() => currentWeekStart());
+    const range = useMemo(() => agendaRange(weekStart), [weekStart]);
+    const { planned, awaiting, nearestDeliveryDate, signalError, lastEngineRun, isLoading, error, warning, refetch } = useOrderPlanning(range);
     const awaitingCount = awaiting.length;
+    const awaitingRefs = awaiting
+        .map((p) => p.order.orderNumber || p.order.id)
+        .filter(Boolean)
+        .slice(0, 8);
+    const lastRunLabel = lastEngineRun
+        ? new Date(lastEngineRun).toLocaleString("nl-NL", {
+            timeZone: "Europe/Amsterdam",
+            dateStyle: "short",
+            timeStyle: "short",
+        })
+        : null;
     const [dayDetailDate, setDayDetailDate] = useState(null);
-    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("div", { className: "space-y-6", children: [_jsx("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))] })] })] })] }) }), awaitingCount > 0 && (_jsxs("div", { className: "rounded-md border border-sky-300 bg-sky-50 p-4 text-sm text-sky-900", children: [awaitingCount, " order", awaitingCount === 1 ? "" : "s", " wacht", awaitingCount === 1 ? "" : "en", " op een indeling van de Logistics Engine en worden daarom nog niet in de agenda gepland."] })), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), 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, onDayClick: setDayDetailDate })), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: filtered, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
+    return (_jsxs("div", { className: "space-y-6", children: [awaitingCount > 0 && (_jsxs("div", { className: "space-y-1 rounded-md border border-sky-300 bg-sky-50 p-4 text-sm text-sky-900", children: [_jsxs("div", { children: [awaitingCount, " order", awaitingCount === 1 ? "" : "s", " wacht", awaitingCount === 1 ? "" : "en", " op een indeling van de Logistics Engine en ", awaitingCount === 1 ? "wordt" : "worden", " daarom nog niet in de agenda gepland: ", awaitingRefs.join(", "), awaitingCount > awaitingRefs.length ? ` en ${awaitingCount - awaitingRefs.length} meer` : "", "."] }), _jsxs("div", { className: "text-xs", children: [lastRunLabel
+                                ? `Laatste indeling door de Engine: ${lastRunLabel}.`
+                                : "Er is nog geen indeling van de Engine bekend voor deze periode.", " ", signalError
+                                ? `Melding vanuit deze module is mislukt: ${signalError}`
+                                : "Melding vanuit deze module is verstuurd; het inplannen gebeurt door de Logistics Engine."] })] })), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-4 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), 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: planned, mode: "pick", isLoading: isLoading, onOrderClick: onOrderClick, onDayClick: setDayDetailDate, onWeekChange: setWeekStart, jumpToDate: nearestDeliveryDate })), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: planned, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
 }

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

@@ -10,6 +10,10 @@ export interface WeekAgendaViewProps {
     title?: string;
     /** Toon "Afleverbrief" print-knoppen (per order + per dag). */
     showPrintButtons?: boolean;
+    /** Meld de zichtbare week zodat de pagina alleen die periode ophaalt. */
+    onWeekChange?: (weekStart: Date, weekEnd: Date) => void;
+    /** Dichtstbijzijnde datum met data buiten de zichtbare week (auto-jump). */
+    jumpToDate?: string | null;
 }
-export declare function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayClick, title, showPrintButtons, }: WeekAgendaViewProps): import("react").JSX.Element;
+export declare function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayClick, title, showPrintButtons, onWeekChange, jumpToDate, }: WeekAgendaViewProps): import("react").JSX.Element;
 //# sourceMappingURL=WeekAgendaView.d.ts.map

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

@@ -1 +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;AAUjE,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;IACf,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AA8DD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,EACL,gBAAgB,GACjB,EAAE,mBAAmB,+BAiKrB"}
+{"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;AAUjE,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;IACf,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yEAAyE;IACzE,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IACxD,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AA+DD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,YAAY,EACZ,UAAU,GACX,EAAE,mBAAmB,+BAyJrB"}

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

@@ -41,44 +41,34 @@ const MODE_LABELS = {
     "transport-register": { summary: "Aanmeldingen deze week" },
     pick: { summary: "Te picken deze week" },
 };
-export function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayClick, title, showPrintButtons, }) {
+export function WeekAgendaView({ planned, mode, isLoading, onOrderClick, onDayClick, title, showPrintButtons, onWeekChange, jumpToDate, }) {
     const [cursor, setCursor] = useState(() => {
         const d = new Date();
         d.setHours(0, 0, 0, 0);
         return startOfWeek(d);
     });
-    // Als er in de huidige week niks staat maar er zijn wél orders in de
-    // toekomst, spring dan éénmalig naar de eerstvolgende week met data zodat
-    // gebruikers hun orders direct zien in plaats van een lege week.
-    const autoJumpedRef = useRef(false);
+    const weekStart = useMemo(() => startOfWeek(cursor), [cursor]);
+    const weekEnd = useMemo(() => addDays(weekStart, 6), [weekStart]);
+    const weekNumber = useMemo(() => getISOWeek(weekStart), [weekStart]);
+    // Meld de zichtbare week zodat de pagina alleen die periode ophaalt.
     useEffect(() => {
-        if (autoJumpedRef.current)
+        onWeekChange?.(weekStart, weekEnd);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [weekStart.getTime()]);
+    // Is de week leeg maar bestaat er wél data elders, spring dan éénmalig naar
+    // de dichtstbijzijnde week met orders.
+    const jumpedToRef = useRef(null);
+    useEffect(() => {
+        if (isLoading || planned.length > 0 || !jumpToDate)
             return;
-        if (!planned.length)
+        if (jumpedToRef.current === jumpToDate)
             return;
-        const today = new Date();
-        today.setHours(0, 0, 0, 0);
-        const currentWeekStart = startOfWeek(today);
-        const currentWeekEnd = addDays(currentWeekStart, 6);
-        const dates = planned
-            .map((p) => dateForPlanned(p, mode))
-            .filter((d) => !!d);
-        const hasCurrent = dates.some((d) => d >= currentWeekStart && d <= new Date(currentWeekEnd.getTime() + 86399999));
-        if (hasCurrent) {
-            autoJumpedRef.current = true;
+        const target = new Date(jumpToDate);
+        if (Number.isNaN(target.getTime()))
             return;
-        }
-        const future = dates
-            .filter((d) => d > currentWeekEnd)
-            .sort((a, b) => a.getTime() - b.getTime());
-        if (future.length > 0) {
-            setCursor(startOfWeek(future[0]));
-            autoJumpedRef.current = true;
-        }
-    }, [planned, mode]);
-    const weekStart = useMemo(() => startOfWeek(cursor), [cursor]);
-    const weekEnd = useMemo(() => addDays(weekStart, 6), [weekStart]);
-    const weekNumber = useMemo(() => getISOWeek(weekStart), [weekStart]);
+        jumpedToRef.current = jumpToDate;
+        setCursor(startOfWeek(target));
+    }, [jumpToDate, planned.length, isLoading]);
     const days = useMemo(() => {
         return Array.from({ length: 7 }, (_, i) => {
             const date = addDays(weekStart, i);

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

@@ -3,6 +3,8 @@ export declare const ENGINE_TASKS_KEY: string[];
 export declare function useEngineTasks(options?: {
     taskTypes?: string[];
     statuses?: string[];
+    plannedFrom?: string | null;
+    plannedTo?: string | null;
 }): {
     tasks: EngineTask[];
     isLoading: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useEngineTasks.d.ts","sourceRoot":"","sources":["../../src/hooks/useEngineTasks.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEjF,eAAO,MAAM,gBAAgB,UAAsB,CAAC;AAIpD,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE;;;;;EAsCrF;AAED,mDAAmD;AACnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAShF"}
+{"version":3,"file":"useEngineTasks.d.ts","sourceRoot":"","sources":["../../src/hooks/useEngineTasks.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEjF,eAAO,MAAM,gBAAgB,UAAsB,CAAC;AAIpD,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE;IACvC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;;;;;EAmDA;AAED,mDAAmD;AACnD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAShF"}

package/dist-lib/hooks/useEngineTasks.js

@@ -1,4 +1,4 @@
-import { useEffect, useMemo } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { supabase } from "../integrations/supabase/client";
 import { listEngineTasks } from "../lib/logisticsEngine/engine";
@@ -8,22 +8,37 @@ export function useEngineTasks(options) {
     const qc = useQueryClient();
     const taskTypes = options?.taskTypes;
     const statuses = options?.statuses ?? OPEN_STATUSES;
+    const plannedFrom = options?.plannedFrom ?? null;
+    const plannedTo = options?.plannedTo ?? null;
     const query = useQuery({
-        queryKey: [...ENGINE_TASKS_KEY, taskTypes ?? "all", statuses],
-        queryFn: () => listEngineTasks({ taskTypes, statuses }),
+        queryKey: [...ENGINE_TASKS_KEY, taskTypes ?? "all", statuses, plannedFrom, plannedTo],
+        queryFn: () => listEngineTasks({ taskTypes, statuses, plannedFrom, plannedTo }),
         retry: false,
+        staleTime: 30000,
+        placeholderData: (prev) => prev,
         refetchInterval: 60000,
         refetchIntervalInBackground: false,
         refetchOnWindowFocus: true,
     });
+    // Realtime-updates komen in bursts binnen als de Engine een batch plant;
+    // daarom gebundeld invalideren in plaats van per rij.
+    const timerRef = useRef(null);
     useEffect(() => {
         const channel = supabase
             .channel("engine-tasks")
             .on("postgres_changes", { event: "*", schema: "public", table: "logistics_tasks" }, () => {
-            void qc.invalidateQueries({ queryKey: ENGINE_TASKS_KEY });
+            if (timerRef.current)
+                return;
+            timerRef.current = setTimeout(() => {
+                timerRef.current = null;
+                void qc.invalidateQueries({ queryKey: ENGINE_TASKS_KEY });
+            }, 2000);
         })
             .subscribe();
         return () => {
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+            timerRef.current = null;
             void supabase.removeChannel(channel);
         };
     }, [qc]);

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

@@ -12,12 +12,23 @@ export interface PlannedOrder {
 }
 export interface UseOrderPlanningResult {
     planned: PlannedOrder[];
+    /** Dichtstbijzijnde leverdatum buiten het venster (leeg venster → auto-jump). */
+    nearestDeliveryDate?: string | null;
     /** Orders die op een Engine-taak wachten en dus niet zijn ingedeeld. */
     awaiting: PlannedOrder[];
+    /** Foutmelding als het signaal naar de Engine niet verstuurd kon worden. */
+    signalError?: string | null;
+    /** Tijdstip van de laatst bekende Engine-ronde (nieuwste taak). */
+    lastEngineRun?: string | null;
     isLoading: boolean;
     error?: string;
     warning?: string;
     refetch: () => void;
 }
-export declare function useOrderPlanning(): UseOrderPlanningResult;
+export interface UseOrderPlanningOptions {
+    /** Leverdatumvenster (YYYY-MM-DD). Zonder venster laadt de module te veel. */
+    from?: string;
+    to?: string;
+}
+export declare function useOrderPlanning(range?: UseOrderPlanningOptions): UseOrderPlanningResult;
 //# sourceMappingURL=useOrderPlanning.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOrderPlanning.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderPlanning.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEjF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,qEAAqE;IACrE,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,uEAAuE;IACvE,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,wEAAwE;IACxE,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,wBAAgB,gBAAgB,IAAI,sBAAsB,CA6LzD"}
+{"version":3,"file":"useOrderPlanning.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderPlanning.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM/D,OAAO,EAGL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAmB,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAEjF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,yEAAyE;IACzE,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,qEAAqE;IACrE,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC9B,uEAAuE;IACvE,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,wEAAwE;IACxE,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,MAAM,WAAW,uBAAuB;IACtC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,uBAAuB,GAAG,sBAAsB,CAwOxF"}

package/dist-lib/hooks/useOrderPlanning.js

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useRef } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { getFloridayOrders } from "../lib/floriday.functions";
@@ -12,15 +12,17 @@ import { emitEngineEvent } from "../lib/logisticsEngine/engine";
 function orderRefsFor(order) {
     return [order.orderNumber, order.id].filter((v) => Boolean(v));
 }
-export function useOrderPlanning() {
+export function useOrderPlanning(range) {
+    const from = range?.from ?? null;
+    const to = range?.to ?? null;
     const fetchOrders = useServerFn(getFloridayOrders);
     const fetchSettings = useServerFn(getAfhandelingSettings);
     const fetchCarriers = useServerFn(listCarriers);
     const ordersQuery = useQuery({
-        queryKey: ["floriday", "orders"],
+        queryKey: ["floriday", "orders", from, to],
         queryFn: async () => {
             try {
-                const result = await fetchOrders();
+                const result = await fetchOrders({ data: { from: from ?? undefined, to: to ?? undefined } });
                 if (result.error) {
                     console.warn("[useOrderPlanning] orders loaded with warning", {
                         message: result.error,
@@ -48,7 +50,9 @@ export function useOrderPlanning() {
                 return { orders: [], error: message };
             }
         },
-        retry: false,
+        retry: 1,
+        staleTime: 30000,
+        placeholderData: (prev) => prev,
         refetchInterval: 60000,
         refetchIntervalInBackground: false,
         refetchOnWindowFocus: true,
@@ -77,6 +81,8 @@ export function useOrderPlanning() {
     });
     const { tasks: engineTasks, isLoading: tasksLoading, refetch: refetchTasks } = useEngineTasks({
         taskTypes: ["load.compose", "pick.execute"],
+        plannedFrom: from,
+        plannedTo: to,
     });
     const { composeByRef, pickByRef } = useMemo(() => {
         const compose = new Map();
@@ -155,33 +161,66 @@ export function useOrderPlanning() {
         });
     }, [ordersQuery.data, settingsQuery.data, carriersQuery.data, composeByRef, pickByRef]);
     // Orders zonder taak melden we bij de Engine; zelf indelen mag niet.
+    // Alleen bij succes markeren als gemeld, zodat een mislukte melding
+    // bij de volgende ronde opnieuw geprobeerd wordt.
     const announced = useRef(new Set());
+    const inFlight = useRef(new Set());
+    const [signalError, setSignalError] = useState(null);
     useEffect(() => {
-        for (const item of planned) {
-            if (!item.awaitingEngine || item.engineTask)
-                continue;
-            const ref = item.order.orderNumber || item.order.id;
-            if (!ref || announced.current.has(ref))
-                continue;
-            announced.current.add(ref);
-            void emitEngineEvent({
-                eventType: "order.received",
-                orderRef: ref,
-                shadow: true,
-                payload: {
-                    source: item.order.source,
-                    customerRef: item.order.customerName,
-                    deliveryDate: item.order.deliveryDate,
-                    deliveryType: item.order.deliveryType,
-                    lineCount: item.order.lineCount,
-                    hasStickers: Boolean(item.order.hasStickers),
-                },
-            });
-        }
+        let cancelled = false;
+        void (async () => {
+            for (const item of planned) {
+                if (!item.awaitingEngine || item.engineTask)
+                    continue;
+                const ref = item.order.orderNumber || item.order.id;
+                if (!ref || announced.current.has(ref) || inFlight.current.has(ref))
+                    continue;
+                inFlight.current.add(ref);
+                const result = await emitEngineEvent({
+                    eventType: "order.received",
+                    orderRef: ref,
+                    shadow: true,
+                    payload: {
+                        source: item.order.source,
+                        customerRef: item.order.customerName,
+                        deliveryDate: item.order.deliveryDate,
+                        deliveryType: item.order.deliveryType,
+                        lineCount: item.order.lineCount,
+                        hasStickers: Boolean(item.order.hasStickers),
+                    },
+                });
+                inFlight.current.delete(ref);
+                if (cancelled)
+                    return;
+                if (result.ok) {
+                    announced.current.add(ref);
+                    setSignalError(null);
+                }
+                else {
+                    setSignalError(result.error ?? "Melding aan de Logistics Engine is mislukt.");
+                }
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
     }, [planned]);
+    // Tijdstip van de laatste Engine-ronde: nieuwste taak die we kennen.
+    const lastEngineRun = useMemo(() => {
+        let latest = null;
+        for (const t of engineTasks) {
+            const ts = t.created_at ?? null;
+            if (ts && (!latest || ts > latest))
+                latest = ts;
+        }
+        return latest;
+    }, [engineTasks]);
     return {
         planned,
+        nearestDeliveryDate: ordersQuery.data?.nearestDeliveryDate ?? null,
         awaiting: planned.filter((p) => p.awaitingEngine),
+        signalError,
+        lastEngineRun,
         isLoading: ordersQuery.isLoading || settingsQuery.isLoading || carriersQuery.isLoading || tasksLoading,
         error: ordersQuery.data?.orders?.length ? undefined : ordersQuery.data?.error,
         warning: ordersQuery.data?.orders?.length ? ordersQuery.data?.error : undefined,