@flowselections/floriday-voorraad 1.0.145 → 1.0.149

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

@@ -94,6 +94,7 @@ export function StepSamenstelling({ productId, floridayId, packings, packagingTy
     const [loading, setLoading] = useState(true);
     const [saving, setSaving] = useState(false);
     const [rows, setRows] = useState([]);
+    const [teVerwijderen, setTeVerwijderen] = useState([]);
     const [names, setNames] = useState(new Map());
     const [activeTab, setActiveTab] = useState("__base__");
     const hasParent = Boolean(productId || floridayId);
@@ -131,8 +132,10 @@ export function StepSamenstelling({ productId, floridayId, packings, packagingTy
             component_trade_item_floriday_id: r.component_trade_item_floriday_id ?? null,
             quantity: Number(r.quantity ?? 1),
             sort_order: Number(r.sort_order ?? 0),
+            _orig: { quantity: Number(r.quantity ?? 1), sort_order: Number(r.sort_order ?? 0) },
         }));
         setRows(list);
+        setTeVerwijderen([]);
         await resolveNames(list);
         setLoading(false);
     }, [productId, floridayId, hasParent]);
@@ -230,13 +233,9 @@ export function StepSamenstelling({ productId, floridayId, packings, packagingTy
         const row = rows.find((r) => r.id === id);
         if (!row)
             return;
-        if (!row._new) {
-            const { error } = await supabase.from("product_bom_items").delete().eq("id", id);
-            if (error) {
-                toast.error("Verwijderen mislukt");
-                return;
-            }
-        }
+        // Verwijderen gebeurt pas bij "Opslaan" (bewuste actie met conflictcontrole).
+        if (!row._new)
+            setTeVerwijderen((l) => [...l, row]);
         setRows((prev) => prev.filter((r) => r.id !== id));
     };
     const saveAll = async () => {
@@ -245,7 +244,7 @@ export function StepSamenstelling({ productId, floridayId, packings, packagingTy
             return;
         }
         const dirty = rows.filter((r) => r._dirty);
-        if (dirty.length === 0)
+        if (dirty.length === 0 && teVerwijderen.length === 0)
             return;
         setSaving(true);
         // Verhoudingscontrole: alle lagen meetellen, nooit blokkeren.
@@ -264,6 +263,32 @@ export function StepSamenstelling({ productId, floridayId, packings, packagingTy
             // Controle mislukt: opslaan gaat gewoon door.
         }
         try {
+            // Conflictcontrole: bestaande regels die je wijzigt of verwijdert moeten nog
+            // dezelfde stand hebben als bij openen.
+            const gecontroleerd = [...dirty.filter((r) => !r._new), ...teVerwijderen].filter((r) => r._orig);
+            if (gecontroleerd.length) {
+                const { data: nu, error: nuErr } = await supabase
+                    .from("product_bom_items")
+                    .select("id,quantity,sort_order")
+                    .in("id", gecontroleerd.map((r) => r.id));
+                if (nuErr)
+                    throw nuErr;
+                const huidig = new Map((nu ?? []).map((r) => [r.id, r]));
+                const afwijkend = gecontroleerd.filter((r) => {
+                    const h = huidig.get(r.id);
+                    return !h || Number(h.quantity) !== r._orig.quantity || Number(h.sort_order) !== r._orig.sort_order;
+                });
+                if (afwijkend.length) {
+                    toast.error("Iemand anders heeft deze samenstelling intussen gewijzigd. Er is niets opgeslagen; laad de samenstelling opnieuw.");
+                    return;
+                }
+            }
+            for (const r of teVerwijderen) {
+                const { error } = await supabase.from("product_bom_items").delete().eq("id", r.id);
+                if (error)
+                    throw error;
+            }
+            setTeVerwijderen([]);
             const inserts = dirty
                 .filter((r) => r._new)
                 .map((r) => ({
@@ -309,7 +334,7 @@ export function StepSamenstelling({ productId, floridayId, packings, packagingTy
                 if (error)
                     throw error;
             }
-            setRows((prev) => prev.map((r) => ({ ...r, _dirty: false })));
+            setRows((prev) => prev.map((r) => ({ ...r, _dirty: false, _orig: { quantity: r.quantity, sort_order: r.sort_order } })));
             toast.success("Samenstelling opgeslagen");
         }
         catch (e) {
@@ -319,7 +344,7 @@ export function StepSamenstelling({ productId, floridayId, packings, packagingTy
             setSaving(false);
         }
     };
-    const hasUnsaved = rows.some((r) => r._dirty);
+    const hasUnsaved = rows.some((r) => r._dirty) || teVerwijderen.length > 0;
     if (!hasParent) {
         return (_jsx("div", { className: "rounded-md border border-dashed p-6 text-center text-sm text-muted-foreground", children: "Sla het artikel eerst op om een samenstelling te configureren." }));
     }

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

@@ -1,7 +1,9 @@
 interface Props {
     tradeItemKey: string | null;
     productId?: string | null;
+    /** Sleutels uit voorraad_artikel_detail; scheelt een aparte aanvraag bij het openen. */
+    sleutels?: string[];
 }
-export declare function StockMutationHistoryCard({ tradeItemKey, productId }: Props): import("react").JSX.Element;
+export declare function StockMutationHistoryCard({ tradeItemKey, productId, sleutels }: Props): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=StockMutationHistoryCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StockMutationHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockMutationHistoryCard.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAiDD,wBAAgB,wBAAwB,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,+BA4O1E"}
+{"version":3,"file":"StockMutationHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockMutationHistoryCard.tsx"],"names":[],"mappings":"AAYA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAiDD,wBAAgB,wBAAwB,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,+BAgPpF"}

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

@@ -42,7 +42,7 @@ function formatMoment(v) {
         return v;
     }
 }
-export function StockMutationHistoryCard({ tradeItemKey, productId }) {
+export function StockMutationHistoryCard({ tradeItemKey, productId, sleutels }) {
     const [rows, setRows] = useState(null);
     const [error, setError] = useState(null);
     const [expanded, setExpanded] = useState(false);
@@ -60,14 +60,20 @@ export function StockMutationHistoryCard({ tradeItemKey, productId }) {
                     keys.add(tradeItemKey);
                 if (productId)
                     keys.add(productId);
-                // Groepssleutels waaronder dit artikel ook afgeboekt kan worden.
-                const { data: groups } = await supabase
-                    .from("product_group_items")
-                    .select("product_group_id")
-                    .in("trade_item_id", [...keys])
-                    .limit(20);
-                for (const g of (groups ?? [])) {
-                    keys.add(`group:${g.product_group_id}`);
+                // Groepssleutels waaronder dit artikel ook afgeboekt kan worden (meestal al meegeleverd).
+                if (sleutels) {
+                    for (const k of sleutels)
+                        keys.add(k);
+                }
+                else {
+                    const { data: groups } = await supabase
+                        .from("product_group_items")
+                        .select("product_group_id")
+                        .in("trade_item_id", [...keys])
+                        .limit(20);
+                    for (const g of (groups ?? [])) {
+                        keys.add(`group:${g.product_group_id}`);
+                    }
                 }
                 const { data, error } = await supabase
                     .from("stock_mutation_log")
@@ -135,7 +141,7 @@ export function StockMutationHistoryCard({ tradeItemKey, productId }) {
             cancelled = true;
             supabase.removeChannel(channel);
         };
-    }, [tradeItemKey, productId]);
+    }, [tradeItemKey, productId, sleutels?.join("|")]); // eslint-disable-line react-hooks/exhaustive-deps
     return (_jsxs(Card, { children: [_jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)_auto] items-center gap-3 px-6 py-4", children: [_jsx("span", { className: "flex h-7 w-7 items-center justify-center rounded-full border border-primary/40 bg-primary/10 text-primary", children: _jsx(History, { className: "h-4 w-4" }) }), _jsx("span", { className: "font-medium", children: "Afboekgeschiedenis" }), _jsx("span", { className: "text-xs text-muted-foreground tabular-nums", children: rows ? `${rows.length} mutatie${rows.length === 1 ? "" : "s"}` : "" })] }), _jsxs(CardContent, { className: "pt-0", children: [error && (_jsx("div", { className: "text-sm text-destructive", children: error })), !rows && !error && (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Mutaties laden\u2026"] })), rows && rows.length === 0 && !error && (_jsx("div", { className: "text-sm text-muted-foreground", children: "Nog geen voorraadmutaties voor dit artikel." })), rows && rows.length > 0 && (_jsxs("div", { className: "overflow-x-auto rounded-md border", children: [_jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-xs uppercase text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left", children: "Wanneer" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Soort" }), _jsx("th", { className: "px-3 py-2 text-right", children: "Aantal" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Van \u2192 naar" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Order" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Door" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Reden" })] }) }), _jsx("tbody", { children: (expanded ? rows : rows.slice(0, 5)).map((r) => {
                                             const meta = TYPE_LABEL[r.mutation_type] ?? {
                                                 label: r.mutation_type || "Onbekend",

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

@@ -1,4 +1,8 @@
-/** Traysticker-afbeelding per product — los van de Floriday-productfoto (`products.image_url`). */
+/**
+ * Traysticker-afbeelding per artikel — los van de Floriday-productfoto.
+ * Kiezen of verwijderen wordt pas bewaard met de knop "Opslaan" van de pagina,
+ * met controle tegen de stand bij openen.
+ */
 export declare function TrayStickerCard({ productId }: {
     productId: string;
 }): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"TrayStickerCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/TrayStickerCard.tsx"],"names":[],"mappings":"AAyBA,mGAAmG;AACnG,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,+BA+HnE"}
+{"version":3,"file":"TrayStickerCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/TrayStickerCard.tsx"],"names":[],"mappings":"AA4BA;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,+BAoInE"}

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

@@ -1,100 +1,98 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, toast, } from "@flowselections/core";
-import { Loader2, Trash2, Upload } from "lucide-react";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@flowselections/core";
+import { Loader2, Trash2, Undo2, Upload } from "lucide-react";
 import { supabase } from "../../integrations/supabase/client.js";
+import { useOpslagDeelnemer } from "./artikel/opslaan-context.js";
 const BUCKET = "product-tray-stickers";
 // Bucket is privé (publieke buckets zijn geblokkeerd): lange signed URL voor de logistiek-engine.
 const SIGNED_URL_SECONDS = 60 * 60 * 24 * 365 * 10;
-/** Traysticker-afbeelding per product — los van de Floriday-productfoto (`products.image_url`). */
+/**
+ * Traysticker-afbeelding per artikel — los van de Floriday-productfoto.
+ * Kiezen of verwijderen wordt pas bewaard met de knop "Opslaan" van de pagina,
+ * met controle tegen de stand bij openen.
+ */
 export function TrayStickerCard({ productId }) {
     const [row, setRow] = useState(null);
     const [loading, setLoading] = useState(true);
-    const [busy, setBusy] = useState(false);
+    const [wachtend, setWachtend] = useState(null);
     const inputRef = useRef(null);
-    useEffect(() => {
-        let cancelled = false;
-        setLoading(true);
-        supabase
+    const laad = async () => {
+        const { data } = await supabase
             .from("product_tray_stickers")
             .select("*")
             .eq("product_id", productId)
-            .maybeSingle()
-            .then(({ data }) => {
-            if (!cancelled)
-                setRow(data ?? null);
+            .maybeSingle();
+        setRow(data ?? null);
+    };
+    useEffect(() => {
+        let cancelled = false;
+        setLoading(true);
+        void laad().finally(() => {
             if (!cancelled)
                 setLoading(false);
         });
         return () => {
             cancelled = true;
         };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [productId]);
-    const upload = async (file) => {
-        setBusy(true);
+    useEffect(() => () => {
+        if (wachtend?.soort === "nieuw")
+            URL.revokeObjectURL(wachtend.voorbeeld);
+    }, [wachtend]);
+    const opslaan = async () => {
+        if (!wachtend)
+            return { ok: true };
+        let pad = null;
         try {
-            const ext = file.name.includes(".") ? file.name.slice(file.name.lastIndexOf(".")) : "";
-            const path = `${productId}/${crypto.randomUUID()}${ext}`;
-            const up = await supabase.storage.from(BUCKET).upload(path, file, {
-                contentType: file.type || undefined,
+            let next = null;
+            if (wachtend.soort === "nieuw") {
+                const file = wachtend.file;
+                const ext = file.name.includes(".") ? file.name.slice(file.name.lastIndexOf(".")) : "";
+                pad = `${productId}/${crypto.randomUUID()}${ext}`;
+                const up = await supabase.storage.from(BUCKET).upload(pad, file, { contentType: file.type || undefined });
+                if (up.error)
+                    throw up.error;
+                const signed = await supabase.storage.from(BUCKET).createSignedUrl(pad, SIGNED_URL_SECONDS);
+                if (signed.error || !signed.data)
+                    throw signed.error ?? new Error("Geen URL");
+                next = { product_id: productId, bestand_url: signed.data.signedUrl, bestandspad: pad, bestandsnaam: file.name, bestandsgrootte: file.size };
+            }
+            const { data, error } = await supabase.rpc("voorraad_traysticker_opslaan", {
+                p_product_id: productId,
+                p_oud_pad: row?.bestandspad ?? null,
+                p_nieuw: next,
             });
-            if (up.error)
-                throw up.error;
-            const signed = await supabase.storage.from(BUCKET).createSignedUrl(path, SIGNED_URL_SECONDS);
-            if (signed.error || !signed.data)
-                throw signed.error ?? new Error("Geen URL");
-            const next = {
-                product_id: productId,
-                bestand_url: signed.data.signedUrl,
-                bestandspad: path,
-                bestandsnaam: file.name,
-                bestandsgrootte: file.size,
-            };
-            const { error } = await supabase
-                .from("product_tray_stickers")
-                .upsert(next, { onConflict: "product_id" });
             if (error)
                 throw error;
+            if (!data.ok) {
+                if (pad)
+                    await supabase.storage.from(BUCKET).remove([pad]);
+                setWachtend(null);
+                await laad();
+                return { ok: false, melding: "Traysticker niet opgeslagen: iemand anders wijzigde hem intussen. De nieuwste stand is geladen." };
+            }
             if (row?.bestandspad)
                 await supabase.storage.from(BUCKET).remove([row.bestandspad]);
             setRow(next);
-            toast.success("Traysticker-afbeelding opgeslagen");
-        }
-        catch (e) {
-            toast.error(`Uploaden mislukt: ${e.message}`);
-        }
-        finally {
-            setBusy(false);
-            if (inputRef.current)
-                inputRef.current.value = "";
-        }
-    };
-    const remove = async () => {
-        if (!row)
-            return;
-        setBusy(true);
-        try {
-            const { error } = await supabase
-                .from("product_tray_stickers")
-                .delete()
-                .eq("product_id", productId);
-            if (error)
-                throw error;
-            if (row.bestandspad)
-                await supabase.storage.from(BUCKET).remove([row.bestandspad]);
-            setRow(null);
-            toast.success("Traysticker-afbeelding verwijderd");
+            setWachtend(null);
+            return { ok: true };
         }
         catch (e) {
-            toast.error(`Verwijderen mislukt: ${e.message}`);
-        }
-        finally {
-            setBusy(false);
+            if (pad)
+                await supabase.storage.from(BUCKET).remove([pad]);
+            return { ok: false, melding: `Traysticker: opslaan mislukt (${e.message}).` };
         }
     };
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Traysticker-afbeelding" }), _jsx(CardDescription, { children: "Afbeelding die op het traysticker-etiket bij de pakbon op het pickstation wordt geprint. Dit staat los van de productfoto uit Floriday." })] }), _jsxs(CardContent, { className: "space-y-4", children: [loading ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" })) : row ? (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("img", { src: row.bestand_url, alt: "Traysticker", className: "h-24 w-24 rounded border object-contain bg-muted" }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [_jsx("div", { children: row.bestandsnaam }), row.bestandsgrootte != null && _jsxs("div", { children: [Math.round(row.bestandsgrootte / 1024), " KB"] })] })] })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen traysticker-afbeelding ge\u00FCpload." })), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", className: "hidden", onChange: (e) => {
+    useOpslagDeelnemer("traysticker", wachtend !== null, opslaan);
+    const toonUrl = wachtend?.soort === "nieuw" ? wachtend.voorbeeld : wachtend?.soort === "weg" ? null : row?.bestand_url;
+    const toonNaam = wachtend?.soort === "nieuw" ? wachtend.file.name : row?.bestandsnaam;
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Traysticker-afbeelding" }), _jsx(CardDescription, { children: "Afbeelding die op het traysticker-etiket bij de pakbon op het pickstation wordt geprint. Dit staat los van de productfoto uit Floriday." })] }), _jsxs(CardContent, { className: "space-y-4", children: [loading ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" })) : toonUrl ? (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("img", { src: toonUrl, alt: "Traysticker", className: "h-24 w-24 rounded border object-contain bg-muted" }), _jsx("div", { className: "text-sm text-muted-foreground", children: _jsx("div", { children: toonNaam }) })] })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: wachtend?.soort === "weg" ? "Wordt verwijderd bij Opslaan." : "Nog geen traysticker-afbeelding." })), wachtend && (_jsx("p", { className: "text-xs text-muted-foreground", children: "Niet opgeslagen wijziging; bewaar met \"Opslaan\" bovenaan." })), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", className: "hidden", onChange: (e) => {
                             const f = e.target.files?.[0];
                             if (f)
