@flowselections/floriday-voorraad 1.0.27 → 1.0.29

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

@@ -19,7 +19,10 @@ export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
         const productId = item.productId ?? item.localId;
         if (!productId || !connectionId)
             return;
-        const payload = item.raw?.floriday_payload ?? item.raw?.data ?? {};
+        const payload = item.raw?.custom_fields?.floriday_payload ??
+            item.raw?.floriday_payload ??
+            item.raw?.data ??
+            {};
         const v = validateDraftForPublish(payload);
         if (!v.ok) {
             toast.error("Nog niet compleet: " + v.missing.join(", "));
@@ -47,7 +50,10 @@ export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
         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: "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 payload = it.raw?.custom_fields?.floriday_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;

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;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,+BAuDA"}
+{"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,+BA0DA"}

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

@@ -23,7 +23,10 @@ export function VoorraadDashboard({ items, connectionId, }) {
     const missingFields = items.filter((i) => {
         if (i.floridayActive)
             return false;
-        const payload = i.raw?.floriday_payload ?? i.raw?.data ?? {};
+        const payload = i.raw?.custom_fields?.floriday_payload ??
+            i.raw?.floriday_payload ??
+            i.raw?.data ??
+            {};
         return !validateDraftForPublish(payload).ok;
     }).length;
     // Nieuw sinds laatste import

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

@@ -1 +1 @@
-{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AA4FA,wBAAgB,YAAY,gCAkO3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AAkGA,wBAAgB,YAAY,gCA+O3B"}

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

@@ -4,7 +4,10 @@ import { Link } from "@tanstack/react-router";
 import { Button, Card, Input, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
 import { AlertTriangle, CheckCircle2, FileText, PackageX, Plus, Search, } from "lucide-react";
 import { useFloridayConnection } from "../../hooks/useFloridayConnection";
+import { useRegisterModuleBaseUrl } from "../../hooks/useRegisterModuleBaseUrl";
 import { useVoorraadData } from "../../hooks/useVoorraadData";
+import { StockSyncStatus } from "./StockSyncStatus";
+import { LogistiekTakenCard } from "./LogistiekTakenCard";
 import { ExcelExportButton } from "./ExcelExportButton";
 import { StockBulkButtons } from "./StockBulkButtons";
 import { VoorraadTable } from "./VoorraadTable";
@@ -33,6 +36,7 @@ function availableOf(i) {
     return i.availableQuantity ?? i.quantity ?? 0;
 }
 export function VoorraadPage() {
+    useRegisterModuleBaseUrl();
     const { activeId, error: connError } = useFloridayConnection();
     const { items, loading, error, reload } = useVoorraadData(activeId);
     const [search, setSearch] = useState("");
@@ -92,7 +96,7 @@ export function VoorraadPage() {
         { id: "out_of_stock", label: "Niet op voorraad", count: counts.outOfStock },
         { id: "below_min", label: "Onder minimum", count: counts.belowMin },
     ];
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("header", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight truncate", children: "Voorraad" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Beheer je artikelen en voorraadniveaus." })] }), _jsx(Button, { asChild: true, disabled: !activeId, size: "sm", className: "shrink-0", children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] }), connError && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Floriday-connectie laden mislukt: ", connError] })), error && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Voorraad laden mislukt: ", error] })), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsx(KpiCard, { icon: _jsx(FileText, { className: "h-4 w-4" }), tone: "primary", label: "Artikelen", count: counts.total, active: stockFilter === "all", onClick: () => toggle("all") }), _jsx(KpiCard, { icon: _jsx(CheckCircle2, { className: "h-4 w-4" }), tone: "emerald", label: "Op voorraad", count: counts.inStock, active: stockFilter === "in_stock", onClick: () => toggle("in_stock") }), _jsx(KpiCard, { icon: _jsx(PackageX, { className: "h-4 w-4" }), tone: "rose", label: "Niet op voorraad", count: counts.outOfStock, active: stockFilter === "out_of_stock", onClick: () => toggle("out_of_stock") }), _jsx(KpiCard, { icon: _jsx(AlertTriangle, { className: "h-4 w-4" }), tone: "amber", label: "Onder minimum", count: counts.belowMin, active: stockFilter === "below_min", onClick: () => toggle("below_min") })] }), _jsxs(Card, { className: "overflow-hidden p-0", children: [_jsx("div", { className: "flex flex-wrap items-center gap-1 border-b px-4", children: TABS.map((t) => {
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsxs("header", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight truncate", children: "Voorraad" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Beheer je artikelen en voorraadniveaus." })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { to: "/voorraad/publicaties", children: "Publicaties" }) }), _jsx(Button, { asChild: true, disabled: !activeId, size: "sm", children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] })] }), _jsx(StockSyncStatus, {}), _jsx(LogistiekTakenCard, {}), connError && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Floriday-connectie laden mislukt: ", connError] })), error && (_jsxs("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Voorraad laden mislukt: ", error] })), _jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsx(KpiCard, { icon: _jsx(FileText, { className: "h-4 w-4" }), tone: "primary", label: "Artikelen", count: counts.total, active: stockFilter === "all", onClick: () => toggle("all") }), _jsx(KpiCard, { icon: _jsx(CheckCircle2, { className: "h-4 w-4" }), tone: "emerald", label: "Op voorraad", count: counts.inStock, active: stockFilter === "in_stock", onClick: () => toggle("in_stock") }), _jsx(KpiCard, { icon: _jsx(PackageX, { className: "h-4 w-4" }), tone: "rose", label: "Niet op voorraad", count: counts.outOfStock, active: stockFilter === "out_of_stock", onClick: () => toggle("out_of_stock") }), _jsx(KpiCard, { icon: _jsx(AlertTriangle, { className: "h-4 w-4" }), tone: "amber", label: "Onder minimum", count: counts.belowMin, active: stockFilter === "below_min", onClick: () => toggle("below_min") })] }), _jsxs(Card, { className: "overflow-hidden p-0", children: [_jsx("div", { className: "flex flex-wrap items-center gap-1 border-b px-4", children: TABS.map((t) => {
                             const active = stockFilter === t.id;
                             return (_jsxs("button", { type: "button", onClick: () => setStockFilter(t.id), className: `relative py-3 px-3 text-sm font-medium whitespace-nowrap transition-colors ${active
                                     ? "text-foreground"

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;AAY3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,+BA6IA"}
+{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAmB3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,+BAmKA"}

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

@@ -2,6 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useNavigate } from "@tanstack/react-router";
 import { Package } from "lucide-react";
 import { Badge } from "@flowselections/core";
+import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields";
+import { formatCustomValue } from "../../lib/voorraad-custom-fields";
 const columns = [
     { key: "quantity", label: "Liggend" },
     { key: "minQuantity", label: "Minimum" },
@@ -10,15 +12,21 @@ const columns = [
     { key: "incomingQuantity", label: "Inkomend" },
     { key: "economicQuantity", label: "Economisch" },
 ];
+function customValue(item, key) {
+    const cf = item.raw?.custom_fields;
+    return cf && typeof cf === "object" ? cf[key] : undefined;
+}
 export function VoorraadTable({ items, loading, }) {
     const navigate = useNavigate();
+    const { fields } = useVoorraadCustomFields();
+    const extraColumns = fields.filter((f) => f.show_in_columns);
     if (loading) {
         return _jsx("p", { className: "text-sm text-muted-foreground p-6", children: "Voorraad laden..." });
     }
     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: "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) => {
+    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))), extraColumns.map((f) => (_jsx("th", { className: "p-3 whitespace-nowrap", children: f.field_label }, f.id)))] }) }), _jsx("tbody", { children: items.map((item) => {
                         const low = item.minQuantity > 0 &&
                             item.availableQuantity < item.minQuantity;
                         const linkId = item.productId ?? item.localId ?? item.id;
@@ -41,6 +49,6 @@ export function VoorraadTable({ items, loading, }) {
                                                         : "Niet online in Floriday", title: floriday
                                                         ? "Online in Floriday"
                                                         : "Niet online in Floriday", className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-background px-2 py-0.5 text-[11px] font-medium leading-none text-muted-foreground", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full " +
-                                                                (floriday ? "bg-emerald-500" : "bg-red-500"), "aria-hidden": true }), _jsx("span", { children: "Floriday" })] })] }), 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));
+                                                                (floriday ? "bg-emerald-500" : "bg-red-500"), "aria-hidden": true }), _jsx("span", { children: "Floriday" })] })] }), Boolean(customValue(item, "floriday_sync")?.dirty) && (_jsx("div", { className: "mt-1 inline-flex items-center rounded-full bg-amber-100 px-2 py-0.5 text-[11px] font-medium leading-none text-amber-800", title: "Opgeslagen in dit systeem, wacht nog op doorgifte naar Floriday", children: "Wacht op Floriday" })), 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))), extraColumns.map((f) => (_jsx("td", { className: "p-3 text-muted-foreground whitespace-nowrap", children: formatCustomValue(customValue(item, f.field_key)) }, f.id)))] }, item.id));
                     }) })] }) }));
 }

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

@@ -0,0 +1,2 @@
+export declare function VoorraadVeldenCard(): import("react").JSX.Element;
+//# sourceMappingURL=VoorraadVeldenCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadVeldenCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadVeldenCard.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,kBAAkB,gCAqOjC"}

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

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Checkbox, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, toast, } from "@flowselections/core";
+import { Loader2, Plus, Trash2 } from "lucide-react";
+import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields";
+import { createVoorraadCustomField, deleteVoorraadCustomField, slugifyFieldKey, updateVoorraadCustomField, } from "../../lib/voorraad-custom-fields";
+const TYPE_LABELS = {
+    text: "Tekst",
+    number: "Getal",
+    date: "Datum",
+    select: "Keuzelijst",
+    boolean: "Ja / nee",
+};
+export function VoorraadVeldenCard() {
+    const { fields, loading, reload } = useVoorraadCustomFields();
+    const [label, setLabel] = useState("");
+    const [type, setType] = useState("text");
+    const [options, setOptions] = useState("");
+    const [inTemplate, setInTemplate] = useState(false);
+    const [inColumns, setInColumns] = useState(false);
+    const [inDetail, setInDetail] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const add = async () => {
+        const trimmed = label.trim();
+        if (!trimmed) {
+            toast.error("Geef het veld een naam");
+            return;
+        }
+        const key = slugifyFieldKey(trimmed);
+        if (!key) {
+            toast.error("Ongeldige veldnaam");
+            return;
+        }
+        if (fields.some((f) => f.field_key === key)) {
+            toast.error("Er bestaat al een veld met deze naam");
+            return;
+        }
+        setSaving(true);
+        try {
+            await createVoorraadCustomField({
+                field_key: key,
+                field_label: trimmed,
+                field_type: type,
+                options: type === "select"
+                    ? options
+                        .split(",")
+                        .map((o) => o.trim())
+                        .filter(Boolean)
+                    : [],
+                show_in_template: inTemplate,
+                show_in_columns: inColumns,
+                show_in_detail: inDetail,
+                sort_order: fields.length,
+            });
+            setLabel("");
+            setOptions("");
+            setType("text");
+            setInTemplate(false);
+            setInColumns(false);
+            setInDetail(true);
+            await reload();
+            toast.success("Veld toegevoegd");
+        }
+        catch (e) {
+            toast.error(`Toevoegen mislukt: ${e.message}`);
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    const toggle = async (id, key, value) => {
+        try {
+            await updateVoorraadCustomField(id, { [key]: value });
+            await reload();
+        }
+        catch (e) {
+            toast.error(`Opslaan mislukt: ${e.message}`);
+        }
+    };
+    const remove = async (id, name) => {
+        if (!confirm(`Veld "${name}" verwijderen? Ingevulde waarden blijven bewaard.`))
+            return;
+        try {
+            await deleteVoorraadCustomField(id);
+            await reload();
+            toast.success("Veld verwijderd");
+        }
+        catch (e) {
+            toast.error(`Verwijderen mislukt: ${e.message}`);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Voorraadvelden" }), _jsx(CardDescription, { children: "Maak eigen velden aan en bepaal per veld waar het zichtbaar is: in de Excel-template, als kolom in de voorraadlijst, en/of op de productpagina." })] }), _jsxs(CardContent, { className: "space-y-6", children: [_jsxs("div", { className: "grid gap-3 sm:grid-cols-[1fr_180px] items-end", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "veld-naam", children: "Veldnaam" }), _jsx(Input, { id: "veld-naam", value: label, onChange: (e) => setLabel(e.target.value), placeholder: "Bijv. Kweeklocatie" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Type" }), _jsxs(Select, { value: type, onValueChange: (v) => setType(v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: Object.keys(TYPE_LABELS).map((t) => (_jsx(SelectItem, { value: t, children: TYPE_LABELS[t] }, t))) })] })] })] }), type === "select" && (_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "veld-opties", children: "Keuzes (komma-gescheiden)" }), _jsx(Input, { id: "veld-opties", value: options, onChange: (e) => setOptions(e.target.value), placeholder: "Kas 1, Kas 2, Buiten" })] })), _jsxs("div", { className: "flex flex-wrap gap-6", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { checked: inTemplate, onCheckedChange: (c) => setInTemplate(c === true) }), "In Excel-template"] }), _jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { checked: inColumns, onCheckedChange: (c) => setInColumns(c === true) }), "Als voorraadkolom"] }), _jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx(Checkbox, { checked: inDetail, onCheckedChange: (c) => setInDetail(c === true) }), "Op productpagina"] })] }), _jsxs(Button, { onClick: add, disabled: saving, children: [saving ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(Plus, { className: "mr-2 h-4 w-4" })), "Veld toevoegen"] }), _jsx("div", { className: "border-t pt-4", children: loading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Velden laden\u2026" })) : fields.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen eigen voorraadvelden aangemaakt." })) : (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "text-left text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "py-2", children: "Veld" }), _jsx("th", { className: "py-2", children: "Type" }), _jsx("th", { className: "py-2 text-center", children: "Template" }), _jsx("th", { className: "py-2 text-center", children: "Kolom" }), _jsx("th", { className: "py-2 text-center", children: "Productpagina" }), _jsx("th", { className: "py-2" })] }) }), _jsx("tbody", { children: fields.map((f) => (_jsxs("tr", { className: "border-t", children: [_jsxs("td", { className: "py-2", children: [_jsx("div", { className: "font-medium text-foreground", children: f.field_label }), _jsx("div", { className: "font-mono text-xs text-muted-foreground", children: f.field_key })] }), _jsx("td", { className: "py-2", children: TYPE_LABELS[f.field_type] ?? f.field_type }), [
+                                                    "show_in_template",
+                                                    "show_in_columns",
+                                                    "show_in_detail",
+                                                ].map((k) => (_jsx("td", { className: "py-2 text-center", children: _jsx(Checkbox, { checked: f[k], onCheckedChange: (c) => toggle(f.id, k, c === true), "aria-label": `${f.field_label} – ${k}` }) }, k))), _jsx("td", { className: "py-2 text-right", children: _jsx(Button, { variant: "ghost", size: "sm", onClick: () => remove(f.id, f.field_label), "aria-label": `Verwijder ${f.field_label}`, children: _jsx(Trash2, { className: "h-4 w-4 text-destructive" }) }) })] }, f.id))) })] }) })) })] })] }));
+}

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

@@ -0,0 +1,17 @@
+import { type FustType } from "../lib/fusten";
+/**
+ * Fustenvoorraad, altijd afgeleid van de beladingen van de producten.
+ * Bij het openen én bij elke wijziging aan producten/beladingen wordt
+ * automatisch gesynchroniseerd.
+ */
+export declare function useFusten(connectionId: string | null): {
+    items: FustType[];
+    loading: boolean;
+    syncing: boolean;
+    error: string | null;
+    reload: () => Promise<void>;
+    sync: () => Promise<void>;
+    adjust: (fustTypeId: string, delta: number, note?: string) => Promise<void>;
+    patch: (id: string, values: Partial<Pick<FustType, "name" | "minimum_stock" | "notes" | "length_mm" | "width_mm" | "height_mm">>) => Promise<void>;
+};
+//# sourceMappingURL=useFusten.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFusten.d.ts","sourceRoot":"","sources":["../../src/hooks/useFusten.ts"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,QAAQ,EACd,MAAM,eAAe,CAAC;AAEvB;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;;;yBAwE9B,MAAM,SAAS,MAAM,SAAS,MAAM;gBAQ5C,MAAM,UAAU,OAAO,CAChC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,eAAe,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,CAAC,CAC5F;EAQJ"}

package/dist-lib/hooks/useFusten.js

@@ -0,0 +1,81 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+import { supabase } from "../integrations/supabase/client";
+import { adjustFustStock, fetchFustTypes, syncFustTypes, updateFustType, } from "../lib/fusten";
+/**
+ * Fustenvoorraad, altijd afgeleid van de beladingen van de producten.
+ * Bij het openen én bij elke wijziging aan producten/beladingen wordt
+ * automatisch gesynchroniseerd.
+ */
+export function useFusten(connectionId) {
+    const [items, setItems] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [syncing, setSyncing] = useState(false);
+    const [error, setError] = useState(null);
+    const syncingRef = useRef(false);
+    const load = useCallback(async () => {
+        try {
+            setItems(await fetchFustTypes(connectionId));
+            setError(null);
+        }
+        catch (e) {
+            setError(e.message);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [connectionId]);
+    const sync = useCallback(async () => {
+        if (syncingRef.current)
+            return;
+        syncingRef.current = true;
+        setSyncing(true);
+        try {
+            await syncFustTypes(connectionId);
+            setError(null);
+        }
+        catch (e) {
+            setError(e.message);
+        }
+        finally {
+            syncingRef.current = false;
+            setSyncing(false);
+            await load();
+        }
+    }, [connectionId, load]);
+    useEffect(() => {
+        setLoading(true);
+        void (async () => {
+            await load();
+            await sync();
+        })();
+    }, [load, sync]);
+    useEffect(() => {
+        const channel = supabase
+            .channel(`fusten-${connectionId ?? "none"}`)
+            .on("postgres_changes", { event: "*", schema: "public", table: "fust_types" }, () => {
+            void load();
+        })
+            .on("postgres_changes", { event: "*", schema: "public", table: "fust_stock_mutations" }, () => {
+            void load();
+        })
+            .on("postgres_changes", { event: "*", schema: "public", table: "products" }, () => {
+            void sync();
+        })
+            .on("postgres_changes", { event: "*", schema: "public", table: "floriday_trade_items_cache" }, () => {
+            void sync();
+        })
+            .subscribe();
+        return () => {
+            supabase.removeChannel(channel);
+        };
+    }, [connectionId, load, sync]);
+    const adjust = useCallback(async (fustTypeId, delta, note) => {
+        await adjustFustStock({ fustTypeId, delta, note: note ?? null });
+        await load();
+    }, [load]);
+    const patch = useCallback(async (id, values) => {
+        await updateFustType(id, values);
+        await load();
+    }, [load]);
+    return { items, loading, syncing, error, reload: load, sync, adjust, patch };
+}

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

@@ -2,7 +2,7 @@ import type { WizardData } from "../lib/floriday-payload";
 import { type FloridayLinkStatus, type TradeItem } from "../lib/floriday-client";
 /**
  * Concept/Draft is verwijderd. Alle "lokale trade items" leven nu als volwaardige rijen in
- * `public.products` met de Floriday-velden in `floriday_payload`. Dit bestand behoudt de
+ * `public.products` met de Floriday-velden in `custom_fields.floriday_payload`. Dit bestand behoudt de
  * oorspronkelijke API-namen zodat bestaande callers blijven werken, maar leest en schrijft
  * uitsluitend op `products`. `trade_item_drafts` is read-only (trigger blokkeert writes).
  */
@@ -37,19 +37,29 @@ export interface DraftMeta {
     lastFloridaySyncAt?: string | null;
     source?: "manual" | "excel_import";
 }
-/**
- * Slaat Floriday-velden op in `products.floriday_payload`. Als `id` ontbreekt maken we een
- * nieuw product aan (met minimale ERP-velden uit de payload). Nooit een concept-rij.
- */
+/** Status van de doorgifte naar Floriday, opgeslagen in `custom_fields.floriday_sync`. */
+export interface LocalSyncStatus {
+    /** true = lokaal opgeslagen maar (nog) niet bevestigd door Floriday. */
+    dirty: boolean;
+    last_attempt_at?: string | null;
+    last_error?: string | null;
+    last_synced_at?: string | null;
+}
+export declare function readLocalSyncStatus(customFields: unknown): LocalSyncStatus | null;
 export declare function upsertLocalTradeItem(params: {
     id?: string;
     connectionId: string;
     data: WizardData;
     meta?: DraftMeta;
+    /** Koppel/maak de lokale rij voor een artikel dat alleen in Floriday bestaat. */
+    floridayTradeItemId?: string | null;
+    sync?: LocalSyncStatus;
 }): Promise<string>;
+/** Zet alleen de sync-status bij, zonder de payload te herschrijven. */
+export declare function markLocalSyncStatus(productRowId: string, status: LocalSyncStatus): Promise<void>;
 /**
- * Legacy API. Alleen meta-velden die vandaag nog op `products` bestaan (`floriday_active`,
- * `floriday_trade_item_id`) worden gepersisteerd; overige velden worden stilzwijgend genegeerd
+ * Legacy API. Alleen meta-velden die vandaag nog op `products` bestaan (`floriday_trade_item_id`
+ * en `custom_fields.floriday_id`) worden gepersisteerd; overige velden worden stilzwijgend genegeerd
  * omdat het draft-model verdwenen is.
  */
 export declare function updateDraftMeta(id: string, meta: DraftMeta): Promise<void>;

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,EAAwB,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGvG;;;;;GAKG;AAEH,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;AA2DD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI;;;;EA0B9D;AAED,wBAAsB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAsBrF;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;;;GAGG;AACH,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,CA2ElB;AAED;;;;GAIG;AACH,wBAAsB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAOhF;AAED;;;;GAIG;AACH,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,EAAwB,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGvG;;;;;GAKG;AAEH,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;AAwED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI;;;;EA0B9D;AAED,wBAAsB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CA4BrF;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,0FAA0F;AAC1F,MAAM,WAAW,eAAe;IAC9B,wEAAwE;IACxE,KAAK,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,wBAAgB,mBAAmB,CAAC,YAAY,EAAE,OAAO,GAAG,eAAe,GAAG,IAAI,CAWjF;AAqBD,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;IACjB,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,GAAG,OAAO,CAAC,MAAM,CAAC,CAqGlB;AAED,wEAAwE;AACxE,wBAAsB,mBAAmB,CACvC,YAAY,EAAE,MAAM,EACpB,MAAM,EAAE,eAAe,GACtB,OAAO,CAAC,IAAI,CAAC,CAqBf;AAGD;;;;GAIG;AACH,wBAAsB,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAiBhF;AAED;;;;GAIG;AACH,wBAAsB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAGpE"}