@flowselections/floriday-verkoop-module 1.0.11 → 1.0.13

package/dist-lib/components/verkoop/AutoFulfillmentStatusCard.d.ts

@@ -0,0 +1,4 @@
+export declare function AutoFulfillmentStatusCard({ salesOrderId }: {
+    salesOrderId: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AutoFulfillmentStatusCard.d.ts.map

package/dist-lib/components/verkoop/AutoFulfillmentStatusCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoFulfillmentStatusCard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/AutoFulfillmentStatusCard.tsx"],"names":[],"mappings":"AAyDA,wBAAgB,yBAAyB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,CAAA;CAAE,kDA6FnF"}

package/dist-lib/components/verkoop/AutoFulfillmentStatusCard.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { useEffect } from "react";
+import { supabase } from "../../integrations/supabase/client";
+import { getAutoFulfillmentStatus, retryAutoFulfillment, getPreferredWarehouseStatus, } from "../../lib/floriday-auto-fulfillment.functions";
+import { Button } from "@flowselections/core";
+import { toast } from "sonner";
+const REASON_LABELS = {
+    "no-preferred-warehouse": "Er is nog geen voorkeursmagazijn ingesteld op de Floriday-connectie.",
+    "no-warehouse": "Geen despatch-magazijn gevonden (voorkeur, salesorder, én cache leeg).",
+    "no-delivery-order": "Nog geen delivery order (met fulfillment-requests) ontvangen van Floriday voor deze salesorder.",
+    "existing-fulfillment": "Er bestaat al een fulfillment order voor deze salesorder.",
+    "sales-order-deleted": "Salesorder is verwijderd bij Floriday.",
+    "already-created": "Fulfillment order is al automatisch aangemaakt.",
+    "connection-not-found": "Floriday-connectie niet gevonden.",
+    "no-packing-fallback": "Belading ontbreekt; er is een enkele kar als fallback gebruikt.",
+    "warehouse-fallback:order": "Despatch-magazijn overgenomen uit de salesorder (geen voorkeursmagazijn ingesteld).",
+    "warehouse-fallback:cache": "Fallback-magazijn uit cache gebruikt; stel eventueel een voorkeur in bij de Authenticatiemodule.",
+};
+function statusStyle(status) {
+    switch (status) {
+        case "created":
+            return "bg-emerald-50 text-emerald-800 border-emerald-200";
+        case "failed":
+            return "bg-red-50 text-red-800 border-red-200";
+        case "skipped":
+            return "bg-amber-50 text-amber-800 border-amber-200";
+        default:
+            return "bg-slate-50 text-slate-700 border-slate-200";
+    }
+}
+function statusLabel(status) {
+    switch (status) {
+        case "created":
+            return "Fulfillment order automatisch aangemaakt";
+        case "failed":
+            return "Automatische fulfillment mislukt";
+        case "skipped":
+            return "Automatische fulfillment overgeslagen";
+        default:
+            return "Fulfillment nog niet automatisch aangemaakt";
+    }
+}
+export function AutoFulfillmentStatusCard({ salesOrderId }) {
+    const queryClient = useQueryClient();
+    const fetchStatus = useServerFn(getAutoFulfillmentStatus);
+    const retryFn = useServerFn(retryAutoFulfillment);
+    const queryKey = ["auto-fulfillment-status", salesOrderId];
+    const { data, isLoading } = useQuery({
+        queryKey,
+        queryFn: () => fetchStatus({ data: { salesOrderId } }),
+    });
+    const fetchWarehouse = useServerFn(getPreferredWarehouseStatus);
+    const { data: warehouseStatus } = useQuery({
+        queryKey: ["preferred-warehouse-status"],
+        queryFn: () => fetchWarehouse(),
+        staleTime: 60000,
+    });
+    useEffect(() => {
+        const channel = supabase
+            .channel(`auto-fulfillment-${salesOrderId}`)
+            .on("postgres_changes", {
+            event: "*",
+            schema: "public",
+            table: "floriday_auto_fulfillment_log",
+            filter: `sales_order_id=eq.${salesOrderId}`,
+        }, () => queryClient.invalidateQueries({ queryKey }))
+            .subscribe();
+        return () => {
+            supabase.removeChannel(channel);
+        };
+    }, [salesOrderId, queryClient]);
+    const mutation = useMutation({
+        mutationFn: () => retryFn({ data: { salesOrderId } }),
+        onSuccess: (res) => {
+            queryClient.invalidateQueries({ queryKey });
+            if (res.status === "created")
+                toast.success("Fulfillment order aangemaakt");
+            else if (res.status === "failed")
+                toast.error(`Mislukt: ${res.reason ?? "onbekend"}`);
+            else
+                toast.info(`Overgeslagen: ${res.reason ?? ""}`);
+        },
+        onError: (err) => toast.error(err.message),
+    });
+    if (isLoading)
+        return null;
+    const row = data?.row ?? null;
+    const status = row?.status ?? "pending";
+    const canRetry = status === "failed" || status === "skipped" || !row;
+    return (_jsx("div", { className: `mt-4 rounded-md border p-3 text-sm ${statusStyle(status)}`, children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "font-medium", children: statusLabel(status) }), row?.fulfillment_order_id ? (_jsxs("div", { className: "mt-1 text-xs opacity-80", children: ["Fulfillment ID: ", _jsx("code", { children: row.fulfillment_order_id })] })) : null, row?.reason ? (_jsx("div", { className: "mt-1 text-xs opacity-80", children: REASON_LABELS[row.reason] ?? row.reason })) : null, row?.error ? (_jsxs("div", { className: "mt-1 text-xs opacity-80", children: ["Fout: ", row.error] })) : null, warehouseStatus &&
+                            !warehouseStatus.hasPreferredWarehouse &&
+                            (row?.reason === "no-preferred-warehouse" || row?.reason === "no-warehouse") ? (_jsx("div", { className: "mt-2 rounded border border-amber-300 bg-amber-50 p-2 text-xs text-amber-900", children: "Er is nog geen voorkeursmagazijn ingesteld. Ga naar de Floriday-authenticatiemodule en kies een voorkeursmagazijn \u2014 daarna worden fulfillment orders automatisch aangemaakt." })) : null] }), canRetry ? (_jsx(Button, { size: "sm", variant: "outline", disabled: mutation.isPending, onClick: () => mutation.mutate(), children: mutation.isPending ? "Bezig..." : "Opnieuw proberen" })) : null] }) }));
+}

