@flowselections/floriday-voorraad 1.0.20 → 1.0.21

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

@@ -22,15 +22,16 @@ const COLUMNS = [
     "Inkomende voorraad",
 ];
 /**
- * Determine which trade_item_stock key to write to. The stock table is keyed
- * by whatever `products.trade_item_key` (or the draft/floriday id) resolved
- * to when the row was created — never by the synthetic UI id `erp:<uuid>`.
+ * Bepaalt de sleutel in `trade_item_stock`. Sinds de dedup-migratie is dat altijd
+ * `product:<uuid>`; oude `draft:` / `floriday:` waarden zijn ge-repoint.
  */
 function toKey(item) {
     if (item.tradeItemKey)
         return item.tradeItemKey;
+    if (item.productId)
+        return `product:${item.productId}`;
     if (item.localId)
-        return `draft:${item.localId}`;
+        return `product:${item.localId}`;
     return item.id;
 }
 function parseNumber(val) {
@@ -333,7 +334,7 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
                         },
                     });
                     created++;
-                    // Stock koppelen aan de nieuwe draft
+                    // Stock koppelen aan het nieuwe product (draftId is nu de product-uuid)
                     const anyStock = stockValues.physical_stock !== null ||
                         stockValues.minimum_stock !== null ||
                         stockValues.reserved_stock !== null ||
