@flowselections/floriday-voorraad 1.0.38 → 1.0.40

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

@@ -1 +1 @@
-{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AAqMA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,EACT,WAAW,GACZ,GAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACjB,2CAs7DL"}
+{"version":3,"file":"ArtikelWizard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ArtikelWizard.tsx"],"names":[],"mappings":"AAqMA,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EACX,SAAS,EACT,WAAW,GACZ,GAAE;IACD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACjB,2CAs9DL"}

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

@@ -959,10 +959,41 @@ export function ArtikelWizard({ draftId: initialDraftId, tradeItemId, productId,
             });
             return;
         }
+        // Zijn de productregels (schema) nog niet binnen? Dan publiceren we niet,
+        // maar bewaren we de wijziging ALTIJD lokaal en markeren we hem als
+        // "nog niet doorgegeven aan Floriday".
         if (wantsPublish && !schemaQuery.isSuccess) {
-            toast.error("De productregels worden nog opgehaald", {
-                description: "Wacht heel even en probeer het opnieuw.",
-            });
+            setSubmitting(true);
+            try {
+                const localId = await upsertLocalTradeItem({
+                    id: draftId,
+                    connectionId: activeId,
+                    data,
+                    floridayTradeItemId: (isEditingPublished && tradeItemId) ? tradeItemId : (draftFloridayId || null),
+                    sync: {
+                        dirty: true,
+                        last_attempt_at: new Date().toISOString(),
+                        last_error: schemaQuery.error instanceof Error
+                            ? schemaQuery.error.message
+                            : "De productregels van Floriday konden nog niet worden opgehaald.",
+                    },
+                });
+                if (localId && localId !== draftId)
+                    setDraftId(localId);
+                setPendingSync({
+                    error: "De productregels van Floriday konden nog niet worden opgehaald.",
+                    at: new Date().toISOString(),
+                });
+                toast.success("Wijziging opgeslagen", {
+                    description: "Nog niet doorgegeven aan Floriday — je kunt het straks opnieuw proberen.",
+                });
+            }
+            catch (e) {
+                toast.error(`Opslaan mislukt: ${e.message}`);
+            }
+            finally {
+                setSubmitting(false);
+            }
             return;
         }
         // Strikte controle van alle stappen voor verzending.

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

@@ -1 +1 @@
-{"version":3,"file":"FustenPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FustenPage.tsx"],"names":[],"mappings":"AA2JA,wBAAgB,UAAU,4CAkMzB"}
+{"version":3,"file":"FustenPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/FustenPage.tsx"],"names":[],"mappings":"AAiKA,wBAAgB,UAAU,4CAkMzB"}

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

