@flowselections/floriday-voorraad 1.0.34 → 1.0.35

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":"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,+BA2HzF"}
+{"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"}

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

@@ -1,16 +1,73 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Button, Card, CardContent, Input, Label, Textarea, toast, } from "@flowselections/core";
-import { Loader2, Package, Check } from "lucide-react";
+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 }) {
-    const keys = stockKeysFor({ 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,
+        draftId,
+        productId,
+    });
     const key = keys[0] ?? null;
     const { row, loading, save } = useTradeItemStock(connectionId, keys);
     const [values, setValues] = useState(row);
     const [saving, setSaving] = useState(false);
     const [touched, setTouched] = useState(false);
+    const [hasBom, setHasBom] = useState(false);
+    const [produceQty, setProduceQty] = useState("");
+    const [producing, setProducing] = useState(false);
+    // Heeft dit artikel onderdelen (samenstelling)? Alleen dan tonen we de
+    // knop "Produceren"; handmatig bijstellen blijft altijd een correctie.
+    useEffect(() => {
+        let cancelled = false;
+        (async () => {
+            if (!productId && !tradeItemId) {
+                setHasBom(false);
+                return;
+            }
+            let query = supabase.from("product_bom_items").select("id").limit(1);
+            query = productId
+                ? query.eq("parent_product_id", productId)
+                : query.eq("parent_trade_item_floriday_id", tradeItemId);
+            const { data } = await query;
+            if (!cancelled)
+                setHasBom((data ?? []).length > 0);
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [productId, tradeItemId]);
     const floridayPieces = useFloridayContinuousStock(connectionId, tradeItemId ?? null);
     useEffect(() => {
         setValues(row);
@@ -29,22 +86,64 @@ export function VoorraadStockCard({ connectionId, tradeItemId, draftId, productI
         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." }));
     }
     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.
+    const humanError = (e) => {
+        const raw = e?.message ?? String(e);
+        try {
+            const parsed = JSON.parse(raw);
+            const msg = parsed?.message ?? parsed?.error ?? raw;
+            if (typeof msg === "string" && msg.toLowerCase().includes("onvoldoende voorraad")) {
+                return "Onvoldoende voorraad van een onderdeel. Gebruik 'Produceren' om onderdelen af te schrijven, of pas de voorraad van het onderdeel eerst aan.";
+            }
+            return typeof msg === "string" ? msg : raw;
+        }
+        catch {
+            return raw;
+        }
+    };
     const handleSave = async () => {
         setSaving(true);
         try {
             await save(values);
-            toast.success("Voorraad bijgewerkt");
+            toast.success("Voorraad gecorrigeerd");
         }
         catch (e) {
-            toast.error(`Opslaan mislukt: ${e.message}`);
+            toast.error(`Opslaan mislukt: ${humanError(e)}`);
         }
         finally {
             setSaving(false);
         }
     };
+    const handleProduce = async () => {
+        const qty = Number(produceQty);
+        if (!Number.isFinite(qty) || qty <= 0) {
+            toast.error("Vul een aantal groter dan 0 in");
+            return;
+        }
+        setProducing(true);
+        try {
+            const { error } = await supabase.rpc("produce_designed_product", {
+                p_parent_kind: productId ? "product" : "floriday",
+                p_parent_id: (productId ?? tradeItemId),
+                p_quantity: qty,
+            });
+            if (error)
+                throw new Error(error.message);
+            toast.success(`${qty} stuks geproduceerd; onderdelen afgeschreven`);
+            setProduceQty("");
+            setTouched(false);
+        }
+        catch (e) {
+            toast.error(`Produceren mislukt: ${humanError(e)}`);
+        }
+        finally {
+            setProducing(false);
+        }
+    };
     const numField = (id, label) => (_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: id, children: label }), _jsx(Input, { id: id, type: "number", min: 0, value: String(values[id] ?? 0), onChange: (e) => {
                     setTouched(true);
                     setValues((v) => ({ ...v, [id]: Number(e.target.value) || 0 }));
                 } })] }));
-    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(Package, { className: "h-4 w-4" }) }), _jsx("span", { className: "font-medium", children: "Voorraad" }), _jsxs("span", { className: "text-xs text-muted-foreground", children: ["Beschikbaar: ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: available })] })] }), _jsx(CardContent, { className: "pt-0 space-y-4", children: loading ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Voorraad laden\u2026"] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-4", children: [numField("physical_stock", "Liggend"), numField("minimum_stock", "Minimum"), numField("reserved_stock", "Gereserveerd"), numField("incoming_stock", "Inkomend")] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "stock-notes", children: "Notitie (optioneel)" }), _jsx(Textarea, { id: "stock-notes", rows: 2, value: values.notes ?? "", onChange: (e) => setValues((v) => ({ ...v, notes: e.target.value })), placeholder: "Bijv. locatie of opmerking" })] }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { onClick: handleSave, disabled: saving, children: [saving ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), "Voorraad opslaan"] }) })] })) })] }));
+    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(Package, { className: "h-4 w-4" }) }), _jsx("span", { className: "font-medium", children: "Voorraad" }), _jsxs("span", { className: "text-xs text-muted-foreground", children: ["Beschikbaar: ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: available })] })] }), _jsx(CardContent, { className: "pt-0 space-y-4", children: loading ? (_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), " Voorraad laden\u2026"] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-4", children: [numField("physical_stock", "Liggend"), numField("minimum_stock", "Minimum"), numField("reserved_stock", "Gereserveerd"), numField("incoming_stock", "Inkomend")] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "stock-notes", children: "Notitie (optioneel)" }), _jsx(Textarea, { id: "stock-notes", rows: 2, value: values.notes ?? "", onChange: (e) => setValues((v) => ({ ...v, notes: e.target.value })), placeholder: "Bijv. locatie of opmerking" })] }), _jsx("div", { className: "flex justify-end", children: _jsxs(Button, { onClick: handleSave, disabled: saving, children: [saving ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Check, { className: "mr-2 h-4 w-4" })), "Voorraad opslaan"] }) }), hasBom && (_jsxs("div", { className: "space-y-2 rounded-md border border-border bg-muted/30 p-3", children: [_jsx("p", { className: "text-sm font-medium", children: "Produceren" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Handmatig aanpassen hierboven is een correctie: onderdelen blijven ongemoeid. Wil je onderdelen w\u00E9l afschrijven, geef dan hier het geproduceerde aantal op." }), _jsxs("div", { className: "flex items-end gap-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: "produce-qty", children: "Aantal" }), _jsx(Input, { id: "produce-qty", type: "number", min: 1, className: "w-32", value: produceQty, onChange: (e) => setProduceQty(e.target.value) })] }), _jsxs(Button, { variant: "outline", onClick: handleProduce, disabled: producing, children: [producing ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Factory, { className: "mr-2 h-4 w-4" })), "Produceren"] })] })] }))] })) })] }));
 }

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