@@ -342,7 +343,7 @@ export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
                         stockBatch.push({
                             user_id: userId,
                             connection_id: activeConnectionId,
-                            trade_item_key: `draft:${draftId}`,
+                            trade_item_key: `product:${draftId}`,
                             physical_stock: stockValues.physical_stock ?? 0,
                             minimum_stock: stockValues.minimum_stock ?? 0,
                             reserved_stock: stockValues.reserved_stock ?? 0,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationOverviewTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ValidationOverviewTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAsB,MAAM,2BAA2B,CAAC;AAwB/E,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,YAAY,EACZ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC,2CA0IA"}
+{"version":3,"file":"ValidationOverviewTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ValidationOverviewTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAM3D;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,YAAY,EACZ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC,2CA4GA"}

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

@@ -2,86 +2,56 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useNavigate } from "@tanstack/react-router";
 import { Badge, Button } from "@flowselections/core";
-import { Pencil, RefreshCw, Send } from "lucide-react";
+import { Pencil, Send } from "lucide-react";
 import { validateDraftForPublish } from "../../lib/floriday-import-validator";
 import { updateDraftMeta } from "../../hooks/useLocalTradeItems";
 import { floriday } from "../../lib/floriday-client";
 import { toast } from "@flowselections/core";
-function statusBadge(s) {
-    switch (s) {
-        case "linked":
-        case "published":
-            return _jsx(Badge, { className: "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: "Gekoppeld" });
-        case "ambiguous_match":
-            return _jsx(Badge, { className: "bg-amber-500/15 text-amber-700 border-amber-500/30", children: "Meerdere matches" });
-        case "waiting_for_data":
-            return _jsx(Badge, { className: "bg-amber-500/15 text-amber-700 border-amber-500/30", children: "Wacht op gegevens" });
-        case "ready_to_publish":
-            return _jsx(Badge, { className: "bg-blue-500/15 text-blue-700 border-blue-500/30", children: "Klaar voor publicatie" });
-        case "publish_failed":
-            return _jsx(Badge, { variant: "destructive", children: "Publicatie mislukt" });
-        default:
-            return _jsx(Badge, { variant: "outline", children: "Niet gekoppeld" });
-    }
-}
+/**
+ * Overzicht van producten die (nog) niet actief op Floriday staan. Er is geen concept-status
+ * meer — het gaat puur om welke Floriday-velden ontbreken en of het product klaar is om te
+ * activeren. Producten blijven volwaardig in gebruik binnen ERP, ongeacht Floriday-status.
+ */
 export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
     const navigate = useNavigate();
-    const rows = useMemo(() => items.filter((i) => !i.published &&
-        i.linkStatus !== "linked" &&
-        i.linkStatus !== "published"), [items]);
-    const revalidate = async (item) => {
-        if (!item.localId)
+    const rows = useMemo(() => items.filter((i) => !i.floridayActive), [items]);
+    const publish = async (item) => {
+        const productId = item.productId ?? item.localId;
+        if (!productId || !connectionId)
             return;
-        const d = item.raw?.data ?? {};
-        const v = validateDraftForPublish(d);
-        try {
-            await updateDraftMeta(item.localId, {
-                missingRequiredFields: v.missing,
-                floridayLinkStatus: v.ok ? "ready_to_publish" : "waiting_for_data",
-                lastFloridaySyncAt: new Date().toISOString(),
-            });
-            toast.success("Validatie bijgewerkt");
-            await onChanged();
-        }
-        catch (e) {
-            toast.error(e?.message ?? "Bijwerken mislukt");
-        }
-    };
-    const republish = async (item) => {
-        if (!item.localId || !connectionId)
-            return;
-        const d = item.raw?.data;
-        const v = validateDraftForPublish(d);
+        const payload = item.raw?.floriday_payload ?? item.raw?.data ?? {};
+        const v = validateDraftForPublish(payload);
         if (!v.ok) {
             toast.error("Nog niet compleet: " + v.missing.join(", "));
             return;
         }
         try {
             const { buildAddTradeItemPayload } = await import("../../lib/floriday-payload");
-            const payload = buildAddTradeItemPayload(d);
-            const res = await floriday.createTradeItem(connectionId, payload);
-            await updateDraftMeta(item.localId, {
+            const built = buildAddTradeItemPayload(payload);
+            const res = await floriday.createTradeItem(connectionId, built);
+            await updateDraftMeta(productId, {
                 floridayLinkStatus: "published",
                 floridayId: res?.tradeItemId ?? null,
                 floridayLinkError: null,
                 lastFloridaySyncAt: new Date().toISOString(),
             });
-            toast.success("Gepubliceerd naar Floriday");
+            toast.success("Product staat nu actief op Floriday");
             await onChanged();
         }
         catch (e) {
-            await updateDraftMeta(item.localId, {
-                floridayLinkStatus: "publish_failed",
-                floridayLinkError: e?.message ?? String(e),
-                lastFloridaySyncAt: new Date().toISOString(),
-            });
-            toast.error(e?.message ?? "Publicatie mislukt");
+            toast.error(e?.message ?? "Activeren op Floriday mislukt");
             await onChanged();
         }
     };
     if (rows.length === 0) {
-        return (_jsx("div", { className: "p-8 text-center text-sm text-muted-foreground", children: "Alle artikelen zijn gekoppeld aan Floriday." }));
+        return (_jsx("div", { className: "p-8 text-center text-sm text-muted-foreground", children: "Alle producten staan actief op Floriday." }));
     }
-    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", children: "Artikelcode" }), _jsx("th", { className: "p-3", children: "Artikelnaam" }), _jsx("th", { className: "p-3", children: "Status" }), _jsx("th", { className: "p-3", children: "Ontbrekende gegevens" }), _jsx("th", { className: "p-3", children: "Laatste sync" }), _jsx("th", { className: "p-3", children: "Foutmelding" }), _jsx("th", { className: "p-3 text-right", children: "Acties" })] }) }), _jsx("tbody", { children: rows.map((it) => (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "p-3 font-mono text-xs", children: it.articleNumber || "—" }), _jsx("td", { className: "p-3", children: it.name }), _jsx("td", { className: "p-3", children: statusBadge(it.linkStatus) }), _jsx("td", { className: "p-3", children: (it.missingFields ?? []).length === 0 ? (_jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" })) : (_jsx("div", { className: "flex flex-wrap gap-1", children: (it.missingFields ?? []).map((m) => (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: m }, m))) })) }), _jsx("td", { className: "p-3 text-xs text-muted-foreground", children: it.lastSyncAt ? new Date(it.lastSyncAt).toLocaleString("nl-NL") : "—" }), _jsx("td", { className: "p-3 text-xs text-destructive max-w-[240px] truncate", children: it.linkError ?? "—" }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => it.localId &&
-                                                navigate({ to: "/voorraad/$id", params: { id: it.localId } }), children: [_jsx(Pencil, { className: "h-3 w-3 mr-1" }), "Bewerken"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => revalidate(it), children: [_jsx(RefreshCw, { className: "h-3 w-3 mr-1" }), "Valideer"] }), _jsxs(Button, { size: "sm", onClick: () => republish(it), children: [_jsx(Send, { className: "h-3 w-3 mr-1" }), "Publiceer"] })] }) })] }, it.id))) })] }) }));
+    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", children: "Artikelcode" }), _jsx("th", { className: "p-3", children: "Artikelnaam" }), _jsx("th", { className: "p-3", children: "Floriday-status" }), _jsx("th", { className: "p-3", children: "Ontbrekende Floriday-velden" }), _jsx("th", { className: "p-3 text-right", children: "Acties" })] }) }), _jsx("tbody", { children: rows.map((it) => {
+                        const payload = it.raw?.floriday_payload ?? it.raw?.data ?? {};
+                        const v = validateDraftForPublish(payload);
+                        return (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "p-3 font-mono text-xs", children: it.articleNumber || "—" }), _jsx("td", { className: "p-3", children: it.name }), _jsx("td", { className: "p-3", children: _jsx(Badge, { className: "bg-slate-500/15 text-slate-700 border-slate-500/30", children: "Niet actief op Floriday" }) }), _jsx("td", { className: "p-3", children: v.missing.length === 0 ? (_jsx("span", { className: "text-xs text-emerald-700", children: "Klaar om te activeren" })) : (_jsx("div", { className: "flex flex-wrap gap-1", children: v.missing.map((m) => (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: m }, m))) })) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => {
+                                                    const target = it.productId ?? it.localId ?? it.id;
+                                                    navigate({ to: "/voorraad/$id", params: { id: target } });
+                                                }, children: [_jsx(Pencil, { className: "h-3 w-3 mr-1" }), "Bewerken"] }), _jsxs(Button, { size: "sm", onClick: () => publish(it), disabled: !v.ok, children: [_jsx(Send, { className: "h-3 w-3 mr-1" }), "Activeer op Floriday"] })] }) })] }, it.id));
+                    }) })] }) }));
 }

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

