@flowselections/floriday-voorraad 1.0.16 → 1.0.17

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

@@ -1 +1 @@
-{"version":3,"file":"EditArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/EditArtikelPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,2CA0DrD"}
+{"version":3,"file":"EditArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/EditArtikelPage.tsx"],"names":[],"mappings":"AAeA,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,2CAyHrD"}

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

@@ -1,11 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
+import { useNavigate } from "@tanstack/react-router";
 import { Card } from "@flowselections/core";
 import { Loader2 } from "lucide-react";
 import { ArtikelWizard } from "./ArtikelWizard";
 import { supabase } from "../../integrations/supabase/client";
+import { useFloridayConnection } from "../../hooks/useFloridayConnection";
+import { upsertLocalTradeItem } from "../../hooks/useLocalTradeItems";
+import { emptyWizardData, isValidGtin13 } from "../../lib/floriday-payload";
 export function EditArtikelPage({ id }) {
     const [resolved, setResolved] = useState(null);
+    const [promoting, setPromoting] = useState(false);
+    const { activeId } = useFloridayConnection();
+    const navigate = useNavigate();
     useEffect(() => {
         let cancelled = false;
         setResolved(null);
@@ -32,14 +39,81 @@ export function EditArtikelPage({ id }) {
                 setResolved({ kind: "published", id });
                 return;
             }
-            setResolved({ kind: "notfound" });
+            // Fallback: ERP-only product → promote to editable draft transparently.
+            const prodRes = await supabase
+                .from("products")
+                .select("id,product,barcode,quantity,sale_price")
+                .eq("id", id)
+                .maybeSingle();
+            if (cancelled)
+                return;
+            if (!prodRes.data) {
+                setResolved({ kind: "notfound" });
+                return;
+            }
+            if (!activeId) {
+                // No Floriday connection yet — cannot create a draft (connection_id required).
+                setResolved({ kind: "notfound" });
+                return;
+            }
+            setPromoting(true);
+            try {
+                // Look for an existing draft already linked to this product.
+                const existing = await supabase
+                    .from("trade_item_drafts")
+                    .select("id,data")
+                    .eq("connection_id", activeId)
+                    .contains("data", { linkedProductId: id })
+                    .maybeSingle();
+                if (cancelled)
+                    return;
+                if (existing.data) {
+                    navigate({
+                        to: "/voorraad/$id",
+                        params: { id: existing.data.id },
+                        replace: true,
+                    });
+                    return;
+                }
+                const prod = prodRes.data;
+                const barcode = String(prod.barcode ?? "").trim();
+                const validGtin = isValidGtin13(barcode);
+                const seed = {
+                    ...emptyWizardData,
+                    name: prod.product ?? "",
+                    articleCode: validGtin ? "" : barcode,
+                    gtin: validGtin ? barcode : "",
+                    salePricePerPiece: Number(prod.sale_price) || 0,
+                    saleStockPieces: Number(prod.quantity) || 0,
+                    linkedProductId: id,
+                };
+                const newId = await upsertLocalTradeItem({
+                    connectionId: activeId,
+                    data: seed,
+                });
+                if (cancelled)
+                    return;
+                navigate({
+                    to: "/voorraad/$id",
+                    params: { id: newId },
+                    replace: true,
+                });
+            }
+            catch {
+                if (!cancelled)
+                    setResolved({ kind: "notfound" });
+            }
+            finally {
+                if (!cancelled)
+                    setPromoting(false);
+            }
         })();
         return () => {
             cancelled = true;
         };
-    }, [id]);
-    if (!resolved) {
-        return (_jsx("main", { className: "p-6", children: _jsxs(Card, { className: "p-6 flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Artikel zoeken..."] }) }));
+    }, [id, activeId, navigate]);
+    if (!resolved || promoting) {
+        return (_jsx("main", { className: "p-6", children: _jsxs(Card, { className: "p-6 flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), promoting ? "Artikel voorbereiden voor bewerken..." : "Artikel zoeken..."] }) }));
     }
     if (resolved.kind === "notfound") {
         return (_jsx("main", { className: "p-6", children: _jsx(Card, { className: "p-6 text-sm", children: "Artikel niet gevonden. Het is mogelijk verwijderd of nog niet gesynchroniseerd vanuit Floriday." }) }));

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

@@ -0,0 +1,8 @@
+interface Props {
+    tradeItemKey: string | null;
+    productName: string | null;
+    productId?: string | null;
+}
+export declare function OrderHistoryCard({ tradeItemKey, productName, productId }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OrderHistoryCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrderHistoryCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/OrderHistoryCard.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAgDD,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,2CAoK/E"}

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

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Card, CardContent, Badge } from "@flowselections/core";
+import { Loader2, ClipboardList, ExternalLink } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client";
+const STATUS_TONE = {
+    "nog te picken": "bg-amber-100 text-amber-800 border-amber-200",
+    "klaar voor verzending": "bg-blue-100 text-blue-800 border-blue-200",
+    verzonden: "bg-emerald-100 text-emerald-800 border-emerald-200",
+    geannuleerd: "bg-rose-100 text-rose-800 border-rose-200",
+    concept: "bg-slate-100 text-slate-700 border-slate-200",
+};
+// Legacy waarden mappen naar de nieuwe fases zolang de backfill/trigger
+// nog niet elke rij heeft omgezet.
+function normalizeStatus(raw) {
+    const s = (raw ?? "").trim().toLowerCase();
+    if (!s)
+        return "Nog te picken";
+    if (["verzonden", "geleverd", "shipped", "delivered"].includes(s))
+        return "Verzonden";
+    if (["nieuw", "open", "new", "pending"].includes(s))
+        return "Nog te picken";
+    if (["ready", "klaar", "klaar voor verzending"].includes(s))
+        return "Klaar voor verzending";
+    if (["geannuleerd", "cancelled", "canceled"].includes(s))
+        return "geannuleerd";
+    if (s === "concept")
+        return "concept";
+    if (s === "nog te picken")
+        return "Nog te picken";
+    return raw ?? "Nog te picken";
+}
+function formatDate(v) {
+    if (!v)
+        return "—";
+    try {
+        const d = new Date(v);
+        if (Number.isNaN(d.getTime()))
+            return v;
+        return d.toLocaleDateString("nl-NL", { day: "2-digit", month: "short", year: "numeric" });
+    }
+    catch {
+        return v;
+    }
+}
+export function OrderHistoryCard({ tradeItemKey, productName, productId }) {
+    const [rows, setRows] = useState(null);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        const load = async () => {
+            setError(null);
+            try {
+                // Resolve all local product ids that map to this trade item key.
+                const productIds = new Set();
+                if (productId)
+                    productIds.add(productId);
+                if (tradeItemKey) {
+                    const { data: prods } = await supabase
+                        .from("products")
+                        .select("id")
+                        .eq("trade_item_key", tradeItemKey)
+                        .limit(50);
+                    for (const p of (prods ?? []))
+                        productIds.add(p.id);
+                }
+                // Build the OR filter: match on product_id OR on product_name for
+                // legacy rows that weren't linked to a product yet.
+                const orFilters = [];
+                if (productIds.size > 0) {
+                    orFilters.push(`product_id.in.(${[...productIds].join(",")})`);
+                }
+                if (productName) {
+                    const safe = productName.replace(/[\\%,()]/g, " ").trim();
+                    if (safe)
+                        orFilters.push(`product_name.eq.${safe}`);
+                }
+                if (orFilters.length === 0) {
+                    if (!cancelled)
+                        setRows([]);
+                    return;
+                }
+                const { data, error } = await supabase
+                    .from("order_items")
+                    .select("order_id,quantity,unit,orders!inner(id,order_number,customer_name,order_date,created_at,status,order_source,deleted_at)")
+                    .or(orFilters.join(","))
+                    .is("orders.deleted_at", null)
+                    .order("created_at", { ascending: false, foreignTable: "orders" })
+                    .limit(100);
+                if (error)
+                    throw error;
+                if (cancelled)
+                    return;
+                const mapped = (data ?? [])
+                    .map((r) => ({
+                    order_id: r.order_id,
+                    order_number: r.orders?.order_number ?? "—",
+                    customer_name: r.orders?.customer_name ?? null,
+                    quantity: r.quantity ?? 0,
+                    unit: r.unit ?? null,
+                    order_date: r.orders?.order_date ?? null,
+                    created_at: r.orders?.created_at ?? "",
+                    status: r.orders?.status ?? null,
+                    order_source: r.orders?.order_source ?? null,
+                }))
+                    .sort((a, b) => (a.created_at < b.created_at ? 1 : -1));
+                setRows(mapped);
+            }
+            catch (e) {
+                if (!cancelled)
+                    setError(e.message);
+            }
+        };
+        load();
+        // Realtime: refresh when any order or order_item mutates.
+        const channel = supabase
+            .channel(`order-history-${tradeItemKey ?? "none"}`)
+            .on("postgres_changes", { event: "*", schema: "public", table: "order_items" }, load)
+            .on("postgres_changes", { event: "*", schema: "public", table: "orders" }, load)
+            .subscribe();
+        return () => {
+            cancelled = true;
+            supabase.removeChannel(channel);
+        };
+    }, [tradeItemKey, productName, 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(ClipboardList, { className: "h-4 w-4" }) }), _jsx("span", { className: "font-medium", children: "Bestelgeschiedenis" }), _jsx("span", { className: "text-xs text-muted-foreground tabular-nums", children: rows ? `${rows.length} bestelling${rows.length === 1 ? "" : "en"}` : "" })] }), _jsxs(CardContent, { className: "pt-0", children: [error && (_jsxs("div", { className: "text-sm text-destructive", children: ["Kon bestelgeschiedenis 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" }), " Bestellingen laden\u2026"] })), rows && rows.length === 0 && !error && (_jsx("div", { className: "text-sm text-muted-foreground", children: "Nog geen bestellingen 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: "Ordernummer" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Klant" }), _jsx("th", { className: "px-3 py-2 text-right", children: "Fusten" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Besteldatum" }), _jsx("th", { className: "px-3 py-2 text-left", children: "Status" }), _jsx("th", { className: "px-3 py-2" })] }) }), _jsx("tbody", { children: rows.map((r) => {
+                                        const label = normalizeStatus(r.status);
+                                        const tone = STATUS_TONE[label.toLowerCase()] ??
+                                            "bg-slate-100 text-slate-700 border-slate-200";
+                                        const href = `/floriday-verkoop/verkooporders/${r.order_id}`;
+                                        return (_jsxs("tr", { className: "border-t hover:bg-muted/40 cursor-pointer", onClick: () => { window.location.href = href; }, children: [_jsx("td", { className: "px-3 py-2 font-medium", children: _jsx("a", { href: href, className: "text-primary hover:underline", onClick: (e) => e.stopPropagation(), children: r.order_number }) }), _jsx("td", { className: "px-3 py-2", children: r.customer_name ?? "—" }), _jsxs("td", { className: "px-3 py-2 text-right tabular-nums", children: [r.quantity, r.unit ? _jsx("span", { className: "ml-1 text-xs text-muted-foreground", children: r.unit }) : null] }), _jsx("td", { className: "px-3 py-2", children: formatDate(r.order_date ?? r.created_at) }), _jsx("td", { className: "px-3 py-2", children: _jsx(Badge, { variant: "outline", className: `border ${tone}`, children: label }) }), _jsx("td", { className: "px-3 py-2 text-right text-muted-foreground", children: _jsx(ExternalLink, { className: "h-3.5 w-3.5 inline" }) })] }, r.order_id));
+                                    }) })] }) }))] })] }));
+}

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

