@flowselections/floriday-voorraad 1.0.48 → 1.0.50

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

@@ -1 +1 @@
-{"version":3,"file":"ArtikelCompositionCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelCompositionCard.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAqFD,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,KAAK,sCAgNtE"}
+{"version":3,"file":"ArtikelCompositionCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelCompositionCard.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAkHD,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,KAAK,sCA6RtE"}

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

@@ -1,8 +1,39 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
+import { toast } from "sonner";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, Badge } from "@flowselections/core";
-import { Loader2, Package } from "lucide-react";
+import { ArrowDown, ArrowUp, Loader2, Package } from "lucide-react";
 import { supabase } from "../../integrations/supabase/client";
+async function loadStock(productIds, floridayIds) {
+    const out = new Map();
+    const idToProduct = new Map();
+    productIds.forEach((id) => idToProduct.set(id, id));
+    if (floridayIds.length) {
+        const { data } = await supabase
+            .from("products")
+            .select("id,floriday_trade_item_id")
+            .in("floriday_trade_item_id", floridayIds);
+        (Array.isArray(data) ? data : []).forEach((p) => {
+            if (p.floriday_trade_item_id)
+                idToProduct.set(String(p.floriday_trade_item_id), String(p.id));
+        });
+    }
+    await Promise.all([...idToProduct.entries()].map(async ([ref, pid]) => {
+        const { data, error } = await supabase.rpc("get_product_stock", { p_product_id: pid });
+        if (error)
+            return;
+        const st = Array.isArray(data) ? data[0] : null;
+        if (!st) {
+            if (!out.has(ref))
+                out.set(ref, null);
+            return;
+        }
+        const physical = Number(st.physical_stock ?? 0);
+        const reserved = Number(st.reserved_stock ?? 0);
+        out.set(ref, { physical, reserved, available: physical - reserved });
+    }));
+    return out;
+}
 async function resolveNames(productIds, floridayIds) {
     const resolved = new Map();
     const uuidLike = [...productIds, ...floridayIds].filter((v) => /^[0-9a-f-]{36}$/i.test(v));
@@ -57,15 +88,20 @@ async function resolveNames(productIds, floridayIds) {
 export function ArtikelCompositionCard({ productId, floridayId }) {
     const [loading, setLoading] = useState(true);
     const [sections, setSections] = useState([]);
+    const [reloadTick, setReloadTick] = useState(0);
+    const [savingOrder, setSavingOrder] = useState(false);
     useEffect(() => {
         let cancelled = false;
         (async () => {
-            setLoading(true);
+            if (reloadTick === 0)
+                setLoading(true);
             const out = [];
             // ---- Productgroep ----
             let groupQ = supabase
                 .from("product_groups")
                 .select("id,name,description")
+                .eq("is_active", true)
+                .order("updated_at", { ascending: false })
                 .limit(1);
             if (productId && floridayId) {
                 groupQ = groupQ.or(`head_product_id.eq.${productId},head_trade_item_floriday_id.eq.${floridayId}`);
@@ -92,7 +128,10 @@ export function ArtikelCompositionCard({ productId, floridayId }) {
                 const uuidIds = tradeIds.filter((v) => /^[0-9a-f-]{36}$/i.test(v));
                 const nonUuidIds = tradeIds.filter((v) => !/^[0-9a-f-]{36}$/i.test(v));
                 // uuid → could be either product uuid or a floriday uuid. Look both up.
-                const { resolved } = await resolveNames(uuidIds, [...uuidIds, ...nonUuidIds]);
+                const [{ resolved }, stockMap] = await Promise.all([
+                    resolveNames(uuidIds, [...uuidIds, ...nonUuidIds]),
+                    loadStock(uuidIds, [...uuidIds, ...nonUuidIds]),
+                ]);
                 const rows = items.map((i) => {
                     const id = String(i.trade_item_id);
                     const r = resolved.get(`floriday:${id}`) ??
@@ -105,9 +144,11 @@ export function ArtikelCompositionCard({ productId, floridayId }) {
                         code: r?.code,
                         quantity: i.quantity ?? undefined,
                         kind: "artikel",
+                        stock: stockMap.has(id) ? stockMap.get(id) : null,
                     };
                 });
                 out.push({
+                    groupId: String(group.id),
                     kind: "productgroep",
                     title: `Productgroep: ${group.name}`,
                     description: group.description || `${rows.length} artikelen in deze productgroep`,
@@ -184,7 +225,39 @@ export function ArtikelCompositionCard({ productId, floridayId }) {
         return () => {
             cancelled = true;
         };
-    }, [productId, floridayId]);
+    }, [productId, floridayId, reloadTick]);
+    const groupId = sections.find((x) => x.kind === "productgroep")?.groupId;
+    useEffect(() => {
+        if (!groupId)
+            return;
+        const channel = supabase
+            .channel(`pgi-${groupId}`)
+            .on("postgres_changes", { event: "*", schema: "public", table: "product_group_items", filter: `product_group_id=eq.${groupId}` }, () => setReloadTick((t) => t + 1))
+            .subscribe();
+        return () => {
+            supabase.removeChannel(channel);
+        };
+    }, [groupId]);
+    const move = useCallback(async (index, dir) => {
+        const sec = sections.find((x) => x.kind === "productgroep");
+        if (!sec)
+            return;
+        const target = index + dir;
+        if (target < 0 || target >= sec.rows.length)
+            return;
+        const prev = sections;
+        const rows = [...sec.rows];
+        [rows[index], rows[target]] = [rows[target], rows[index]];
+        setSections(sections.map((x) => (x === sec ? { ...x, rows } : x)));
+        setSavingOrder(true);
+        const results = await Promise.all(rows.map((r, i) => supabase.from("product_group_items").update({ sort_order: i }).eq("id", r.key)));
+        setSavingOrder(false);
+        const failed = results.find((r) => r.error);
+        if (failed?.error) {
+            setSections(prev);
+            toast.error(`Volgorde opslaan mislukt: ${failed.error.message}`);
+        }
+    }, [sections]);
     if (loading) {
         return (_jsx(Card, { children: _jsxs(CardContent, { className: "flex items-center gap-2 py-4 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Samenstelling laden\u2026"] }) }));
     }
@@ -192,5 +265,5 @@ export function ArtikelCompositionCard({ productId, floridayId }) {
         return null;
     return (_jsx(_Fragment, { children: sections.map((s) => (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx(CardTitle, { children: s.title }), _jsx(Badge, { className: s.kind === "productgroep"
                                         ? "bg-indigo-500/15 text-indigo-700 border-indigo-500/30"
-                                        : "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: s.kind === "productgroep" ? "Productgroep" : "Samenstelling" })] }), _jsx(CardDescription, { children: s.description })] }), _jsx(CardContent, { children: s.rows.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: "Nog geen onderdelen toegevoegd." })) : (_jsx("ul", { className: "divide-y", children: s.rows.map((r) => (_jsxs("li", { className: "flex items-center gap-3 py-2", children: [_jsx("div", { className: "h-8 w-8 rounded bg-muted flex items-center justify-center shrink-0", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-sm truncate", children: r.name }), r.code && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.code })), r.detail && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.detail }))] }), r.quantity !== undefined && r.quantity !== null && (_jsxs("div", { className: "text-sm tabular-nums text-muted-foreground shrink-0", children: [r.quantity, r.unit ? ` ${r.unit}` : ""] }))] }, r.key))) })) })] }, s.kind))) }));
+                                        : "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: s.kind === "productgroep" ? "Productgroep" : "Samenstelling" })] }), _jsx(CardDescription, { children: s.description })] }), _jsx(CardContent, { children: s.rows.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground py-4 text-center", children: "Nog geen onderdelen toegevoegd." })) : (_jsx("ul", { className: "divide-y", children: s.rows.map((r, idx) => (_jsxs("li", { className: "flex items-center gap-3 py-2", children: [s.kind === "productgroep" && (_jsxs("div", { className: "flex flex-col shrink-0", children: [_jsx("button", { type: "button", "aria-label": "Omhoog", disabled: idx === 0 || savingOrder, onClick: () => move(idx, -1), className: "p-0.5 text-muted-foreground hover:text-foreground disabled:opacity-30", children: _jsx(ArrowUp, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", "aria-label": "Omlaag", disabled: idx === s.rows.length - 1 || savingOrder, onClick: () => move(idx, 1), className: "p-0.5 text-muted-foreground hover:text-foreground disabled:opacity-30", children: _jsx(ArrowDown, { className: "h-3.5 w-3.5" }) })] })), _jsx("div", { className: "h-8 w-8 rounded bg-muted flex items-center justify-center shrink-0", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-sm truncate", children: r.name }), r.code && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.code })), r.detail && (_jsx("div", { className: "text-xs text-muted-foreground truncate", children: r.detail }))] }), s.kind === "productgroep" && (_jsx("div", { className: "text-right shrink-0 w-40", children: r.stock ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-sm font-medium tabular-nums", children: ["Beschikbaar: ", r.stock.available] }), _jsxs("div", { className: "text-xs text-muted-foreground tabular-nums", children: ["fysiek ", r.stock.physical, " \u00B7 gereserveerd ", r.stock.reserved] })] })) : (_jsx("div", { className: "text-xs text-muted-foreground", children: "Nog geen voorraad" })) })), r.quantity !== undefined && r.quantity !== null && (_jsxs("div", { className: "text-sm tabular-nums text-muted-foreground shrink-0", title: s.kind === "productgroep" ? "Aantal in groep" : undefined, children: [r.quantity, r.unit ? ` ${r.unit}` : ""] }))] }, r.key))) })) })] }, s.kind))) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AA4MA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,EACT,WAAW,GACZ,GAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACjB,+BAsqEL"}
+{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AA4MA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,EACT,WAAW,GACZ,GAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACjB,+BAkrEL"}

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

@@ -290,11 +290,23 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
         setProductLoading(true);
         (async () => {
             try {
-                const { data: product, error } = await supabase
+                const baseCols = "id,product,barcode,article_number,quantity,image_url,plants_per_crate,crates_per_layer,layers_per_cart,trade_item_key,floriday_trade_item_id,custom_fields";
+                let { data: product, error } = await supabase
                     .from("products")
-                    .select("id,product,barcode,article_number,quantity,image_url,plants_per_crate,crates_per_layer,layers_per_cart,floriday_packing_confirmed_at,floriday_packing_source,trade_item_key,floriday_trade_item_id,custom_fields")
+                    .select(`${baseCols},floriday_packing_confirmed_at,floriday_packing_source`)
                     .eq("id", productId)
                     .maybeSingle();
+                // Andere omgevingen hebben de beladingskolommen mogelijk nog niet:
+                // dan zonder die kolommen laden (belading wordt dan "onbekend").
+                if (error && /floriday_packing_/.test(error.message ?? "")) {
+                    const retry = await supabase
+                        .from("products")
+                        .select(baseCols)
+                        .eq("id", productId)
+                        .maybeSingle();
+                    product = retry.data;
+                    error = retry.error;
+                }
                 if (cancelled)
                     return;
                 if (error)

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

@@ -0,0 +1,9 @@
+interface Props {
+    text: string | null | undefined;
+    /** Maximum zichtbare regels wanneer ingeklapt (standaard 5). */
+    lines?: number;
+    className?: string;
+}
+export declare function CollapsibleText({ text, lines, className }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CollapsibleText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleText.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/CollapsibleText.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAChC,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,KAAS,EAAE,SAAS,EAAE,EAAE,KAAK,+BA8DpE"}

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Lange tekstvelden die meer dan ~5 regels beslaan kunnen worden ingeklapt.
+ * Kortere tekst wordt gewoon volledig getoond, zonder knop.
+ */
+import { useLayoutEffect, useRef, useState } from "react";
+import { ChevronDown, ChevronUp } from "lucide-react";
+export function CollapsibleText({ text, lines = 5, className }) {
+    const value = (text ?? "").trim();
+    const containerRef = useRef(null);
+    const measureRef = useRef(null);
+    const [expanded, setExpanded] = useState(false);
+    const [overflowing, setOverflowing] = useState(false);
+    useLayoutEffect(() => {
+        const container = containerRef.current;
+        const measure = measureRef.current;
+        if (!container || !measure)
+            return;
+        const check = () => {
+            const lineHeight = Number.parseFloat(getComputedStyle(measure).lineHeight);
+            if (!Number.isFinite(lineHeight))
+                return;
+            setOverflowing(measure.scrollHeight > lineHeight * lines + 1);
+        };
+        check();
+        if (typeof ResizeObserver !== "undefined") {
+            const ro = new ResizeObserver(check);
+            ro.observe(container);
+            return () => ro.disconnect();
+        }
+    }, [value, lines]);
+    if (!value)
+        return _jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+    return (_jsxs("div", { ref: containerRef, className: `relative min-w-0 ${className ?? ""}`, children: [_jsx("p", { ref: measureRef, "aria-hidden": "true", className: "pointer-events-none invisible absolute inset-x-0 top-0 break-words", children: value }), _jsx("p", { className: "break-words", style: expanded ? undefined : { WebkitLineClamp: lines, display: "-webkit-box", WebkitBoxOrient: "vertical", overflow: "hidden" }, children: value }), (overflowing || expanded) && (_jsx("button", { type: "button", onClick: () => setExpanded((v) => !v), className: "mt-1 inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline", children: expanded ? (_jsxs(_Fragment, { children: [_jsx(ChevronUp, { className: "h-3.5 w-3.5" }), " Inklappen"] })) : (_jsxs(_Fragment, { children: [_jsx(ChevronDown, { className: "h-3.5 w-3.5" }), " Meer tonen"] })) }))] }));
+}

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":"AAUA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AA8CD,wBAAgB,wBAAwB,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,+BAiM1E"}
+{"version":3,"file":"StockMutationHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockMutationHistoryCard.tsx"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AA8CD,wBAAgB,wBAAwB,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,KAAK,+BAyN1E"}

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

@@ -1,13 +1,14 @@
-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";
 /**
  * Afboekgeschiedenis: wanneer is er voorraad bij- of afgeboekt en waarom.
  * Leest public.stock_mutation_log op de sleutel van dit artikel (inclusief
  * de groepssleutel wanneer het artikel via een groep wordt afgeboekt).
  */
 import { useEffect, useState } from "react";
-import { Card, CardContent, Badge } from "@flowselections/core";
-import { Loader2, History } from "lucide-react";
+import { Card, CardContent, Badge, Button } from "@flowselections/core";
+import { ChevronDown, ChevronUp, Loader2, History } from "lucide-react";
 import { supabase } from "../../integrations/supabase/client";
+import { CollapsibleText } from "./CollapsibleText";
 const TYPE_LABEL = {
     consumption: { label: "Afboeking (verkoop)", tone: "bg-rose-100 text-rose-800 border-rose-200" },
     consumption_blocked: { label: "Afboeking geblokkeerd", tone: "bg-amber-100 text-amber-800 border-amber-200" },
@@ -41,6 +42,7 @@ function formatMoment(v) {
 export function StockMutationHistoryCard({ tradeItemKey, productId }) {
     const [rows, setRows] = useState(null);
     const [error, setError] = useState(null);
+    const [expanded, setExpanded] = useState(false);
     useEffect(() => {
         let cancelled = false;
         const load = async () => {
@@ -118,17 +120,17 @@ export function StockMutationHistoryCard({ tradeItemKey, productId }) {
             supabase.removeChannel(channel);
         };
     }, [tradeItemKey, productId]);
-    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 && (_jsxs("div", { className: "text-sm text-destructive", children: ["Kon voorraadmutaties niet laden: ", 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 && (_jsx("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: "Reden" })] }) }), _jsx("tbody", { children: rows.map((r) => {
-                                        const meta = TYPE_LABEL[r.mutation_type] ?? {
-                                            label: r.mutation_type || "Onbekend",
-                                            tone: "bg-slate-100 text-slate-700 border-slate-200",
-                                        };
-                                        const physChanged = r.physical_before !== null &&
-                                            r.physical_after !== null &&
-                                            r.physical_before !== r.physical_after;
-                                        const resChanged = r.reserved_before !== null &&
-                                            r.reserved_after !== null &&
-                                            r.reserved_before !== r.reserved_after;
-                                        return (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "whitespace-nowrap px-3 py-2", children: formatMoment(r.created_at) }), _jsx("td", { className: "px-3 py-2", children: _jsx(Badge, { variant: "outline", className: `border ${meta.tone}`, children: meta.label }) }), _jsxs("td", { className: `px-3 py-2 text-right tabular-nums font-medium ${r.qty_delta < 0 ? "text-rose-700" : r.qty_delta > 0 ? "text-emerald-700" : ""}`, children: [r.qty_delta > 0 ? "+" : "", r.qty_delta] }), _jsxs("td", { className: "whitespace-nowrap px-3 py-2 tabular-nums text-muted-foreground", children: [physChanged && (_jsxs("div", { children: ["Liggend ", r.physical_before, " \u2192 ", r.physical_after] })), resChanged && (_jsxs("div", { children: ["Gereserveerd ", r.reserved_before, " \u2192 ", r.reserved_after] })), !physChanged && !resChanged && _jsx("span", { children: "\u2014" })] }), _jsx("td", { className: "whitespace-nowrap px-3 py-2", children: r.order_id ? (_jsx("a", { href: `/floriday-verkoop/verkooporders/${r.order_id}`, className: "text-primary hover:underline", children: r.order_number ?? "Order" })) : (_jsx("span", { className: "text-muted-foreground", children: "\u2014" })) }), _jsx("td", { className: "px-3 py-2 text-muted-foreground", children: r.reason ?? "—" })] }, r.id));
-                                    }) })] }) }))] })] }));
+    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 && (_jsxs("div", { className: "text-sm text-destructive", children: ["Kon voorraadmutaties niet laden: ", 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: "Reden" })] }) }), _jsx("tbody", { children: (expanded ? rows : rows.slice(0, 5)).map((r) => {
+                                            const meta = TYPE_LABEL[r.mutation_type] ?? {
+                                                label: r.mutation_type || "Onbekend",
+                                                tone: "bg-slate-100 text-slate-700 border-slate-200",
+                                            };
+                                            const physChanged = r.physical_before !== null &&
+                                                r.physical_after !== null &&
+                                                r.physical_before !== r.physical_after;
+                                            const resChanged = r.reserved_before !== null &&
+                                                r.reserved_after !== null &&
+                                                r.reserved_before !== r.reserved_after;
+                                            return (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "whitespace-nowrap px-3 py-2", children: formatMoment(r.created_at) }), _jsx("td", { className: "px-3 py-2", children: _jsx(Badge, { variant: "outline", className: `border ${meta.tone}`, children: meta.label }) }), _jsxs("td", { className: `px-3 py-2 text-right tabular-nums font-medium ${r.qty_delta < 0 ? "text-rose-700" : r.qty_delta > 0 ? "text-emerald-700" : ""}`, children: [r.qty_delta > 0 ? "+" : "", r.qty_delta] }), _jsxs("td", { className: "whitespace-nowrap px-3 py-2 tabular-nums text-muted-foreground", children: [physChanged && (_jsxs("div", { children: ["Liggend ", r.physical_before, " \u2192 ", r.physical_after] })), resChanged && (_jsxs("div", { children: ["Gereserveerd ", r.reserved_before, " \u2192 ", r.reserved_after] })), !physChanged && !resChanged && _jsx("span", { children: "\u2014" })] }), _jsx("td", { className: "whitespace-nowrap px-3 py-2", children: r.order_id ? (_jsx("a", { href: `/floriday-verkoop/verkooporders/${r.order_id}`, className: "text-primary hover:underline", children: r.order_number ?? "Order" })) : (_jsx("span", { className: "text-muted-foreground", children: "\u2014" })) }), _jsx("td", { className: "px-3 py-2 text-muted-foreground", children: _jsx(CollapsibleText, { text: r.reason }) })] }, r.id));
+                                        }) })] }), rows.length > 5 && (_jsx("div", { className: "flex justify-center border-t bg-muted/20 px-3 py-2", children: _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setExpanded((current) => !current), className: "gap-1.5", children: expanded ? (_jsxs(_Fragment, { children: [_jsx(ChevronUp, { className: "h-4 w-4" }), " Inklappen"] })) : (_jsxs(_Fragment, { children: [_jsx(ChevronDown, { className: "h-4 w-4" }), " Meer tonen (", rows.length - 5, ")"] })) }) }))] }))] })] }));
 }

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