-                                void upload(f);
-                        } }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { onClick: () => inputRef.current?.click(), disabled: busy || loading, children: [busy ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(Upload, { className: "mr-2 h-4 w-4" }), row ? "Vervangen" : "Afbeelding uploaden"] }), row && (_jsxs(Button, { variant: "outline", onClick: remove, disabled: busy, children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Verwijderen"] }))] })] })] }));
+                                setWachtend({ soort: "nieuw", file: f, voorbeeld: URL.createObjectURL(f) });
+                            if (inputRef.current)
+                                inputRef.current.value = "";
+                        } }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => inputRef.current?.click(), disabled: loading, children: [_jsx(Upload, { className: "mr-2 h-4 w-4" }), row || wachtend?.soort === "nieuw" ? "Andere kiezen" : "Afbeelding kiezen"] }), row && wachtend?.soort !== "weg" && (_jsxs(Button, { variant: "outline", onClick: () => setWachtend({ soort: "weg" }), children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Verwijderen"] })), wachtend && (_jsxs(Button, { variant: "ghost", onClick: () => setWachtend(null), children: [_jsx(Undo2, { className: "mr-2 h-4 w-4" }), "Ongedaan maken"] }))] })] })] }));
 }

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

@@ -1,9 +1,4 @@
 import type { TradeItem } from "../../lib/floriday-client.js";
-/**
- * Overzicht van producten die (nog) niet actief op Floriday staan. Er is geen concept-status
- * meer — het gaat puur om welke Floriday-velden ontbreken en of het product klaar is om te
- * activeren. Producten blijven volwaardig in gebruik binnen ERP, ongeacht Floriday-status.
- */
 export declare function ValidationOverviewTable({ items, connectionId, onChanged, }: {
     items: TradeItem[];
     connectionId: string | null;

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;AAQ3D;;;;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,+BAwKA"}
+{"version":3,"file":"ValidationOverviewTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ValidationOverviewTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAoB3D,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,+BAwKA"}

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

@@ -3,7 +3,7 @@ import { useMemo, useState } from "react";
 import { useNavigate } from "@tanstack/react-router";
 import { Badge, Button } from "@flowselections/core";
 import { Link2, Loader2, Pencil, Send } from "lucide-react";
-import { validateDraftForPublish } from "../../lib/floriday-import-validator.js";
+import { conceptMetArtikel, validateDraftForPublish } from "../../lib/floriday-import-validator.js";
 import { updateDraftMeta } from "../../hooks/useLocalTradeItems.js";
 import { floriday } from "../../lib/floriday-client.js";
 import { relinkProducts } from "../../lib/floriday-relink.js";
@@ -13,6 +13,12 @@ import { toast } from "@flowselections/core";
  * meer — het gaat puur om welke Floriday-velden ontbreken en of het product klaar is om te
  * activeren. Producten blijven volwaardig in gebruik binnen ERP, ongeacht Floriday-status.
  */
+/** Eigen naam en artikelnummer van het artikel (niet het Floriday-concept). */
+function artikelVan(it) {
+    const raw = (it.raw ?? {});
+    const s = (v) => (typeof v === "string" && v.trim() ? v : null);
+    return { name: s(raw.product) ?? s(it.name), articleNumber: s(raw.article_number) ?? s(it.articleNumber) };
+}
 export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
     const navigate = useNavigate();
     const [relinking, setRelinking] = useState(false);
@@ -53,14 +59,14 @@ export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
             item.raw?.floriday_payload ??
             item.raw?.data ??
             {};
-        const v = validateDraftForPublish(payload);
+        const v = validateDraftForPublish(conceptMetArtikel(payload, artikelVan(item)));
         if (!v.ok) {
             toast.error("Nog niet compleet: " + v.missing.join(", "));
             return;
         }
         try {
             const { buildAddTradeItemPayload } = await import("../../lib/floriday-payload.js");
-            const built = buildAddTradeItemPayload(payload);
+            const built = buildAddTradeItemPayload(conceptMetArtikel(payload, artikelVan(item)));
             const res = await floriday.createTradeItem(connectionId, built);
             await updateDraftMeta(productId, {
                 floridayLinkStatus: "published",
@@ -85,7 +91,7 @@ export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
                                 it.raw?.floriday_payload ??
                                 it.raw?.data ??
                                 {};
-                            const v = validateDraftForPublish(payload);
+                            const v = validateDraftForPublish(conceptMetArtikel(payload, artikelVan(it)));
                             return (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "p-3 font-mono text-xs", children: it.articleNumber || "—" }), _jsx("td", { className: "p-3", children: it.name }), _jsx("td", { className: "p-3", children: _jsx(Badge, { className: "bg-slate-500/15 text-slate-700 border-slate-500/30", children: "Niet actief op Floriday" }) }), _jsx("td", { className: "p-3 text-xs text-muted-foreground max-w-[260px]", children: reasonFor(it) }), _jsx("td", { className: "p-3", children: v.missing.length === 0 ? (_jsx("span", { className: "text-xs text-emerald-700", children: "Klaar om te activeren" })) : (_jsxs("span", { className: "text-xs text-muted-foreground", title: v.missing.join(", "), children: ["Nog nodig: ", v.missing.slice(0, 3).join(", ").toLowerCase(), v.missing.length > 3 ? ` en nog ${v.missing.length - 3} andere` : "", "."] })) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => {
                                                         const target = it.productId ?? it.localId ?? it.id;
                                                         navigate({ to: "/voorraad/$id", params: { id: target } });

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

@@ -0,0 +1,3 @@
+/** Inklapbaar blok "Beheer": alleen zichtbaar voor beheerders, alleen informatie plus één knop. */
+export declare function VoorraadBeheerCard(): import("react").JSX.Element | null;
+//# sourceMappingURL=VoorraadBeheerCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadBeheerCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadBeheerCard.tsx"],"names":[],"mappings":"AAuBA,mGAAmG;AACnG,wBAAgB,kBAAkB,uCAwDjC"}

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { Button, Card, CardContent, CardHeader, CardTitle, toast } from "@flowselections/core";
+import { supabase } from "../../integrations/supabase/client.js";
+import { dbFoutTekst } from "../../lib/db-error-message.js";
+import { toonVersieBeheer } from "../../lib/floriday-versie-ronde.js";
+import { floridayVersiesControleren } from "../../lib/floriday-versie-ronde.functions.js";
+const STATUS_TEKST = {
+    geslaagd: "geslaagd",
+    onvolledig: "nog niet compleet (wordt automatisch opnieuw geprobeerd)",
+    mislukt: "mislukt (wordt automatisch opnieuw geprobeerd)",
+};
+/** Inklapbaar blok "Beheer": alleen zichtbaar voor beheerders, alleen informatie plus één knop. */
+export function VoorraadBeheerCard() {
+    const [status, setStatus] = useState(null);
+    const [bezig, setBezig] = useState(false);
+    const laad = useCallback(async () => {
+        const { data, error } = await supabase.rpc("voorraad_floriday_versieronde_status");
+        if (error) {
+            setStatus(null);
+            return;
+        }
+        setStatus(data);
+    }, []);
+    useEffect(() => { void laad(); }, [laad]);
+    if (!toonVersieBeheer(status) || !status?.heeft_koppeling)
+        return null;
+    const start = async () => {
+        setBezig(true);
+        try {
+            await floridayVersiesControleren();
+            toast.success("Controle gestart. Dit loopt op de achtergrond.");
+            await laad();
+        }
+        catch (e) {
+            toast.error(dbFoutTekst(e));
+        }
+        finally {
+            setBezig(false);
+        }
+    };
+    const l = status.laatste;
+    return (_jsx(Card, { children: _jsxs("details", { children: [_jsx("summary", { className: "cursor-pointer list-none", children: _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Beheer" }) }) }), _jsxs(CardContent, { className: "space-y-2 text-sm", children: [_jsx("p", { className: "font-medium", children: "Controle van Floriday-artikelen" }), _jsx("p", { className: "text-muted-foreground", children: "Loopt vanzelf elke nacht. Oude versies van Floriday-artikelen worden geen zichtbaar artikel." }), _jsxs("p", { children: ["Laatste controle:", " ", l ? `${new Date(l.uitgevoerd_at).toLocaleString("nl-NL")} — ${STATUS_TEKST[l.status] ?? l.status}` : "nog niet uitgevoerd", status.bezig && " · nu bezig"] }), l?.melding && l.status !== "geslaagd" && _jsx("p", { className: "text-muted-foreground", children: l.melding }), _jsxs("p", { children: ["Vervangen in Floriday: ", status.vervangen ?? 0, " \u00B7 Vervallen: ", status.vervallen ?? 0, " \u00B7 Apart gezet (geen antwoord van Floriday): ", status.onbekend ?? 0] }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => void start(), disabled: bezig || status.bezig, children: bezig ? "Bezig…" : "Nu opnieuw controleren" })] })] }) }));
+}

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

@@ -1,15 +1,3 @@
-import type { TradeItem } from "../../lib/floriday-client.js";
-/**
- * "Op voorraad" = artikelen met liggende voorraad (fysiek > 0).
- * "Vrij beschikbaar" = artikelen waarvan liggend min gereserveerd > 0.
- */
-export declare function countStock(items: Array<Pick<TradeItem, "quantity" | "availableQuantity" | "minQuantity">>): {
-    total: number;
-    inStock: number;
-    outOfStock: number;
-    belowMin: number;
-    fullyReserved: number;
-    freeAvailable: number;
-};
+export { countStock } from "../../lib/count-stock.js";
 export declare function VoorraadPage(): import("react").JSX.Element;
 //# sourceMappingURL=VoorraadPage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAoF3D;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,mBAAmB,GAAG,aAAa,CAAC,CAAC;;;;;;;EAgBzG;AAED,wBAAgB,YAAY,gCAuW3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AAwCA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AA2CnD,wBAAgB,YAAY,gCA6M3B"}