@flowselections/logistiek-engine 1.0.34 → 1.0.89

package/dist-lib/components/AfrondWachtrijCard.d.ts

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

package/dist-lib/components/AfrondWachtrijCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AfrondWachtrijCard.d.ts","sourceRoot":"","sources":["../../src/components/AfrondWachtrijCard.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,kBAAkB,gCAqFjC"}

package/dist-lib/components/AfrondWachtrijCard.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ============================================================================
+// src/components/AfrondWachtrijCard.tsx — zichtbaarheid op de afronding
+// ============================================================================
+// Toont wat er na de eindcontrole nog moet worden afgerond, met waarschuwing
+// wanneer iets te lang wacht. Alleen lezen, behalve de knoppen.
+// ============================================================================
+import { AlertTriangle, CheckCircle2, RefreshCw } from "lucide-react";
+import { useAfrondWachtrij } from "../hooks/useAfrondWachtrij";
+function duur(seconden) {
+    if (seconden < 60)
+        return `${seconden} sec`;
+    if (seconden < 3600)
+        return `${Math.round(seconden / 60)} min`;
+    return `${Math.round(seconden / 360) / 10} uur`;
+}
+export function AfrondWachtrijCard() {
+    const { stand, regels, laden, fout, herlaad, opnieuw, naloop } = useAfrondWachtrij();
+    const traag = stand.oudsteWachttijdSeconden > 300;
+    const alarm = traag || stand.mislukt > 0;
+    return (_jsxs("div", { className: "rounded-lg border bg-card p-4 text-card-foreground", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-semibold", children: "Afronding na controle" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Orders waarvan de karren zijn afgemeld en die nog moeten worden afgerond." })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", onClick: () => void naloop(), className: "rounded-md border px-3 py-1.5 text-sm hover:bg-accent", children: "Naloop uitvoeren" }), _jsx("button", { type: "button", onClick: () => void herlaad(), className: "rounded-md border px-3 py-1.5 text-sm hover:bg-accent", "aria-label": "Vernieuwen", children: _jsx(RefreshCw, { className: "h-4 w-4" }) })] })] }), fout ? _jsx("p", { className: "mb-3 text-sm text-destructive", children: fout }) : null, _jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: [_jsx(Cijfer, { label: "Wachtend", waarde: stand.wachtend }), _jsx(Cijfer, { label: "Bezig", waarde: stand.bezig }), _jsx(Cijfer, { label: "Mislukt", waarde: stand.mislukt, nadruk: stand.mislukt > 0 }), _jsx(Cijfer, { label: "Oudste wacht", tekst: duur(stand.oudsteWachttijdSeconden), nadruk: traag })] }), !laden && !alarm && stand.wachtend === 0 && stand.bezig === 0 ? (_jsxs("p", { className: "mt-3 flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(CheckCircle2, { className: "h-4 w-4" }), " Alles is afgerond."] })) : null, alarm ? (_jsxs("p", { className: "mt-3 flex items-start gap-2 text-sm text-destructive", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), stand.mislukt > 0
+                        ? "Er zijn orders die niet konden worden afgerond. Bekijk de reden hieronder en probeer opnieuw."
+                        : "Er wacht een order langer dan vijf minuten. Controleer of de achtergrondtaak draait."] })) : null, regels.length > 0 ? (_jsx("ul", { className: "mt-4 space-y-2", children: regels.map((r) => (_jsxs("li", { className: "rounded-md border p-3 text-sm", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "font-medium", children: r.orderId }), _jsxs("span", { className: "text-muted-foreground", children: [r.status, " \u00B7 poging ", r.pogingen, r.maxPogingen ? `/${r.maxPogingen}` : ""] })] }), r.reden ? _jsx("p", { className: "text-muted-foreground", children: r.reden }) : null, r.fout ? _jsx("p", { className: "mt-1 text-destructive", children: r.fout }) : null, r.status === "failed" ? (_jsx("button", { type: "button", onClick: () => void opnieuw(r.orderId), className: "mt-2 rounded-md border px-2 py-1 text-xs hover:bg-accent", children: "Opnieuw proberen" })) : null] }, r.orderId))) })) : null] }));
+}
+function Cijfer({ label, waarde, tekst, nadruk, }) {
+    return (_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("p", { className: "text-xs text-muted-foreground", children: label }), _jsx("p", { className: `text-lg font-semibold ${nadruk ? "text-destructive" : ""}`, children: tekst ?? waarde ?? 0 })] }));
+}

package/dist-lib/components/BeladingsafwijkingenCard.d.ts

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