@@ -4,6 +4,6 @@ interface Props {
     draftId?: string | null;
     productId?: string | null;
 }
-export declare function VoorraadStockCard({ connectionId, tradeItemId, draftId, productId }: Props): import("react").JSX.Element;
+export declare function VoorraadStockCard({ connectionId, tradeItemId, draftId, productId }: Props): import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=VoorraadStockCard.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"VoorraadStockCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadStockCard.tsx"],"names":[],"mappings":"AAeA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,+BAkQzF"}
+{"version":3,"file":"VoorraadStockCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadStockCard.tsx"],"names":[],"mappings":"AAcA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,KAAK,sCAgPzF"}

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

@@ -3,44 +3,15 @@ import { useEffect, useState } from "react";
 import { Button, Card, CardContent, Input, Label, Textarea, toast, } from "@flowselections/core";
 import { Loader2, Package, Check, Factory } from "lucide-react";
 import { useTradeItemStock, stockKeysFor } from "../../hooks/useTradeItemStock";
-import { useFloridayContinuousStock } from "../../hooks/useFloridayContinuousStock";
 import { supabase } from "../../integrations/supabase/client";
 export function VoorraadStockCard({ connectionId, tradeItemId, draftId, productId }) {
-    // De canonieke sleutel van een gekoppeld product staat in de producttabel
-    // (Floriday-UUID of `trade_item_key`). Zonder die sleutel zou de kaart op
-    // `product:<id>` schrijven terwijl het overzicht de kale sleutel leest.
-    const [productKeys, setProductKeys] = useState({ floridayId: null, tradeItemKey: null });
-    useEffect(() => {
-        if (!productId) {
-            setProductKeys({ floridayId: null, tradeItemKey: null });
-            return;
-        }
-        let cancelled = false;
-        (async () => {
-            const { data } = await supabase
-                .from("products")
-                .select("trade_item_key,floriday_trade_item_id")
-                .eq("id", productId)
-                .maybeSingle();
-            if (cancelled)
-                return;
-            setProductKeys({
-                floridayId: data?.floriday_trade_item_id ?? null,
-                tradeItemKey: data?.trade_item_key ?? null,
-            });
-        })();
-        return () => {
-            cancelled = true;
-        };
-    }, [productId]);
     const keys = stockKeysFor({
-        tradeItemId: tradeItemId ?? productKeys.floridayId,
-        tradeItemKey: productKeys.tradeItemKey,
+        tradeItemId,
         draftId,
         productId,
     });
     const key = keys[0] ?? null;
-    const { row, loading, save } = useTradeItemStock(connectionId, keys);
+    const { row, loading, save, error: stockError } = useTradeItemStock(connectionId, keys, productId);
     const [values, setValues] = useState(row);
     const [saving, setSaving] = useState(false);
     const [touched, setTouched] = useState(false);
@@ -68,23 +39,39 @@ export function VoorraadStockCard({ connectionId, tradeItemId, draftId, productI
             cancelled = true;
         };
     }, [productId, tradeItemId]);
