@flowselections/floriday-afhandeling-module 1.0.7 → 1.0.9

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

@@ -0,0 +1,53 @@
+// Browser-only helpers: print a HTML string and optionally a PDF (base64) via hidden iframes.
+function makeFrame() {
+    const f = document.createElement("iframe");
+    f.style.position = "fixed";
+    f.style.right = "-9999px";
+    f.style.bottom = "-9999px";
+    f.style.width = "0";
+    f.style.height = "0";
+    f.style.border = "0";
+    document.body.appendChild(f);
+    return f;
+}
+function waitForFrame(f) {
+    return new Promise((resolve) => {
+        const handler = () => {
+            f.removeEventListener("load", handler);
+            resolve();
+        };
+        f.addEventListener("load", handler);
+    });
+}
+function callPrint(win) {
+    return new Promise((resolve) => {
+        if (!win)
+            return resolve();
+        try {
+            win.focus();
+            win.print();
+        }
+        catch {
+            // ignored
+        }
+        setTimeout(resolve, 800);
+    });
+}
+export async function printHtml(html) {
+    const f = makeFrame();
+    const load = waitForFrame(f);
+    f.srcdoc = html;
+    await load;
+    await callPrint(f.contentWindow);
+    setTimeout(() => f.remove(), 2000);
+}
+export async function printPdfBase64(base64, mime = "application/pdf") {
+    const f = makeFrame();
+    const load = waitForFrame(f);
+    f.src = `data:${mime};base64,${base64}`;
+    await load;
+    // Give the browser a moment to render the PDF.
+    await new Promise((r) => setTimeout(r, 600));
+    await callPrint(f.contentWindow);
+    setTimeout(() => f.remove(), 2000);
+}

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

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

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

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

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

@@ -0,0 +1,60 @@
+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, 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,
+                };
+            }
+        },
+    });
+    const [pickDays, setPickDays] = useState(1);
+    const [registerDays, setRegisterDays] = useState(1);
+    const [distributionEnabled, setDistributionEnabled] = useState(false);
+    const [maxEarlier, setMaxEarlier] = useState(2);
+    useEffect(() => {
+        if (data) {
+            setPickDays(data.pickDaysBeforeTransport);
+            setRegisterDays(data.transportRegisterDaysBefore);
+            setDistributionEnabled(Boolean(data.pickDistributionEnabled));
+            setMaxEarlier(data.maxWorkdaysEarlierPick ?? 2);
+        }
+    }, [data]);
+    const mutation = useMutation({
+        mutationFn: async () => saveSettings({
+            data: {
+                pickDaysBeforeTransport: pickDays,
+                transportRegisterDaysBefore: registerDays,
+                pickDistributionEnabled: distributionEnabled,
+                maxWorkdaysEarlierPick: maxEarlier,
+            },
+        }),
+        onSuccess: () => {
+            qc.invalidateQueries({ queryKey: ["afhandeling", "settings"] });
+            qc.invalidateQueries({ queryKey: ["floriday", "orders"] });
+            toast.success("Instellingen opgeslagen");
+        },
+        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 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,14 @@
+import type { FloridayOrder } from "../lib/floriday.functions";
+import { type OrderPlanning } from "../lib/planning";
+export interface PlannedOrder {
+    order: FloridayOrder;
+    planning: OrderPlanning | null;
+}
+export interface UseOrderPlanningResult {
+    planned: PlannedOrder[];
+    isLoading: boolean;
+    error?: 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,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,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,gBAAgB,IAAI,sBAAsB,CA+EzD"}

package/dist-lib/hooks/useOrderPlanning.js

@@ -0,0 +1,90 @@
+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 { calculateOrderPlanning, distributePickDates, DEFAULT_PICKUP_MOMENT, } from "../lib/planning";
+export function useOrderPlanning() {
+    const fetchOrders = useServerFn(getFloridayOrders);
+    const fetchSettings = useServerFn(getAfhandelingSettings);
+    const fetchCarriers = useServerFn(listCarriers);
+    const ordersQuery = useQuery({
+        queryKey: ["floriday", "orders"],
+        queryFn: async () => {
+            try {
+                return await fetchOrders();
+            }
+            catch (e) {
+                let message = "Onbekende fout";
+                if (e instanceof Response) {
+                    const text = await e.clone().text().catch(() => "");
+                    message = `Floriday-aanvraag mislukt (${e.status}): ${text.slice(0, 200) || e.statusText}`;
+                }
+                else if (e instanceof Error) {
+                    message = e.message;
+                }
+                else {
+                    message = String(e);
+                }
+                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 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 defaultCarrier = carriers.find((c) => c.is_default);
+        const moments = defaultCarrier && defaultCarrier.pickup_moments.length > 0
+            ? defaultCarrier.pickup_moments
+            : [DEFAULT_PICKUP_MOMENT];
+        const initial = orders.map((order) => ({
+            order,
+            planning: calculateOrderPlanning(order.deliveryDate, {
+                pickupMoments: moments,
+                pickDurationWorkdays: settings.pickDaysBeforeTransport,
+                orderCreatedAt: order.createdAt,
+            }),
+        }));
+        return distributePickDates(initial, {
+            enabled: Boolean(settings.pickDistributionEnabled),
+            maxWorkdaysEarlier: settings.maxWorkdaysEarlierPick ?? 0,
+        });
+    }, [ordersQuery.data, settingsQuery.data, carriersQuery.data]);
+    return {
+        planned,
+        isLoading: ordersQuery.isLoading || settingsQuery.isLoading || carriersQuery.isLoading,
+        error: ordersQuery.data?.error,
+        refetch: () => { void ordersQuery.refetch(); },
+    };
+}

package/dist-lib/index.d.ts

@@ -2,5 +2,11 @@ import type { FlowModule } from "@flowselections/core";
 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;AAE3E,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,19 +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 },
+    ],
 };