@flowselections/floriday-afhandeling-module 1.0.64 → 1.0.69

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

@@ -3,9 +3,9 @@ import { useEffect, useState } from "react";
 import { useQueryClient } from "@tanstack/react-query";
 import { Badge, Button, toast } from "@flowselections/core";
 import { CheckCircle2, Clock, Loader2, PlayCircle, RefreshCw, AlertTriangle } from "lucide-react";
-import { autoProcessSalesOrder, fetchAutoProcessStatuses, } from "../../lib/floridayAutoProcess";
-import { supabase } from "../../integrations/supabase/moduleClient";
-import { replanToNextDeliveryMoment } from "../../lib/logisticsEngine/reschedule";
+import { autoProcessSalesOrder, fetchAutoProcessStatuses, } from "../../lib/floridayAutoProcess.js";
+import { supabase } from "../../integrations/supabase/moduleClient.js";
+import { replanToNextDeliveryMoment } from "../../lib/logisticsEngine/reschedule.js";
 const NL_DATE = new Intl.DateTimeFormat("nl-NL", { day: "2-digit", month: "short" });
 function formatWaiting(date) {
     const today = new Date();

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
-import { supabase } from "../../integrations/supabase/moduleClient";
+import { supabase } from "../../integrations/supabase/moduleClient.js";
 /** Tijdzone van de vestiging uit de Werktijden-instelling (alleen lezen); null = onbekend. */
 export function useVestigingTijdzone() {
     return useQuery({

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

@@ -1,4 +1,4 @@
-import { type CapacityDay } from "../../lib/logisticsEngine/capacity";
+import { type CapacityDay } from "../../lib/logisticsEngine/capacity.js";
 /**
  * Waarschuwing bij te weinig pickcapaciteit. Alle cijfers komen letterlijk
  * uit de Logistics Engine (logistics_capacity_day_check).

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertTriangle } from "lucide-react";
-import { capacityWarningText } from "../../lib/logisticsEngine/capacity";
+import { capacityWarningText } from "../../lib/logisticsEngine/capacity.js";
 /**
  * Waarschuwing bij te weinig pickcapaciteit. Alle cijfers komen letterlijk
  * uit de Logistics Engine (logistics_capacity_day_check).

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

@@ -1,5 +1,5 @@
-import type { ControlCart } from "../../lib/cartControl.functions";
-import { type PickstationLang } from "../../lib/pickstationI18n";
+import type { ControlCart } from "../../lib/cartControl.functions.js";
+import { type PickstationLang } from "../../lib/pickstationI18n.js";
 /**
  * Rendert de controlelijst als losstaande HTML-pagina (A4 portrait).
  * De HTML gaat naar de printwachtrij van de Layout maker; er wordt

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

@@ -1,5 +1,5 @@
-import { countryCode } from "../../lib/countries";
-import { getPrintDict, PICKSTATION_LOCALE, } from "../../lib/pickstationI18n";
+import { countryCode } from "../../lib/countries.js";
+import { getPrintDict, PICKSTATION_LOCALE, } from "../../lib/pickstationI18n.js";
 const DAY_ABBR_BY_LANG = {
     nl: ["ZO", "MA", "DI", "WO", "DO", "VR", "ZA"],
     en: ["SU", "MO", "TU", "WE", "TH", "FR", "SA"],

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

@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useMemo, useRef, useState } from "react";
 import { Button, Card, Checkbox, Dialog, DialogDescription, DialogTitle, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Textarea, Badge, toast, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
 import { Printer, CheckCircle2, AlertTriangle, History, ChevronLeft, ChevronRight, ScanLine } from "lucide-react";
-import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../ui/responsive-dialog.js";
+import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../../components/ui/responsive-dialog.js";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
-import { getTodaysControlCarts, getControlRescheduleProposals, submitControlSession, listControlHistory, getControlSessionDetail, getControlDraft, listDeliveredToday, saveControlDraft, } from "../../lib/cartControl.functions";
-import { ScanControleView } from "./ScanControleView";
-import { renderControleLijstHtml } from "./ControleLijstPrint";
-import { printHtmlDocument, printFoutMelding } from "../../lib/printing";
-import { callServerFn } from "../../lib/serverFnError";
+import { getTodaysControlCarts, getControlRescheduleProposals, submitControlSession, listControlHistory, getControlSessionDetail, getControlDraft, listDeliveredToday, saveControlDraft, } from "../../lib/cartControl.functions.js";
+import { ScanControleView } from "./ScanControleView.js";
+import { renderControleLijstHtml } from "./ControleLijstPrint.js";
+import { printHtmlDocument, printFoutMelding } from "../../lib/printing.js";
+import { callServerFn } from "../../lib/serverFnError.js";
 function dayDiffFromToday(iso) {
     const d = new Date(iso);
     if (Number.isNaN(d.getTime()))

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

@@ -1,9 +1,13 @@
-import type { PlannedOrder } from "../../hooks/useOrderPlanning";
+import type { PlannedOrder } from "../../hooks/useOrderPlanning.js";
 export interface DagDetailDialogProps {
     open: boolean;
     date: Date | null;
     planned: PlannedOrder[];
     onOpenChange: (open: boolean) => void;
+    /** Waar de dag op telt: leverdag (Planning en leveringen) of pickdag (Pick Agenda). */
+    basis?: "lever" | "pick";
+    /** Order (id) die uitgelicht wordt, bv. vanuit een link. */
+    highlightOrderId?: string | null;
 }
 export declare function DagDetailDialog(props: DagDetailDialogProps): import("react").JSX.Element | null;
 //# sourceMappingURL=DagDetailDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DagDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/DagDetailDialog.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AA6JjE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAQD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,sCAG1D"}
+{"version":3,"file":"DagDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/DagDetailDialog.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AA+LjE,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAUD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,sCAG1D"}

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

@@ -1,28 +1,59 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createContext, useContext, useState } from "react";
+import { createContext, useContext, useMemo, useState } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Badge, Checkbox, Button, Dialog, DialogTitle, DialogDescription, Input, Tabs, TabsContent, TabsList, TabsTrigger, toast, } from "@flowselections/core";
 import { AlertTriangle, CalendarClock, CheckCircle2, ChevronDown, ChevronRight, Printer, Users } from "lucide-react";
-import { useStickerMeldingen, useOrderArchived } from "../../hooks/useOrderMeldingen";
-import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../ui/responsive-dialog.js";
-import { usePickAgenda } from "../../hooks/usePickAgenda";
-import { useOrderBuffers, useBufferMembers } from "../../hooks/useOrderBuffers";
-import { isSameDay } from "../../lib/pickDate";
-import { getOrderLines, getDayCartContents, getOrderCartIds, getPakbonCartInfo, } from "../../lib/cartAssignments.functions";
-import { printLayoutDocument, printPdfDocument, printFoutMelding } from "../../lib/printing";
-import { NuVersturenButton } from "./NuVersturenButton";
-import { AutoSendStatus } from "./AutoSendStatus";
-import { SignupMailMoments } from "./SignupMailMoments";
-import { CapacityWarning } from "./CapacityWarning";
-import { useCapacityCheck } from "../../hooks/useCapacityCheck";
-import { toDayKey } from "../../lib/logisticsEngine/capacity";
-import { VerzetOrderDialog } from "./VerzetOrderDialog";
-import { markOrderShipped } from "../../lib/orderFulfilment.functions";
-import { getDeliveryNotePdf } from "../../lib/deliveryNote.functions";
-import { getShippingNoteLayout } from "../../lib/engineLayouts.functions";
-import { setPickDay } from "../../lib/logisticsEngine/reschedule";
-import { clearDayStaffPlan, computeCapacity, getDayStaffPlan, getEngineStaffDefaults, setDayStaffPlan, toDateKey, } from "../../lib/logisticsEngine/staffPlanning";
+import { useStickerMeldingen, useOrderArchived } from "../../hooks/useOrderMeldingen.js";
+import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../../components/ui/responsive-dialog.js";
+import { usePickAgenda } from "../../hooks/usePickAgenda.js";
+import { useOrderBuffers, useBufferMembers } from "../../hooks/useOrderBuffers.js";
+import { isSameDay } from "../../lib/pickDate.js";
+import { isExcludedOrderStatus } from "../../lib/orderStatus.js";
+import { getOrderLines, getDayCartContents, getOrderCartIds, getPakbonCartInfo, } from "../../lib/cartAssignments.functions.js";
+import { printLayoutDocument, printPdfDocument, printFoutMelding } from "../../lib/printing.js";
+import { NuVersturenButton } from "./NuVersturenButton.js";
+import { AutoSendStatus } from "./AutoSendStatus.js";
+import { SignupMailMoments } from "./SignupMailMoments.js";
+import { getSignupOverview } from "../../lib/carrierSignup.functions.js";
+import { useServerFn as useSignupServerFn } from "@tanstack/react-start";
+import { useQuery as useSignupQuery } from "@tanstack/react-query";
+const SignupFlagCtx = createContext(new Map());
+function shiftDay(key, days) {
+    const d = new Date(`${key}T12:00:00Z`);
+    d.setUTCDate(d.getUTCDate() + days);
+    return d.toISOString().slice(0, 10);
+}
+function useSignupFlags(dayKey) {
+    const fetchOverview = useSignupServerFn(getSignupOverview);
+    const from = dayKey ? shiftDay(dayKey, -7) : null;
+    const to = dayKey ? shiftDay(dayKey, 7) : null;
+    const q = useSignupQuery({
+        queryKey: ["afhandeling", "signup-overview", from, to],
+        enabled: !!from && !!to,
+        queryFn: () => fetchOverview({ data: { from: from, to: to } }),
+        refetchInterval: 60000,
+    });
+    return useMemo(() => {
+        const m = new Map();
+        for (const g of q.data?.groups ?? []) {
+            for (const id of g.late_order_ids ?? [])
+                m.set(id, "late");
+            for (const p of g.pending_orders ?? [])
+                m.set(p.orderId, "pending");
+        }
+        return m;
+    }, [q.data]);
+}
+import { CapacityWarning } from "./CapacityWarning.js";
+import { useCapacityCheck } from "../../hooks/useCapacityCheck.js";
+import { toDayKey } from "../../lib/logisticsEngine/capacity.js";
+import { VerzetOrderDialog } from "./VerzetOrderDialog.js";
+import { markOrderShipped } from "../../lib/orderFulfilment.functions.js";
+import { getDeliveryNotePdf } from "../../lib/deliveryNote.functions.js";
+import { getShippingNoteLayout } from "../../lib/engineLayouts.functions.js";
+import { setPickDay } from "../../lib/logisticsEngine/reschedule.js";
+import { clearDayStaffPlan, computeCapacity, getDayStaffPlan, getEngineStaffDefaults, setDayStaffPlan, toDateKey, } from "../../lib/logisticsEngine/staffPlanning.js";
 function voortgang(status) {
     const s = (status ?? "").trim().toLowerCase();
     if (["done", "completed", "afgerond", "afgehandeld", "shipped", "verzonden", "delivered", "geleverd", "afgeleverd", "checked", "gecontroleerd"].includes(s)) {
@@ -79,6 +110,7 @@ function StickerMeldingen({ orderId }) {
         return null;
     return (_jsx("ul", { className: "space-y-1", children: q.data.map((m, i) => (_jsxs("li", { className: "flex items-start gap-1 text-xs text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-3 w-3 shrink-0" }), _jsx("span", { children: m.melding })] }, (m.stickerId ?? "") + i))) }));
 }