-    const floridayPieces = useFloridayContinuousStock(connectionId, tradeItemId ?? null);
+    // Is dit artikel de kop van een productgroep? Dan geen voorraad invoeren.
+    const [isGroupHead, setIsGroupHead] = useState(false);
+    useEffect(() => {
+        let cancelled = false;
+        (async () => {
+            if (!productId && !tradeItemId) {
+                setIsGroupHead(false);
+                return;
+            }
+            const filters = [
+                productId ? `head_product_id.eq.${productId}` : null,
+                tradeItemId ? `head_trade_item_floriday_id.eq.${tradeItemId}` : null,
+            ].filter(Boolean).join(",");
+            const { data } = await supabase.from("product_groups").select("id").or(filters).limit(1);
+            if (!cancelled)
+                setIsGroupHead(Array.isArray(data) && data.length > 0);
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [productId, tradeItemId]);
     useEffect(() => {
         setValues(row);
         setTouched(false);
     }, [row.updated_at, row.physical_stock, row.minimum_stock, row.reserved_stock, row.incoming_stock, row.notes]);
-    // Floriday mag "Liggend" alleen bijwerken zolang de gebruiker het veld niet
-    // zelf heeft aangepast — anders zou een handmatige invoer stil verdwijnen.
-    useEffect(() => {
-        if (floridayPieces === undefined || touched)
-            return;
-        setValues((v) => v.physical_stock === floridayPieces
-            ? v
-            : { ...v, physical_stock: floridayPieces });
-    }, [floridayPieces, touched]);
-    if (!key) {
+    if (isGroupHead)
+        return null;
+    if (!productId && !key) {
         return (_jsx(Card, { className: "p-4 text-sm text-muted-foreground", children: "Voorraad kan pas worden ingesteld nadat het artikel voor het eerst is opgeslagen." }));
     }
+    if (stockError) {
+        return (_jsxs(Card, { className: "p-4 text-sm text-destructive", children: ["Voorraad laden lukt niet. Controleer of je bent ingelogd en of dit artikel aan een voorraadverbinding is gekoppeld.", _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: ["Details: ", String(stockError)] })] }));
+    }
     const available = Math.max(0, values.physical_stock - values.reserved_stock);
     // Foutmeldingen uit de database zijn soms JSON of technisch; hier maken we
     // er gewone taal van zodat de gebruiker weet wat er moet gebeuren.

package/dist-lib/hooks/useTradeItemStock.d.ts

@@ -37,10 +37,12 @@ export declare function lookupStock(map: Map<string, TradeItemStockRow>, params:
     productId?: string | null;
     draftId?: string | null;
 }): TradeItemStockRow | undefined;
-export declare function useTradeItemStock(connectionId: string | null, keyOrKeys: string | string[] | null): {
+export declare function useTradeItemStock(connectionId: string | null, keyOrKeys: string | string[] | null, productId?: string | null): {
     row: TradeItemStockRow;
     loading: boolean;
     save: (values: TradeItemStockRow) => Promise<void>;
+    error: string | null;
+    resolvedKey: string | null;
 };
 export declare function fetchStockMap(connectionId: string): Promise<Map<string, TradeItemStockRow>>;
 //# sourceMappingURL=useTradeItemStock.d.ts.map

package/dist-lib/hooks/useTradeItemStock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTradeItemStock.d.ts","sourceRoot":"","sources":["../../src/hooks/useTradeItemStock.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAUD,wBAAgB,WAAW,CAAC,MAAM,EAAE;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,GAAG,MAAM,GAAG,IAAI,CAEhB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,GAAG,MAAM,EAAE,CAUX;AAGD;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,EACnC,MAAM,EAAE;IACN,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,GACA,iBAAiB,GAAG,SAAS,CAa/B;AAGD,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI;;;mBA4ElB,iBAAiB;EAoEnC;AAED,wBAAsB,aAAa,CACjC,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAUzC"}
+{"version":3,"file":"useTradeItemStock.d.ts","sourceRoot":"","sources":["../../src/hooks/useTradeItemStock.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAUD,wBAAgB,WAAW,CAAC,MAAM,EAAE;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,GAAG,MAAM,GAAG,IAAI,CAEhB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,GAAG,MAAM,EAAE,CAUX;AAGD;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,EACnC,MAAM,EAAE;IACN,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,GACA,iBAAiB,GAAG,SAAS,CAa/B;AAGD,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,EACnC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI;;;mBA0GR,iBAAiB;;;EAyFnC;AAED,wBAAsB,aAAa,CACjC,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAUzC"}

package/dist-lib/hooks/useTradeItemStock.js

@@ -51,7 +51,7 @@ export function lookupStock(map, params) {
     }
     return undefined;
 }
-export function useTradeItemStock(connectionId, keyOrKeys) {
+export function useTradeItemStock(connectionId, keyOrKeys, productId) {
     const keysKey = Array.isArray(keyOrKeys)
         ? keyOrKeys.filter(Boolean).join("|")
         : keyOrKeys ?? "";
@@ -59,7 +59,33 @@ export function useTradeItemStock(connectionId, keyOrKeys) {
     const primaryKey = keys[0] ?? null;
     const [row, setRow] = useState(null);
     const [loading, setLoading] = useState(false);
+    const [resolvedConnectionId, setResolvedConnectionId] = useState(connectionId);
+    const [resolvedKey, setResolvedKey] = useState(primaryKey);
+    const [error, setError] = useState(null);
     const refetch = useCallback(async () => {
+        setError(null);
+        if (productId) {
+            const { data, error: rpcError } = await supabase.rpc("get_product_stock", {
+                p_product_id: productId,
+            });
+            if (rpcError) {
+                setError(rpcError.message);
+                setRow({ ...EMPTY });
+                return;
+            }
+            const stock = Array.isArray(data) ? data[0] : null;
+            setResolvedConnectionId(stock?.connection_id ?? null);
+            setResolvedKey(stock?.trade_item_key ?? `product:${productId}`);
+            setRow(stock ? {
+                physical_stock: Number(stock.physical_stock ?? 0),
+                minimum_stock: Number(stock.minimum_stock ?? 0),
+                reserved_stock: Number(stock.reserved_stock ?? 0),
+                incoming_stock: Number(stock.incoming_stock ?? 0),
+                notes: stock.notes ?? null,
+                updated_at: stock.updated_at ?? undefined,
+            } : { ...EMPTY });
+            return;
+        }
         if (!connectionId || keys.length === 0)
             return;
         const { data } = await supabase
@@ -77,10 +103,12 @@ export function useTradeItemStock(connectionId, keyOrKeys) {
                 break;
             }
         }
+        setResolvedConnectionId(connectionId);
+        setResolvedKey(primaryKey);
         setRow(picked ?? { ...EMPTY });
-    }, [connectionId, keys]);
+    }, [connectionId, keys, primaryKey, productId]);
     useEffect(() => {
-        if (!connectionId || keys.length === 0) {
+        if (!productId && (!connectionId || keys.length === 0)) {
             setRow(null);
             return;
         }
@@ -94,15 +122,17 @@ export function useTradeItemStock(connectionId, keyOrKeys) {
         return () => {
             cancelled = true;
         };
-    }, [connectionId, keys, refetch]);
+    }, [connectionId, keys, productId, refetch]);
     // Realtime: reflecteer elke externe mutatie (order-reservering,
     // completion, bulk-import, wizard-save vanuit ander tabblad).
     useEffect(() => {
-        if (!connectionId || keys.length === 0)
+        const realtimeConnectionId = resolvedConnectionId ?? connectionId;
+        const realtimeKeys = resolvedKey ? [resolvedKey] : keys;
+        if (!realtimeConnectionId || realtimeKeys.length === 0)
             return;
-        const filter = `trade_item_key=in.(${keys.map((k) => `"${k}"`).join(",")})`;
+        const filter = `trade_item_key=in.(${realtimeKeys.map((k) => `"${k}"`).join(",")})`;
         const channel = supabase
-            .channel(`stock-${connectionId}-${primaryKey}`)
+            .channel(`stock-${realtimeConnectionId}-${resolvedKey ?? primaryKey}`)
             .on("postgres_changes", {
             event: "*",
             schema: "public",
@@ -115,29 +145,52 @@ export function useTradeItemStock(connectionId, keyOrKeys) {
         return () => {
             supabase.removeChannel(channel);
         };
-    }, [connectionId, keys, primaryKey, refetch]);
+    }, [connectionId, keys, primaryKey, refetch, resolvedConnectionId, resolvedKey]);
     const save = useCallback(async (values) => {
-        if (!connectionId || !primaryKey) {
+        let savedKey = resolvedKey ?? primaryKey;
+        let savedConnectionId = resolvedConnectionId ?? connectionId;
+        if (productId) {
+            const { data, error: rpcError } = await supabase.rpc("set_product_stock", {
+                p_product_id: productId,
+                p_physical_stock: values.physical_stock,
+                p_minimum_stock: values.minimum_stock,
+                p_incoming_stock: values.incoming_stock,
+                p_notes: values.notes ?? undefined,
+            });
+            if (rpcError)
+                throw new Error(rpcError.message);
+            const saved = Array.isArray(data) ? data[0] : null;
+            savedKey = saved?.trade_item_key ?? savedKey;
+            savedConnectionId = saved?.connection_id ?? savedConnectionId;
+            setResolvedKey(savedKey);
+            setResolvedConnectionId(savedConnectionId);
+        }
+        else {
+            if (!connectionId || !primaryKey) {
+                throw new Error("Ontbrekende connectie of artikel-key");
+            }
+            const userRes = await supabase.auth.getUser();
+            const userId = userRes.data.user?.id;
+            if (!userId)
+                throw new Error("Niet ingelogd");
+            const { error: upsertError } = await supabase
+                .from("trade_item_stock")
+                .upsert({
+                user_id: userId,
+                connection_id: connectionId,
+                trade_item_key: primaryKey,
+                physical_stock: values.physical_stock,
+                minimum_stock: values.minimum_stock,
+                reserved_stock: values.reserved_stock,
+                incoming_stock: values.incoming_stock,
+                notes: values.notes,
+            }, { onConflict: "connection_id,trade_item_key" });
+            if (upsertError)
+                throw new Error(upsertError.message);
+        }
+        if (!savedConnectionId || !savedKey) {
             throw new Error("Ontbrekende connectie of artikel-key");
         }
-        const userRes = await supabase.auth.getUser();
-        const userId = userRes.data.user?.id;
-        if (!userId)
-            throw new Error("Niet ingelogd");
-        const { error } = await supabase
-            .from("trade_item_stock")
-            .upsert({
-            user_id: userId,
-            connection_id: connectionId,
-            trade_item_key: primaryKey,
-            physical_stock: values.physical_stock,
-            minimum_stock: values.minimum_stock,
-            reserved_stock: values.reserved_stock,
-            incoming_stock: values.incoming_stock,
-            notes: values.notes,
-        }, { onConflict: "connection_id,trade_item_key" });
-        if (error)
-            throw new Error(error.message);
         const previousPhysical = row?.physical_stock ?? 0;
         setRow(values);
         // Verkoop = daling van de fysieke voorraad. Het bijbehorende aantal
@@ -149,8 +202,8 @@ export function useTradeItemStock(connectionId, keyOrKeys) {
                 try {
                     const { registerSaleFustUsage } = await import("../lib/fusten");
                     await registerSaleFustUsage({
-                        connectionId,
-                        tradeItemKey: primaryKey,
+                        connectionId: savedConnectionId,
+                        tradeItemKey: savedKey,
                         piecesSold: sold,
                         reason: "manual_sale",
                     });
@@ -167,7 +220,7 @@ export function useTradeItemStock(connectionId, keyOrKeys) {
             try {
                 const { emitStockChangedEvent } = await import("../lib/logistics-events");
                 await emitStockChangedEvent({
-                    tradeItemKey: primaryKey,
+                    tradeItemKey: savedKey,
                     physicalStock: values.physical_stock,
                     reservedStock: values.reserved_stock,
                 });
@@ -176,8 +229,8 @@ export function useTradeItemStock(connectionId, keyOrKeys) {
                 // Engine-tabel niet bereikbaar; voorraad is lokaal wel opgeslagen.
             }
         })();
-    }, [connectionId, primaryKey, row]);
-    return { row: row ?? EMPTY, loading, save };
+    }, [connectionId, primaryKey, productId, resolvedConnectionId, resolvedKey, row]);
+    return { row: row ?? EMPTY, loading, save, error, resolvedKey };
 }
 export async function fetchStockMap(connectionId) {
     const { data } = await supabase

package/dist-lib/hooks/useVoorraadData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAsB5E;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EAsV1D"}
+{"version":3,"file":"useVoorraadData.d.ts","sourceRoot":"","sources":["../../src/hooks/useVoorraadData.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAsB5E;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;EAuV1D"}