@@ -1,4 +1,8 @@
 import type { TradeItem } from "../../lib/floriday-client";
+/**
+ * Producten zijn altijd volwaardig. De dashboard-statistieken tonen alleen of ze op
+ * Floriday actief zijn — geen concept-status meer.
+ */
 export declare function VoorraadDashboard({ items, connectionId, }: {
     items: TradeItem[];
     connectionId: string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"VoorraadDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadDashboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AA2B3D,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,YAAY,GACb,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,2CA4DA"}
+{"version":3,"file":"VoorraadDashboard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadDashboard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AA4B3D;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,YAAY,GACb,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,2CAuDA"}

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from "@tanstack/react-router";
 import { Card } from "@flowselections/core";
+import { validateDraftForPublish } from "../../lib/floriday-import-validator";
 function Stat({ label, value, tone = "default", }) {
     const toneCls = tone === "danger"
         ? "text-destructive"
@@ -11,13 +12,20 @@ function Stat({ label, value, tone = "default", }) {
                 : "text-foreground";
     return (_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: label }), _jsx("div", { className: `text-2xl font-semibold tabular-nums ${toneCls}`, children: value })] }));
 }
+/**
+ * Producten zijn altijd volwaardig. De dashboard-statistieken tonen alleen of ze op
+ * Floriday actief zijn — geen concept-status meer.
+ */
 export function VoorraadDashboard({ items, connectionId, }) {
     const total = items.length;
-    const linked = items.filter((i) => i.published).length +
-        items.filter((i) => !i.published && i.linkStatus === "linked").length;
-    const waiting = items.filter((i) => !i.published && i.linkStatus === "waiting_for_data").length;
-    const validationErrors = items.filter((i) => !i.published && (i.missingFields?.length ?? 0) > 0 && i.linkStatus !== "linked").length;
-    const publishErrors = items.filter((i) => !i.published && i.linkStatus === "publish_failed").length;
+    const active = items.filter((i) => i.floridayActive).length;
+    const inactive = total - active;
+    const missingFields = items.filter((i) => {
+        if (i.floridayActive)
+            return false;
+        const payload = i.raw?.floriday_payload ?? i.raw?.data ?? {};
+        return !validateDraftForPublish(payload).ok;
+    }).length;
     // Nieuw sinds laatste import
     let lastImport = null;
     try {
@@ -38,5 +46,5 @@ export function VoorraadDashboard({ items, connectionId, }) {
             return src === "excel_import" && created && created >= lastImport;
         }).length
         : 0;
-    return (_jsxs(Card, { className: "p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3 mb-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Floriday-koppeling overzicht" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Status van alle artikelen ten opzichte van Floriday" })] }), _jsx(Link, { to: "/voorraad/validatie", className: "text-xs text-primary hover:underline", children: "Openstaande artikelen bekijken \u2192" })] }), _jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4", children: [_jsx(Stat, { label: "Artikelen", value: total }), _jsx(Stat, { label: "Gekoppeld", value: linked, tone: "good" }), _jsx(Stat, { label: "Wacht op koppeling", value: waiting, tone: "warn" }), _jsx(Stat, { label: "Validatiefouten", value: validationErrors, tone: "warn" }), _jsx(Stat, { label: "Publicatiefouten", value: publishErrors, tone: "danger" }), _jsx(Stat, { label: "Nieuw sinds import", value: newSinceImport })] })] }));
+    return (_jsxs(Card, { className: "p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3 mb-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Voorraad-overzicht" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Alle producten zijn volwaardig; alleen de Floriday-activatie verschilt." })] }), _jsx(Link, { to: "/voorraad/validatie", className: "text-xs text-primary hover:underline", children: "Producten zonder Floriday-activatie \u2192" })] }), _jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-4", children: [_jsx(Stat, { label: "Producten", value: total }), _jsx(Stat, { label: "Actief op Floriday", value: active, tone: "good" }), _jsx(Stat, { label: "Niet actief op Floriday", value: inactive }), _jsx(Stat, { label: "Ontbrekende Floriday-velden", value: missingFields, tone: "warn" }), _jsx(Stat, { label: "Nieuw sinds import", value: newSinceImport })] })] }));
 }

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;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"}
+{"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,2CAsHzF"}

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

