@flowselections/floriday-voorraad 1.0.27 → 1.0.29

package/dist-lib/components/voorraad/EditArtikelPage.d.ts

@@ -1,4 +1,5 @@
-export declare function EditArtikelPage({ id }: {
+export declare function EditArtikelPage({ id, resumeJobId, }: {
     id: string;
+    resumeJobId?: string;
 }): import("react").JSX.Element;
 //# sourceMappingURL=EditArtikelPage.d.ts.map

package/dist-lib/components/voorraad/EditArtikelPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/EditArtikelPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,+BA4ErD"}
+{"version":3,"file":"EditArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/EditArtikelPage.tsx"],"names":[],"mappings":"AAYA,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,WAAW,GACZ,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,+BAmFA"}

package/dist-lib/components/voorraad/EditArtikelPage.js

@@ -1,10 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Card } from "@flowselections/core";
 import { Loader2 } from "lucide-react";
 import { ArtikelWizard } from "./ArtikelWizard";
+import { ProductCustomFieldsCard } from "./ProductCustomFieldsCard";
 import { supabase } from "../../integrations/supabase/client";
-export function EditArtikelPage({ id }) {
+export function EditArtikelPage({ id, resumeJobId, }) {
     const [resolved, setResolved] = useState(null);
     useEffect(() => {
         let cancelled = false;
@@ -62,7 +63,7 @@ export function EditArtikelPage({ id }) {
         return (_jsx("main", { className: "p-6", children: _jsxs(Card, { className: "p-6 text-sm space-y-1", children: [_jsx("div", { children: "Artikel niet gevonden." }), resolved.reason && (_jsx("div", { className: "text-muted-foreground", children: resolved.reason }))] }) }));
     }
     if (resolved.kind === "product") {
-        return _jsx(ArtikelWizard, { productId: resolved.id });
+        return (_jsxs(_Fragment, { children: [_jsx(ArtikelWizard, { productId: resolved.id, resumeJobId: resumeJobId }), _jsx("div", { className: "p-6 pt-0", children: _jsx(ProductCustomFieldsCard, { productId: resolved.id }) })] }));
     }
-    return _jsx(ArtikelWizard, { tradeItemId: resolved.id });
+    return _jsx(ArtikelWizard, { tradeItemId: resolved.id, resumeJobId: resumeJobId });
 }

package/dist-lib/components/voorraad/FustenPage.d.ts

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

package/dist-lib/components/voorraad/FustenPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FustenPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FustenPage.tsx"],"names":[],"mappings":"AA2JA,wBAAgB,UAAU,gCAkMzB"}

package/dist-lib/components/voorraad/FustenPage.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Boxes, Minus, Plus, RefreshCw, Search } from "lucide-react";
+import { Button, Card, Input, Badge } from "@flowselections/core";
+import { useFloridayConnection } from "../../hooks/useFloridayConnection";
+import { useFusten } from "../../hooks/useFusten";
+import { fetchFustMutations, formatFustDimensions, } from "../../lib/fusten";
+/** Afmetingen tonen en handmatig aanvullen wanneer de catalogus ze niet kent. */
+function DimensionCell({ fust, onSave, }) {
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState({
+        length_mm: fust.length_mm?.toString() ?? "",
+        width_mm: fust.width_mm?.toString() ?? "",
+        height_mm: fust.height_mm?.toString() ?? "",
+    });
+    const label = formatFustDimensions(fust);
+    const toNum = (v) => {
+        const n = Math.trunc(Number(v));
+        return Number.isFinite(n) && n > 0 ? n : null;
+    };
+    if (!editing) {
+        return (_jsxs("div", { children: [_jsx("div", { className: label ? "tabular-nums" : "text-muted-foreground", children: label ?? "Onbekend" }), _jsx("button", { type: "button", className: "text-xs text-primary hover:underline", onClick: () => {
+                        setDraft({
+                            length_mm: fust.length_mm?.toString() ?? "",
+                            width_mm: fust.width_mm?.toString() ?? "",
+                            height_mm: fust.height_mm?.toString() ?? "",
+                        });
+                        setEditing(true);
+                    }, children: label ? "Wijzigen" : "Afmeting toevoegen" })] }));
+    }
+    return (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-1", children: [["length_mm", "width_mm", "height_mm"].map((k, i) => (_jsxs("div", { className: "flex items-center gap-1", children: [i > 0 && _jsx("span", { className: "text-muted-foreground", children: "\u00D7" }), _jsx(Input, { type: "number", className: "h-8 w-20 text-right", placeholder: ["L", "B", "H"][i], value: draft[k], onChange: (e) => setDraft((d) => ({ ...d, [k]: e.target.value })) })] }, k))), _jsx("span", { className: "text-xs text-muted-foreground", children: "mm" })] }), _jsxs("div", { className: "flex gap-1", children: [_jsx(Button, { size: "sm", className: "h-7", onClick: async () => {
+                            await onSave({
+                                length_mm: toNum(draft.length_mm),
+                                width_mm: toNum(draft.width_mm),
+                                height_mm: toNum(draft.height_mm),
+                            });
+                            setEditing(false);
+                        }, children: "Opslaan" }), _jsx(Button, { size: "sm", variant: "ghost", className: "h-7", onClick: () => setEditing(false), children: "Annuleren" })] })] }));
+}
+function MutationHistory({ fust }) {
+    const [open, setOpen] = useState(false);
+    const [rows, setRows] = useState(null);
+    const toggle = async () => {
+        const next = !open;
+        setOpen(next);
+        if (next && rows === null) {
+            try {
+                setRows(await fetchFustMutations(fust.id));
+            }
+            catch {
+                setRows([]);
+            }
+        }
+    };
+    return (_jsxs("div", { children: [_jsx("button", { type: "button", onClick: toggle, className: "text-xs text-primary hover:underline", children: open ? "Historie verbergen" : "Historie" }), open && (_jsxs("div", { className: "mt-2 rounded-md border border-border bg-muted/30 p-2 text-xs", children: [rows === null && _jsx("p", { className: "text-muted-foreground", children: "Laden\u2026" }), rows !== null && rows.length === 0 && (_jsx("p", { className: "text-muted-foreground", children: "Nog geen mutaties." })), rows !== null &&
+                        rows.map((m) => (_jsxs("div", { className: "flex items-center justify-between gap-3 py-0.5", children: [_jsx("span", { className: "text-muted-foreground", children: new Date(m.created_at).toLocaleString("nl-NL") }), _jsxs("span", { className: "flex-1 truncate", children: [m.reason === "sale" ? "Verkoop" : "Handmatig", m.note ? ` — ${m.note}` : ""] }), _jsx("span", { className: `tabular-nums font-medium ${m.delta < 0 ? "text-rose-600" : "text-emerald-600"}`, children: m.delta > 0 ? `+${m.delta}` : m.delta })] }, m.id)))] }))] }));
+}
+export function FustenPage() {
+    const { activeId } = useFloridayConnection();
+    const { items, loading, syncing, error, sync, adjust, patch } = useFusten(activeId);
+    const [search, setSearch] = useState("");
+    const [busyId, setBusyId] = useState(null);
+    const [amounts, setAmounts] = useState({});
+    const filtered = useMemo(() => {
+        const q = search.trim().toLowerCase();
+        if (!q)
+            return items;
+        return items.filter((f) => f.name.toLowerCase().includes(q) ||
+            String(f.vbn_code ?? "").includes(q) ||
+            f.fust_key.toLowerCase().includes(q));
+    }, [items, search]);
+    const totals = useMemo(() => ({
+        types: items.length,
+        stock: items.reduce((sum, f) => sum + f.stock, 0),
+        belowMin: items.filter((f) => f.minimum_stock > 0 && f.stock < f.minimum_stock).length,
+    }), [items]);
+    const mutate = async (f, sign) => {
+        const step = Math.trunc(Number(amounts[f.id]) || 0);
+        if (step <= 0)
+            return;
+        setBusyId(f.id);
+        setAmounts((a) => ({ ...a, [f.id]: "" }));
+        try {
+            await adjust(f.id, sign * step, sign > 0 ? "Handmatig bijgeboekt" : "Handmatig afgeboekt");
+        }
+        finally {
+            setBusyId(null);
+        }
+    };
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("header", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight truncate", children: "Fusten" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Alle fusttypen worden automatisch afgeleid uit de beladingen van je producten." })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void sync(), disabled: syncing, children: [_jsx(RefreshCw, { className: `mr-2 h-4 w-4 ${syncing ? "animate-spin" : ""}` }), "Synchroniseren"] })] }), error && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Fusten laden mislukt: ", error] })), _jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [_jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Fusttypen" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.types })] }), _jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Totale fustvoorraad" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.stock })] }), _jsxs(Card, { className: "p-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Onder minimum" }), _jsx("p", { className: "mt-2 text-3xl font-bold tabular-nums", children: totals.belowMin })] })] }), _jsxs("div", { className: "relative max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Zoek fust\u2026", className: "pl-9" })] }), _jsx(Card, { className: "overflow-hidden", children: loading ? (_jsx("p", { className: "p-6 text-sm text-muted-foreground", children: "Fusten laden\u2026" })) : filtered.length === 0 ? (_jsxs("div", { className: "p-6 text-sm text-muted-foreground flex items-center gap-2", children: [_jsx(Boxes, { className: "h-4 w-4" }), "Nog geen fusttypen gevonden. Voeg een belading toe aan een product."] })) : (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "p-3", children: "Fust" }), _jsx("th", { className: "p-3", children: "Bron" }), _jsx("th", { className: "p-3", children: "Afmeting (L \u00D7 B \u00D7 H)" }), _jsx("th", { className: "p-3 text-right", children: "Gebruikt door" }), _jsx("th", { className: "p-3 text-right", children: "Voorraad" }), _jsx("th", { className: "p-3 text-right", children: "Minimum" }), _jsx("th", { className: "p-3 text-right", children: "Aanpassen" })] }) }), _jsx("tbody", { children: filtered.map((f) => (_jsxs("tr", { className: "border-t border-border align-top", children: [_jsxs("td", { className: "p-3", children: [_jsx("div", { className: "font-medium", children: f.name }), _jsx("div", { className: "text-xs text-muted-foreground", children: f.vbn_code ? `VBN ${f.vbn_code}` : f.fust_key }), !f.in_use && (_jsx(Badge, { variant: "outline", className: "mt-1", children: "Niet meer in gebruik" })), _jsx("div", { className: "mt-1", children: _jsx(MutationHistory, { fust: f }) })] }), _jsx("td", { className: "p-3", children: f.source === "SUPPLIER" ? "Leverancier" : "VBN" }), _jsx("td", { className: "p-3 text-sm", children: _jsx(DimensionCell, { fust: f, onSave: (v) => patch(f.id, v) }) }), _jsx("td", { className: "p-3 text-right tabular-nums", children: f.used_by_count }), _jsx("td", { className: "p-3 text-right", children: _jsx("span", { className: `tabular-nums font-semibold ${f.minimum_stock > 0 && f.stock < f.minimum_stock
+                                                    ? "text-rose-600"
+                                                    : ""}`, children: f.stock }) }), _jsx("td", { className: "p-3 text-right", children: _jsx(Input, { type: "number", className: "h-8 w-28 text-right", defaultValue: f.minimum_stock, onBlur: (e) => {
+                                                    const v = Math.max(0, Math.trunc(Number(e.target.value) || 0));
+                                                    if (v !== f.minimum_stock)
+                                                        void patch(f.id, { minimum_stock: v });
+                                                } }) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex items-center justify-end gap-1", children: [_jsx(Button, { variant: "outline", size: "icon", className: "h-8 w-8", disabled: busyId === f.id || !(Number(amounts[f.id]) > 0), onClick: () => void mutate(f, -1), children: _jsx(Minus, { className: "h-4 w-4" }) }), _jsx(Input, { className: "h-8 w-28 text-center", type: "number", placeholder: "Aantal", value: amounts[f.id] ?? "", onChange: (e) => setAmounts((a) => ({ ...a, [f.id]: e.target.value })) }), _jsx(Button, { variant: "outline", size: "icon", className: "h-8 w-8", disabled: busyId === f.id || !(Number(amounts[f.id]) > 0), onClick: () => void mutate(f, 1), children: _jsx(Plus, { className: "h-4 w-4" }) })] }) })] }, f.id))) })] }) })) })] }));
+}

package/dist-lib/components/voorraad/LogistiekTakenCard.d.ts

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

package/dist-lib/components/voorraad/LogistiekTakenCard.d.ts.map

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

package/dist-lib/components/voorraad/LogistiekTakenCard.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Toont de taken die de Logistics Engine voor de voorraadmodule plande
+ * (public.logistics_tasks, owner_module = "voorraad").
+ *
+ * Deze module beslist niets zelf: ze voert `stock.reserve` uit en meldt de
+ * taak af. In schaduwmodus wordt alleen vergeleken, nooit geschreven.
+ */
+import { useState } from "react";
+import { Button, Card } from "@flowselections/core";
+import { AlertTriangle, Eye, Play, RefreshCw } from "lucide-react";
+import { runStockReserveTask, useLogisticsTasks, } from "../../hooks/useLogisticsTasks";
+import { useFloridayConnection } from "../../hooks/useFloridayConnection";
+import { describeLoadCarriers, parseStockReservePlan, } from "../../lib/logistics-engine";
+export function LogistiekTakenCard() {
+    const { tasks, loading, error, refetch } = useLogisticsTasks([
+        "planned",
+        "ready",
+    ]);
+    const { activeId } = useFloridayConnection();
+    const [busyId, setBusyId] = useState(null);
+    const [results, setResults] = useState({});
+    const reserveTasks = tasks.filter((t) => t.task_type === "stock.reserve");
+    if (loading)
+        return null;
+    if (!error && reserveTasks.length === 0)
+        return null;
+    async function handleRun(taskId) {
+        const task = reserveTasks.find((t) => t.id === taskId);
+        if (!task)
+            return;
+        setBusyId(taskId);
+        try {
+            const result = await runStockReserveTask(task, activeId);
+            setResults((prev) => ({ ...prev, [taskId]: result }));
+        }
+        catch (e) {
+            setResults((prev) => ({ ...prev, [taskId]: e?.message ?? String(e) }));
+        }
+        finally {
+            setBusyId(null);
+            refetch();
+        }
+    }
+    return (_jsxs(Card, { className: "p-4 space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-sm font-semibold", children: "Logistics Engine \u2014 taken" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "De Engine plant; deze module voert alleen uit. Taken met schaduwmodus worden uitsluitend vergeleken." })] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => refetch(), children: _jsx(RefreshCw, { className: "h-4 w-4" }) })] }), error && (_jsxs("div", { className: "flex items-start gap-2 rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-sm text-amber-800", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("span", { children: ["Taken niet leesbaar: ", error] })] })), _jsx("ul", { className: "space-y-2", children: reserveTasks.map((task) => {
+                    const plan = parseStockReservePlan(task.payload);
+                    const result = results[task.id];
+                    return (_jsxs("li", { className: "rounded-md border border-border p-3 text-sm", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "font-medium", children: [task.task_type, " \u00B7 ", task.order_ref, task.shadow && (_jsx("span", { className: "ml-2 rounded bg-muted px-1.5 py-0.5 text-[10px] uppercase tracking-wide text-muted-foreground", children: "schaduw" }))] }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [describeLoadCarriers(plan.loadCarriers), " \u00B7", " ", plan.lines.length, " regel(s) \u00B7 status ", task.status, task.rule_version != null
+                                                        ? ` · rule v${task.rule_version}`
+                                                        : "", task.planned_start
+                                                        ? ` · ${new Date(task.planned_start).toLocaleString("nl-NL")}`
+                                                        : ""] })] }), _jsx(Button, { size: "sm", variant: task.shadow ? "outline" : "default", onClick: () => handleRun(task.id), disabled: busyId === task.id, children: task.shadow ? (_jsxs(_Fragment, { children: [_jsx(Eye, { className: "mr-1 h-4 w-4" }), " Vergelijk"] })) : (_jsxs(_Fragment, { children: [_jsx(Play, { className: "mr-1 h-4 w-4" }), " Uitvoeren"] })) })] }), result && (_jsx("div", { className: "mt-2 rounded bg-muted/50 p-2 text-xs", children: typeof result === "string" ? (_jsx("span", { className: "text-destructive", children: result })) : (_jsxs(_Fragment, { children: [_jsx("div", { children: result.message }), result.diff.length > 0 && (_jsx("ul", { className: "mt-1 space-y-0.5", children: result.diff.map((d) => (_jsxs("li", { children: [d.tradeItemKey, ": ", d.currentReserved, " \u2192", " ", d.engineReserved, " (", d.delta >= 0 ? "+" : "", d.delta, ")"] }, d.tradeItemKey))) }))] })) }))] }, task.id));
+                }) })] }));
+}

package/dist-lib/components/voorraad/ProductCustomFieldsCard.d.ts

@@ -0,0 +1,5 @@
+/** Eigen voorraadvelden met `show_in_detail`, tonen en bewerken op de productpagina. */
+export declare function ProductCustomFieldsCard({ productId }: {
+    productId: string;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=ProductCustomFieldsCard.d.ts.map

package/dist-lib/components/voorraad/ProductCustomFieldsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCustomFieldsCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ProductCustomFieldsCard.tsx"],"names":[],"mappings":"AAyBA,wFAAwF;AACxF,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,sCA6H3E"}

package/dist-lib/components/voorraad/ProductCustomFieldsCard.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Checkbox, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
+import { Loader2, Save } from "lucide-react";
+import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields";
+import { fetchProductCustomValues, saveProductCustomValues, } from "../../lib/voorraad-custom-fields";
+/** Eigen voorraadvelden met `show_in_detail`, tonen en bewerken op de productpagina. */
+export function ProductCustomFieldsCard({ productId }) {
+    const { fields, loading } = useVoorraadCustomFields();
+    const [values, setValues] = useState({});
+    const [loadingValues, setLoadingValues] = useState(true);
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        let cancelled = false;
+        setLoadingValues(true);
+        fetchProductCustomValues(productId)
+            .then((v) => {
+            if (!cancelled)
+                setValues(v);
+        })
+            .catch(() => {
+            if (!cancelled)
+                setValues({});
+        })
+            .finally(() => {
+            if (!cancelled)
+                setLoadingValues(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [productId]);
+    const detailFields = fields.filter((f) => f.show_in_detail);
+    if (loading || loadingValues) {
+        return null;
+    }
+    if (detailFields.length === 0)
+        return null;
+    const set = (key, value) => setValues((prev) => ({ ...prev, [key]: value }));
+    const save = async () => {
+        setSaving(true);
+        try {
+            await saveProductCustomValues(productId, Object.fromEntries(detailFields.map((f) => [f.field_key, values[f.field_key] ?? null])));
+            toast.success("Eigen velden opgeslagen");
+        }
+        catch (e) {
+            toast.error(`Opslaan mislukt: ${e.message}`);
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Eigen velden" }), _jsx(CardDescription, { children: "Extra voorraadvelden zoals ingesteld bij Instellingen \u2192 Voorraadvelden." })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx("div", { className: "grid gap-4 sm:grid-cols-2", children: detailFields.map((f) => {
+                            const v = values[f.field_key];
+                            return (_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: `cf-${f.field_key}`, children: f.field_label }), f.field_type === "boolean" ? (_jsx("div", { className: "pt-1", children: _jsx(Checkbox, { id: `cf-${f.field_key}`, checked: v === true, onCheckedChange: (c) => set(f.field_key, c === true) }) })) : f.field_type === "select" ? (_jsxs(Select, { value: typeof v === "string" ? v : "", onValueChange: (val) => set(f.field_key, val), children: [_jsx(SelectTrigger, { id: `cf-${f.field_key}`, children: _jsx(SelectValue, { placeholder: "Kies\u2026" }) }), _jsx(SelectContent, { children: f.options.map((o) => (_jsx(SelectItem, { value: o, children: o }, o))) })] })) : (_jsx(Input, { id: `cf-${f.field_key}`, type: f.field_type === "number"
+                                            ? "number"
+                                            : f.field_type === "date"
+                                                ? "date"
+                                                : "text", value: v === null || v === undefined ? "" : String(v), onChange: (e) => set(f.field_key, f.field_type === "number"
+                                            ? e.target.value === ""
+                                                ? null
+                                                : Number(e.target.value)
+                                            : e.target.value) }))] }, f.id));
+                        }) }), _jsxs(Button, { onClick: save, disabled: saving, children: [saving ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Save, { className: "mr-2 h-4 w-4" })), "Eigen velden opslaan"] })] })] }));
+}

package/dist-lib/components/voorraad/PublicatiesPage.d.ts

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

package/dist-lib/components/voorraad/PublicatiesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublicatiesPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublicatiesPage.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,eAAe,gCAuI9B"}

package/dist-lib/components/voorraad/PublicatiesPage.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { Card, Button } from "@flowselections/core";
+import { ArrowLeft, Check, AlertTriangle, Loader2, RefreshCw } from "lucide-react";
+import { useEffect, useState } from "react";
+import { usePublishJobs } from "../../hooks/usePublishJob";
+import { supabase } from "../../integrations/supabase/client";
+const STATUS_LABEL = {
+    running: "Bezig",
+    succeeded: "Gepubliceerd",
+    succeeded_with_warnings: "Aandachtspunten",
+    failed: "Actie nodig",
+};
+function StatusChip({ status }) {
+    const tone = status === "succeeded"
+        ? "bg-emerald-100 text-emerald-800"
+        : status === "failed"
+            ? "bg-destructive/10 text-destructive"
+            : status === "running"
+                ? "bg-muted text-muted-foreground"
+                : "bg-amber-100 text-amber-800";
+    return (_jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${tone}`, children: STATUS_LABEL[status] ?? status }));
+}
+export function PublicatiesPage() {
+    const { jobs, loading, reload } = usePublishJobs(50);
+    const [stepsByJob, setStepsByJob] = useState({});
+    useEffect(() => {
+        if (jobs.length === 0)
+            return;
+        let cancelled = false;
+        (async () => {
+            var _a;
+            const { data } = await supabase
+                .from("voorraad_publish_steps")
+                .select("*")
+                .in("job_id", jobs.map((j) => j.id))
+                .order("position");
+            if (cancelled)
+                return;
+            const grouped = {};
+            for (const row of (data ?? [])) {
+                (grouped[_a = row.job_id] ?? (grouped[_a] = [])).push(row);
+            }
+            setStepsByJob(grouped);
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [jobs]);
+    return (_jsxs("main", { className: "p-6 space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Link, { to: "/voorraad", className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Terug naar voorraad"] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => void reload(), children: [_jsx(RefreshCw, { className: "mr-1 h-3 w-3" }), "Vernieuwen"] })] }), _jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Publicaties" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Alle producten die je hebt gepubliceerd, met wat er eventueel nog moet gebeuren." })] }), loading ? (_jsxs(Card, { className: "p-6 flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Laden\u2026"] })) : jobs.length === 0 ? (_jsx(Card, { className: "p-6 text-sm text-muted-foreground", children: "Er zijn nog geen publicaties." })) : (_jsx("div", { className: "space-y-3", children: jobs.map((job) => {
+                    const steps = stepsByJob[job.id] ?? [];
+                    const failed = steps.filter((s) => s.status === "failed");
+                    const target = job.product_id ?? job.trade_item_id;
+                    return (_jsxs(Card, { className: "p-4 space-y-2", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium", children: job.title || "Product" }), _jsxs("div", { className: "text-xs text-muted-foreground", children: [new Date(job.created_at).toLocaleString("nl-NL"), " \u00B7 referentie ", job.reference_code, job.environment !== "live" ? " · testomgeving" : ""] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(StatusChip, { status: job.status }), target && failed.length > 0 && (_jsx(Button, { asChild: true, size: "sm", variant: "outline", children: _jsx(Link, { to: "/voorraad/$id", params: { id: String(target) }, search: { hervat: job.id }, children: "Afronden" }) }))] })] }), steps.length > 0 && (_jsx("ul", { className: "flex flex-wrap gap-x-4 gap-y-1 text-xs", children: steps
+                                    .filter((s) => s.status !== "skipped")
+                                    .map((s) => (_jsxs("li", { className: "flex items-center gap-1", children: [s.status === "done" ? (_jsx(Check, { className: "h-3 w-3 text-emerald-600" })) : s.status === "failed" ? (_jsx(AlertTriangle, { className: "h-3 w-3 text-destructive" })) : (_jsx(Loader2, { className: "h-3 w-3 text-muted-foreground" })), _jsx("span", { className: s.status === "failed"
+                                                ? "text-destructive"
+                                                : "text-muted-foreground", children: s.label })] }, s.id))) })), failed.map((s) => (_jsxs("p", { className: "text-xs text-destructive", children: [s.label, ": ", s.error_message] }, `err-${s.id}`)))] }, job.id));
+                }) }))] }));
+}