@@ -8,18 +8,20 @@ export interface TradeItemStockRow {
 }
 export declare function stockKeyFor(params: {
     tradeItemId?: string | null;
+    tradeItemKey?: string | null;
     draftId?: string | null;
     productId?: string | null;
 }): string | null;
 /**
- * Build the ordered list of candidate keys for one artikel. Wij zoeken op
- * ALLE bekende varianten (tradeItemId, product:{id}, draft:{id}) omdat de
- * voorraadrij historisch onder één van die keys kan zijn aangemaakt (bv.
- * concept → gepubliceerd, of gelinkt aan een ERP-product). Bij opslaan
- * gebruiken wij altijd de eerste (meest specifieke) key.
+ * Eén gedeelde sleutelvolgorde voor de hele module: Floriday-UUID →
+ * `products.trade_item_key` → `product:<id>` → `draft:<id>`. Alle schermen
+ * (kaart, overzicht, import, wizard) gebruiken deze volgorde, zodat ze nooit
+ * een andere voorraadrij kunnen kiezen. De eerste sleutel is tevens de
+ * canonieke sleutel waarop wordt opgeslagen.
  */
 export declare function stockKeysFor(params: {
     tradeItemId?: string | null;
+    tradeItemKey?: string | null;
     draftId?: string | null;
     productId?: string | null;
 }): string[];

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,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,GAAG,MAAM,GAAG,IAAI,CAKhB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,GAAG,MAAM,EAAE,CAMX;AAED;;;;;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;EAmEnC;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;;;mBA4ElB,iBAAiB;EAmEnC;AAED,wBAAsB,aAAa,CACjC,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAUzC"}

package/dist-lib/hooks/useTradeItemStock.js

@@ -8,29 +8,25 @@ const EMPTY = {
     notes: null,
 };
 export function stockKeyFor(params) {
-    if (params.tradeItemId)
-        return params.tradeItemId;
-    if (params.draftId)
-        return `draft:${params.draftId}`;
-    if (params.productId)
-        return `product:${params.productId}`;
-    return null;
+    return stockKeysFor(params)[0] ?? null;
 }
 /**
- * Build the ordered list of candidate keys for one artikel. Wij zoeken op
- * ALLE bekende varianten (tradeItemId, product:{id}, draft:{id}) omdat de
- * voorraadrij historisch onder één van die keys kan zijn aangemaakt (bv.
- * concept → gepubliceerd, of gelinkt aan een ERP-product). Bij opslaan
- * gebruiken wij altijd de eerste (meest specifieke) key.
+ * Eén gedeelde sleutelvolgorde voor de hele module: Floriday-UUID →
+ * `products.trade_item_key` → `product:<id>` → `draft:<id>`. Alle schermen
+ * (kaart, overzicht, import, wizard) gebruiken deze volgorde, zodat ze nooit
+ * een andere voorraadrij kunnen kiezen. De eerste sleutel is tevens de
+ * canonieke sleutel waarop wordt opgeslagen.
  */
 export function stockKeysFor(params) {
     const keys = [];
-    if (params.tradeItemId)
-        keys.push(params.tradeItemId);
-    if (params.productId)
-        keys.push(`product:${params.productId}`);
-    if (params.draftId)
-        keys.push(`draft:${params.draftId}`);
+    const push = (k) => {
+        if (k && !keys.includes(k))
+            keys.push(k);
+    };
+    push(params.tradeItemId);
+    push(params.tradeItemKey);
+    push(params.productId ? `product:${params.productId}` : null);
+    push(params.draftId ? `draft:${params.draftId}` : null);
     return keys;
 }
 /**