+const HighlightCtx = createContext(null);
 const NL_DATE = new Intl.DateTimeFormat("nl-NL", { dateStyle: "full" });
 function refKey(value) {
     return (value ?? "").trim().toUpperCase();
@@ -88,7 +120,7 @@ export function DagDetailDialog(props) {
         return null;
     return _jsx(DagDetailContent, { ...props, date: props.date });
 }
-function DagDetailContent({ open, date, planned, onOpenChange, }) {
+function DagDetailContent({ open, date, planned, onOpenChange, basis = "pick", highlightOrderId, }) {
     const dayKey = toDayKey(date);
     const agenda = usePickAgenda(dayKey, dayKey);
     const row = agenda.byDate.get(dayKey);
@@ -102,16 +134,28 @@ function DagDetailContent({ open, date, planned, onOpenChange, }) {
                 plannedByRef.set(k, p);
         }
     }
-    const ordersOnDay = (row?.orders ?? []).map((o) => ({
-        ref: o.orderRef,
-        carts: o.carts,
-        plants: o.plants,
-        status: o.status,
-        planned: plannedByRef.get(refKey(o.orderRef)) ?? null,
-    }));
+    // Leverdag: dezelfde orders als de dagkaart in Planning en leveringen.
+    const ordersOnDay = basis === "lever"
+        ? planned
+            .filter((p) => p.planning?.deliveryDate && isSameDay(p.planning.deliveryDate, date))
+            .filter((p) => !/annul|cancel/i.test(p.order.status ?? "") && !isExcludedOrderStatus(p.order.status))
+            .map((p) => ({
+            ref: p.order.orderNumber || p.order.id,
+            carts: (p.planning?.pickAssignments ?? []).reduce((s, a) => s + a.cartCount, 0),
+            plants: p.order.plantCount ?? 0,
+            status: p.order.status ?? "",
+            planned: p,
+        }))
+        : (row?.orders ?? []).map((o) => ({
+            ref: o.orderRef,
+            carts: o.carts,
+            plants: o.plants,
+            status: o.status,
+            planned: plannedByRef.get(refKey(o.orderRef)) ?? null,
+        }));
     // Aanvullen met lokaal ingeplande orders die de Engine-rij (nog) niet noemt.
     const seen = new Set(ordersOnDay.map((o) => refKey(o.ref)));
-    for (const p of planned) {
+    for (const p of basis === "lever" ? [] : planned) {
         const assigns = p.planning?.pickAssignments ?? [];
         const today = assigns.find((a) => isSameDay(a.date, date));
         if (!today)
@@ -180,8 +224,9 @@ function DagDetailContent({ open, date, planned, onOpenChange, }) {
         }
     }
     // Tel karren op unieke kar-id (gedeelde bufferkar één keer); rijen zonder id tellen los.
+    const signupFlags = useSignupFlags(dayKey ?? null);
     const uniekeKarren = new Set(cartRows.map((c) => c.cartId ?? `zonder-id:${c.key}`)).size;
-    return (_jsx(ShipStateCtx.Provider, { value: shipState, children: _jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(ResponsiveDialogContent, { size: "xl", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsxs(DialogTitle, { children: ["Dagdetails \u2014 ", NL_DATE.format(date)] }), _jsxs(DialogDescription, { children: [ordersOnDay.length, " bestellingen \u00B7 ", uniekeKarren, " ", uniekeKarren === 1 ? "kar" : "karren", " \u00B7", " ", ordersOnDay.filter((o) => voortgang(o.status).done).length, " van ", ordersOnDay.length, " ", "bestellingen afgehandeld \u00B7 ", new Set(cartRows.filter((c) => voortgang(c.status).done).map((c) => c.cartId ?? `zonder-id:${c.key}`)).size, " van", " ", uniekeKarren, " karren afgehandeld"] })] }), _jsxs(ResponsiveDialogBody, { children: [_jsx(DayCapacityWarning, { date: date }), _jsx(BezettingCard, { date: date, cartsToday: uniekeKarren }), _jsx(SignupMailMoments, { from: dayKey, to: dayKey }), _jsxs(Tabs, { defaultValue: "bestellingen", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "bestellingen", children: ["Bestellingen (", ordersOnDay.length, ")"] }), _jsxs(TabsTrigger, { value: "karren", children: ["Karren (", uniekeKarren, ")"] })] }), _jsx(TabsContent, { value: "bestellingen", className: "mt-4", children: _jsx(BestellingenTab, { orders: ordersOnDay, isLoading: agenda.isLoading }) }), _jsx(TabsContent, { value: "karren", className: "mt-4", children: _jsx(KarrenTab, { carts: cartRows }) })] })] }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Sluiten" }) })] }) }) }));
+    return (_jsx(SignupFlagCtx.Provider, { value: signupFlags, children: _jsx(HighlightCtx.Provider, { value: highlightOrderId ?? null, children: _jsx(ShipStateCtx.Provider, { value: shipState, children: _jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(ResponsiveDialogContent, { size: "xl", children: [_jsxs(ResponsiveDialogHeader, { children: [_jsxs(DialogTitle, { children: ["Dagdetails \u2014 ", NL_DATE.format(date), " (", basis === "lever" ? "leverdag" : "pickdag", ")"] }), _jsxs(DialogDescription, { children: [basis === "lever" ? "Bestellingen die op deze dag worden geleverd. " : "Bestellingen die op deze dag worden gepickt. ", ordersOnDay.length, " ", ordersOnDay.length === 1 ? "bestelling" : "bestellingen", " \u00B7 ", uniekeKarren, " ", uniekeKarren === 1 ? "kar" : "karren", " \u00B7", " ", ordersOnDay.filter((o) => voortgang(o.status).done).length, " van ", ordersOnDay.length, " ", ordersOnDay.length === 1 ? "bestelling" : "bestellingen", " afgehandeld \u00B7 ", new Set(cartRows.filter((c) => voortgang(c.status).done).map((c) => c.cartId ?? `zonder-id:${c.key}`)).size, " van", " ", uniekeKarren, " ", uniekeKarren === 1 ? "kar" : "karren", " afgehandeld"] })] }), _jsxs(ResponsiveDialogBody, { children: [_jsx(DayCapacityWarning, { date: date }), _jsx(BezettingCard, { date: date, cartsToday: uniekeKarren }), _jsx(SignupMailMoments, { from: dayKey, to: dayKey }), _jsxs(Tabs, { defaultValue: "bestellingen", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "bestellingen", children: ["Bestellingen (", ordersOnDay.length, ")"] }), _jsxs(TabsTrigger, { value: "karren", children: ["Karren (", uniekeKarren, ")"] })] }), _jsx(TabsContent, { value: "bestellingen", className: "mt-4", children: _jsx(BestellingenTab, { orders: ordersOnDay, isLoading: agenda.isLoading }) }), _jsx(TabsContent, { value: "karren", className: "mt-4", children: _jsx(KarrenTab, { carts: cartRows }) })] })] }), _jsx(ResponsiveDialogFooter, { children: _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Sluiten" }) })] }) }) }) }) }));
 }
 function BezettingCard({ date, cartsToday }) {
     const queryClient = useQueryClient();
@@ -607,6 +652,12 @@ function EngineOrderRow({ order }) {
     const vg = useVoortgang(order.ref, order.status);
     return (_jsx("div", { className: "rounded-lg border bg-card px-4 py-3", children: _jsxs("div", { className: "grid grid-cols-2 gap-3 text-sm md:grid-cols-4", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: order.ref }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Alleen bekend in de planning" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Karren vandaag" }), _jsx("div", { children: order.carts })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Planten" }), _jsx("div", { children: order.plants })] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx(StatusBadge, { vg: vg }), _jsx(AfhandelenButton, { orderRef: order.ref, done: vg.done })] })] }) }));
 }
+function SignupFlagLabel({ orderId }) {
+    const flag = useContext(SignupFlagCtx).get(orderId);
+    if (!flag)
+        return null;
+    return (_jsx("div", { className: "text-xs font-medium text-destructive", children: flag === "late" ? "Te laat aangemeld bij de vervoerder" : "Heeft nog geen karindeling en is nog niet aangemeld bij de vervoerder" }));
+}
 function OrderRow({ planned: p, cartsToday, engineStatus, }) {
     const [open, setOpen] = useState(false);
     const [printing, setPrinting] = useState(false);
@@ -647,7 +698,8 @@ function OrderRow({ planned: p, cartsToday, engineStatus, }) {
             setPrinting(false);
         }
     };
-    return (_jsxs("div", { className: "rounded-lg border bg-card", children: [_jsxs("div", { className: "flex flex-col gap-3 p-3", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), className: "-m-1 flex items-start gap-3 rounded-md p-1 text-left hover:bg-muted/50", children: [open ? (_jsx(ChevronDown, { className: "mt-1 h-4 w-4 shrink-0" })) : (_jsx(ChevronRight, { className: "mt-1 h-4 w-4 shrink-0" })), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-baseline gap-x-6 gap-y-1 text-sm", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium", children: p.order.orderNumber }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: p.order.customerName })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Type ", _jsx("span", { className: "text-foreground", children: p.order.deliveryType })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Leverdatum", " ", _jsx("span", { className: "text-foreground", children: p.order.deliveryDate
+    const highlighted = useContext(HighlightCtx) === p.order.id;
+    return (_jsxs("div", { className: `rounded-lg border bg-card ${highlighted ? "ring-2 ring-primary" : ""}`, ref: highlighted ? (el) => el?.scrollIntoView({ block: "center" }) : undefined, children: [_jsxs("div", { className: "flex flex-col gap-3 p-3", children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), className: "-m-1 flex items-start gap-3 rounded-md p-1 text-left hover:bg-muted/50", children: [open ? (_jsx(ChevronDown, { className: "mt-1 h-4 w-4 shrink-0" })) : (_jsx(ChevronRight, { className: "mt-1 h-4 w-4 shrink-0" })), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-baseline gap-x-6 gap-y-1 text-sm", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium", children: p.order.orderNumber }), _jsx(SignupFlagLabel, { orderId: p.order.id }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: p.order.customerName })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Type ", _jsx("span", { className: "text-foreground", children: p.order.deliveryType })] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Leverdatum", " ", _jsx("span", { className: "text-foreground", children: p.order.deliveryDate
                                                             ? new Date(p.order.deliveryDate).toLocaleDateString("nl-NL")
                                                             : "—" })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Badge, { variant: "secondary", children: [cartsToday, " ", cartsToday === 1 ? "kar" : "karren", " vandaag"] }), _jsx(StatusBadge, { vg: vg })] }), _jsx(StickerMeldingen, { orderId: p.order.id })] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t pt-3", children: [p.order.orderNumber && p.order.salesOrderId && !shipStateRow?.floridaySent ? _jsx(NuVersturenButton, { orderRef: p.order.orderNumber }) : null, p.order.salesOrderId ? _jsx(AutoSendStatus, { orderId: p.order.id, orderRef: p.order.orderNumber }) : null, _jsx(AfhandelenButton, { orderRef: p.order.orderNumber, done: vg.done }), _jsxs(Button, { size: "sm", variant: "outline", onClick: handlePrintAll, disabled: printing, title: "Alle documenten van deze bestelling afdrukken (pakbonnen per kar en de verzendbrief)", children: [_jsx(Printer, { className: "mr-1 h-3.5 w-3.5" }), printing ? "In de Printwachtrij…" : "Alle documenten afdrukken"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: (e) => {
                                     e.stopPropagation();

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":"AAOA,wBAAgB,cAAc,gCAqC7B"}
+{"version":3,"file":"LeveringenPage.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/LeveringenPage.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,cAAc,gCAmD7B"}

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

@@ -1,14 +1,36 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { Button } from "@flowselections/core";
-import { WeekAgendaView } from "./WeekAgendaView";
-import { DagDetailDialog } from "./DagDetailDialog";
-import { useOrderPlanning } from "../../hooks/useOrderPlanning";
-import { agendaRange, currentWeekStart } from "../../lib/agendaRange";
+import { WeekAgendaView } from "./WeekAgendaView.js";
+import { DagDetailDialog } from "./DagDetailDialog.js";
+import { useOrderPlanning } from "../../hooks/useOrderPlanning.js";
+import { agendaRange, currentWeekStart } from "../../lib/agendaRange.js";
+import { startOfWeek } from "../../lib/pickDate.js";
+/** Leest ?dag=JJJJ-MM-DD&order=<order_id> (link vanuit bv. Dashboards). */
+function readLinkParams() {
+    const sp = new URLSearchParams(window.location.search);
+    const dag = sp.get("dag");
+    const order = sp.get("order");
+    const m = dag && /^(\d{4})-(\d{2})-(\d{2})$/.exec(dag);
+    const day = m ? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3])) : null;
+    const orderId = order && /^[0-9a-f-]{36}$/i.test(order) ? order : null;
+    return { day: day && !Number.isNaN(day.getTime()) ? day : null, orderId };
+}
 export function LeveringenPage() {
     const [weekStart, setWeekStart] = useState(() => currentWeekStart());
     const range = useMemo(() => agendaRange(weekStart), [weekStart]);
     const { planned, nearestDeliveryDate, isLoading, error, warning, refetch } = useOrderPlanning(range);
     const [dayDetailDate, setDayDetailDate] = useState(null);
-    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, onWeekChange: setWeekStart, onDayClick: setDayDetailDate, jumpToDate: nearestDeliveryDate })), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: planned, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
+    const [highlightOrderId, setHighlightOrderId] = useState(null);
+    const [linkDay, setLinkDay] = useState(null);
+    useEffect(() => {
+        const { day, orderId } = readLinkParams();
+        if (day) {
+            setLinkDay(new URLSearchParams(window.location.search).get("dag"));
+            setWeekStart(startOfWeek(day));
+            setDayDetailDate(day);
+            setHighlightOrderId(orderId);
+        }
+    }, []);
+    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, onWeekChange: setWeekStart, onDayClick: (d) => { setHighlightOrderId(null); setDayDetailDate(d); }, jumpToDate: linkDay ?? nearestDeliveryDate })), _jsx(DagDetailDialog, { open: !!dayDetailDate, date: dayDetailDate, planned: planned, basis: "lever", highlightOrderId: highlightOrderId, onOpenChange: (o) => !o && setDayDetailDate(null) })] }));
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { VervoerderForm } from "./VervoerderForm";
+import { VervoerderForm } from "./VervoerderForm.js";
 /** Aanmaakpagina: altijd een leeg formulier, nooit een bestaand id. */
 export function NieuweVervoerderPage() {
     return _jsx(VervoerderForm, { carrierId: null });

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

@@ -4,7 +4,7 @@ import { useServerFn } from "@tanstack/react-start";
 import { useQueryClient } from "@tanstack/react-query";
 import { Button, toast, AlertDialog, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "@flowselections/core";
 import { Send, Loader2, CheckCircle2, XCircle } from "lucide-react";
-import { prepareFloridayLoading, sendFloridayLoading, } from "../../lib/floridayLoading.functions";
+import { prepareFloridayLoading, sendFloridayLoading, } from "../../lib/floridayLoading.functions.js";
 /** "Nu versturen": toont eerst een samenvatting met controles en vraagt bevestiging. */
 const PICK_LABEL = {
     geen_pickrij: "nog niet gepickt",

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

@@ -1,4 +1,4 @@
-import type { FloridayOrder } from "../../lib/floriday.functions";
+import type { FloridayOrder } from "../../lib/floriday.functions.js";
 export interface PickAgendaViewProps {
     onOrderClick?: (order: FloridayOrder) => void;
 }

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

@@ -1,11 +1,11 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { Button } from "@flowselections/core";
-import { WeekAgendaView } from "./WeekAgendaView";
-import { DagDetailDialog } from "./DagDetailDialog";
-import { useVestigingTijdzone } from "./AutoSendStatus";
-import { useOrderPlanning } from "../../hooks/useOrderPlanning";
-import { agendaRange, currentWeekStart } from "../../lib/agendaRange";
+import { WeekAgendaView } from "./WeekAgendaView.js";
+import { DagDetailDialog } from "./DagDetailDialog.js";
+import { useVestigingTijdzone } from "./AutoSendStatus.js";
+import { useOrderPlanning } from "../../hooks/useOrderPlanning.js";
+import { agendaRange, currentWeekStart } from "../../lib/agendaRange.js";
 /** Toon hooguit dit aantal ordernummers per categorie; de rest telt als "meer". */
 const MAX_REFS = 8;
 function refsOf(items) {

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PickAgendaView } from "./PickAgendaView";
+import { PickAgendaView } from "./PickAgendaView.js";
 export function PickingPage() {
     return (_jsxs("main", { className: "flex h-full flex-col gap-6 overflow-hidden p-6", children: [_jsxs("div", { className: "shrink-0", 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("div", { className: "min-h-0 flex-1", children: _jsx(PickAgendaView, {}) })] }));
 }

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

@@ -1,4 +1,4 @@
-import { type WeekAgendaMode } from "./WeekAgendaView";
+import { type WeekAgendaMode } from "./WeekAgendaView.js";
 interface Props {
     title: string;
     description: string;

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { WeekAgendaView } from "./WeekAgendaView";
-import { useOrderPlanning } from "../../hooks/useOrderPlanning";
+import { WeekAgendaView } from "./WeekAgendaView.js";
+import { useOrderPlanning } from "../../hooks/useOrderPlanning.js";
 export function PlanningAgendaPage({ title, description, mode }) {
     const { planned, isLoading, error, warning } = 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 })), warning && !error && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-3 text-sm text-amber-900", children: [warning, " De beschikbare orders blijven zichtbaar."] })), _jsx(WeekAgendaView, { planned: planned, mode: mode, isLoading: isLoading })] }));

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { Popover, PopoverContent, PopoverTrigger, Badge, cn } from "@flowselections/core";
 import { ChevronDown, Search, X, Check, Globe, MapPin, Building2 } from "lucide-react";
-import { GEO_ITEMS, getGeoItem } from "../../lib/geo/euServiceAreas";
+import { GEO_ITEMS, getGeoItem } from "../../lib/geo/euServiceAreas.js";
 const LEVEL_META = {
     country: { label: "Land", icon: Globe, tone: "bg-blue-100 text-blue-700" },
     province: { label: "Provincie", icon: MapPin, tone: "bg-emerald-100 text-emerald-700" },

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

@@ -4,8 +4,8 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Button, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, toast, } from "@flowselections/core";
 import { Mail } from "lucide-react";
-import { getSignupOverview, previewSignupMail, sendSignupMailNow, } from "../../lib/carrierSignup.functions";
-import { fmtDayTime, fmtTime, signupReasonText } from "../../lib/signupMailText";
+import { getSignupOverview, previewSignupMail, sendSignupMailNow, } from "../../lib/carrierSignup.functions.js";
+import { fmtDayTime, fmtTime, signupReasonText } from "../../lib/signupMailText.js";
 export function SignupMailMoments({ from, to, compact }) {
     const fetchOverview = useServerFn(getSignupOverview);
     const q = useQuery({
@@ -29,15 +29,18 @@ export function SignupMailMoments({ from, to, compact }) {
         return null;
     return (_jsxs("div", { className: "space-y-2 rounded-md border p-3", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium", children: [_jsx(Mail, { className: "h-4 w-4 text-primary" }), " Aanmeldmail vervoerders"] }), !ov.enabled ? _jsx("p", { className: "text-xs text-muted-foreground", children: "De aanmeldmail staat uit." }) : null, reason && ov.enabled ? _jsx("p", { className: "text-xs text-destructive", children: reason }) : null, unassigned > 0 ? (_jsxs("p", { className: "text-xs text-destructive", children: [unassigned, " ", unassigned === 1 ? "order heeft" : "orders hebben", " geen vervoerder. Stel een standaardvervoerder in bij Vervoerders."] })) : null, _jsx("ul", { className: "space-y-1", children: ov.groups.map((g) => (_jsx(MomentRow, { g: g, tz: tz, compact: compact, enabled: ov.enabled, onPreview: () => setPreview(g) }, `${g.carrier_id}-${g.pickup_date}-${g.pickup_moment_key}`))) }), preview ? _jsx(PreviewDialog, { g: preview, onClose: () => setPreview(null) }) : null] }));
 }
+const kar = (n) => `${n} ${n === 1 ? "kar" : "karren"}`;
 function statusLine(g, tz, enabled) {
     const moment = compactMoment(g, tz);
     if (g.last) {
-        const base = `Aanmeldmail verstuurd om ${fmtTime(g.last.sent_at, tz)} naar ${g.carrier_name} · ${g.last.cart_count} karren`;
-        return g.last.fingerprint_match ? `${moment} — ${base}` : `${moment} — ${base} · wijziging volgt: nu ${g.cart_count} karren`;
+        if (g.last.fingerprint_match) {
+            return `${moment} — Al verstuurd om ${fmtTime(g.last.sent_at, tz)} naar ${g.carrier_name} · ${kar(g.last.cart_count)} — er is niets veranderd`;
+        }
+        return `${moment} — Aanmeldmail verstuurd om ${fmtTime(g.last.sent_at, tz)} naar ${g.carrier_name} · ${kar(g.last.cart_count)} · wijziging volgt: nu ${kar(g.cart_count)}`;
     }
     if (!enabled)
-        return `${moment} — ${g.carrier_name} · ${g.cart_count} karren`;
-    return `${moment} — Aanmeldmail volgt om ${fmtTime(g.send_at, tz)} naar ${g.carrier_name} · ${g.cart_count} karren`;
+        return `${moment} — ${g.carrier_name} · ${kar(g.cart_count)}`;
+    return `${moment} — Aanmeldmail volgt om ${fmtTime(g.send_at, tz)} naar ${g.carrier_name} · ${kar(g.cart_count)}`;
 }
 function compactMoment(g, tz) {
     return `Ophalen ${fmtDayTime(g.pickup_at, tz)}`;
@@ -50,6 +53,8 @@ function MomentRow({ g, tz, compact, enabled, onPreview }) {
         onSuccess: (r) => {
             if (r.code === "sent")
                 toast.success("Aanmeldmail verstuurd");
+            else if (r.code === "waiting_for_carts")
+                toast.info("Even wachten: een order heeft nog geen karindeling");
             else if (r.code === "already_sent")
                 toast.info("Deze stand is al verstuurd");
             else
@@ -60,7 +65,7 @@ function MomentRow({ g, tz, compact, enabled, onPreview }) {
         onError: (e) => toast.error(e instanceof Error ? e.message : "Versturen lukte niet"),
     });
     const upToDate = g.last?.fingerprint_match === true;
-    return (_jsxs("li", { className: "flex flex-wrap items-center justify-between gap-2 text-xs", children: [_jsx("span", { children: statusLine(g, tz, enabled) }), compact ? null : (_jsxs("span", { className: "flex gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: onPreview, children: "Voorbeeld bekijken" }), _jsx(Button, { size: "sm", disabled: !enabled || upToDate || m.isPending, onClick: () => m.mutate(), children: m.isPending ? "Versturen…" : "Nu versturen" })] }))] }));
+    return (_jsxs("li", { className: "flex flex-wrap items-center justify-between gap-2 text-xs", children: [_jsxs("span", { className: "space-y-0.5", children: [_jsx("span", { className: "block", children: statusLine(g, tz, enabled) }), (g.pending_orders ?? []).map((p) => (_jsxs("span", { className: "block text-destructive", children: [p.orderNumber ?? "Een order", " heeft nog geen karindeling en is nog niet aangemeld", g.wait_until && new Date(g.wait_until).getTime() > Date.now() ? ` — de mail wacht tot ${fmtTime(g.wait_until, tz)}` : ""] }, p.orderId))), (g.late_order_ids ?? []).length > 0 ? (_jsxs("span", { className: "block text-destructive", children: ["Te laat aangemeld: ", (g.late_order_ids ?? []).length, " ", (g.late_order_ids ?? []).length === 1 ? "order" : "orders", " \u2014 de vervoerder wordt gevraagd te bevestigen"] })) : null] }), compact ? null : (_jsxs("span", { className: "flex gap-2", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: onPreview, children: "Voorbeeld bekijken" }), _jsx(Button, { size: "sm", disabled: !enabled || upToDate || m.isPending, onClick: () => m.mutate(), children: m.isPending ? "Versturen…" : "Nu versturen" })] }))] }));
 }
 function PreviewDialog({ g, onClose }) {
     const fetchPreview = useServerFn(previewSignupMail);

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { VervoerderForm } from "./VervoerderForm";
+import { VervoerderForm } from "./VervoerderForm.js";
 /**
  * Detailpagina van een vervoerder.
  *

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":"AA+CA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AA2PD,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,+BAyalD"}
+{"version":3,"file":"VervoerderForm.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/VervoerderForm.tsx"],"names":[],"mappings":"AA+CA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAqQD,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,+BAiblD"}