@@ -3,15 +3,26 @@ 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, stockKeysFor } from "../../hooks/useTradeItemStock";
+import { useFloridayContinuousStock } from "../../hooks/useFloridayContinuousStock";
 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);
+    const floridayPieces = useFloridayContinuousStock(connectionId, tradeItemId ?? null);
     useEffect(() => {
         setValues(row);
     }, [row.updated_at, row.physical_stock, row.minimum_stock, row.reserved_stock, row.incoming_stock, row.notes]);
+    // Silent sync: als Floriday een nieuwe voorraad terugmeldt, overschrijven
+    // we het "Liggend"-veld zonder extra UI-signaal.
+    useEffect(() => {
+        if (floridayPieces === undefined)
+            return;
+        setValues((v) => v.physical_stock === floridayPieces
+            ? v
+            : { ...v, physical_stock: floridayPieces });
+    }, [floridayPieces]);
     if (!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." }));
     }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigate } from "@tanstack/react-router";
-import { Badge } from "@flowselections/core";
 import { Package } from "lucide-react";
+import { Badge } from "@flowselections/core";
 const columns = [
     { key: "quantity", label: "Liggend" },
     { key: "minQuantity", label: "Minimum" },
@@ -18,17 +18,10 @@ export function VoorraadTable({ items, loading, }) {
     if (items.length === 0) {
         return (_jsx("p", { className: "text-sm text-muted-foreground p-6", children: "Geen producten gevonden voor deze connectie." }));
     }
-    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 &&
+    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: "Type" }), _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 low = item.minQuantity > 0 &&
                             item.availableQuantity < item.minQuantity;
-                        const linkId = isErp
-                            ? item.productId
-                            : isLocal
-                                ? item.localId
-                                : item.id;
+                        const linkId = item.productId ?? item.localId ?? item.id;
                         const clickable = Boolean(linkId);
                         const open = () => {
                             if (linkId)
@@ -41,6 +34,6 @@ export function VoorraadTable({ items, loading, }) {
                                         open();
                                     }
                                 }