package/dist-lib/components/voorraad/PublishProgressCard.d.ts

@@ -0,0 +1,12 @@
+import type { PublishJobRow, PublishStepRow } from "../../lib/publish-pipeline";
+/**
+ * Toont de voortgang van een publicatie in deelstappen.
+ */
+export declare function PublishProgressCard({ job, steps, onRetry, retrying, onFixStep, }: {
+    job: PublishJobRow | null;
+    steps: PublishStepRow[];
+    onRetry?: () => void;
+    retrying?: boolean;
+    onFixStep?: (stepKey: string) => void;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=PublishProgressCard.d.ts.map

package/dist-lib/components/voorraad/PublishProgressCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishProgressCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublishProgressCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAoBhF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE;IACD,GAAG,EAAE,aAAa,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,sCAyDA"}

package/dist-lib/components/voorraad/PublishProgressCard.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Button } from "@flowselections/core";
+import { Check, AlertTriangle, Loader2, Circle, MinusCircle, RefreshCw } from "lucide-react";
+function StatusIcon({ status }) {
+    if (status === "done")
+        return _jsx(Check, { className: "h-4 w-4 text-emerald-600" });
+    if (status === "running")
+        return _jsx(Loader2, { className: "h-4 w-4 animate-spin text-primary" });
+    if (status === "failed")
+        return _jsx(AlertTriangle, { className: "h-4 w-4 text-destructive" });
+    if (status === "skipped")
+        return _jsx(MinusCircle, { className: "h-4 w-4 text-muted-foreground/60" });
+    return _jsx(Circle, { className: "h-4 w-4 text-muted-foreground/40" });
+}
+const JOB_TITLE = {
+    running: "Bezig met publiceren…",
+    succeeded: "Gepubliceerd",
+    succeeded_with_warnings: "Gepubliceerd, met aandachtspunten",
+    failed: "Publiceren niet gelukt",
+};
+/**
+ * Toont de voortgang van een publicatie in deelstappen.
+ */
+export function PublishProgressCard({ job, steps, onRetry, retrying, onFixStep, }) {
+    if (!job)
+        return null;
+    const visible = steps.filter((s) => s.status !== "skipped");
+    const failed = visible.filter((s) => s.status === "failed");
+    return (_jsxs(Card, { className: "p-4 space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: JOB_TITLE[job.status] ?? "Publicatie" }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Referentie ", job.reference_code] })] }), job.status !== "running" && failed.length > 0 && onRetry && (_jsxs(Button, { size: "sm", variant: "outline", onClick: onRetry, disabled: retrying, children: [retrying ? (_jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" })) : (_jsx(RefreshCw, { className: "mr-1 h-3 w-3" })), "Opnieuw proberen"] }))] }), _jsx("ul", { className: "space-y-2", children: visible.map((s) => (_jsxs("li", { className: "flex items-start gap-2 text-sm", children: [_jsx("span", { className: "mt-0.5", children: _jsx(StatusIcon, { status: s.status }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: s.status === "done" ? "text-muted-foreground" : "", children: s.label }), s.status === "failed" && s.error_message && (_jsx("div", { className: "text-xs text-destructive", children: s.error_message }))] }), s.status === "failed" && onFixStep && (_jsx(Button, { size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onFixStep(s.step_key), children: "Oplossen" }))] }, s.id))) })] }));
+}

package/dist-lib/components/voorraad/PublishReadinessCard.d.ts

@@ -0,0 +1,10 @@
+import type { ReadinessReport } from "../../lib/publish-readiness";
+/**
+ * Korte checklist die laat zien of het product klaar is om te publiceren.
+ */
+export declare function PublishReadinessCard({ report, loading, onGoToStep, }: {
+    report: ReadinessReport;
+    loading?: boolean;
+    onGoToStep?: (stepKey: string) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PublishReadinessCard.d.ts.map

package/dist-lib/components/voorraad/PublishReadinessCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishReadinessCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PublishReadinessCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAEnE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,OAAO,EACP,UAAU,GACX,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,+BAuEA"}

package/dist-lib/components/voorraad/PublishReadinessCard.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Button } from "@flowselections/core";
+import { Check, AlertTriangle, Loader2, ArrowRight } from "lucide-react";
+import { Link } from "@tanstack/react-router";
+/**
+ * Korte checklist die laat zien of het product klaar is om te publiceren.
+ */
+export function PublishReadinessCard({ report, loading, onGoToStep, }) {
+    return (_jsxs(Card, { className: "p-4 space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [loading ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" })) : report.ok ? (_jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-emerald-100 text-emerald-700", children: _jsx(Check, { className: "h-3 w-3" }) })) : (_jsx("span", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-amber-100 text-amber-700", children: _jsx(AlertTriangle, { className: "h-3 w-3" }) })), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: report.ok ? "Klaar om te publiceren" : "Nog even dit afmaken" }), _jsx("p", { className: "text-xs text-muted-foreground", children: report.ok
+                                    ? "Alles is ingevuld. Je kunt het product nu publiceren."
+                                    : `${report.blockers.length} ding(en) moeten nog geregeld worden.` })] })] }), _jsx("ul", { className: "space-y-1.5", children: report.items.map((item) => (_jsxs("li", { className: "flex items-start gap-2 text-sm", children: [item.ok ? (_jsx(Check, { className: "mt-0.5 h-4 w-4 shrink-0 text-emerald-600" })) : (_jsx(AlertTriangle, { className: `mt-0.5 h-4 w-4 shrink-0 ${item.blocking ? "text-amber-600" : "text-muted-foreground"}` })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("span", { className: item.ok ? "text-muted-foreground" : "", children: item.label }), !item.ok && item.hint && (_jsx("div", { className: "text-xs text-muted-foreground", children: item.hint }))] }), !item.ok && item.stepKey && onGoToStep && (_jsxs(Button, { variant: "ghost", size: "sm", className: "h-6 shrink-0 px-2 text-xs", onClick: () => onGoToStep(item.stepKey), children: ["Invullen", _jsx(ArrowRight, { className: "ml-1 h-3 w-3" })] })), !item.ok && item.key === "connection" && (_jsx(Link, { to: "/instellingen", className: "shrink-0 text-xs text-primary underline", children: "Instellingen" }))] }, item.key))) })] }));
+}

