@flowselections/floriday-voorraad 1.0.47 → 1.0.49

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)
@@ -1690,11 +1702,11 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
                             setDeleteOpen(o);
                             if (!o)
                                 setDeleteAck(false);
-                        }, children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "text-destructive hover:text-destructive", children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Verwijderen"] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Product verwijderen?" }), _jsx(AlertDialogDescription, { asChild: true, children: _jsxs("div", { className: "space-y-3 text-sm", children: [_jsxs("div", { children: ["Je staat op het punt om ", _jsx("strong", { children: data.name || "dit artikel" }), data.articleCode ? _jsxs(_Fragment, { children: [" (artikelnummer ", _jsx("code", { children: data.articleCode }), ")"] }) : null, " ", "lokaal uit de voorraad te verwijderen."] }), _jsxs("div", { className: "rounded-md border p-3 bg-muted/40 space-y-1", children: [_jsxs("div", { children: ["Huidige voorraad: ", _jsx("strong", { children: productMeta.physicalStock }), " stuks"] }), _jsxs("div", { children: ["Floriday-koppeling:", " ", productMeta.floridayActive || productMeta.floridayTradeItemId ? (_jsx("span", { className: "text-emerald-700 font-medium", children: "actief" })) : (_jsx("span", { className: "text-muted-foreground", children: "geen" }))] })] }), (productMeta.floridayActive || productMeta.floridayTradeItemId) && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-3 text-amber-900", children: [_jsx("strong", { children: "Let op:" }), " dit artikel is gekoppeld met Floriday. Als je alleen de lokale kant verwijdert, blijft het artikel op Floriday bestaan en verschijnt het bij de volgende sync weer terug in de lijst. Trek het artikel daarna zelf in via het Floriday-portaal als je het echt weg wilt."] })), productMeta.physicalStock > 0 && (_jsxs("div", { className: "rounded-md border border-rose-300 bg-rose-50 p-3 text-rose-900", children: ["Er staat nog voorraad (", productMeta.physicalStock, " stuks) op dit product. Deze voorraad wordt \u00F3\u00F3k verwijderd en kan niet automatisch worden hersteld."] })), _jsxs("label", { className: "flex items-start gap-2 pt-1", children: [_jsx(Checkbox, { checked: deleteAck, onCheckedChange: (v) => setDeleteAck(Boolean(v)) }), _jsx("span", { children: "Ik weet zeker dat ik dit product wil verwijderen en begrijp de gevolgen." })] })] }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { disabled: !deleteAck, onClick: handleDeleteDraft, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Definitief verwijderen" })] })] })] }))] }), isEditing && (data.name || data.vbnName) && (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Artikel" }), _jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [_jsx("h1", { className: "text-2xl font-semibold leading-tight", children: data.name || data.vbnName }), (isEditingPublished || draftFloridayId) ? (syncState === "saving" ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), " Synchroniseren\u2026"] })) : syncState === "saved" ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-emerald-100 text-emerald-700", children: [_jsx(Check, { className: "h-3 w-3" }), " Gesynchroniseerd"] })) : syncState === "error" ? (_jsx("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-red-100 text-red-700", title: syncError ?? undefined, children: "Sync mislukt \u2014 klik Opslaan om opnieuw te proberen" })) : null) : (_jsx("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: "Nog niet gepubliceerd naar Floriday" })), _jsx(PriceStatusBadge, { tradeItemId: tradeItemId ?? draftFloridayId ?? null, offerForSale: data.offerForSale })] }), data.name && data.vbnName && data.name !== data.vbnName && (_jsx("div", { className: "text-sm text-muted-foreground", children: data.vbnName }))] })), pendingSync && (_jsxs(Card, { className: "p-4 border-amber-300 bg-amber-50 text-amber-900 space-y-2", children: [_jsx("div", { className: "font-medium text-sm", children: "Je wijzigingen zijn opgeslagen, maar nog niet doorgegeven aan Floriday" }), _jsxs("div", { className: "text-xs", children: ["Alles wat je hier hebt ingevuld blijft bewaard in dit systeem. Zodra het doorgeven lukt, verdwijnt deze melding vanzelf.", pendingSync.error ? ` Reden: ${pendingSync.error}` : ""] }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: retryingSync, onClick: retrySync, children: retryingSync ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin mr-1" }), " Bezig\u2026"] })) : ("Opnieuw proberen") })] })), isEditing && (_jsx(Card, { className: "p-4 bg-muted/30 flex items-center gap-3 text-sm", children: isEditingPublished ? (_jsxs(_Fragment, { children: [_jsx("img", { src: floridayLogo, alt: "Floriday", className: "h-6 w-6 shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: "Gepubliceerd artikel bewerken" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Wijzigingen worden direct naar Floriday verstuurd. Je kunt vrij tussen alle secties navigeren." })] }), _jsxs(Button, { onClick: () => void submit(), disabled: submitting || invalidStepCount > 0, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), "Wijzigingen opslaan"] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: "Lokaal artikel bewerken" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Niet gepubliceerd. Je kunt vrij tussen alle secties navigeren." })] }), _jsxs(Button, { onClick: () => void submit(), disabled: submitting || invalidStepCount > 0, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), publishToFloriday ? "Publiceren naar Floriday" : "Wijzigingen opslaan"] })] })) })), isEditing && (_jsxs(_Fragment, { children: [_jsx(ArtikelCompositionCard, { productId: linkedProductId, floridayId: tradeItemId ?? draftFloridayId ?? null }), _jsx(FloridayInfoCard, { floridayTradeItemId: tradeItemId ?? draftFloridayId ?? null, local: {
+                        }, children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "text-destructive hover:text-destructive", children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Verwijderen"] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Product verwijderen?" }), _jsx(AlertDialogDescription, { asChild: true, children: _jsxs("div", { className: "space-y-3 text-sm", children: [_jsxs("div", { children: ["Je staat op het punt om ", _jsx("strong", { children: data.name || "dit artikel" }), data.articleCode ? _jsxs(_Fragment, { children: [" (artikelnummer ", _jsx("code", { children: data.articleCode }), ")"] }) : null, " ", "lokaal uit de voorraad te verwijderen."] }), _jsxs("div", { className: "rounded-md border p-3 bg-muted/40 space-y-1", children: [_jsxs("div", { children: ["Huidige voorraad: ", _jsx("strong", { children: productMeta.physicalStock }), " stuks"] }), _jsxs("div", { children: ["Floriday-koppeling:", " ", productMeta.floridayActive || productMeta.floridayTradeItemId ? (_jsx("span", { className: "text-emerald-700 font-medium", children: "actief" })) : (_jsx("span", { className: "text-muted-foreground", children: "geen" }))] })] }), (productMeta.floridayActive || productMeta.floridayTradeItemId) && (_jsxs("div", { className: "rounded-md border border-amber-300 bg-amber-50 p-3 text-amber-900", children: [_jsx("strong", { children: "Let op:" }), " dit artikel is gekoppeld met Floriday. Als je alleen de lokale kant verwijdert, blijft het artikel op Floriday bestaan en verschijnt het bij de volgende sync weer terug in de lijst. Trek het artikel daarna zelf in via het Floriday-portaal als je het echt weg wilt."] })), productMeta.physicalStock > 0 && (_jsxs("div", { className: "rounded-md border border-rose-300 bg-rose-50 p-3 text-rose-900", children: ["Er staat nog voorraad (", productMeta.physicalStock, " stuks) op dit product. Deze voorraad wordt \u00F3\u00F3k verwijderd en kan niet automatisch worden hersteld."] })), _jsxs("label", { className: "flex items-start gap-2 pt-1", children: [_jsx(Checkbox, { checked: deleteAck, onCheckedChange: (v) => setDeleteAck(Boolean(v)) }), _jsx("span", { children: "Ik weet zeker dat ik dit product wil verwijderen en begrijp de gevolgen." })] })] }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { disabled: !deleteAck, onClick: handleDeleteDraft, className: "bg-destructive text-destructive-foreground hover:bg-destructive/90", children: "Definitief verwijderen" })] })] })] }))] }), isEditing && (data.name || data.vbnName) && (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Artikel" }), _jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [_jsx("h1", { className: "text-2xl font-semibold leading-tight", children: data.name || data.vbnName }), (isEditingPublished || draftFloridayId) ? (syncState === "saving" ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), " Synchroniseren\u2026"] })) : syncState === "saved" ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-emerald-100 text-emerald-700", children: [_jsx(Check, { className: "h-3 w-3" }), " Gesynchroniseerd"] })) : syncState === "error" ? (_jsx("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-red-100 text-red-700", title: syncError ?? undefined, children: "Sync mislukt \u2014 klik Opslaan om opnieuw te proberen" })) : null) : (_jsx("span", { className: "inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full bg-muted text-muted-foreground", children: "Nog niet gepubliceerd naar Floriday" })), _jsx(PriceStatusBadge, { tradeItemId: tradeItemId ?? draftFloridayId ?? null, offerForSale: data.offerForSale })] }), data.name && data.vbnName && data.name !== data.vbnName && (_jsx("div", { className: "text-sm text-muted-foreground", children: data.vbnName }))] })), pendingSync && (_jsxs(Card, { className: "p-4 border-amber-300 bg-amber-50 text-amber-900 space-y-2", children: [_jsx("div", { className: "font-medium text-sm", children: "Je wijzigingen zijn opgeslagen, maar nog niet doorgegeven aan Floriday" }), _jsxs("div", { className: "text-xs", children: ["Alles wat je hier hebt ingevuld blijft bewaard in dit systeem. Zodra het doorgeven lukt, verdwijnt deze melding vanzelf.", pendingSync.error ? ` Reden: ${pendingSync.error}` : ""] }), _jsx(Button, { type: "button", variant: "outline", size: "sm", disabled: retryingSync, onClick: retrySync, children: retryingSync ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin mr-1" }), " Bezig\u2026"] })) : ("Opnieuw proberen") })] })), isEditing && (_jsx(Card, { className: "p-4 bg-muted/30 flex items-center gap-3 text-sm", children: isEditingPublished ? (_jsxs(_Fragment, { children: [_jsx("img", { src: floridayLogo, alt: "Floriday", className: "h-6 w-6 shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: "Gepubliceerd artikel bewerken" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Wijzigingen worden direct naar Floriday verstuurd. Je kunt vrij tussen alle secties navigeren." })] }), _jsxs(Button, { onClick: () => void submit(), disabled: submitting || invalidStepCount > 0, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), "Wijzigingen opslaan"] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "font-medium", children: "Lokaal artikel bewerken" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Niet gepubliceerd. Je kunt vrij tussen alle secties navigeren." })] }), _jsxs(Button, { onClick: () => void submit(), disabled: submitting || invalidStepCount > 0, children: [submitting ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), publishToFloriday ? "Publiceren naar Floriday" : "Wijzigingen opslaan"] })] })) })), isEditing && (_jsxs(_Fragment, { children: [_jsx(ArtikelCompositionCard, { productId: linkedProductId ?? productId ?? null, floridayId: tradeItemId ?? draftFloridayId ?? null }), _jsx(FloridayInfoCard, { floridayTradeItemId: tradeItemId ?? draftFloridayId ?? null, local: {
                             name: data.name || data.vbnName,
                             articleNumber: data.articleCode,
                             gtin: data.gtin,
-                        } }), _jsx(VoorraadStockCard, { connectionId: activeId, tradeItemId: tradeItemId ?? null, draftId: draftId ?? null, productId: linkedProductId }), _jsx(OrderHistoryCard, { tradeItemKey: localTradeItemKey, productName: data.name || data.vbnName || null, productId: linkedProductId ?? null }), _jsx(StockMutationHistoryCard, { tradeItemKey: localTradeItemKey, productId: linkedProductId ?? null }), _jsx(ProductLinkCard, { tradeItemKey: localTradeItemKey, productName: data.vbnName || null })] })), _jsx("ol", { className: "space-y-3", children: steps.map((s, i) => {
+                        } }), _jsx(VoorraadStockCard, { connectionId: activeId, tradeItemId: tradeItemId ?? null, draftId: draftId ?? null, productId: linkedProductId ?? productId ?? null }), _jsx(OrderHistoryCard, { tradeItemKey: localTradeItemKey, productName: data.name || data.vbnName || null, productId: linkedProductId ?? productId ?? null }), _jsx(StockMutationHistoryCard, { tradeItemKey: localTradeItemKey, productId: linkedProductId ?? productId ?? null }), _jsx(ProductLinkCard, { tradeItemKey: localTradeItemKey, productName: data.vbnName || null })] })), _jsx("ol", { className: "space-y-3", children: steps.map((s, i) => {
                     const isOpen = i === step;
                     const isValid = stepValidity[i];
                     const isVisited = i < step || isEditing;

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,+BAmDpE"}

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

@@ -0,0 +1,32 @@
+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 { useEffect, useRef, useState } from "react";
+import { ChevronDown, ChevronUp } from "lucide-react";
+export function CollapsibleText({ text, lines = 5, className }) {
+    const value = (text ?? "").trim();
+    const ref = useRef(null);
+    const [expanded, setExpanded] = useState(false);
+    const [overflowing, setOverflowing] = useState(false);
+    useEffect(() => {
+        const el = ref.current;
+        if (!el)
+            return;
+        const check = () => {
+            // Alleen meten zolang de tekst ingeklapt is; uitgeklapt past hij immers.
+            if (!expanded)
+                setOverflowing(el.scrollHeight > el.clientHeight + 1);
+        };
+        check();
+        if (typeof ResizeObserver !== "undefined") {
+            const ro = new ResizeObserver(check);
+            ro.observe(el);
+            return () => ro.disconnect();
+        }
+    }, [value, expanded]);
+    if (!value)
+        return _jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+    return (_jsxs("div", { className: className, children: [_jsx("p", { ref: ref, 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,+BAmM1E"}

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

@@ -8,6 +8,7 @@ import { useEffect, useState } from "react";
 import { Card, CardContent, Badge } from "@flowselections/core";
 import { 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" },
@@ -129,6 +130,6 @@ export function StockMutationHistoryCard({ tradeItemKey, productId }) {
                                         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("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));
                                     }) })] }) }))] })] }));
 }

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"}