-                                : undefined, "aria-label": clickable ? `Bewerk ${item.name}` : undefined, children: [_jsx("td", { className: "p-2", children: item.imageUrl ? (_jsx("img", { src: item.imageUrl, alt: item.name, className: "h-10 w-10 rounded object-cover", loading: "lazy" })) : (_jsx("div", { className: "h-10 w-10 rounded bg-muted flex items-center justify-center", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) })) }), _jsxs("td", { className: "p-3", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("span", { className: "font-medium text-foreground", children: item.name }), isLocal && (_jsx(Badge, { variant: "outline", className: "text-[10px] font-normal text-muted-foreground border-amber-500/40 bg-amber-500/10", children: "Niet gepubliceerd" }))] }), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" }))] }), _jsx("td", { className: "p-3 font-mono text-xs", children: item.articleNumber || "—" }), columns.map((c) => (_jsx("td", { className: "p-3 text-right tabular-nums text-muted-foreground", children: Number(item[c.key] ?? 0) }, c.key)))] }, item.id));
+                                : undefined, "aria-label": clickable ? `Bewerk ${item.name}` : undefined, children: [_jsx("td", { className: "p-2", children: item.imageUrl ? (_jsx("img", { src: item.imageUrl, alt: item.name, className: "h-10 w-10 rounded object-cover", loading: "lazy" })) : (_jsx("div", { className: "h-10 w-10 rounded bg-muted flex items-center justify-center", children: _jsx(Package, { className: "h-4 w-4 text-muted-foreground" }) })) }), _jsxs("td", { className: "p-3", children: [_jsx("div", { className: "flex items-center gap-2 flex-wrap", children: _jsx("span", { className: "font-medium text-foreground", children: item.name }) }), low && (_jsx("div", { className: "text-xs text-destructive", children: "onder minimumvoorraad" }))] }), _jsx("td", { className: "p-3", children: item.itemType === "productgroep" ? (_jsx(Badge, { className: "bg-indigo-500/15 text-indigo-700 border-indigo-500/30", children: "Productgroep" })) : item.itemType === "samenstelling" ? (_jsx(Badge, { className: "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: "Samenstelling" })) : (_jsx(Badge, { variant: "secondary", children: "Artikel" })) }), _jsx("td", { className: "p-3 font-mono text-xs", children: item.articleNumber || "—" }), columns.map((c) => (_jsx("td", { className: "p-3 text-right tabular-nums text-muted-foreground", children: Number(item[c.key] ?? 0) }, c.key)))] }, item.id));
                     }) })] }) }));
 }

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

@@ -0,0 +1,13 @@
+/**
+ * Silent live-cache van Floriday `continuous-stock.numberOfPieces` per
+ * trade_item_id, geïndexeerd binnen één connectie. Vult zichzelf via
+ * Supabase realtime — er zijn geen extra UI-elementen nodig.
+ */
+export declare function useFloridayContinuousStockMap(connectionId: string | null): Map<string, number>;
+/**
+ * Enkelvoudige variant voor per-artikel view (VoorraadStockCard). Retourneert
+ * `undefined` zolang er geen cache-waarde bekend is; realtime updates komen
+ * vanzelf binnen zonder extra UI.
+ */
+export declare function useFloridayContinuousStock(connectionId: string | null, tradeItemId: string | null | undefined): number | undefined;
+//# sourceMappingURL=useFloridayContinuousStock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFloridayContinuousStock.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloridayContinuousStock.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,YAAY,EAAE,MAAM,GAAG,IAAI,GAC1B,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CA8DrB;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GACrC,MAAM,GAAG,SAAS,CAqDpB"}

package/dist-lib/hooks/useFloridayContinuousStock.js

