@flowselections/floriday-afhandeling-module 1.0.8 → 1.0.10

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

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+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, Scale } from "lucide-react";
+import { getAfhandelingSettings, updateAfhandelingSettings, } from "../../lib/afhandelingSettings.functions";
+export function AfhandelingSettingsCard() {
+    const qc = useQueryClient();
+    const fetchSettings = useServerFn(getAfhandelingSettings);
+    const saveSettings = useServerFn(updateAfhandelingSettings);
+    const { data } = useQuery({
+        queryKey: ["afhandeling", "settings"],
+        queryFn: async () => {
+            try {
+                return await fetchSettings();
+            }
+            catch {
+                return {
+                    pickDaysBeforeTransport: 1,
+                    transportRegisterDaysBefore: 1,
+                    pickDistributionEnabled: false,
+                    maxWorkdaysEarlierPick: 2,
+                    signupMailEnabled: false,
+                    signupMailLeadMinutes: 60,
+                    signupMailPurpose: "afhandeling_carrier_signup",
+                };
+            }
+        },
+    });
+    const [pickDays, setPickDays] = useState(1);
+    const [registerDays, setRegisterDays] = useState(1);
+    const [distributionEnabled, setDistributionEnabled] = useState(false);
+    const [maxEarlier, setMaxEarlier] = useState(2);
+    const [mailEnabled, setMailEnabled] = useState(false);
+    const [mailLead, setMailLead] = useState(60);
+    const [mailPurpose, setMailPurpose] = useState("afhandeling_carrier_signup");
+    useEffect(() => {
+        if (data) {
+            setPickDays(data.pickDaysBeforeTransport);
+            setRegisterDays(data.transportRegisterDaysBefore);
+            setDistributionEnabled(Boolean(data.pickDistributionEnabled));
+            setMaxEarlier(data.maxWorkdaysEarlierPick ?? 2);
+            setMailEnabled(Boolean(data.signupMailEnabled));
+            setMailLead(data.signupMailLeadMinutes ?? 60);
+            setMailPurpose(data.signupMailPurpose ?? "afhandeling_carrier_signup");
+        }
+    }, [data]);
+    const mutation = useMutation({
+        mutationFn: async () => saveSettings({
+            data: {
+                pickDaysBeforeTransport: pickDays,
+                transportRegisterDaysBefore: registerDays,
+                pickDistributionEnabled: distributionEnabled,
+                maxWorkdaysEarlierPick: maxEarlier,
+                signupMailEnabled: mailEnabled,
+                signupMailLeadMinutes: mailLead,
+                signupMailPurpose: mailPurpose,
+            },
+        }),
+        onSuccess: async () => {
+            const { invalidatePlanning } = await import("../../lib/invalidatePlanning");
+            await invalidatePlanning(qc);
+            toast.success("Instellingen opgeslagen — planning herberekend");
+        },
+        onError: (e) => {
+            toast.error(e instanceof Error ? e.message : "Opslaan mislukt");
+        },
+    });
+    const clamp = (n) => Math.max(0, Math.min(30, Math.floor(n) || 0));
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CalendarClock, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Afhandeling \u2014 Planning" })] }), _jsx(CardDescription, { children: "Centrale werkdag-instellingen voor de automatische order\u00ADplanning. Alle berekeningen tellen alleen werkdagen (ma\u2013vr)." })] }), _jsxs(CardContent, { className: "space-y-5", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "pickDays", children: "Aantal pickdagen (werkdagen v\u00F3\u00F3r ophaaldag)" }), _jsx(Input, { id: "pickDays", type: "number", min: 0, max: 30, value: pickDays, onChange: (e) => setPickDays(clamp(Number(e.target.value))) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Wordt vanaf de berekende ophaaldag teruggeteld om de uiterste pickdatum te bepalen." })] }), _jsxs("div", { className: "rounded-md border p-4 space-y-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Scale, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "pickDistribution", className: "font-semibold", children: "Pickverdeling" })] }), _jsx("p", { className: "text-xs text-muted-foreground max-w-prose", children: "Verdeelt de pickbelasting automatisch over werkdagen. Orders mogen eerder ingepland worden, maar nooit later dan de berekende uiterste pickdatum \u2014 leverbetrouwbaarheid blijft gegarandeerd." })] }), _jsx(Switch, { id: "pickDistribution", checked: distributionEnabled, onCheckedChange: setDistributionEnabled })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "maxEarlier", children: "Maximaal aantal werkdagen eerder picken" }), _jsx(Input, { id: "maxEarlier", type: "number", min: 0, max: 30, value: maxEarlier, disabled: !distributionEnabled, onChange: (e) => setMaxEarlier(clamp(Number(e.target.value))) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "0 = geen vervroeging. Bijv. 2 = orders mogen maximaal 2 werkdagen voor hun uiterste pickdatum ingepland worden." })] })] }), _jsxs("div", { className: "rounded-md border p-4 space-y-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "h-4 w-4 text-primary" }), _jsx(Label, { htmlFor: "mailEnabled", className: "font-semibold", children: "Aanmeldmail vervoerders" })] }), _jsx("p", { className: "text-xs text-muted-foreground max-w-prose", children: "Verstuurt automatisch een mail met de te verwachten karren naar de vervoerder v\u00F3\u00F3r de aanmelddeadline van het ophaalmoment. E\u00E9n mail per ophaaldag/-moment per vervoerder." })] }), _jsx(Switch, { id: "mailEnabled", checked: mailEnabled, onCheckedChange: setMailEnabled })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "mailLead", children: "Minuten v\u00F3\u00F3r aanmelddeadline versturen" }), _jsx(Input, { id: "mailLead", type: "number", min: 0, max: 1440, value: mailLead, disabled: !mailEnabled, onChange: (e) => setMailLead(Math.max(0, Math.min(1440, Math.floor(Number(e.target.value)) || 0))) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "mailPurpose", children: "E-mail-doeleinde (purpose)" }), _jsx(Input, { id: "mailPurpose", value: mailPurpose, disabled: !mailEnabled, onChange: (e) => setMailPurpose(e.target.value) }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Koppel dit doeleinde in de module ", _jsx("strong", { children: "E-mailkoppeling" }), " aan een actief send-adres. Standaard: ", _jsx("code", { children: "afhandeling_carrier_signup" }), "."] })] })] }), _jsxs("div", { className: "rounded-md bg-muted/50 p-3 text-xs text-muted-foreground", children: [_jsx("strong", { children: "Ophaaltijd" }), " en ", _jsx("strong", { children: "Aanmeldtijd" }), " stel je per vervoerder in (werkdagen v\u00F3\u00F3r bezorgdag). De vervoerder die als ", _jsx("strong", { children: "standaard" }), " is gemarkeerd, wordt gebruikt voor orders zonder eigen vervoerder."] }), _jsx(Button, { onClick: () => mutation.mutate(), disabled: mutation.isPending, children: mutation.isPending ? "Opslaan…" : "Opslaan" })] })] }));
+}

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

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

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

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

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, Button, } from "@flowselections/core";
+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 { listCarriers } from "../../lib/carriers.functions";
+export function VervoerdersSettingsCard() {
+    const fetchList = useServerFn(listCarriers);
+    const { data, isLoading } = useQuery({
+        queryKey: ["carriers"],
+        queryFn: async () => {
+            try {
+                return await fetchList();
+            }
+            catch (e) {
+                if (e instanceof Response) {
+                    const text = await e.text().catch(() => e.statusText);
+                    throw new Error(`${e.status}: ${text}`);
+                }
+                throw e;
+            }
+        },
+    });
+    const carriers = data?.carriers ?? [];
+    const defaultCarrier = carriers.find((c) => c.is_default);
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Truck, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Vervoerders" })] }), _jsx(CardDescription, { children: "Beheer vervoerders en hun verzendtarieven per land. De standaard vervoerder wordt gebruikt voor orders zonder eigen vervoerder." })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-4 rounded-md bg-muted/50 p-4", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-primary/10", children: _jsx(Building2, { className: "h-5 w-5 text-primary" }) }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: isLoading ? "Laden..." : `${carriers.length} vervoerder${carriers.length === 1 ? "" : "s"}` }), _jsx("div", { className: "text-xs text-muted-foreground", children: defaultCarrier
+                                            ? `Standaard: ${defaultCarrier.name}`
+                                            : "Geen standaard vervoerder ingesteld" })] })] }), _jsx(Button, { asChild: true, children: _jsxs(Link, { to: "/afhandeling/vervoerders", children: ["Beheer vervoerders", _jsx(ArrowRight, { className: "ml-2 h-4 w-4" })] }) })] })] }));
+}

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