package/dist-lib/components/verkoop/CartAssignmentWizard.d.ts

@@ -0,0 +1,6 @@
+export declare function CartAssignmentWizard({ orderId, open, onClose, }: {
+    orderId: string | null;
+    open: boolean;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CartAssignmentWizard.d.ts.map

package/dist-lib/components/verkoop/CartAssignmentWizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartAssignmentWizard.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CartAssignmentWizard.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EAAE,IAAI,EAAE,OAAO,GACvB,EAAE;IAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,2CA4ThE"}

package/dist-lib/components/verkoop/CartAssignmentWizard.js

@@ -0,0 +1,194 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Karindeling-wizard — identiek aan de Mailbox-module.
+// Gebruikt planAndSaveAutoCarts + saveManualCarts uit create-order.functions,
+// zodat handmatige orders exact dezelfde logica en schermen krijgen als mailbox-orders.
+import { useEffect, useMemo, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { Button, Badge, Card, CardContent, CardHeader, CardTitle, Input, Label, Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
+import { Plus, Trash2, AlertTriangle, CheckCircle2 } from "lucide-react";
+import { planAndSaveAutoCarts, saveManualCarts } from "../../lib/create-order.functions";
+export function CartAssignmentWizard({ orderId, open, onClose, }) {
+    const fetchPlan = useServerFn(planAndSaveAutoCarts);
+    const fetchSave = useServerFn(saveManualCarts);
+    const { data, isLoading } = useQuery({
+        queryKey: ["cart-plan", orderId],
+        enabled: !!orderId && open,
+        queryFn: async () => {
+            try {
+                return await fetchPlan({ data: { orderId: orderId } });
+            }
+            catch (e) {
+                toast.error(e?.message ?? "Indelen mislukt");
+                return { autoCarts: [], remainders: [], existingManualCarts: [], nextCartNumber: 1 };
+            }
+        },
+    });
+    const autoCarts = Array.isArray(data?.autoCarts) ? data.autoCarts : [];
+    const remainders = Array.isArray(data?.remainders) ? data.remainders : [];
+    const existingManualCarts = Array.isArray(data?.existingManualCarts) ? data.existingManualCarts : [];
+    const [pool, setPool] = useState({});
+    const [manual, setManual] = useState([]);
+    useEffect(() => {
+        const p = {};
+        remainders.forEach((r) => { p[r.order_item_id] = r.crates_remaining; });
+        setPool(p);
+        const remMeta = {};
+        remainders.forEach((r) => { remMeta[r.order_item_id] = r; });
+        setManual(existingManualCarts.map((c) => ({
+            id: crypto.randomUUID(),
+            items: c.items.map((i) => {
+                const meta = i.order_item_id ? remMeta[i.order_item_id] : null;
+                return {
+                    ...i,
+                    crates_per_layer: meta?.crates_per_layer ?? i.crates_per_layer ?? 1,
+                    layers_per_cart: meta?.layers_per_cart ?? i.layers_per_cart ?? 1,
+                };
+            }),
+        })));
+    }, [data]);
+    const remByItem = useMemo(() => {
+        const m = {};
+        remainders.forEach((r) => { m[r.order_item_id] = r; });
+        return m;
+    }, [remainders]);
+    const addCart = () => setManual((m) => [...m, { id: crypto.randomUUID(), items: [] }]);
+    const addItemToCart = (cartId, orderItemId, crates) => {
+        const rem = remByItem[orderItemId];
+        if (!rem)
+            return;
+        const available = pool[orderItemId] ?? 0;
+        const take = Math.max(0, Math.min(crates, available));
+        if (take === 0)
+            return;
+        setPool((p) => ({ ...p, [orderItemId]: available - take }));
+        setManual((carts) => carts.map((c) => {
+            if (c.id !== cartId)
+                return c;
+            const existingIdx = c.items.findIndex((i) => i.order_item_id === orderItemId);
+            if (existingIdx >= 0) {
+                const next = [...c.items];
+                next[existingIdx] = { ...next[existingIdx], crates: next[existingIdx].crates + take };
+                return { ...c, items: next };
+            }
+            return {
+                ...c,
+                items: [...c.items, {
+                        order_item_id: orderItemId,
+                        product_id: rem.product_id,
+                        product_name: rem.product_name,
+                        crates: take,
+                        plants_per_crate: rem.plants_per_crate,
+                        crates_per_layer: rem.crates_per_layer,
+                        layers_per_cart: rem.layers_per_cart,
+                    }],
+            };
+        }));
+    };
+    const removeItem = (cartId, orderItemId) => {
+        setManual((carts) => carts.map((c) => {
+            if (c.id !== cartId)
+                return c;
+            const item = c.items.find((i) => i.order_item_id === orderItemId);
+            if (!item)
+                return c;
+            setPool((p) => ({ ...p, [orderItemId]: (p[orderItemId] ?? 0) + item.crates }));
+            return { ...c, items: c.items.filter((i) => i.order_item_id !== orderItemId) };
+        }));
+    };
+    const removeCart = (cartId) => {
+        setManual((carts) => {
+            const c = carts.find((x) => x.id === cartId);
+            if (c) {
+                setPool((p) => {
+                    const np = { ...p };
+                    c.items.forEach((i) => {
+                        if (!i.order_item_id)
+                            return;
+                        np[i.order_item_id] = (np[i.order_item_id] ?? 0) + i.crates;
+                    });
+                    return np;
+                });
+            }
+            return carts.filter((x) => x.id !== cartId);
+        });
+    };
+    const cartCapacity = (cart) => cart.items.length === 0
+        ? 0
+        : Math.max(...cart.items.map((i) => i.crates_per_layer * i.layers_per_cart));
+    const cartUsed = (cart) => cart.items.reduce((s, i) => s + i.crates, 0);
+    const totalRemainingInPool = Object.values(pool).reduce((s, n) => s + n, 0);
+    const handleSave = async () => {
+        if (totalRemainingInPool > 0) {
+            toast.error(`Nog ${totalRemainingInPool} fust niet ingedeeld — verdeel alles over een kar voordat je opslaat`);
+            return;
+        }
+        if (manual.some((c) => c.items.length === 0)) {
+            toast.error("Lege karren niet toegestaan");
+            return;
+        }
+        const overfull = manual.find((c) => cartUsed(c) > cartCapacity(c));
+        if (overfull) {
+            toast.error("Een kar overschrijdt de capaciteit");
+            return;
+        }
+        try {
+            await fetchSave({
+                data: {
+                    orderId: orderId,
+                    carts: manual.map((c) => ({
+                        is_complete: cartUsed(c) >= cartCapacity(c),
+                        items: c.items.map((i) => ({
+                            order_item_id: i.order_item_id,
+                            product_id: i.product_id,
+                            product_name: i.product_name,
+                            crates: Math.max(1, Math.trunc(i.crates)),
+                            plants_per_crate: Math.max(1, Math.trunc(i.plants_per_crate || 1)),
+                            crates_per_layer: Math.max(1, Math.trunc(i.crates_per_layer || 1)),
+                        })),
+                    })),
+                },
+            });
+            toast.success("Karindeling opgeslagen");
+            onClose();
+        }
+        catch (e) {
+            let msg = "Opslaan mislukt";
+            if (e instanceof Response) {
+                try {
+                    msg = (await e.text()) || `HTTP ${e.status}`;
+                }
+                catch {
+                    msg = `HTTP ${e.status}`;
+                }
+                if (e.status === 401)
+                    msg = "Sessie verlopen — log opnieuw in";
+            }
+            else if (e?.message) {
+                msg = e.message;
+            }
+            toast.error(msg);
+            console.error("saveManualCarts failed:", e);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: (o) => { if (!o)
+            onClose(); }, children: _jsxs(DialogContent, { className: "max-w-[95vw] w-[95vw] h-[92vh] max-h-[92vh] overflow-y-auto p-6", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Karindeling" }) }), isLoading ? (_jsx("div", { className: "text-muted-foreground", children: "Karren worden berekend..." })) : (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(CardTitle, { className: "text-base", children: "Automatisch ingedeelde karren" }), _jsxs(Badge, { variant: "secondary", children: [autoCarts.length, " kar(ren)"] })] }), _jsx(CardContent, { children: autoCarts.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen volledige karren mogelijk." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Kar #" }), _jsx(TableHead, { children: "Artikel" }), _jsx(TableHead, { className: "text-right", children: "Fusten" }), _jsx(TableHead, { className: "text-right", children: "Planten" }), _jsx(TableHead, { className: "text-right", children: "Bezetting" }), _jsx(TableHead, { children: "Status" })] }) }), _jsx(TableBody, { children: autoCarts.map((c) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-mono", children: c.cart_number }), _jsx(TableCell, { children: c.product_name }), _jsx(TableCell, { className: "text-right", children: c.crates }), _jsx(TableCell, { className: "text-right", children: c.plants }), _jsx(TableCell, { className: "text-right", children: "100%" }), _jsx(TableCell, { children: _jsxs(Badge, { className: "gap-1", children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), " Volledig"] }) })] }, c.cart_number))) })] })) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Handmatig in te delen fusten" }) }), _jsx(CardContent, { className: "space-y-3", children: remainders.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen restant \u2014 alles past volledig op karren." })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Artikel" }), _jsx(TableHead, { className: "text-right", children: "Beschikbaar (fusten)" }), _jsx(TableHead, { className: "text-right", children: "Planten/fust" }), _jsx(TableHead, { className: "text-right", children: "Capaciteit/kar" })] }) }), _jsx(TableBody, { children: remainders.map((r) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: r.product_name }), _jsxs(TableCell, { className: "text-right font-mono", children: [pool[r.order_item_id] ?? 0, " / ", r.crates_remaining] }), _jsx(TableCell, { className: "text-right", children: r.plants_per_crate }), _jsx(TableCell, { className: "text-right", children: r.crates_per_layer * r.layers_per_cart })] }, r.order_item_id))) })] })) })] }), remainders.length > 0 && (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsx(CardTitle, { className: "text-base", children: "Restant-karren samenstellen" }), _jsxs(Button, { size: "sm", onClick: addCart, children: [_jsx(Plus, { className: "h-3 w-3 mr-1" }), " Kar toevoegen"] })] }), _jsxs(CardContent, { className: "space-y-3", children: [manual.length === 0 && (_jsx("p", { className: "text-sm text-muted-foreground", children: "Voeg een kar toe om restant-fusten in te delen." })), manual.map((cart, idx) => {
+                                            const used = cartUsed(cart);
+                                            const cap = cartCapacity(cart);
+                                            const pct = cap > 0 ? Math.round((used / cap) * 100) : 0;
+                                            const over = cap > 0 && used > cap;
+                                            return (_jsxs(Card, { className: over ? "border-destructive" : "", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between py-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("span", { className: "font-medium", children: ["Restant-kar ", idx + 1] }), _jsxs(Badge, { variant: over ? "destructive" : "secondary", children: [used, " / ", cap || "?", " fusten (", pct, "%)"] }), over && (_jsxs("span", { className: "text-xs text-destructive flex items-center gap-1", children: [_jsx(AlertTriangle, { className: "h-3 w-3" }), " Capaciteit overschreden"] }))] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: () => removeCart(cart.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }), _jsxs(CardContent, { className: "space-y-2", children: [cart.items.map((i) => (_jsxs("div", { className: "flex items-center justify-between text-sm", children: [_jsxs("div", { children: [_jsx("span", { className: "font-medium", children: i.product_name }), _jsxs("span", { className: "text-muted-foreground", children: [" \u00B7 ", i.crates, " fust (", i.crates * i.plants_per_crate, " planten)"] })] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => removeItem(cart.id, i.order_item_id), children: _jsx(Trash2, { className: "h-3 w-3" }) })] }, i.order_item_id))), _jsx(AddItemRow, { remainders: remainders, pool: pool, onAdd: (itemId, crates) => addItemToCart(cart.id, itemId, crates) })] })] }, cart.id));
+                                        })] })] }))] })), _jsxs(DialogFooter, { className: "gap-2", children: [_jsx(Button, { variant: "outline", onClick: onClose, children: "Annuleren" }), _jsxs(Button, { onClick: handleSave, disabled: isLoading || totalRemainingInPool > 0, children: ["Karindeling opslaan", totalRemainingInPool > 0 && (_jsxs(Badge, { variant: "destructive", className: "ml-2", children: ["Nog ", totalRemainingInPool, " fust in te delen"] }))] })] })] }) }));
+}
+function AddItemRow({ remainders, pool, onAdd, }) {
+    const available = remainders.filter((r) => (pool[r.order_item_id] ?? 0) > 0);
+    const [sel, setSel] = useState("");
+    const [qty, setQty] = useState(1);
+    if (available.length === 0)
+        return null;
+    return (_jsxs("div", { className: "flex items-end gap-2 pt-2 border-t", children: [_jsxs("div", { className: "flex-1", children: [_jsx(Label, { className: "text-xs", children: "Artikel" }), _jsxs(Select, { value: sel, onValueChange: setSel, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Kies restant-artikel..." }) }), _jsx(SelectContent, { children: available.map((r) => (_jsxs(SelectItem, { value: r.order_item_id, children: [r.product_name, " (", pool[r.order_item_id], " fust beschikbaar)"] }, r.order_item_id))) })] })] }), _jsxs("div", { className: "w-24", children: [_jsx(Label, { className: "text-xs", children: "Fusten" }), _jsx(Input, { type: "number", min: 1, value: qty, onChange: (e) => setQty(Math.max(1, Number(e.target.value) || 1)) })] }), _jsxs(Button, { size: "sm", disabled: !sel, onClick: () => { if (sel) {
+                    onAdd(sel, qty);
+                    setSel("");
+                    setQty(1);
+                } }, children: [_jsx(Plus, { className: "h-3 w-3 mr-1" }), " Toevoegen"] })] }));
+}

package/dist-lib/components/verkoop/CreateOrderPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrderPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CreateOrderPage.tsx"],"names":[],"mappings":"AA4IA,wBAAgB,eAAe,4CAoX9B"}
+{"version":3,"file":"CreateOrderPage.d.ts","sourceRoot":"","sources":["../../../src/components/verkoop/CreateOrderPage.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,eAAe,4CA+b9B"}