@@ -0,0 +1,109 @@
+import { useEffect, useState } from "react";
+import { supabase } from "../integrations/supabase/client";
+/**
+ * Silent live-cache van Floriday `continuous-stock.numberOfPieces` per
+ * trade_item_id, geïndexeerd binnen één connectie. Vult zichzelf via
+ * Supabase realtime — er zijn geen extra UI-elementen nodig.
+ */
+export function useFloridayContinuousStockMap(connectionId) {
+    const [map, setMap] = useState(new Map());
+    useEffect(() => {
+        if (!connectionId) {
+            setMap(new Map());
+            return;
+        }
+        let cancelled = false;
+        const load = async () => {
+            const { data, error } = await supabase
+                .from("floriday_continuous_stock_cache")
+                .select("trade_item_id, number_of_pieces")
+                .eq("connection_id", connectionId);
+            if (cancelled || error || !data)
+                return;
+            const next = new Map();
+            for (const r of data) {
+                next.set(r.trade_item_id, r.number_of_pieces);
+            }
+            setMap(next);
+        };
+        load();
+        const channel = supabase
+            .channel(`floriday-continuous-stock-${connectionId}`)
+            .on("postgres_changes", {
+            event: "*",
+            schema: "public",
+            table: "floriday_continuous_stock_cache",
+            filter: `connection_id=eq.${connectionId}`,
+        }, (payload) => {
+            setMap((prev) => {
+                const next = new Map(prev);
+                const row = payload.new ?? payload.old ?? {};
+                const id = row.trade_item_id;
+                if (!id)
+                    return prev;
+                if (payload.eventType === "DELETE") {
+                    next.delete(id);
+                }
+                else if (typeof row.number_of_pieces === "number") {
+                    next.set(id, row.number_of_pieces);
+                }
+                return next;
+            });
+        })
+            .subscribe();
+        return () => {
+            cancelled = true;
+            supabase.removeChannel(channel);
+        };
+    }, [connectionId]);
+    return map;
+}
+/**
+ * Enkelvoudige variant voor per-artikel view (VoorraadStockCard). Retourneert
+ * `undefined` zolang er geen cache-waarde bekend is; realtime updates komen
+ * vanzelf binnen zonder extra UI.
+ */
+export function useFloridayContinuousStock(connectionId, tradeItemId) {
+    const [value, setValue] = useState(undefined);
+    useEffect(() => {
+        if (!connectionId || !tradeItemId) {
+            setValue(undefined);
+            return;
+        }
+        let cancelled = false;
+        const load = async () => {
+            const { data } = await supabase
+                .from("floriday_continuous_stock_cache")
+                .select("number_of_pieces")
+                .eq("connection_id", connectionId)
+                .eq("trade_item_id", tradeItemId)
+                .maybeSingle();
+            if (cancelled)
+                return;
+            if (data && typeof data.number_of_pieces === "number") {
+                setValue(data.number_of_pieces);
+            }
+        };
+        load();
+        const channel = supabase
+            .channel(`floriday-cs-${connectionId}-${tradeItemId}`)
+            .on("postgres_changes", {
+            event: "*",
+            schema: "public",
+            table: "floriday_continuous_stock_cache",
+            filter: `trade_item_id=eq.${tradeItemId}`,
+        }, (payload) => {
+            const row = payload.new ?? {};
+            if (row.connection_id === connectionId &&
+                typeof row.number_of_pieces === "number") {
+                setValue(row.number_of_pieces);
+            }
+        })
+            .subscribe();
+        return () => {
+            cancelled = true;
+            supabase.removeChannel(channel);
+        };
+    }, [connectionId, tradeItemId]);
+    return value;
+}

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

