@flowselections/floriday-afhandeling-module 1.0.66 → 1.0.71

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

@@ -5,11 +5,11 @@ import { Printer, CheckCircle2, AlertTriangle, History, ChevronLeft, ChevronRigh
 import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../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,4 +1,4 @@
-import type { PlannedOrder } from "../../hooks/useOrderPlanning";
+import type { PlannedOrder } from "../../hooks/useOrderPlanning.js";
 export interface DagDetailDialogProps {
     open: boolean;
     date: Date | null;

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;AA8JjE,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"}
+{"version":3,"file":"DagDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/components/afhandeling/DagDetailDialog.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAgMjE,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,29 +1,61 @@
 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 { useStickerMeldingen, useOrderArchived } from "../../hooks/useOrderMeldingen.js";
 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 { isExcludedOrderStatus } from "../../lib/orderStatus";
-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 { 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");
+            for (const id of g.floriday_done_order_ids ?? [])
+                m.set(id, "floriday");
+        }
+        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)) {
@@ -194,8 +226,9 @@ function DagDetailContent({ open, date, planned, onOpenChange, basis = "pick", h
         }
     }
     // 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(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" }) })] }) }) }) }));
+    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();
@@ -621,6 +654,14 @@ 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;
+    if (flag === "floriday")
+        return _jsx("div", { className: "text-xs font-medium text-primary", children: "Afgehandeld in Floriday" });
+    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);
@@ -662,7 +703,7 @@ function OrderRow({ planned: p, cartsToday, engineStatus, }) {
         }
     };
     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("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
+    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.js

@@ -1,11 +1,11 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 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 { startOfWeek } from "../../lib/pickDate";
+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);

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({
@@ -53,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
@@ -63,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.js

@@ -5,11 +5,11 @@ import { Truck, User, Mail, Phone, MapPin, Calendar, Clock, FileText, Globe, Plu
 import { Link, useNavigate } from "@tanstack/react-router";
 import { useServerFn } from "@tanstack/react-start";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { getCarrier, upsertCarrier, } from "../../lib/carriers.functions";
-import { DEFAULT_PICKUP_MOMENT } from "../../lib/planning";
-import { COUNTRIES, countryName } from "../../lib/countries";
-import { ServiceAreaSelect } from "./ServiceAreaSelect";
-import { WeekdayPicker } from "./WeekdayPicker";
+import { getCarrier, upsertCarrier, } from "../../lib/carriers.functions.js";
+import { DEFAULT_PICKUP_MOMENT } from "../../lib/planning.js";
+import { COUNTRIES, countryName } from "../../lib/countries.js";
+import { ServiceAreaSelect } from "./ServiceAreaSelect.js";
+import { WeekdayPicker } from "./WeekdayPicker.js";
 const EMPTY = {
     name: "",
     contact_person: "",
@@ -141,7 +141,7 @@ export function VervoerderForm({ carrierId }) {
         },
         onSuccess: async () => {
             toast.success(isEdit ? "Vervoerder bijgewerkt" : "Vervoerder aangemaakt");
-            const { invalidatePlanning } = await import("../../lib/invalidatePlanning");
+            const { invalidatePlanning } = await import("../../lib/invalidatePlanning.js");
             await invalidatePlanning(queryClient);
             if (carrierId)
                 queryClient.invalidateQueries({ queryKey: ["carrier", carrierId] });

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

@@ -6,11 +6,11 @@ import { ResponsiveAlertDialogBody, ResponsiveAlertDialogContent, ResponsiveAler
 import { Link } from "@tanstack/react-router";
 import { useServerFn } from "@tanstack/react-start";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { toServerFnError } from "../../lib/serverFnError";
-import { listCarriers, deleteCarrier, reorderCarriers } from "../../lib/carriers.functions";
-import { carrierLeadDaysFromMoments } from "../../lib/carrierPlanning";
-import { VervoerderForm } from "./VervoerderForm";
-import { resolveCarrierId } from "./VervoerderBewerkenPage";
+import { toServerFnError } from "../../lib/serverFnError.js";
+import { listCarriers, deleteCarrier, reorderCarriers } from "../../lib/carriers.functions.js";
+import { carrierLeadDaysFromMoments } from "../../lib/carrierPlanning.js";
+import { VervoerderForm } from "./VervoerderForm.js";
+import { resolveCarrierId } from "./VervoerderBewerkenPage.js";
 /**
  * Bewerken gebeurt via een searchparam (?id=<uuid>) i.p.v. een dynamisch
  * URL-segment, zodat het ook werkt in hosts/shells die alleen statische
@@ -44,7 +44,7 @@ function VervoerdersLijst() {
         mutationFn: (id) => removeCarrier({ data: { id } }),
         onSuccess: async () => {
             toast.success("Vervoerder verwijderd");
-            const { invalidatePlanning } = await import("../../lib/invalidatePlanning");
+            const { invalidatePlanning } = await import("../../lib/invalidatePlanning.js");
             await invalidatePlanning(queryClient);
             setDeletingId(null);
         },
@@ -53,7 +53,7 @@ function VervoerdersLijst() {
     const reorderMutation = useMutation({
         mutationFn: (orderedIds) => reorder({ data: { orderedIds } }),
         onSuccess: async () => {
-            const { invalidatePlanning } = await import("../../lib/invalidatePlanning");
+            const { invalidatePlanning } = await import("../../lib/invalidatePlanning.js");
             await invalidatePlanning(queryClient);
         },
         onError: (err) => toast.error(err.message),

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

@@ -4,12 +4,12 @@ import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Badge, Button, Dialog, DialogTitle, DialogDescription, Input, Label, Textarea, toast, } from "@flowselections/core";
 import { ResponsiveDialogBody, ResponsiveDialogContent, ResponsiveDialogFooter, ResponsiveDialogHeader, } from "../ui/responsive-dialog.js";
-import { applyReschedule, listRescheduleHistory, previewReschedule, getPickMoments, setPickDay, } from "../../lib/logisticsEngine/reschedule";
-import { ENGINE_TASKS_KEY } from "../../hooks/useEngineTasks";
-import { listCarriers } from "../../lib/carriers.functions";
-import { normalizePickupMoments, selectCarrierForTarget } from "../../lib/carrierPlanning";
-import { safeServerCall } from "../../lib/serverFnError";
-import { amsterdamDay, formatAmsterdam } from "../../lib/timezone";
+import { applyReschedule, listRescheduleHistory, previewReschedule, getPickMoments, setPickDay, } from "../../lib/logisticsEngine/reschedule.js";
+import { ENGINE_TASKS_KEY } from "../../hooks/useEngineTasks.js";
+import { listCarriers } from "../../lib/carriers.functions.js";
+import { normalizePickupMoments, selectCarrierForTarget } from "../../lib/carrierPlanning.js";
+import { safeServerCall } from "../../lib/serverFnError.js";
+import { amsterdamDay, formatAmsterdam } from "../../lib/timezone.js";
 function fmtDateTime(v) {
     if (!v)
         return "—";

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

@@ -1,5 +1,5 @@
-import type { FloridayOrder } from "../../lib/floriday.functions";
-import type { PlannedOrder } from "../../hooks/useOrderPlanning";
+import type { FloridayOrder } from "../../lib/floriday.functions.js";
+import type { PlannedOrder } from "../../hooks/useOrderPlanning.js";
 export type WeekAgendaMode = "delivery" | "pickup" | "transport-register" | "pick";
 export interface WeekAgendaViewProps {
     planned: PlannedOrder[];

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

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { supabase } from "../../integrations/supabase/moduleClient";
-import { isExcludedOrderStatus, normalizeOrderStatus } from "../../lib/orderStatus";
+import { supabase } from "../../integrations/supabase/moduleClient.js";
+import { isExcludedOrderStatus, normalizeOrderStatus } from "../../lib/orderStatus.js";
 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";
-import { useCapacityCheck } from "../../hooks/useCapacityCheck";
-import { usePickAgenda } from "../../hooks/usePickAgenda";
-import { useConsistencyCheck } from "../../hooks/useConsistencyCheck";
-import { CapacityWarning } from "./CapacityWarning";
-import { SignupMailMoments } from "./SignupMailMoments";
-import { toDayKey } from "../../lib/logisticsEngine/capacity";
+import { isSameDay, startOfWeek, addDays } from "../../lib/pickDate.js";
+import { useCapacityCheck } from "../../hooks/useCapacityCheck.js";
+import { usePickAgenda } from "../../hooks/usePickAgenda.js";
+import { useConsistencyCheck } from "../../hooks/useConsistencyCheck.js";
+import { CapacityWarning } from "./CapacityWarning.js";
+import { SignupMailMoments } from "./SignupMailMoments.js";
+import { toDayKey } from "../../lib/logisticsEngine/capacity.js";
 const SHIPPED = new Set(["verzonden", "gereed voor facturatie", "gefactureerd", "geleverd", "afgeleverd", "afgerond", "afgehandeld", "afgemeld", "shipped", "delivered", "completed", "invoiced"]);
 /** Eén indeling per order. Floriday herkend op Floriday-id; afmeldstand uit de order. */
 function classify(o, scanned) {

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { AlertTriangle } from "lucide-react";
-import { getWerkplek } from "../../lib/printing";
+import { getWerkplek } from "../../lib/printing.js";
 /** Leest de ingestelde werkplek client-side (SSR-veilig). */
 export function useWerkplek() {
     const [werkplek, setWerkplekState] = useState(null);

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

@@ -1,5 +1,5 @@
-import type { PickstationOrder } from "../../lib/pickstationTypes";
-import { type PickstationLang } from "../../lib/pickstationI18n";
+import type { PickstationOrder } from "../../lib/pickstationTypes.js";
+import { type PickstationLang } from "../../lib/pickstationI18n.js";
 /** Returns a fully self-contained printable HTML document for one packing slip per cart. */
 export declare function renderPakbonHtml(order: {
     id: string;

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

@@ -1,4 +1,4 @@
-import { getPrintDict, PICKSTATION_LOCALE, } from "../../lib/pickstationI18n";
+import { getPrintDict, PICKSTATION_LOCALE, } from "../../lib/pickstationI18n.js";
 /** Returns a fully self-contained printable HTML document for one packing slip per cart. */
 export function renderPakbonHtml(order, lang = "nl") {
     const t = getPrintDict(lang);

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

@@ -1,4 +1,4 @@
-import { type AfhandelingDocumenttype } from "../../lib/printing";
+import { type AfhandelingDocumenttype } from "../../lib/printing.js";
 export interface PrintDocumentOpties {
     documenttype: AfhandelingDocumenttype;
     documentnaam: string;

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

@@ -1,6 +1,6 @@
 // Dunne wrappers rond de centrale printlaag. De verborgen iframes zijn
 // verwijderd: alles gaat via de printwachtrij van de Layout maker.
-import { printHtmlDocument, printPdfDocument, } from "../../lib/printing";
+import { printHtmlDocument, printPdfDocument, } from "../../lib/printing.js";
 export async function printHtml(html, opties) {
     await printHtmlDocument({ ...opties, html });
 }

package/dist-lib/components/settings/AfhandelingSettingsCard.js

@@ -4,9 +4,9 @@ import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { useServerFn } from "@tanstack/react-start";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, Input, Label, Switch, toast, } from "@flowselections/core";
 import { CalendarClock, Mail } from "lucide-react";
-import { getAfhandelingSettings, updateAfhandelingSettings, } from "../../lib/afhandelingSettings.functions";
-import { getSignupCronStatus } from "../../lib/carrierSignup.functions";
-import { fmtTime, signupReasonText } from "../../lib/signupMailText";
+import { getAfhandelingSettings, updateAfhandelingSettings, } from "../../lib/afhandelingSettings.functions.js";
+import { getSignupCronStatus } from "../../lib/carrierSignup.functions.js";
+import { fmtTime, signupReasonText } from "../../lib/signupMailText.js";
 export function AfhandelingSettingsCard() {
     const qc = useQueryClient();
     const fetchSettings = useServerFn(getAfhandelingSettings);
@@ -55,7 +55,7 @@ export function AfhandelingSettingsCard() {
             },
         }),
         onSuccess: async () => {
-            const { invalidatePlanning } = await import("../../lib/invalidatePlanning");
+            const { invalidatePlanning } = await import("../../lib/invalidatePlanning.js");
             await invalidatePlanning(qc);
             try {
                 const st = await fetchCronStatus({ data: { sync: true } });

package/dist-lib/components/settings/VervoerdersSettingsCard.js

@@ -4,8 +4,8 @@ import { Building2, Truck, ArrowRight } from "lucide-react";
 import { Link } from "@tanstack/react-router";
 import { useServerFn } from "@tanstack/react-start";
 import { useQuery } from "@tanstack/react-query";
-import { toServerFnError } from "../../lib/serverFnError";
-import { listCarriers } from "../../lib/carriers.functions";
+import { toServerFnError } from "../../lib/serverFnError.js";
+import { listCarriers } from "../../lib/carriers.functions.js";
 export function VervoerdersSettingsCard() {
     const fetchList = useServerFn(listCarriers);
     const { data, isLoading } = useQuery({

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

@@ -1,4 +1,4 @@
-import { type CapacityDay } from "../lib/logisticsEngine/capacity";
+import { type CapacityDay } from "../lib/logisticsEngine/capacity.js";
 /**
  * Capaciteitscontrole van de Logistics Engine voor een periode.
  * Wordt opnieuw opgehaald bij elke periodewissel (from/to zitten in de queryKey).

package/dist-lib/hooks/useCapacityCheck.js

@@ -1,5 +1,5 @@
 import { useQuery } from "@tanstack/react-query";
-import { getCapacityDays } from "../lib/logisticsEngine/capacity";
+import { getCapacityDays } from "../lib/logisticsEngine/capacity.js";
 /**
  * Capaciteitscontrole van de Logistics Engine voor een periode.
  * Wordt opnieuw opgehaald bij elke periodewissel (from/to zitten in de queryKey).

package/dist-lib/hooks/useCartIndex.js

@@ -1,7 +1,7 @@
 import { useCallback, useMemo } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { supabase } from "../integrations/supabase/moduleClient";
-import { useKnownOrders } from "./useKnownOrders";
+import { supabase } from "../integrations/supabase/moduleClient.js";
+import { useKnownOrders } from "./useKnownOrders.js";
 /**
  * Gedeelde karindex van de Engine. Dit is de enige bron voor karrentellingen:
  * taak-payloads (cartCount) en eigen tellingen op order_carts zijn niet meer