@@ -0,0 +1,7 @@
+type Props = {
+    tradeItemId: string | null | undefined;
+    offerForSale: boolean;
+};
+export declare function PriceStatusBadge({ tradeItemId, offerForSale }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=PriceStatusBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/PriceStatusBadge.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC;AAeF,wBAAgB,gBAAgB,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,KAAK,kDAkEpE"}

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

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleDollarSign, Clock, MinusCircle, Loader2 } from "lucide-react";
+import { useTradeItemSupplyLine } from "../../hooks/useTradeItemSupplyLine";
+function formatDate(iso) {
+    if (!iso)
+        return "—";
+    try {
+        return new Date(iso).toLocaleDateString("nl-NL", {
+            day: "2-digit",
+            month: "short",
+            year: "numeric",
+        });
+    }
+    catch {
+        return iso;
+    }
+}
+export function PriceStatusBadge({ tradeItemId, offerForSale }) {
+    const { data: supplyLine, isLoading } = useTradeItemSupplyLine(tradeItemId);
+    if (!tradeItemId)
+        return null;
+    if (isLoading) {
+        return (_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" }), " Prijsstatus laden\u2026"] }));
+    }
+    const now = Date.now();
+    const endMs = supplyLine?.period_end ? new Date(supplyLine.period_end).getTime() : null;
+    const qty = supplyLine?.available_quantity ?? 0;
+    const isExpired = endMs !== null && endMs < now;
+    const isDrained = supplyLine !== null && qty <= 0;
+    let label;
+    let Icon = CircleDollarSign;
+    let cls = "";
+    let variant;
+    if (!supplyLine || !offerForSale) {
+        variant = "none";
+        label = "Geen prijs actief";
+        Icon = MinusCircle;
+        cls = "bg-muted text-muted-foreground";
+    }
+    else if (isExpired || isDrained) {
+        variant = "expired";
+        label = isExpired ? "Prijs verlopen" : "Voorraad op";
+        Icon = Clock;
+        cls = "bg-amber-100 text-amber-800";
+    }
+    else {
+        variant = "live";
+        label = "Prijs live in catalogus";
+        Icon = CircleDollarSign;
+        cls = "bg-emerald-100 text-emerald-700";
+    }
+    const title = supplyLine
+        ? [
+            `Prijs: ${supplyLine.price_per_piece != null
+                ? `${supplyLine.currency ?? "EUR"} ${supplyLine.price_per_piece.toFixed(2)} / stuk`
+                : "—"}`,
+            `Beschikbaar: ${qty}`,
+            `Periode: ${formatDate(supplyLine.period_start)} → ${formatDate(supplyLine.period_end)}`,
+            variant === "none" && !offerForSale
+                ? '"Te koop aanbieden" staat uit.'
+                : null,
+        ]
+            .filter(Boolean)
+            .join("\n")
+        : "Nog geen prijs naar Floriday-catalogus gepusht.";
+    return (_jsxs("span", { className: `inline-flex items-center gap-1 text-xs px-2 py-0.5 rounded-full cursor-help ${cls}`, title: title, children: [_jsx(Icon, { className: "h-3 w-3" }), " ", label] }));
+}

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

@@ -2,7 +2,8 @@ interface Props {
     connectionId: string | null;
     tradeItemId?: string | null;
     draftId?: string | null;
+    productId?: string | null;
 }
-export declare function VoorraadStockCard({ connectionId, tradeItemId, draftId }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function VoorraadStockCard({ connectionId, tradeItemId, draftId, productId }: Props): import("react/jsx-runtime").JSX.Element;
 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":"AAaA,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;CACzB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,KAAK,2CAoG9E"}
+{"version":3,"file":"VoorraadStockCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadStockCard.tsx"],"names":[],"mappings":"AAaA,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,2CAqGzF"}

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

@@ -2,10 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from "react";
 import { Button, Card, CardContent, Input, Label, Textarea, toast, } from "@flowselections/core";
 import { Loader2, Package, Check } from "lucide-react";
-import { useTradeItemStock, stockKeyFor } from "../../hooks/useTradeItemStock";
-export function VoorraadStockCard({ connectionId, tradeItemId, draftId }) {
-    const key = stockKeyFor({ tradeItemId, draftId });
-    const { row, loading, save } = useTradeItemStock(connectionId, key);
+import { useTradeItemStock, stockKeysFor } from "../../hooks/useTradeItemStock";
+export function VoorraadStockCard({ connectionId, tradeItemId, draftId, productId }) {
+    const keys = stockKeysFor({ tradeItemId, draftId, productId });
+    const key = keys[0] ?? null;
+    const { row, loading, save } = useTradeItemStock(connectionId, keys);
     const [values, setValues] = useState(row);
     const [saving, setSaving] = useState(false);
     useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAW3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,2CA8GA"}
+{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAW3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,2CAmHA"}

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

@@ -20,10 +20,15 @@ export function VoorraadTable({ items, loading, }) {
     }
     return (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "p-3 w-14" }), _jsx("th", { className: "p-3", children: "Product" }), _jsx("th", { className: "p-3", children: "Artikelnummer" }), columns.map((c) => (_jsx("th", { className: "p-3 text-right whitespace-nowrap", children: c.label }, c.key)))] }) }), _jsx("tbody", { children: items.map((item) => {
                         const isLocal = !item.published;
+                        const isErp = item.source === "erp";
                         const low = !isLocal &&
                             item.minQuantity > 0 &&
                             item.availableQuantity < item.minQuantity;
-                        const linkId = isLocal ? item.localId : item.id;
+                        const linkId = isErp
+                            ? item.productId
+                            : isLocal
+                                ? item.localId
+                                : item.id;
                         const clickable = Boolean(linkId);
                         const open = () => {
                             if (linkId)

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

@@ -1 +1 @@
-{"version":3,"file":"useLocalTradeItems.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalTradeItems.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE5E,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,uBAAuB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAgCD,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;EA+B7D;AAED,wBAAsB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAQrF;AAED,MAAM,WAAW,SAAS;IACxB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACpC;AAED,wBAAsB,oBAAoB,CAAC,MAAM,EAAE;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,GAAG,OAAO,CAAC,MAAM,CAAC,CA2ClB;AAED,wBAAsB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAYhF;AAED,wBAAsB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAGpE"}
+{"version":3,"file":"useLocalTradeItems.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalTradeItems.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE5E,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,kBAAkB,CAAC;IAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,uBAAuB,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC1C,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAoCD,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;EA+B7D;AAED,wBAAsB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAQrF;AAED,MAAM,WAAW,SAAS;IACxB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACpC;AAED,wBAAsB,oBAAoB,CAAC,MAAM,EAAE;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,GAAG,OAAO,CAAC,MAAM,CAAC,CA2ClB;AAED,wBAAsB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAYhF;AAED,wBAAsB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAGpE"}

package/dist-lib/hooks/useLocalTradeItems.js

@@ -2,11 +2,15 @@ import { useCallback, useEffect, useState } from "react";
 import { supabase } from "../integrations/supabase/client";
 function draftToTradeItem(row) {
     const d = row.data ?? {};
+    const linkedProductId = typeof d.linkedProductId === "string" ? d.linkedProductId : undefined;
     const firstImage = Array.isArray(d.images) && d.images.length > 0 ? d.images[0] : null;
     const imageUrl = (firstImage && (firstImage.url || firstImage.previewUrl)) ?? null;
     return {
         id: `local:${row.id}`,
         localId: row.id,
+        productId: linkedProductId,
+        tradeItemKey: linkedProductId ? `product:${linkedProductId}` : `draft:${row.id}`,
+        source: "draft",
         name: d.name || d.vbnName || "(naamloos)",
         articleNumber: d.articleCode || d.gtin || "",
         imageUrl,

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

@@ -9,8 +9,21 @@ export interface TradeItemStockRow {
 export declare function stockKeyFor(params: {
     tradeItemId?: string | null;
     draftId?: string | null;
+    productId?: string | null;
 }): string | null;
-export declare function useTradeItemStock(connectionId: string | null, key: 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.
+ */
+export declare function stockKeysFor(params: {
+    tradeItemId?: string | null;
+    draftId?: string | null;
+    productId?: string | null;
+}): string[];
+export declare function useTradeItemStock(connectionId: string | null, keyOrKeys: string | string[] | null): {
     row: TradeItemStockRow;
     loading: boolean;
     save: (values: TradeItemStockRow) => Promise<void>;

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;CACzB,GAAG,MAAM,GAAG,IAAI,CAIhB;AAED,wBAAgB,iBAAiB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;;;mBA4B9D,iBAAiB;EA2BnC;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,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,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI;;;mBA4ElB,iBAAiB;EA6BnC;AAED,wBAAsB,aAAa,CACjC,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAUzC"}

package/dist-lib/hooks/useTradeItemStock.js

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { supabase } from "../integrations/supabase/client";
 const EMPTY = {
     physical_stock: 0,
@@ -12,37 +12,96 @@ export function stockKeyFor(params) {
         return params.tradeItemId;
     if (params.draftId)
         return `draft:${params.draftId}`;
+    if (params.productId)
+        return `product:${params.productId}`;
     return null;
 }
-export function useTradeItemStock(connectionId, key) {
+/**
+ * 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.
+ */
+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}`);
+    return keys;
+}
+export function useTradeItemStock(connectionId, keyOrKeys) {
+    const keysKey = Array.isArray(keyOrKeys)
+        ? keyOrKeys.filter(Boolean).join("|")
+        : keyOrKeys ?? "";
+    const keys = useMemo(() => (keysKey ? keysKey.split("|") : []), [keysKey]);
+    const primaryKey = keys[0] ?? null;
     const [row, setRow] = useState(null);
     const [loading, setLoading] = useState(false);
+    const refetch = useCallback(async () => {
+        if (!connectionId || keys.length === 0)
+            return;
+        const { data } = await supabase
+            .from("trade_item_stock")
+            .select("trade_item_key,physical_stock,minimum_stock,reserved_stock,incoming_stock,notes,updated_at")
+            .eq("connection_id", connectionId)
+            .in("trade_item_key", keys);
+        const rows = (data ?? []);
+        // Kies de rij in volgorde van keys (meest specifiek eerst).
+        let picked = null;
+        for (const k of keys) {
+            const hit = rows.find((r) => r.trade_item_key === k);
+            if (hit) {
+                picked = hit;
+                break;
+            }
+        }
+        setRow(picked ?? { ...EMPTY });
+    }, [connectionId, keys]);
     useEffect(() => {
-        if (!connectionId || !key) {
+        if (!connectionId || keys.length === 0) {
             setRow(null);
             return;
         }
         let cancelled = false;
         setLoading(true);
         (async () => {
-            const { data } = await supabase
-                .from("trade_item_stock")
-                .select("physical_stock,minimum_stock,reserved_stock,incoming_stock,notes,updated_at")
-                .eq("connection_id", connectionId)
-                .eq("trade_item_key", key)
-                .maybeSingle();
-            if (cancelled)
-                return;
-            setRow(data ?? { ...EMPTY });
-            setLoading(false);
+            await refetch();
+            if (!cancelled)
+                setLoading(false);
         })();
         return () => {
             cancelled = true;
         };
-    }, [connectionId, key]);
+    }, [connectionId, keys, refetch]);
+    // Realtime: reflecteer elke externe mutatie (order-reservering,
+    // completion, bulk-import, wizard-save vanuit ander tabblad).
+    useEffect(() => {
+        if (!connectionId || keys.length === 0)
+            return;
+        const filter = `trade_item_key=in.(${keys.map((k) => `"${k}"`).join(",")})`;
+        const channel = supabase
+            .channel(`stock-${connectionId}-${primaryKey}`)
+            .on("postgres_changes", {
+            event: "*",
+            schema: "public",
+            table: "trade_item_stock",
+            filter,
+        }, () => {
+            refetch();
+        })
+            .subscribe();
+        return () => {
+            supabase.removeChannel(channel);
+        };
+    }, [connectionId, keys, primaryKey, refetch]);
     const save = useCallback(async (values) => {
-        if (!connectionId || !key)
+        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)
@@ -52,7 +111,7 @@ export function useTradeItemStock(connectionId, key) {
             .upsert({
             user_id: userId,
             connection_id: connectionId,
-            trade_item_key: key,
+            trade_item_key: primaryKey,
             physical_stock: values.physical_stock,
             minimum_stock: values.minimum_stock,
             reserved_stock: values.reserved_stock,
@@ -62,7 +121,7 @@ export function useTradeItemStock(connectionId, key) {
         if (error)
             throw new Error(error.message);
         setRow(values);
-    }, [connectionId, key]);
+    }, [connectionId, primaryKey]);
     return { row: row ?? EMPTY, loading, save };
 }
 export async function fetchStockMap(connectionId) {

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

@@ -0,0 +1,21 @@
+export type TradeItemSupplyLine = {
+    id: string;
+    supply_line_id: string | null;
+    trade_item_id: string;
+    price_per_piece: number | null;
+    currency: string | null;
+    available_quantity: number | null;
+    period_start: string | null;
+    period_end: string | null;
+    packing_configuration_id: string | null;
+    endpoint_family: string | null;
+    year: number | null;
+    week: number | null;
+    updated_at: string;
+};
+/**
+ * Leest de meest recente supply-line voor een trade item en luistert realtime
+ * op wijzigingen zodat de UI direct meebeweegt na een push naar Floriday.
+ */
+export declare function useTradeItemSupplyLine(tradeItemId: string | null | undefined): import("@tanstack/react-query").UseQueryResult<TradeItemSupplyLine | null, Error>;
+//# sourceMappingURL=useTradeItemSupplyLine.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTradeItemSupplyLine.d.ts","sourceRoot":"","sources":["../../src/hooks/useTradeItemSupplyLine.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,wBAAwB,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,qFA+C5E"}