package/dist-lib/components/voorraad/StockBulkButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StockBulkButtons.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockBulkButtons.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAoF3D,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,kBAAkB,EAClB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,+BAikBA"}
+{"version":3,"file":"StockBulkButtons.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockBulkButtons.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAsF3D,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,kBAAkB,EAClB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,+BAmoBA"}

package/dist-lib/components/voorraad/StockBulkButtons.js

@@ -9,6 +9,8 @@ import { upsertLocalTradeItem, updateDraftMeta } from "../../hooks/useLocalTrade
 import { validateDraftForPublish } from "../../lib/floriday-import-validator";
 import { floriday } from "../../lib/floriday-client";
 import { ensureArticleCodes } from "../../lib/ensure-article-codes";
+import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields";
+import { saveProductCustomValues } from "../../lib/voorraad-custom-fields";
 const COLUMNS = [
     "Artikelcode",
     "Artikelnaam",
@@ -61,6 +63,34 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
     const [autoPublish, setAutoPublish] = useState(false);
     const [result, setResult] = useState(null);
     const [pastRuns, setPastRuns] = useState([]);
+    const { fields: customFields } = useVoorraadCustomFields();
+    const templateFields = customFields.filter((f) => f.show_in_template);
+    /**
+     * Leest de waarde van een eigen veld uit een Excel-rij. Kolomkoppen worden
+     * tolerant gematcht: op label óf key, hoofdletter- en spatie-ongevoelig.
+     */
+    const readCustomValues = useCallback((row) => {
+        const norm = (s) => s.toLowerCase().replace(/[\s_-]+/g, "");
+        const lookup = new Map();
+        for (const [k, v] of Object.entries(row))
+            lookup.set(norm(k), v);
+        const patch = {};
+        for (const f of customFields) {
+            const raw = lookup.get(norm(f.field_label)) ?? lookup.get(norm(f.field_key));
+            if (raw === undefined)
+                continue;
+            const str = String(raw ?? "").trim();
+            patch[f.field_key] =
+                str === ""
+                    ? null
+                    : f.field_type === "number"
+                        ? Number(str.replace(",", "."))
+                        : f.field_type === "boolean"
+                            ? ["ja", "true", "1", "yes"].includes(str.toLowerCase())
+                            : str;
+        }
+        return patch;
+    }, [customFields]);
     const loadPastRuns = useCallback(async () => {
         const { data, error } = await supabase
             .from("stock_import_runs")
@@ -115,6 +145,12 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
         const generatedCount = exportItems.filter((i, idx) => i.articleNumber !== items[idx].articleNumber).length;
         const rows = exportItems.map((i) => {
             const d = i.raw?.data;
+            const cf = (i.raw?.custom_fields ?? {});
+            const extra = {};
+            for (const f of templateFields) {
+                const v = cf[f.field_key];
+                extra[f.field_label] = v === null || v === undefined ? "" : v;
+            }
             return {
                 Artikelcode: i.articleNumber,
                 Artikelnaam: i.name,
@@ -126,10 +162,12 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
                 "Minimum voorraad": i.minQuantity,
                 "Gereserveerde voorraad": i.reservedQuantity,
                 "Inkomende voorraad": i.incomingQuantity,
+                ...extra,
             };
         });
-        const ws = XLSX.utils.json_to_sheet(rows, { header: [...COLUMNS] });
-        ws["!cols"] = COLUMNS.map((c) => ({
+        const headers = [...COLUMNS, ...templateFields.map((f) => f.field_label)];
+        const ws = XLSX.utils.json_to_sheet(rows, { header: headers });
+        ws["!cols"] = headers.map((c) => ({
             wch: c === "Artikelnaam" ? 40 : c === "Artikelcode" ? 18 : 20,
         }));
         const wb = XLSX.utils.book_new();
@@ -257,6 +295,19 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
                         oldReserved: existing.reservedQuantity,
                         newReserved: applied.reserved_stock,
                     });
+                    // Eigen voorraadvelden uit de template terugschrijven
+                    const targetProductId = existing.productId ?? existing.localId ?? null;
+                    if (targetProductId && customFields.length > 0) {
+                        const patch = readCustomValues(row);
+                        if (Object.keys(patch).length > 0) {
+                            try {
+                                await saveProductCustomValues(targetProductId, patch);
+                            }
+                            catch {
+                                /* eigen velden zijn niet blokkerend voor de voorraadimport */
+                            }
+                        }
+                    }
                     updated++;
                     setProgress(Math.round(((idx + 1) / rows.length) * 100));
                     continue;
@@ -334,6 +385,18 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
                         },
                     });
                     created++;
+                    // Eigen voorraadvelden ook op nieuw aangemaakte producten zetten
+                    if (customFields.length > 0) {
+                        const patch = readCustomValues(row);
+                        if (Object.keys(patch).length > 0) {
+                            try {
+                                await saveProductCustomValues(draftId, patch);
+                            }
+                            catch {
+                                /* niet blokkerend */
+                            }
+                        }
+                    }
                     // Stock koppelen aan het nieuwe product (draftId is nu de product-uuid)
                     const anyStock = stockValues.physical_stock !== null ||
                         stockValues.minimum_stock !== null ||

package/dist-lib/components/voorraad/StockSyncStatus.d.ts

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

package/dist-lib/components/voorraad/StockSyncStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StockSyncStatus.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockSyncStatus.tsx"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,uCAgC9B"}