@@ -0,0 +1,17 @@
+import type { FloridayOrder } from "../lib/floriday.functions";
+import { type CartOverride } from "../lib/cartAssignments.functions";
+import { type OrderPlanning } from "../lib/planning";
+export interface PlannedOrder {
+    order: FloridayOrder;
+    planning: OrderPlanning | null;
+}
+export interface UseOrderPlanningResult {
+    planned: PlannedOrder[];
+    overrides: CartOverride[];
+    isLoading: boolean;
+    error?: string;
+    warning?: string;
+    refetch: () => void;
+}
+export declare function useOrderPlanning(): UseOrderPlanningResult;
+//# sourceMappingURL=useOrderPlanning.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOrderPlanning.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrderPlanning.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAI/D,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAIL,KAAK,aAAa,EAEnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,gBAAgB,IAAI,sBAAsB,CAuHzD"}

package/dist-lib/hooks/useOrderPlanning.js

@@ -0,0 +1,131 @@
+import { useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { getFloridayOrders } from "../lib/floriday.functions";
+import { getAfhandelingSettings } from "../lib/afhandelingSettings.functions";
+import { listCarriers } from "../lib/carriers.functions";
+import { listCartOverrides } from "../lib/cartAssignments.functions";
+import { calculateOrderPlanning, distributePickDates, DEFAULT_PICKUP_MOMENT, } from "../lib/planning";
+export function useOrderPlanning() {
+    const fetchOrders = useServerFn(getFloridayOrders);
+    const fetchSettings = useServerFn(getAfhandelingSettings);
+    const fetchCarriers = useServerFn(listCarriers);
+    const fetchOverrides = useServerFn(listCartOverrides);
+    const ordersQuery = useQuery({
+        queryKey: ["floriday", "orders"],
+        queryFn: async () => {
+            try {
+                const result = await fetchOrders();
+                if (result.error) {
+                    console.warn("[useOrderPlanning] orders loaded with warning", {
+                        message: result.error,
+                        orderCount: result.orders.length,
+                    });
+                }
+                return result;
+            }
+            catch (e) {
+                let message = "Onbekende fout";
+                if (e instanceof Response) {
+                    const text = await e.clone().text().catch(() => "");
+                    message = `Floriday-aanvraag mislukt (${e.status}): ${text.slice(0, 200) || e.statusText}`;
+                }
+                else if (e instanceof Error) {
+                    message = e.message;
+                }
+                else {
+                    message = String(e);
+                }
+                console.error("[useOrderPlanning] orders load failed", {
+                    message,
+                    action: "fetch planning orders",
+                });
+                return { orders: [], error: message };
+            }
+        },
+        retry: false,
+    });
+    const settingsQuery = useQuery({
+        queryKey: ["afhandeling", "settings"],
+        queryFn: async () => {
+            try {
+                return await fetchSettings();
+            }
+            catch {
+                return { pickDaysBeforeTransport: 1, transportRegisterDaysBefore: 1, pickDistributionEnabled: false, maxWorkdaysEarlierPick: 2 };
+            }
+        },
+    });
+    const carriersQuery = useQuery({
+        queryKey: ["carriers"],
+        queryFn: async () => {
+            try {
+                return await fetchCarriers();
+            }
+            catch {
+                return { carriers: [] };
+            }
+        },
+        retry: false,
+    });
+    const overridesQuery = useQuery({
+        queryKey: ["cart-overrides"],
+        queryFn: async () => {
+            try {
+                return await fetchOverrides();
+            }
+            catch {
+                return { overrides: [] };
+            }
+        },
+        retry: false,
+    });
+    const planned = useMemo(() => {
+        const orders = ordersQuery.data?.orders ?? [];
+        const settings = settingsQuery.data ?? {
+            pickDaysBeforeTransport: 1,
+            transportRegisterDaysBefore: 1,
+            pickDistributionEnabled: false,
+            maxWorkdaysEarlierPick: 2,
+        };
+        const carriers = carriersQuery.data?.carriers ?? [];
+        const overrides = overridesQuery.data?.overrides ?? [];
+        const defaultCarrier = carriers.find((c) => c.is_default);
+        const moments = defaultCarrier && defaultCarrier.pickup_moments.length > 0
+            ? defaultCarrier.pickup_moments
+            : [DEFAULT_PICKUP_MOMENT];
+        const overrideMap = new Map();
+        for (const o of overrides) {
+            overrideMap.set(`${o.order_source}#${o.order_id}#${o.cart_index}`, {
+                date: new Date(o.pick_date),
+                movedFromDate: o.moved_from_date ? new Date(o.moved_from_date) : null,
+            });
+        }
+        const initial = orders.map((order) => ({
+            order,
+            planning: calculateOrderPlanning(order.deliveryDate, {
+                pickupMoments: moments,
+                pickDurationWorkdays: settings.pickDaysBeforeTransport,
+                orderCreatedAt: order.createdAt,
+            }),
+        }));
+        const distributed = distributePickDates(initial, {
+            enabled: Boolean(settings.pickDistributionEnabled),
+            maxWorkdaysEarlier: settings.maxWorkdaysEarlierPick ?? 0,
+            getCartCount: (it) => it.order.cartCount ?? 1,
+            getCartOverride: (it, idx) => {
+                const src = it.order.source;
+                return overrideMap.get(`${src}#${it.order.id}#${idx}`) ?? null;
+            },
+        });
+        return distributed;
+    }, [ordersQuery.data, settingsQuery.data, carriersQuery.data, overridesQuery.data]);
+    return {
+        planned,
+        overrides: overridesQuery.data?.overrides ?? [],
+        isLoading: ordersQuery.isLoading || settingsQuery.isLoading || carriersQuery.isLoading || overridesQuery.isLoading,
+        error: ordersQuery.data?.orders?.length ? undefined : ordersQuery.data?.error,
+        warning: ordersQuery.data?.orders?.length ? ordersQuery.data?.error : undefined,
+        refetch: () => { void ordersQuery.refetch(); void overridesQuery.refetch(); },
+    };
+}

package/dist-lib/index.d.ts

@@ -3,5 +3,10 @@ export * from "./_core-safelist";
 export { LeveringenPage } from "./components/afhandeling/LeveringenPage";
 export { VervoerdersPage } from "./components/afhandeling/VervoerdersPage";
 export { NieuweLeveringPage } from "./components/afhandeling/NieuweLeveringPage";
+export { PickAgendaView } from "./components/afhandeling/PickAgendaView";
+export { PickingPage } from "./components/afhandeling/PickingPage";
+export { PlanningAgendaPage } from "./components/afhandeling/PlanningAgendaPage";
+export { AfhandelingSettingsCard } from "./components/settings/AfhandelingSettingsCard";
+export { VervoerdersSettingsCard } from "./components/settings/VervoerdersSettingsCard";
 export declare const floridayAfhandelingModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

package/dist-lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAEjF,eAAO,MAAM,yBAAyB,EAAE,UAcvC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,uBAAuB,EAAE,MAAM,+CAA+C,CAAC;AAKxF,eAAO,MAAM,yBAAyB,EAAE,UAiBvC,CAAC"}

package/dist-lib/index.js

@@ -1,20 +1,30 @@
-import { PackageCheck, Truck, Building2 } from "lucide-react";
+import { PackageCheck, CalendarCheck, CalendarRange } from "lucide-react";
 export * from "./_core-safelist";
 export { LeveringenPage } from "./components/afhandeling/LeveringenPage";
 export { VervoerdersPage } from "./components/afhandeling/VervoerdersPage";
 export { NieuweLeveringPage } from "./components/afhandeling/NieuweLeveringPage";
+export { PickAgendaView } from "./components/afhandeling/PickAgendaView";
+export { PickingPage } from "./components/afhandeling/PickingPage";
+export { PlanningAgendaPage } from "./components/afhandeling/PlanningAgendaPage";
+export { AfhandelingSettingsCard } from "./components/settings/AfhandelingSettingsCard";
+export { VervoerdersSettingsCard } from "./components/settings/VervoerdersSettingsCard";
+import { AfhandelingSettingsCard } from "./components/settings/AfhandelingSettingsCard";
+import { VervoerdersSettingsCard } from "./components/settings/VervoerdersSettingsCard";
 export const floridayAfhandelingModule = {
     id: "afhandeling",
     name: "Afhandeling",
-    version: "1.0.0",
+    version: "1.2.0",
     nav: {
         label: "Afhandeling",
-        href: "/afhandeling/leveringen",
+        href: "/afhandeling/picking",
         icon: PackageCheck,
         children: [
-            { label: "Leveringen", href: "/afhandeling/leveringen", icon: Truck },
-            { label: "Vervoerders", href: "/afhandeling/vervoerders", icon: Building2 },
+            { label: "Pick Agenda", href: "/afhandeling/picking", icon: CalendarCheck },
+            { label: "Planning en leveringen", href: "/afhandeling/leveringen", icon: CalendarRange },
         ],
     },
-    settingsCards: [],
+    settingsCards: [
+        { component: VervoerdersSettingsCard, order: 80 },
+        { component: AfhandelingSettingsCard, order: 100 },
+    ],
 };