@@ -53,7 +53,13 @@ function MutationHistory({ fust }) {
         }
     };
     return (_jsxs("div", { children: [_jsx("button", { type: "button", onClick: toggle, className: "text-xs text-primary hover:underline", children: open ? "Historie verbergen" : "Historie" }), open && (_jsxs("div", { className: "mt-2 rounded-md border border-border bg-muted/30 p-2 text-xs", children: [rows === null && _jsx("p", { className: "text-muted-foreground", children: "Laden\u2026" }), rows !== null && rows.length === 0 && (_jsx("p", { className: "text-muted-foreground", children: "Nog geen mutaties." })), rows !== null &&
-                        rows.map((m) => (_jsxs("div", { className: "flex items-center justify-between gap-3 py-0.5", children: [_jsx("span", { className: "text-muted-foreground", children: new Date(m.created_at).toLocaleString("nl-NL") }), _jsxs("span", { className: "flex-1 truncate", children: [m.reason === "sale" ? "Verkoop" : "Handmatig", m.note ? ` — ${m.note}` : ""] }), _jsx("span", { className: `tabular-nums font-medium ${m.delta < 0 ? "text-rose-600" : "text-emerald-600"}`, children: m.delta > 0 ? `+${m.delta}` : m.delta })] }, m.id)))] }))] }));
+                        rows.map((m) => (_jsxs("div", { className: "flex items-center justify-between gap-3 py-0.5", children: [_jsx("span", { className: "text-muted-foreground", children: new Date(m.created_at).toLocaleString("nl-NL") }), _jsxs("span", { className: "flex-1 truncate", children: [m.reason === "sale"
+                                            ? "Verkoop"
+                                            : m.reason === "sale_cancelled"
+                                                ? "Order geannuleerd"
+                                                : m.reason === "manual_sale"
+                                                    ? "Handmatige verkoop"
+                                                    : "Handmatig", m.note ? ` — ${m.note}` : ""] }), _jsx("span", { className: `tabular-nums font-medium ${m.delta < 0 ? "text-rose-600" : "text-emerald-600"}`, children: m.delta > 0 ? `+${m.delta}` : m.delta })] }, m.id)))] }))] }));
 }
 export function FustenPage() {
     const { activeId } = useFloridayConnection();

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

@@ -0,0 +1,10 @@
+import type { InventorySetting } from "../../hooks/useInventorySettings";
+export declare function InventorySettingsDrawer({ open, onOpenChange, connectionId, productIds, current, onSaved, }: {
+    open: boolean;
+    onOpenChange: (v: boolean) => void;
+    connectionId: string | null;
+    productIds: string[];
+    current?: InventorySetting | undefined;
+    onSaved?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InventorySettingsDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InventorySettingsDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/InventorySettingsDrawer.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,kCAAkC,CAAC;AAWpF,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,OAAO,EACP,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,2CA0LA"}

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

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Instellingen voor de Floriday-voorraadsturing van één of meerdere producten.
+ * Bij meerdere producten (bulk) worden alleen de ingevulde velden toegepast.
+ */
+import { useEffect, useState } from "react";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@flowselections/core";
+import { useServerFn } from "@tanstack/react-start";
+import { toast } from "sonner";
+import { saveInventorySettings, republishInventory, } from "../../lib/inventory-settings.functions";
+import { MODE_LABELS } from "./InventoryStatusBadge";
+const MODE_HELP = {
+    FOLLOW_ERP: "Publiceert de beschikbare voorraad uit dit systeem, minus de buffer.",
+    MAX: "Volgt het ERP, maar publiceert nooit meer dan het opgegeven maximum.",
+    FIXED: "Publiceert altijd hetzelfde aantal, ongeacht de ERP-voorraad.",
+    MANUAL: "Publiceert het aantal dat je hier zelf invult; het ERP wordt genegeerd.",
+    DISABLED: "Er wordt niets meer naar Floriday gestuurd voor dit artikel.",
+};
+export function InventorySettingsDrawer({ open, onOpenChange, connectionId, productIds, current, onSaved, }) {
+    const save = useServerFn(saveInventorySettings);
+    const republish = useServerFn(republishInventory);
+    const bulk = productIds.length > 1;
+    const [mode, setMode] = useState("");
+    const [buffer, setBuffer] = useState("");
+    const [maximum, setMaximum] = useState("");
+    const [fixed, setFixed] = useState("");
+    const [manual, setManual] = useState("");
+    const [busy, setBusy] = useState(false);
+    useEffect(() => {
+        if (!open)
+            return;
+        if (bulk || !current) {
+            setMode("");
+            setBuffer("");
+            setMaximum("");
+            setFixed("");
+            setManual("");
+            return;
+        }
+        setMode((current.stock_mode ?? "FOLLOW_ERP"));
+        setBuffer(String(current.buffer_quantity ?? 0));
+        setMaximum(current.maximum_quantity === null ? "" : String(current.maximum_quantity));
+        setFixed(current.fixed_quantity === null ? "" : String(current.fixed_quantity));
+        setManual(current.manual_quantity === null ? "" : String(current.manual_quantity));
+    }, [open, bulk, current]);
+    const num = (v) => {
+        if (v.trim() === "")
+            return undefined;
+        const n = Number(v);
+        return Number.isFinite(n) && n >= 0 ? Math.floor(n) : undefined;
+    };
+    const onSave = async () => {
+        if (!connectionId || productIds.length === 0)
+            return;
+        setBusy(true);
+        try {
+            const res = await save({
+                data: {
+                    connectionId,
+                    productIds,
+                    ...(mode ? { stockMode: mode } : {}),
+                    ...(num(buffer) !== undefined ? { bufferQuantity: num(buffer) } : {}),
+                    ...(maximum.trim() !== "" ? { maximumQuantity: num(maximum) ?? null } : {}),
+                    ...(fixed.trim() !== "" ? { fixedQuantity: num(fixed) ?? null } : {}),
+                    ...(manual.trim() !== "" ? { manualQuantity: num(manual) ?? null } : {}),
+                },
+            });
+            toast.success(`Voorraadsturing bijgewerkt voor ${res.updated} artikel(en).`);
+            onSaved?.();
+            onOpenChange(false);
+        }
+        catch (e) {
+            toast.error(e.message);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const onRepublish = async () => {
+        if (!connectionId || productIds.length === 0)
+            return;
+        setBusy(true);
+        try {
+            const res = await republish({ data: { connectionId, productIds } });
+            toast.success(`${res.queued} artikel(en) opnieuw ingepland voor Floriday.`);
+            onSaved?.();
+        }
+        catch (e) {
+            toast.error(e.message);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const activeMode = (mode || current?.stock_mode || "");
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Voorraadsturing Floriday" }), _jsx(DialogDescription, { children: bulk
+                                ? `${productIds.length} artikelen. Alleen de velden die je invult worden aangepast.`
+                                : "Bepaal welk aantal er naar Floriday wordt gepubliceerd." })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Modus" }), _jsxs(Select, { value: mode, onValueChange: (v) => setMode(v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: bulk ? "Niet wijzigen" : "Kies een modus" }) }), _jsx(SelectContent, { children: Object.keys(MODE_LABELS).map((m) => (_jsx(SelectItem, { value: m, children: MODE_LABELS[m] }, m))) })] }), activeMode && (_jsx("p", { className: "text-xs text-muted-foreground", children: MODE_HELP[activeMode] }))] }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Buffer" }), _jsx(Input, { inputMode: "numeric", value: buffer, onChange: (e) => setBuffer(e.target.value), placeholder: bulk ? "Niet wijzigen" : "0" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Aantal dat je achterhoudt en dus niet aanbiedt." })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Maximum" }), _jsx(Input, { inputMode: "numeric", value: maximum, onChange: (e) => setMaximum(e.target.value), placeholder: bulk ? "Niet wijzigen" : "Geen", disabled: activeMode !== "" && activeMode !== "MAX" && !bulk })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Vast aantal" }), _jsx(Input, { inputMode: "numeric", value: fixed, onChange: (e) => setFixed(e.target.value), placeholder: bulk ? "Niet wijzigen" : "Geen", disabled: activeMode !== "" && activeMode !== "FIXED" && !bulk })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { children: "Handmatig aantal" }), _jsx(Input, { inputMode: "numeric", value: manual, onChange: (e) => setManual(e.target.value), placeholder: bulk ? "Niet wijzigen" : "Geen", disabled: activeMode !== "" && activeMode !== "MANUAL" && !bulk })] })] }), !bulk && current && (_jsxs("div", { className: "rounded-md border bg-muted/40 p-3 text-xs text-muted-foreground space-y-1", children: [_jsxs("div", { children: ["Gewenst: ", _jsx("strong", { className: "text-foreground", children: current.desired_quantity }), " ", "\u00B7 In Floriday:", " ", _jsx("strong", { className: "text-foreground", children: current.remote_quantity ?? "onbekend" })] }), current.last_published_at && (_jsxs("div", { children: ["Laatst verstuurd:", " ", new Date(current.last_published_at).toLocaleString("nl-NL")] })), current.last_sync_error && (_jsxs("div", { className: "text-destructive", children: ["Laatste fout: ", current.last_sync_error] }))] }))] }), _jsxs(DialogFooter, { className: "gap-2", children: [_jsx(Button, { variant: "outline", onClick: onRepublish, disabled: busy, children: "Opnieuw versturen" }), _jsx(Button, { onClick: onSave, disabled: busy, children: busy ? "Opslaan..." : "Opslaan" })] })] }) }));
+}

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

@@ -0,0 +1,6 @@
+import type { InventorySetting, StockMode } from "../../hooks/useInventorySettings";
+export declare const MODE_LABELS: Record<StockMode, string>;
+export declare function InventoryStatusBadge({ setting }: {
+    setting: InventorySetting | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InventoryStatusBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InventoryStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/InventoryStatusBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAEpF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMjD,CAAC;AA4BF,wBAAgB,oBAAoB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAAA;CAAE,2CAyB1F"}

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

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@flowselections/core";
+export const MODE_LABELS = {
+    FOLLOW_ERP: "Volgt ERP",
+    MAX: "Max",
+    FIXED: "Vast",
+    MANUAL: "Handmatig",
+    DISABLED: "Uit",
+};
+const MODE_CLASSES = {
+    FOLLOW_ERP: "bg-primary/10 text-primary border-primary/30",
+    MAX: "bg-sky-500/15 text-sky-700 border-sky-500/30",
+    FIXED: "bg-indigo-500/15 text-indigo-700 border-indigo-500/30",
+    MANUAL: "bg-amber-500/15 text-amber-800 border-amber-500/30",
+    DISABLED: "bg-muted text-muted-foreground border-border",
+};
+/** Bolletje: klopt de stand in Floriday met wat wij willen? */
+function syncDot(status) {
+    switch (status) {
+        case "IN_SYNC":
+            return { cls: "bg-emerald-500", title: "Gelijk aan Floriday" };
+        case "PENDING":
+            return { cls: "bg-amber-500", title: "Wordt doorgezet naar Floriday" };
+        case "DRIFT":
+            return { cls: "bg-orange-500", title: "Wijkt af van Floriday" };
+        case "ERROR":
+            return { cls: "bg-destructive", title: "Doorzetten mislukt" };
+        case "DISABLED":
+            return { cls: "bg-muted-foreground/40", title: "Sturing staat uit" };
+        default:
+            return { cls: "bg-muted-foreground/40", title: "Nog niet gecontroleerd" };
+    }
+}
+export function InventoryStatusBadge({ setting }) {
+    if (!setting) {
+        return _jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" });
+    }
+    const mode = (setting.stock_mode ?? "FOLLOW_ERP");
+    const dot = syncDot(setting.sync_status ?? "UNKNOWN");
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { className: MODE_CLASSES[mode] ?? MODE_CLASSES.FOLLOW_ERP, children: MODE_LABELS[mode] ?? mode }), _jsx("span", { className: `h-2 w-2 shrink-0 rounded-full ${dot.cls}`, title: setting.last_sync_error
+                    ? `${dot.title}: ${setting.last_sync_error}`
+                    : dot.title, "aria-label": dot.title }), _jsx("span", { className: "tabular-nums text-xs text-muted-foreground", children: setting.desired_quantity ?? 0 })] }));
+}

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