package/dist-lib/components/voorraad/StockSyncStatus.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Subtiele melding op de voorraadpagina wanneer de push naar Floriday
+ * vastloopt of stilstaat.
+ */
+import { AlertTriangle } from "lucide-react";
+import { useStockSyncHealth } from "../../hooks/useStockSyncHealth";
+export function StockSyncStatus() {
+    const { data } = useStockSyncHealth();
+    if (!data)
+        return null;
+    const { failed, stalePending, oldestPendingAt } = data;
+    if (failed === 0 && stalePending === 0)
+        return null;
+    const parts = [];
+    if (failed > 0) {
+        parts.push(`${failed} voorraadwijziging${failed === 1 ? "" : "en"} mislukt`);
+    }
+    if (stalePending > 0) {
+        parts.push(`${stalePending} wacht${stalePending === 1 ? "" : "en"} langer dan 10 minuten`);
+    }
+    return (_jsxs("div", { className: "flex items-start gap-2 rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-sm text-amber-800", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { children: [_jsx("span", { className: "font-medium", children: "Voorraadsync naar Floriday: " }), parts.join(" · "), ".", oldestPendingAt && (_jsxs("span", { className: "opacity-80", children: [" ", "Oudste wachtende regel: ", new Date(oldestPendingAt).toLocaleString("nl-NL"), "."] }))] })] }));
+}

package/dist-lib/components/voorraad/ValidationOverviewTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationOverviewTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ValidationOverviewTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAM3D;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,YAAY,EACZ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC,+BA4GA"}
+{"version":3,"file":"ValidationOverviewTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ValidationOverviewTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAM3D;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,YAAY,EACZ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC,+BAmHA"}