package/dist-lib/components/BeladingsafwijkingenCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeladingsafwijkingenCard.d.ts","sourceRoot":"","sources":["../../src/components/BeladingsafwijkingenCard.tsx"],"names":[],"mappings":"AA0FA,wBAAgB,wBAAwB,gCA8EvC"}

package/dist-lib/components/BeladingsafwijkingenCard.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// ============================================================================
+// src/components/BeladingsafwijkingenCard.tsx — belading naast de Floriday-stand
+// ============================================================================
+// Toont per gevonden afwijking welk product of welke order het betreft, wat wij
+// hebben opgeslagen, wat Floriday nu zegt en sinds wanneer het verschil bestaat.
+// Wat veilig kon worden bijgewerkt is al automatisch rechtgezet; de rest staat
+// hier als "beoordelen".
+// GEEN <Header /> hier — die levert de shell.
+// ============================================================================
+import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Skeleton, } from "@flowselections/core";
+import { Boxes, Check, RefreshCw } from "lucide-react";
+import { useBeladingsafwijkingen, } from "../hooks/useBeladingsafwijkingen";
+function beladingTekst(b) {
+    const deel = [
+        b.piecesPerPackage == null ? "?" : String(b.piecesPerPackage),
+        b.packagesPerLayer == null ? "?" : String(b.packagesPerLayer),
+        b.layersPerLoadCarrier == null ? "?" : String(b.layersPerLoadCarrier),
+    ];
+    const basis = `${deel[0]} per fust · ${deel[1]} fusten per laag · ${deel[2]} lagen per kar`;
+    return b.loadCarrier ? `${basis} (${b.loadCarrier.toLowerCase().replace(/_/g, " ")})` : basis;
+}
+function sindsTekst(sinds) {
+    if (!sinds)
+        return "onbekend";
+    const ms = Date.now() - new Date(sinds).getTime();
+    const minuten = Math.max(0, Math.round(ms / 60000));
+    if (minuten < 60)
+        return `${minuten} min`;
+    const uren = Math.round(minuten / 60);
+    if (uren < 48)
+        return `${uren} uur`;
+    return `${Math.round(uren / 24)} dagen`;
+}
+function Regel({ a, onAfsluiten, }) {
+    return (_jsxs("div", { className: "space-y-2 rounded-lg border p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Badge, { variant: a.beoordelen ? "destructive" : "secondary", children: a.beoordelen ? "Beoordelen" : "Wordt bijgewerkt" }), _jsxs("span", { className: "text-sm font-medium", children: [a.soort === "product" ? "Product" : "Order", " ", a.orderNummer ?? a.productNaam ?? "onbekend"] }), a.orderNummer && a.productNaam ? (_jsx("span", { className: "text-muted-foreground text-xs", children: a.productNaam })) : null, _jsxs("span", { className: "text-muted-foreground ml-auto text-xs", children: ["sinds ", sindsTekst(a.sinds)] })] }), _jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [_jsxs("div", { className: "rounded-md border p-2", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: "Bij ons opgeslagen" }), _jsx("div", { className: "text-sm tabular-nums", children: beladingTekst(a.lokaal) })] }), _jsxs("div", { className: "rounded-md border p-2", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: "Floriday nu" }), _jsx("div", { className: "text-sm tabular-nums", children: beladingTekst(a.floriday) })] })] }), a.reden ? _jsx("p", { className: "text-muted-foreground text-xs", children: a.reden }) : null, a.beoordelen ? (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => onAfsluiten(a.id), children: [_jsx(Check, { className: "mr-2 h-4 w-4" }), "Beoordeeld, afsluiten"] })) : null] }));
+}
+export function BeladingsafwijkingenCard() {
+    const { stand, afwijkingen, laden, bezig, fout, nuControleren, afsluiten } = useBeladingsafwijkingen();
+    const lijst = Array.isArray(afwijkingen) ? afwijkingen : [];
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Boxes, { className: "h-5 w-5 text-primary" }), "Beladingsafwijkingen"] }), _jsx(CardDescription, { children: "Elk uur vergelijken we de opgeslagen belading met de laatste Floriday-gegevens. Wat veilig kan, wordt vanzelf bijgewerkt; de rest wacht op uw beoordeling." })] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => void nuControleren(), disabled: bezig || laden, children: _jsx(RefreshCw, { className: `h-4 w-4 ${bezig ? "animate-spin" : ""}` }) })] }), _jsxs(CardContent, { className: "space-y-4", children: [fout ? _jsx("p", { className: "text-destructive text-sm", children: fout }) : null, laden && lijst.length === 0 ? (_jsx(Skeleton, { className: "h-24 w-full" })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4", children: [_jsxs("div", { className: "rounded-lg border p-3", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: "Openstaand" }), _jsx("div", { className: "text-2xl font-semibold tabular-nums", children: stand.openTotaal })] }), _jsxs("div", { className: "rounded-lg border p-3", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: "Mens moet kijken" }), _jsx("div", { className: "text-2xl font-semibold tabular-nums", children: stand.beoordelen })] }), _jsxs("div", { className: "rounded-lg border p-3", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: "Betrokken orders" }), _jsx("div", { className: "text-2xl font-semibold tabular-nums", children: stand.orders })] }), _jsxs("div", { className: "rounded-lg border p-3", children: [_jsx("div", { className: "text-muted-foreground text-xs", children: "Productgegevens" }), _jsx("div", { className: "text-2xl font-semibold tabular-nums", children: stand.producten })] })] }), lijst.length === 0 ? (_jsx("p", { className: "text-muted-foreground text-sm", children: "Geen verschillen gevonden. Onze belading komt overeen met Floriday." })) : (_jsx("div", { className: "space-y-3", children: lijst.map((a) => (_jsx(Regel, { a: a, onAfsluiten: (id) => void afsluiten(id) }, a.id))) })), _jsxs("p", { className: "text-muted-foreground text-xs", children: ["Laatste meting: ", stand.laatstGemeten ? sindsTekst(stand.laatstGemeten) + " geleden" : "nog niet", stand.laatstHersteld
+                                        ? ` · laatst automatisch bijgewerkt ${sindsTekst(stand.laatstHersteld)} geleden`
+                                        : "", ". Regels die handmatig zijn vastgezet worden nooit automatisch gewijzigd."] })] }))] })] }));
+}