@@ -0,0 +1,4 @@
+export declare function StockHistoryChart({ connectionId }: {
+    connectionId: string | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StockHistoryChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StockHistoryChart.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockHistoryChart.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,iBAAiB,CAAC,EAAE,YAAY,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,2CAoGlF"}

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Historie van de voorraadsturing: wat had het ERP beschikbaar, wat wilden we
+ * in Floriday hebben, en wat stond er werkelijk. De punten komen uit
+ * `inventory_stock_snapshots` en worden door de database gecompacteerd.
+ */
+import { useEffect, useState } from "react";
+import { Card } from "@flowselections/core";
+import { CartesianGrid, Line, LineChart, ResponsiveContainer, Tooltip, XAxis, YAxis, } from "recharts";
+import { supabase } from "../../integrations/supabase/client";
+export function StockHistoryChart({ connectionId }) {
+    const [points, setPoints] = useState([]);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        let cancelled = false;
+        if (!connectionId) {
+            setPoints([]);
+            return;
+        }
+        setLoading(true);
+        const since = new Date(Date.now() - 30 * 24 * 60 * 60 * 1000).toISOString();
+        supabase
+            .from("inventory_stock_snapshots")
+            .select("snapshot_at, erp_available_quantity, floriday_desired_quantity, floriday_remote_quantity")
+            .eq("connection_id", connectionId)
+            .gte("snapshot_at", since)
+            .order("snapshot_at", { ascending: true })
+            .limit(1000)
+            .then(({ data }) => {
+            if (cancelled)
+                return;
+            setPoints((data ?? []).map((r) => ({
+                t: r.snapshot_at,
+                label: new Date(r.snapshot_at).toLocaleString("nl-NL", {
+                    day: "2-digit",
+                    month: "2-digit",
+                    hour: "2-digit",
+                    minute: "2-digit",
+                }),
+                erp: Number(r.erp_available_quantity ?? 0),
+                gewenst: Number(r.floriday_desired_quantity ?? 0),
+                floriday: r.floriday_remote_quantity === null
+                    ? null
+                    : Number(r.floriday_remote_quantity),
+            })));
+            setLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [connectionId]);
+    return (_jsxs(Card, { className: "p-4", children: [_jsxs("div", { className: "flex items-baseline justify-between", children: [_jsx("h2", { className: "text-sm font-semibold", children: "Voorraadverloop (30 dagen)" }), _jsx("span", { className: "text-xs text-muted-foreground", children: "ERP beschikbaar \u00B7 gewenst in Floriday \u00B7 werkelijk in Floriday" })] }), _jsx("div", { className: "mt-4 h-56", children: loading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Historie laden..." })) : points.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen historie beschikbaar. De eerste meetpunten verschijnen binnen een uur." })) : (_jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(LineChart, { data: points, margin: { top: 4, right: 8, bottom: 0, left: -16 }, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", className: "stroke-border" }), _jsx(XAxis, { dataKey: "label", tick: { fontSize: 11 }, minTickGap: 32 }), _jsx(YAxis, { tick: { fontSize: 11 }, allowDecimals: false }), _jsx(Tooltip, {}), _jsx(Line, { type: "monotone", dataKey: "erp", name: "ERP beschikbaar", stroke: "hsl(var(--muted-foreground))", dot: false, strokeWidth: 2 }), _jsx(Line, { type: "monotone", dataKey: "gewenst", name: "Gewenst", stroke: "hsl(var(--primary))", dot: false, strokeWidth: 2 }), _jsx(Line, { type: "monotone", dataKey: "floriday", name: "In Floriday", stroke: "hsl(142 71% 40%)", dot: false, strokeWidth: 2, connectNulls: true })] }) })) })] }));
+}

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":"AAiGA,wBAAgB,YAAY,4CA+O3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AAqGA,wBAAgB,YAAY,4CAiT3B"}

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

@@ -11,6 +11,9 @@ import { ExcelExportButton } from "./ExcelExportButton";
 import { StockBulkButtons } from "./StockBulkButtons";
 import { VoorraadTable } from "./VoorraadTable";
 import { VoorraadPagination } from "./VoorraadPagination";
+import { StockHistoryChart } from "./StockHistoryChart";
+import { InventorySettingsDrawer } from "./InventorySettingsDrawer";
+import { useInventorySettings } from "../../hooks/useInventorySettings";
 function isLinkedToFloriday(i) {
     return Boolean(i.floridayId) || i.source === "published";
 }
@@ -37,12 +40,32 @@ function availableOf(i) {
 export function VoorraadPage() {
     const { activeId, error: connError } = useFloridayConnection();
     const { items, loading, error, reload } = useVoorraadData(activeId);
+    const { byKey: settingsByKey, reload: reloadSettings } = useInventorySettings(activeId);
     const [search, setSearch] = useState("");
     const [stockFilter, setStockFilter] = useState("all");
     const [floridayFilter, setFloridayFilter] = useState("all");
     const [typeFilter, setTypeFilter] = useState("all");
     const [page, setPage] = useState(1);
     const [pageSize, setPageSize] = useState(25);
+    const [selected, setSelected] = useState(new Set());
+    const [drawerIds, setDrawerIds] = useState([]);
+    const [drawerOpen, setDrawerOpen] = useState(false);
+    const toggleSelect = (id) => setSelected((cur) => {
+        const next = new Set(cur);
+        if (next.has(id))
+            next.delete(id);
+        else
+            next.add(id);
+        return next;
+    });
+    const toggleAll = (ids) => setSelected((cur) => {
+        const all = ids.length > 0 && ids.every((id) => cur.has(id));
+        return all ? new Set() : new Set(ids);
+    });
+    const openSettings = (ids) => {
+        setDrawerIds(ids);
+        setDrawerOpen(true);
+    };
     const counts = useMemo(() => {
         let inStock = 0;
         let outOfStock = 0;
@@ -99,5 +122,10 @@ export function VoorraadPage() {
                             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"
                                     : "text-muted-foreground hover:text-foreground"}`, children: [t.label, _jsx("span", { className: `ml-2 text-xs ${active ? "text-primary" : "text-muted-foreground/70"}`, children: t.count }), active && (_jsx("span", { className: "absolute left-2 right-2 -bottom-px h-0.5 bg-primary rounded-full" }))] }, t.id));
-                        }) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 p-4 border-b", children: [_jsxs("div", { className: "relative flex-1 min-w-[220px] max-w-md", children: [_jsx(Search, { className: "w-4 h-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op product of artikelnummer...", className: "pl-9", value: search, onChange: (e) => setSearch(e.target.value) })] }), _jsxs(Select, { value: floridayFilter, onValueChange: (v) => setFloridayFilter(v), children: [_jsx(SelectTrigger, { className: "h-9 w-[190px]", children: _jsx(SelectValue, { placeholder: "Floriday" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Alle (Floriday)" }), _jsx(SelectItem, { value: "linked", children: "Gekoppeld aan Floriday" }), _jsx(SelectItem, { value: "unlinked", children: "Niet gekoppeld" })] })] }), _jsxs(Select, { value: typeFilter, onValueChange: (v) => setTypeFilter(v), children: [_jsx(SelectTrigger, { className: "h-9 w-[170px]", children: _jsx(SelectValue, { placeholder: "Type" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Alle types" }), _jsx(SelectItem, { value: "artikel", children: "Artikel" }), _jsx(SelectItem, { value: "productgroep", children: "Productgroep" }), _jsx(SelectItem, { value: "samenstelling", children: "Samenstelling" })] })] }), _jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [_jsx(ExcelExportButton, { items: filtered }), _jsx(StockBulkButtons, { items: items, activeConnectionId: activeId, onImported: reload })] })] }), _jsx("div", { className: "overflow-x-auto", children: _jsx(VoorraadTable, { items: paged, loading: loading }) }), _jsx(VoorraadPagination, { total: filtered.length, page: page, pageSize: pageSize, onPageChange: setPage, onPageSizeChange: setPageSize })] })] }));
+                        }) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 p-4 border-b", children: [_jsxs("div", { className: "relative flex-1 min-w-[220px] max-w-md", children: [_jsx(Search, { className: "w-4 h-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op product of artikelnummer...", className: "pl-9", value: search, onChange: (e) => setSearch(e.target.value) })] }), _jsxs(Select, { value: floridayFilter, onValueChange: (v) => setFloridayFilter(v), children: [_jsx(SelectTrigger, { className: "h-9 w-[190px]", children: _jsx(SelectValue, { placeholder: "Floriday" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Alle (Floriday)" }), _jsx(SelectItem, { value: "linked", children: "Gekoppeld aan Floriday" }), _jsx(SelectItem, { value: "unlinked", children: "Niet gekoppeld" })] })] }), _jsxs(Select, { value: typeFilter, onValueChange: (v) => setTypeFilter(v), children: [_jsx(SelectTrigger, { className: "h-9 w-[170px]", children: _jsx(SelectValue, { placeholder: "Type" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Alle types" }), _jsx(SelectItem, { value: "artikel", children: "Artikel" }), _jsx(SelectItem, { value: "productgroep", children: "Productgroep" }), _jsx(SelectItem, { value: "samenstelling", children: "Samenstelling" })] })] }), _jsxs("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [_jsx(ExcelExportButton, { items: filtered }), _jsx(StockBulkButtons, { items: items, activeConnectionId: activeId, onImported: reload })] })] }), selected.size > 0 && (_jsxs("div", { className: "flex flex-wrap items-center gap-3 border-b bg-primary/5 px-4 py-2 text-sm", children: [_jsxs("span", { className: "font-medium", children: [selected.size, " geselecteerd"] }), _jsx(Button, { size: "sm", onClick: () => openSettings([...selected]), children: "Voorraadsturing instellen" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setSelected(new Set()), children: "Selectie wissen" })] })), _jsx("div", { className: "overflow-x-auto", children: _jsx(VoorraadTable, { items: paged, loading: loading, settingsByKey: settingsByKey, selected: selected, onToggleSelect: toggleSelect, onToggleAll: toggleAll, onOpenSettings: (id) => openSettings([id]) }) }), _jsx(VoorraadPagination, { total: filtered.length, page: page, pageSize: pageSize, onPageChange: setPage, onPageSizeChange: setPageSize })] }), _jsx(StockHistoryChart, { connectionId: activeId ?? null }), _jsx(InventorySettingsDrawer, { open: drawerOpen, onOpenChange: setDrawerOpen, connectionId: activeId ?? null, productIds: drawerIds, current: drawerIds.length === 1
+                    ? [...settingsByKey.values()].find((s) => s.product_id === drawerIds[0])
+                    : undefined, onSaved: () => {
+                    reloadSettings();
+                    reload();
+                } })] }));
 }

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

@@ -1,6 +1,14 @@
 import type { TradeItem } from "../../lib/floriday-client";
-export declare function VoorraadTable({ items, loading, }: {
+import type { InventorySetting } from "../../hooks/useInventorySettings";
+/** Sleutel waarmee een rij aan zijn Floriday-voorraadinstelling wordt gekoppeld. */
+export declare function settingKeyOf(item: TradeItem): string | null;
+export declare function VoorraadTable({ items, loading, settingsByKey, selected, onToggleSelect, onToggleAll, onOpenSettings, }: {
     items: TradeItem[];
     loading: boolean;
+    settingsByKey?: Map<string, InventorySetting>;
+    selected?: Set<string>;
+    onToggleSelect?: (productId: string) => void;
+    onToggleAll?: (productIds: string[]) => void;
+    onOpenSettings?: (productId: string) => void;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=VoorraadTable.d.ts.map

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;AAmB3D,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;CAClB,2CAmKA"}
+{"version":3,"file":"VoorraadTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadTable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAiBzE,oFAAoF;AACpF,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAE3D;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,aAAa,EACb,QAAQ,EACR,cAAc,EACd,WAAW,EACX,cAAc,GACf,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,2CAoNA"}

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

@@ -1,9 +1,10 @@
 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 { Package, Settings2 } from "lucide-react";
+import { Badge, Button, Checkbox } from "@flowselections/core";
 import { useVoorraadCustomFields } from "../../hooks/useVoorraadCustomFields";
 import { formatCustomValue } from "../../lib/voorraad-custom-fields";
+import { InventoryStatusBadge } from "./InventoryStatusBadge";
 const columns = [
     { key: "quantity", label: "Liggend" },
     { key: "minQuantity", label: "Minimum" },
@@ -16,17 +17,25 @@ function customValue(item, key) {
     const cf = item.raw?.custom_fields;
     return cf && typeof cf === "object" ? cf[key] : undefined;
 }
-export function VoorraadTable({ items, loading, }) {
+/** Sleutel waarmee een rij aan zijn Floriday-voorraadinstelling wordt gekoppeld. */
+export function settingKeyOf(item) {
+    return item.productId ?? item.floridayId ?? (item.source === "published" ? item.id : null);
+}
+export function VoorraadTable({ items, loading, settingsByKey, selected, onToggleSelect, onToggleAll, onOpenSettings, }) {
     const navigate = useNavigate();
     const { fields } = useVoorraadCustomFields();
     const extraColumns = fields.filter((f) => f.show_in_columns);
+    const selectableIds = items
+        .map((i) => settingsByKey?.get(settingKeyOf(i) ?? "")?.product_id ?? null)
+        .filter((v) => Boolean(v));
+    const allSelected = selectableIds.length > 0 && selectableIds.every((id) => selected?.has(id));
     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))), extraColumns.map((f) => (_jsx("th", { className: "p-3 whitespace-nowrap", children: f.field_label }, f.id)))] }) }), _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: [onToggleSelect && (_jsx("th", { className: "p-3 w-10", children: _jsx(Checkbox, { checked: allSelected, onCheckedChange: () => onToggleAll?.(selectableIds), "aria-label": "Alles selecteren" }) })), _jsx("th", { className: "p-3 w-14" }), _jsx("th", { className: "p-3", children: "Product" }), _jsx("th", { className: "p-3", children: "Floriday-sturing" }), _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;
@@ -37,6 +46,8 @@ export function VoorraadTable({ items, loading, }) {
                         };
                         const floriday = item.floriday ?? null;
                         const thumbUrl = floriday?.photoUrl || item.imageUrl;
+                        const setting = settingsByKey?.get(settingKeyOf(item) ?? "");
+                        const settingProductId = setting?.product_id ?? null;
                         return (_jsxs("tr", { className: `border-t hover:bg-muted/30 ${clickable ? "cursor-pointer" : ""}`, onClick: clickable ? open : undefined, role: clickable ? "button" : undefined, tabIndex: clickable ? 0 : undefined, onKeyDown: clickable
                                 ? (e) => {
                                     if (e.key === "Enter" || e.key === " ") {
@@ -44,11 +55,11 @@ export function VoorraadTable({ items, loading, }) {
                                         open();
                                     }
                                 }
-                                : undefined, "aria-label": clickable ? `Bewerk ${item.name}` : undefined, children: [_jsx("td", { className: "p-2", children: thumbUrl ? (_jsx("img", { src: thumbUrl, 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 flex-col items-start gap-1", children: [_jsx("span", { className: "font-medium text-foreground", children: item.name }), _jsxs("div", { role: "status", "aria-label": floriday
+                                : undefined, "aria-label": clickable ? `Bewerk ${item.name}` : undefined, children: [onToggleSelect && (_jsx("td", { className: "p-3", onClick: (e) => e.stopPropagation(), children: _jsx(Checkbox, { checked: settingProductId ? selected?.has(settingProductId) : false, disabled: !settingProductId, onCheckedChange: () => settingProductId && onToggleSelect(settingProductId), "aria-label": `Selecteer ${item.name}` }) })), _jsx("td", { className: "p-2", children: thumbUrl ? (_jsx("img", { src: thumbUrl, 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 flex-col items-start gap-1", children: [_jsx("span", { className: "font-medium text-foreground", children: item.name }), _jsxs("div", { role: "status", "aria-label": floriday
                                                         ? "Online in Floriday"
                                                         : "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" })] })] }), 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));
+                                                                (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", onClick: (e) => e.stopPropagation(), children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(InventoryStatusBadge, { setting: setting }), settingProductId && onOpenSettings && (_jsx(Button, { variant: "ghost", size: "sm", className: "h-7 w-7 p-0", onClick: () => onOpenSettings(settingProductId), "aria-label": `Voorraadsturing van ${item.name}`, children: _jsx(Settings2, { className: "h-4 w-4" }) }))] }) }), _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/hooks/useInventorySettings.d.ts

@@ -0,0 +1,29 @@
+export type StockMode = "FOLLOW_ERP" | "MAX" | "FIXED" | "MANUAL" | "DISABLED";
+export type InventorySetting = {
+    id: string;
+    connection_id: string;
+    product_id: string | null;
+    floriday_trade_item_id: string | null;
+    stock_mode: StockMode;
+    buffer_quantity: number;
+    maximum_quantity: number | null;
+    fixed_quantity: number | null;
+    manual_quantity: number | null;
+    desired_quantity: number;
+    desired_availability: boolean;
+    remote_quantity: number | null;
+    remote_available: boolean | null;
+    remote_checked_at: string | null;
+    sync_status: string;
+    last_sync_error: string | null;
+    last_published_at: string | null;
+    last_confirmed_at: string | null;
+};
+export declare function useInventorySettings(connectionId: string | null): {
+    rows: InventorySetting[];
+    byKey: Map<string, InventorySetting>;
+    loading: boolean;
+    error: string | null;
+    reload: () => Promise<void>;
+};
+//# sourceMappingURL=useInventorySettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInventorySettings.d.ts","sourceRoot":"","sources":["../../src/hooks/useInventorySettings.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE/E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,UAAU,EAAE,SAAS,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AAKF,wBAAgB,oBAAoB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;;;;;;EA0D/D"}

package/dist-lib/hooks/useInventorySettings.js

@@ -0,0 +1,62 @@
+/**
+ * Leest de Floriday-voorraadsturing per product. De rijen worden door de
+ * database zelf aangemaakt en bijgewerkt (`floriday_recompute_inventory`);
+ * de UI leest ze alleen en schrijft via server-functies.
+ */
+import { useCallback, useEffect, useState } from "react";
+import { supabase } from "../integrations/supabase/client";
+const SELECT = "id, connection_id, product_id, floriday_trade_item_id, stock_mode, buffer_quantity, maximum_quantity, fixed_quantity, manual_quantity, desired_quantity, desired_availability, remote_quantity, remote_available, remote_checked_at, sync_status, last_sync_error, last_published_at, last_confirmed_at";
+export function useInventorySettings(connectionId) {
+    const [rows, setRows] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const load = useCallback(async () => {
+        if (!connectionId) {
+            setRows([]);
+            return;
+        }
+        setLoading(true);
+        const { data, error: err } = await supabase
+            .from("floriday_inventory_settings")
+            .select(SELECT)
+            .eq("connection_id", connectionId)
+            .limit(2000);
+        if (err)
+            setError(err.message);
+        else {
+            setError(null);
+            setRows((data ?? []));
+        }
+        setLoading(false);
+    }, [connectionId]);
+    useEffect(() => {
+        load();
+    }, [load]);
+    useEffect(() => {
+        if (!connectionId)
+            return;
+        const channel = supabase
+            .channel(`inventory-settings-${connectionId}`)
+            .on("postgres_changes", {
+            event: "*",
+            schema: "public",
+            table: "floriday_inventory_settings",
+            filter: `connection_id=eq.${connectionId}`,
+        }, () => {
+            load();
+        })
+            .subscribe();
+        return () => {
+            supabase.removeChannel(channel);
+        };
+    }, [connectionId, load]);
+    /** Zowel op product-id als op Floriday trade-item-id opzoekbaar. */
+    const byKey = new Map();
+    for (const r of rows) {
+        if (r.product_id)
+            byKey.set(r.product_id, r);
+        if (r.floriday_trade_item_id)
+            byKey.set(r.floriday_trade_item_id, r);
+    }
+    return { rows, byKey, loading, error, reload: load };
+}

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

@@ -1 +1 @@
-{"version":3,"file":"useTradeItemStock.d.ts","sourceRoot":"","sources":["../../src/hooks/useTradeItemStock.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAUD,wBAAgB,WAAW,CAAC,MAAM,EAAE;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,GAAG,MAAM,GAAG,IAAI,CAEhB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,GAAG,MAAM,EAAE,CAUX;AAGD;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,EACnC,MAAM,EAAE;IACN,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,GACA,iBAAiB,GAAG,SAAS,CAa/B;AAGD,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI;;;mBA4ElB,iBAAiB;EAmEnC;AAED,wBAAsB,aAAa,CACjC,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAUzC"}
+{"version":3,"file":"useTradeItemStock.d.ts","sourceRoot":"","sources":["../../src/hooks/useTradeItemStock.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAUD,wBAAgB,WAAW,CAAC,MAAM,EAAE;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,GAAG,MAAM,GAAG,IAAI,CAEhB;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE;IACnC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,GAAG,MAAM,EAAE,CAUX;AAGD;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,EACnC,MAAM,EAAE;IACN,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,GACA,iBAAiB,GAAG,SAAS,CAa/B;AAGD,wBAAgB,iBAAiB,CAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,EAC3B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI;;;mBA4ElB,iBAAiB;EAoEnC;AAED,wBAAsB,aAAa,CACjC,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAUzC"}

package/dist-lib/hooks/useTradeItemStock.js

@@ -152,6 +152,7 @@ export function useTradeItemStock(connectionId, keyOrKeys) {
                         connectionId,
                         tradeItemKey: primaryKey,
                         piecesSold: sold,
+                        reason: "manual_sale",
                     });
                 }
                 catch {