@@ -2,12 +2,19 @@ export interface FloridayCustomer {
     id: string;
     name: string;
     hasRealName: boolean;
+    city: string | null;
+    country: string | null;
+    commercialName: string | null;
+    logoUrl: string | null;
+    gln: string | null;
 }
 /**
- * Reads buyer organisations from the shared `floriday_connections_cache`
- * (which contains buyer org id + name per supplier connection).
- * If `buyer_organization_name` is NULL (Auth-module hasn't synced names yet),
- * we fall back to a short, readable label so the UI never shows a raw UUID.
+ * Buyer organisations available on the current supplier connection.
+ *
+ * Primary source: `floriday_connections_cache` (which buyers this supplier
+ * is actually connected to). We enrich every buyer with data from
+ * `floriday_customers_cache` (28k+ orgs) — that's where the real company
+ * name, city, country, and logo live.
  */
 export declare function useFlorydayCustomers(connectionId: string | null): {
     customers: FloridayCustomer[];

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

@@ -1 +1 @@
-{"version":3,"file":"useFlorydayCustomers.d.ts","sourceRoot":"","sources":["../../src/hooks/useFlorydayCustomers.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;CACtB;AAMD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;EAoD/D"}
+{"version":3,"file":"useFlorydayCustomers.d.ts","sourceRoot":"","sources":["../../src/hooks/useFlorydayCustomers.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB;AAMD;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;EA6G/D"}

package/dist-lib/hooks/useFlorydayCustomers.js

@@ -4,10 +4,12 @@ function shortId(id) {
     return `Klant ${id.slice(0, 8)}…${id.slice(-4)}`;
 }
 /**
- * Reads buyer organisations from the shared `floriday_connections_cache`
- * (which contains buyer org id + name per supplier connection).
- * If `buyer_organization_name` is NULL (Auth-module hasn't synced names yet),
- * we fall back to a short, readable label so the UI never shows a raw UUID.
+ * Buyer organisations available on the current supplier connection.
+ *
+ * Primary source: `floriday_connections_cache` (which buyers this supplier
+ * is actually connected to). We enrich every buyer with data from
+ * `floriday_customers_cache` (28k+ orgs) — that's where the real company
+ * name, city, country, and logo live.
  */
 export function useFlorydayCustomers(connectionId) {
     const [customers, setCustomers] = useState([]);
@@ -21,42 +23,87 @@ export function useFlorydayCustomers(connectionId) {
         }
         setLoading(true);
         setError(null);
-        supabase
-            .from("floriday_connections_cache")
-            .select("buyer_organization_id,buyer_organization_name")
-            .eq("connection_id", connectionId)
-            .eq("is_deleted", false)
-            .then(({ data, error }) => {
-            if (!mounted)
-                return;
-            if (error) {
-                setError(error.message);
-                setCustomers([]);
-                return;
-            }
-            const seen = new Set();
-            const out = [];
-            for (const row of data ?? []) {
-                const id = row.buyer_organization_id;
-                if (!id || seen.has(id))
-                    continue;
-                seen.add(id);
-                const real = (row.buyer_organization_name ?? "").trim();
-                out.push({
-                    id,
-                    name: real.length > 0 ? real : shortId(id),
-                    hasRealName: real.length > 0,
+        (async () => {
+            try {
+                // 1) Buyer IDs op deze connectie
+                const { data: conns, error: connErr } = await supabase
+                    .from("floriday_connections_cache")
+                    .select("buyer_organization_id,buyer_organization_name")
+                    .eq("connection_id", connectionId)
+                    .eq("is_deleted", false);
+                if (connErr)
+                    throw new Error(connErr.message);
+                const seen = new Set();
+                const buyerRows = [];
+                for (const row of conns ?? []) {
+                    const id = row.buyer_organization_id;
+                    if (!id || seen.has(id))
+                        continue;
+                    seen.add(id);
+                    buyerRows.push({
+                        id,
+                        fallbackName: (row.buyer_organization_name ?? "").trim() || null,
+                    });
+                }
+                // 2) Verrijk met naam/adres/logo uit de globale klantencache.
+                const enrichment = new Map();
+                const ids = buyerRows.map((r) => r.id);
+                const CHUNK = 500;
+                for (let i = 0; i < ids.length; i += CHUNK) {
+                    const slice = ids.slice(i, i + CHUNK);
+                    const { data: rows, error: cErr } = await supabase
+                        .from("floriday_customers_cache")
+                        .select("organization_id,name,gln_code,data")
+                        .in("organization_id", slice);
+                    if (cErr)
+                        throw new Error(cErr.message);
+                    for (const r of rows ?? []) {
+                        const d = (r.data ?? {});
+                        const addr = d.mailingAddress ?? d.physicalAddress ?? {};
+                        enrichment.set(r.organization_id, {
+                            name: (r.name ?? "").trim() || (d.name ?? "").trim() || null,
+                            city: addr.city ? String(addr.city).trim() : null,
+                            country: addr.countryCode ? String(addr.countryCode).trim() : null,
+                            commercialName: d.commercialName ? String(d.commercialName).trim() : null,
+                            logoUrl: d.logoUrl ? String(d.logoUrl) : null,
+                            gln: r.gln_code ?? d.companyGln ?? null,
+                        });
+                    }
+                }
+                const out = buyerRows.map(({ id, fallbackName }) => {
+                    const e = enrichment.get(id);
+                    const real = (e?.name ?? fallbackName ?? "").trim();
+                    return {
+                        id,
+                        name: real.length > 0 ? real : shortId(id),
+                        hasRealName: real.length > 0,
+                        city: e?.city ?? null,
+                        country: e?.country ?? null,
+                        commercialName: e?.commercialName ?? null,
+                        logoUrl: e?.logoUrl ?? null,
+                        gln: e?.gln ?? null,
+                    };
+                });
+                // Echte namen eerst (alfabetisch), fallback-labels erachter.
+                out.sort((a, b) => {
+                    if (a.hasRealName !== b.hasRealName)
+                        return a.hasRealName ? -1 : 1;
+                    return a.name.localeCompare(b.name);
                 });
+                if (mounted)
+                    setCustomers(out);
+            }
+            catch (e) {
+                if (mounted) {
+                    setError(e.message);
+                    setCustomers([]);
+                }
+            }
+            finally {
+                if (mounted)
+                    setLoading(false);
             }
-            // Real names first (alphabetical), then fallback labels.
-            out.sort((a, b) => {
-                if (a.hasRealName !== b.hasRealName)
-                    return a.hasRealName ? -1 : 1;
-                return a.name.localeCompare(b.name);
-            });
-            setCustomers(out);
-        })
-            .then(() => mounted && setLoading(false));
+        })();
         return () => {
             mounted = false;
         };