package/dist-lib/components/FlowCanvas.d.ts

@@ -0,0 +1,34 @@
+import "@xyflow/react/dist/style.css";
+import { type FlowTree } from "../lib/flowTree";
+import type { RouteMarker } from "../lib/flowRoute";
+import type { StopReden } from "../lib/stopReden";
+import type { NodeTraceGroep } from "../lib/nodeTrace";
+import type { RuleEngineSettings } from "../lib/ruleEngineSchema";
+export type { RouteMarker };
+interface Props {
+    tree: FlowTree;
+    selectedStepId: string | null;
+    /** Alle waarden van de werkwijze, zodat een vakje zijn eigen velden kan tonen. */
+    settings: RuleEngineSettings;
+    /** Markeringen per knoop-id (vastgelopen / bezig / klaar) van een gekozen orderversie. */
+    markers?: Map<string, RouteMarker>;
+    /** Vakjes die vastlopen, met de reden erbij. Wordt als foutmelding getoond. */
+    problemen?: Map<string, StopReden>;
+    /** Wat de Engine per vakje voor de gekozen order heeft vastgelegd. */
+    nodeTrace?: Map<string, NodeTraceGroep> | null;
+    /** Tekst boven de kaart als een orderroute getoond wordt. */
+    routeLabel?: string | null;
+    /** Korte samenvatting van de gelopen route (waar hij nu staat of vastliep). */
+    routeSummary?: string | null;
+    /** Vakje waarvan het tracepaneel openstaat. */
+    traceNodeId?: string | null;
+    onTraceNode?: (nodeId: string | null) => void;
+    onClearRoute?: () => void;
+    onSelectStep: (stepId: string) => void;
+    onChangeChoice: (storeId: string, fieldKey: string, value: unknown) => void;
+    /** Aangeklikt samenkomstpunt (ruitje) om te beheren. */
+    mergeId?: string | null;
+    onSelectMerge?: (mergeId: string | null) => void;
+}
+export declare function FlowCanvas(props: Props): import("react").JSX.Element;
+//# sourceMappingURL=FlowCanvas.d.ts.map

package/dist-lib/components/FlowCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlowCanvas.d.ts","sourceRoot":"","sources":["../../src/components/FlowCanvas.tsx"],"names":[],"mappings":"AAiDA,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAA6B,KAAK,QAAQ,EAAiB,MAAM,iBAAiB,CAAC;AAC1F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAOlE,YAAY,EAAE,WAAW,EAAE,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,QAAQ,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,kFAAkF;IAClF,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,0FAA0F;IAC1F,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACnC,+EAA+E;IAC/E,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,sEAAsE;IACtE,SAAS,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,GAAG,IAAI,CAAC;IAC/C,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD;AAymCD,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,+BAMtC"}