@flowselections/floriday-voorraad 1.0.145 → 1.0.147

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

@@ -1,100 +1,98 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, toast, } from "@flowselections/core";
-import { Loader2, Trash2, Upload } from "lucide-react";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@flowselections/core";
+import { Loader2, Trash2, Undo2, Upload } from "lucide-react";
 import { supabase } from "../../integrations/supabase/client.js";
+import { useOpslagDeelnemer } from "./artikel/opslaan-context.js";
 const BUCKET = "product-tray-stickers";
 // Bucket is privé (publieke buckets zijn geblokkeerd): lange signed URL voor de logistiek-engine.
 const SIGNED_URL_SECONDS = 60 * 60 * 24 * 365 * 10;
-/** Traysticker-afbeelding per product — los van de Floriday-productfoto (`products.image_url`). */
+/**
+ * Traysticker-afbeelding per artikel — los van de Floriday-productfoto.
+ * Kiezen of verwijderen wordt pas bewaard met de knop "Opslaan" van de pagina,
+ * met controle tegen de stand bij openen.
+ */
 export function TrayStickerCard({ productId }) {
     const [row, setRow] = useState(null);
     const [loading, setLoading] = useState(true);
-    const [busy, setBusy] = useState(false);
+    const [wachtend, setWachtend] = useState(null);
     const inputRef = useRef(null);
-    useEffect(() => {
-        let cancelled = false;
-        setLoading(true);
-        supabase
+    const laad = async () => {
+        const { data } = await supabase
             .from("product_tray_stickers")
             .select("*")
             .eq("product_id", productId)
-            .maybeSingle()
-            .then(({ data }) => {
-            if (!cancelled)
-                setRow(data ?? null);
+            .maybeSingle();
+        setRow(data ?? null);
+    };
+    useEffect(() => {
+        let cancelled = false;
+        setLoading(true);
+        void laad().finally(() => {
             if (!cancelled)
                 setLoading(false);
         });
         return () => {
             cancelled = true;
         };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [productId]);
-    const upload = async (file) => {
-        setBusy(true);
+    useEffect(() => () => {
+        if (wachtend?.soort === "nieuw")
+            URL.revokeObjectURL(wachtend.voorbeeld);
+    }, [wachtend]);
+    const opslaan = async () => {
+        if (!wachtend)
+            return { ok: true };
+        let pad = null;
         try {
-            const ext = file.name.includes(".") ? file.name.slice(file.name.lastIndexOf(".")) : "";
-            const path = `${productId}/${crypto.randomUUID()}${ext}`;
-            const up = await supabase.storage.from(BUCKET).upload(path, file, {
-                contentType: file.type || undefined,
+            let next = null;
+            if (wachtend.soort === "nieuw") {
+                const file = wachtend.file;
+                const ext = file.name.includes(".") ? file.name.slice(file.name.lastIndexOf(".")) : "";
+                pad = `${productId}/${crypto.randomUUID()}${ext}`;
+                const up = await supabase.storage.from(BUCKET).upload(pad, file, { contentType: file.type || undefined });
+                if (up.error)
+                    throw up.error;
+                const signed = await supabase.storage.from(BUCKET).createSignedUrl(pad, SIGNED_URL_SECONDS);
+                if (signed.error || !signed.data)
+                    throw signed.error ?? new Error("Geen URL");
+                next = { product_id: productId, bestand_url: signed.data.signedUrl, bestandspad: pad, bestandsnaam: file.name, bestandsgrootte: file.size };
+            }
+            const { data, error } = await supabase.rpc("voorraad_traysticker_opslaan", {
+                p_product_id: productId,
+                p_oud_pad: row?.bestandspad ?? null,
+                p_nieuw: next,
             });
-            if (up.error)
-                throw up.error;
-            const signed = await supabase.storage.from(BUCKET).createSignedUrl(path, SIGNED_URL_SECONDS);
-            if (signed.error || !signed.data)
-                throw signed.error ?? new Error("Geen URL");
-            const next = {
-                product_id: productId,
-                bestand_url: signed.data.signedUrl,
-                bestandspad: path,
-                bestandsnaam: file.name,
-                bestandsgrootte: file.size,
-            };
-            const { error } = await supabase
-                .from("product_tray_stickers")
-                .upsert(next, { onConflict: "product_id" });
             if (error)
                 throw error;
+            if (!data.ok) {
+                if (pad)
+                    await supabase.storage.from(BUCKET).remove([pad]);
+                setWachtend(null);
+                await laad();
+                return { ok: false, melding: "Traysticker niet opgeslagen: iemand anders wijzigde hem intussen. De nieuwste stand is geladen." };
+            }
             if (row?.bestandspad)
                 await supabase.storage.from(BUCKET).remove([row.bestandspad]);
             setRow(next);
-            toast.success("Traysticker-afbeelding opgeslagen");
-        }
-        catch (e) {
-            toast.error(`Uploaden mislukt: ${e.message}`);
-        }
-        finally {
-            setBusy(false);
-            if (inputRef.current)
-                inputRef.current.value = "";
-        }
-    };
-    const remove = async () => {
-        if (!row)
-            return;
-        setBusy(true);
-        try {
-            const { error } = await supabase
-                .from("product_tray_stickers")
-                .delete()
-                .eq("product_id", productId);
-            if (error)
-                throw error;
-            if (row.bestandspad)
-                await supabase.storage.from(BUCKET).remove([row.bestandspad]);
-            setRow(null);
-            toast.success("Traysticker-afbeelding verwijderd");
+            setWachtend(null);
+            return { ok: true };
         }
         catch (e) {
-            toast.error(`Verwijderen mislukt: ${e.message}`);
-        }
-        finally {
-            setBusy(false);
+            if (pad)
+                await supabase.storage.from(BUCKET).remove([pad]);
+            return { ok: false, melding: `Traysticker: opslaan mislukt (${e.message}).` };
         }
     };
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Traysticker-afbeelding" }), _jsx(CardDescription, { children: "Afbeelding die op het traysticker-etiket bij de pakbon op het pickstation wordt geprint. Dit staat los van de productfoto uit Floriday." })] }), _jsxs(CardContent, { className: "space-y-4", children: [loading ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" })) : row ? (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("img", { src: row.bestand_url, alt: "Traysticker", className: "h-24 w-24 rounded border object-contain bg-muted" }), _jsxs("div", { className: "text-sm text-muted-foreground", children: [_jsx("div", { children: row.bestandsnaam }), row.bestandsgrootte != null && _jsxs("div", { children: [Math.round(row.bestandsgrootte / 1024), " KB"] })] })] })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: "Nog geen traysticker-afbeelding ge\u00FCpload." })), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", className: "hidden", onChange: (e) => {
+    useOpslagDeelnemer("traysticker", wachtend !== null, opslaan);
+    const toonUrl = wachtend?.soort === "nieuw" ? wachtend.voorbeeld : wachtend?.soort === "weg" ? null : row?.bestand_url;
+    const toonNaam = wachtend?.soort === "nieuw" ? wachtend.file.name : row?.bestandsnaam;
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Traysticker-afbeelding" }), _jsx(CardDescription, { children: "Afbeelding die op het traysticker-etiket bij de pakbon op het pickstation wordt geprint. Dit staat los van de productfoto uit Floriday." })] }), _jsxs(CardContent, { className: "space-y-4", children: [loading ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" })) : toonUrl ? (_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("img", { src: toonUrl, alt: "Traysticker", className: "h-24 w-24 rounded border object-contain bg-muted" }), _jsx("div", { className: "text-sm text-muted-foreground", children: _jsx("div", { children: toonNaam }) })] })) : (_jsx("p", { className: "text-sm text-muted-foreground", children: wachtend?.soort === "weg" ? "Wordt verwijderd bij Opslaan." : "Nog geen traysticker-afbeelding." })), wachtend && (_jsx("p", { className: "text-xs text-muted-foreground", children: "Niet opgeslagen wijziging; bewaar met \"Opslaan\" bovenaan." })), _jsx("input", { ref: inputRef, type: "file", accept: "image/*", className: "hidden", onChange: (e) => {
                             const f = e.target.files?.[0];
                             if (f)
-                                void upload(f);
-                        } }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { onClick: () => inputRef.current?.click(), disabled: busy || loading, children: [busy ? _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : _jsx(Upload, { className: "mr-2 h-4 w-4" }), row ? "Vervangen" : "Afbeelding uploaden"] }), row && (_jsxs(Button, { variant: "outline", onClick: remove, disabled: busy, children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Verwijderen"] }))] })] })] }));
+                                setWachtend({ soort: "nieuw", file: f, voorbeeld: URL.createObjectURL(f) });
+                            if (inputRef.current)
+                                inputRef.current.value = "";
+                        } }), _jsxs("div", { className: "flex gap-2", children: [_jsxs(Button, { variant: "outline", onClick: () => inputRef.current?.click(), disabled: loading, children: [_jsx(Upload, { className: "mr-2 h-4 w-4" }), row || wachtend?.soort === "nieuw" ? "Andere kiezen" : "Afbeelding kiezen"] }), row && wachtend?.soort !== "weg" && (_jsxs(Button, { variant: "outline", onClick: () => setWachtend({ soort: "weg" }), children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Verwijderen"] })), wachtend && (_jsxs(Button, { variant: "ghost", onClick: () => setWachtend(null), children: [_jsx(Undo2, { className: "mr-2 h-4 w-4" }), "Ongedaan maken"] }))] })] })] }));
 }

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

@@ -1,9 +1,4 @@
 import type { TradeItem } from "../../lib/floriday-client.js";
-/**
- * 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,EAAE,MAAM,2BAA2B,CAAC;AAQ3D;;;;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,+BAwKA"}
+{"version":3,"file":"ValidationOverviewTable.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ValidationOverviewTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAoB3D,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,+BAwKA"}

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

@@ -3,7 +3,7 @@ import { useMemo, useState } from "react";
 import { useNavigate } from "@tanstack/react-router";
 import { Badge, Button } from "@flowselections/core";
 import { Link2, Loader2, Pencil, Send } from "lucide-react";
-import { validateDraftForPublish } from "../../lib/floriday-import-validator.js";
+import { conceptMetArtikel, validateDraftForPublish } from "../../lib/floriday-import-validator.js";
 import { updateDraftMeta } from "../../hooks/useLocalTradeItems.js";
 import { floriday } from "../../lib/floriday-client.js";
 import { relinkProducts } from "../../lib/floriday-relink.js";
@@ -13,6 +13,12 @@ import { toast } from "@flowselections/core";
  * 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.
  */
+/** Eigen naam en artikelnummer van het artikel (niet het Floriday-concept). */
+function artikelVan(it) {
+    const raw = (it.raw ?? {});
+    const s = (v) => (typeof v === "string" && v.trim() ? v : null);
+    return { name: s(raw.product) ?? s(it.name), articleNumber: s(raw.article_number) ?? s(it.articleNumber) };
+}
 export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
     const navigate = useNavigate();
     const [relinking, setRelinking] = useState(false);
@@ -53,14 +59,14 @@ export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
             item.raw?.floriday_payload ??
             item.raw?.data ??
             {};
-        const v = validateDraftForPublish(payload);
+        const v = validateDraftForPublish(conceptMetArtikel(payload, artikelVan(item)));
         if (!v.ok) {
             toast.error("Nog niet compleet: " + v.missing.join(", "));
             return;
         }
         try {
             const { buildAddTradeItemPayload } = await import("../../lib/floriday-payload.js");
-            const built = buildAddTradeItemPayload(payload);
+            const built = buildAddTradeItemPayload(conceptMetArtikel(payload, artikelVan(item)));
             const res = await floriday.createTradeItem(connectionId, built);
             await updateDraftMeta(productId, {
                 floridayLinkStatus: "published",
@@ -85,7 +91,7 @@ export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
                                 it.raw?.floriday_payload ??
                                 it.raw?.data ??
                                 {};
-                            const v = validateDraftForPublish(payload);
+                            const v = validateDraftForPublish(conceptMetArtikel(payload, artikelVan(it)));
                             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 text-xs text-muted-foreground max-w-[260px]", children: reasonFor(it) }), _jsx("td", { className: "p-3", children: v.missing.length === 0 ? (_jsx("span", { className: "text-xs text-emerald-700", children: "Klaar om te activeren" })) : (_jsxs("span", { className: "text-xs text-muted-foreground", title: v.missing.join(", "), children: ["Nog nodig: ", v.missing.slice(0, 3).join(", ").toLowerCase(), v.missing.length > 3 ? ` en nog ${v.missing.length - 3} andere` : "", "."] })) }), _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 } });

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

@@ -1,15 +1,3 @@
-import type { TradeItem } from "../../lib/floriday-client.js";
-/**
- * "Op voorraad" = artikelen met liggende voorraad (fysiek > 0).
- * "Vrij beschikbaar" = artikelen waarvan liggend min gereserveerd > 0.
- */
-export declare function countStock(items: Array<Pick<TradeItem, "quantity" | "availableQuantity" | "minQuantity">>): {
-    total: number;
-    inStock: number;
-    outOfStock: number;
-    belowMin: number;
-    fullyReserved: number;
-    freeAvailable: number;
-};
+export { countStock } from "../../lib/count-stock.js";
 export declare function VoorraadPage(): import("react").JSX.Element;
 //# sourceMappingURL=VoorraadPage.d.ts.map

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":"AA8BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAoF3D;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,mBAAmB,GAAG,aAAa,CAAC,CAAC;;;;;;;EAgBzG;AAED,wBAAgB,YAAY,gCAuW3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AAwCA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AA2CnD,wBAAgB,YAAY,gCA6M3B"}

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

@@ -1,95 +1,109 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState, useSyncExternalStore } from "react";
-import { useNoPriceProducts } from "../../hooks/useNoPriceProducts.js";
+import { TwijfelKiezen } from "./artikel/TwijfelKiezen.js";
+import { Fragment, useEffect, useMemo, useState, useSyncExternalStore } from "react";
+import { Link, useNavigate } from "@tanstack/react-router";
+import { Button, Card, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuTrigger, Input, } from "@flowselections/core";
+import { AlertTriangle, Columns3, Plus, Search } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client.js";
 import { pageRequestGuard } from "../../lib/request-guard.js";
-const EMPTY_TRIPS = [];
-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.js";
 import { useEnsureVoorraadDefaults } from "../../hooks/useEnsureVoorraadDefaults.js";
+import { useVoorraadLijst } from "../../hooks/useVoorraadLijst.js";
+import { aantal, FILTER_LABEL, meldingen, volgendeSortering, zichtbareFilters, } from "../../lib/voorraad-lijst.js";
 import { FloridayConnectionNotice } from "./FloridayConnectionNotice.js";
-import { useVoorraadData } from "../../hooks/useVoorraadData.js";
-import { StockSyncStatus } from "./StockSyncStatus.js";
 import { StockIntegrityAlert } from "./StockIntegrityAlert.js";
-import { SupplyReadScopeAlert } from "./SupplyReadScopeAlert.js";
-import { ExcelExportButton } from "./ExcelExportButton.js";
-import { StockBulkButtons } from "./StockBulkButtons.js";
 import { TelmomentButton } from "./TelmomentButton.js";
-import { VoorraadTable } from "./VoorraadTable.js";
 import { VoorraadPagination } from "./VoorraadPagination.js";
-import { StockHistoryChart } from "./StockHistoryChart.js";
 import { InventorySettingsDrawer } from "./InventorySettingsDrawer.js";
-import { useInventorySettings } from "../../hooks/useInventorySettings.js";
-function isLinkedToFloriday(i) {
-    return Boolean(i.floridayId) || i.source === "published";
-}
-function toneClasses(tone) {
-    switch (tone) {
-        case "emerald":
-            return { icon: "bg-emerald-100 text-emerald-700", value: "text-foreground" };
-        case "rose":
-            return { icon: "bg-rose-100 text-rose-700", value: "text-foreground" };
-        case "amber":
-            return { icon: "bg-amber-100 text-amber-700", value: "text-foreground" };
-        case "primary":
-        default:
-            return { icon: "bg-primary/10 text-primary", value: "text-foreground" };
-    }
-}
-function KpiCard({ icon, label, count, tone, active, onClick, hint, }) {
-    const cls = toneClasses(tone);
-    return (_jsxs("button", { type: "button", onClick: onClick, title: hint, className: `text-left rounded-lg border bg-card p-4 transition-colors hover:border-primary/50 ${active ? "border-primary ring-1 ring-primary" : "border-border"}`, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `inline-flex h-8 w-8 items-center justify-center rounded-md ${cls.icon}`, children: icon }), _jsx("span", { className: "text-sm font-medium text-foreground", children: label })] }), _jsx("div", { className: `mt-3 text-3xl font-bold tabular-nums ${cls.value}`, children: count }), hint && _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: hint })] }));
-}
-function availableOf(i) {
-    return i.availableQuantity ?? i.quantity ?? 0;
-}
-/**
- * "Op voorraad" = artikelen met liggende voorraad (fysiek > 0).
- * "Vrij beschikbaar" = artikelen waarvan liggend min gereserveerd > 0.
- */
-export function countStock(items) {
-    let inStock = 0;
-    let outOfStock = 0;
-    let belowMin = 0;
-    let fullyReserved = 0;
-    let freeAvailable = 0;
-    for (const i of items) {
-        const physical = Number(i.quantity ?? 0);
-        const avail = availableOf(i);
-        if (physical > 0)
-            inStock++;
+import { OPTIONELE_KOLOMMEN, VoorraadLijstTabel } from "./lijst/VoorraadLijstTabel.js";
+import { AanpassenDialog, AfboekenDialog } from "./lijst/SnelActieDialogen.js";
+import { LijstExportKnop } from "./lijst/LijstExportKnop.js";
+import { ImporteerKnop } from "./lijst/ImporteerKnop.js";
+// Bestaande export blijft (tests en andere modules).
+export { countStock } from "../../lib/count-stock.js";
+const EMPTY_TRIPS = [];
+const KOLOMMEN_KEY = "voorraad.lijst.kolommen.v2";
+const STANDAARD_KOLOMMEN = ["inkomend", "prijs"];
+function useKolommen() {
+    const [set, setSet] = useState(new Set(STANDAARD_KOLOMMEN));
+    useEffect(() => {
+        try {
+            const raw = window.localStorage.getItem(KOLOMMEN_KEY);
+            if (raw)
+                setSet(new Set(JSON.parse(raw)));
+        }
+        catch {
+            /* standaard houden */
+        }
+    }, []);
+    const toggle = (k) => setSet((cur) => {
+        const next = new Set(cur);
+        if (next.has(k))
+            next.delete(k);
         else
-            outOfStock++;
-        if (avail > 0)
-            freeAvailable++;
-        if (physical > 0 && avail <= 0)
-            fullyReserved++;
-        if ((i.minQuantity ?? 0) > 0 && avail < (i.minQuantity ?? 0))
-            belowMin++;
-    }
-    return { total: items.length, inStock, outOfStock, belowMin, fullyReserved, freeAvailable };
+            next.add(k);
+        try {
+            window.localStorage.setItem(KOLOMMEN_KEY, JSON.stringify([...next]));
+        }
+        catch {
+            /* niet opslaan is geen probleem */
+        }
+        return next;
+    });
+    return { kolommen: set, toggle };
+}
+/** Verbinding van de voorraadcontext (nodig voor afboeken op de juiste voorraadregel). */
+function useStockContextId() {
+    const [id, setId] = useState(null);
+    useEffect(() => {
+        void supabase.rpc("get_stock_context").then(({ data }) => {
+            const row = Array.isArray(data) ? data[0] : data;
+            setId(row?.connection_id ?? null);
+        });
+    }, []);
+    return id;
 }
 export function VoorraadPage() {
     useEnsureVoorraadDefaults();
+    const navigate = useNavigate();
     const conn = useFloridayConnection();
-    const { activeId, error: connError } = conn;
-    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 stockConnId = useStockContextId();
+    const [zoekInvoer, setZoekInvoer] = useState("");
+    const [zoek, setZoek] = useState("");
+    const [filter, setFilter] = useState("alles");
+    const [sorteer, setSorteer] = useState({ sort: "naam", oplopend: true });
+    const [pagina, setPagina] = useState(1);
+    const [grootte, setGrootte] = useState(25);
     const [selected, setSelected] = useState(new Set());
-    const [drawerIds, setDrawerIds] = useState([]);
     const [drawerOpen, setDrawerOpen] = useState(false);
-    // Artikelen zonder geldige prijs per stuk (eenheid "stuks", prijs > 0), op id.
-    // Los van de identiteit van `items`: dat effect veroorzaakte een opvraag-lus (1.0.111).
-    const { noPriceIds, noPriceBreakdown } = useNoPriceProducts();
-    const [noPriceOnly, setNoPriceOnly] = useState(false);
+    const [aanpassen, setAanpassen] = useState(null);
+    const [afboeken, setAfboeken] = useState(null);
+    const { kolommen, toggle: toggleKolom } = useKolommen();
     const guardTrips = useSyncExternalStore(pageRequestGuard.subscribe, () => pageRequestGuard.trips(), () => EMPTY_TRIPS);
+    // Zoeken met korte vertraging; nieuwe zoekopdracht of filter begint op pagina 1.
+    useEffect(() => {
+        const t = setTimeout(() => setZoek(zoekInvoer), 300);
+        return () => clearTimeout(t);
+    }, [zoekInvoer]);
+    useEffect(() => setPagina(1), [zoek, filter, sorteer, grootte]);
+    // Sneltoets N = nieuw artikel (niet tijdens typen).
+    useEffect(() => {
+        const h = (e) => {
+            const t = e.target;
+            if (t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable))
+                return;
+            if (e.key === "n" && !e.metaKey && !e.ctrlKey && !e.altKey)
+                navigate({ to: "/voorraad/nieuw" });
+        };
+        window.addEventListener("keydown", h);
+        return () => window.removeEventListener("keydown", h);
+    }, [navigate]);
+    const vraag = { zoek, filter, sort: sorteer.sort, oplopend: sorteer.oplopend, pagina, grootte };
+    const { data, loading, error, reload } = useVoorraadLijst(vraag);
+    const heeftKoppeling = data?.heeft_koppeling ?? false;
+    const filters = useMemo(() => zichtbareFilters(heeftKoppeling), [heeftKoppeling]);
+    const melding = data ? meldingen(data) : [];
+    const bijgewerkt = data?.bijgewerkt ? new Date(data.bijgewerkt).toLocaleTimeString("nl-NL", { hour: "2-digit", minute: "2-digit" }) : null;
     const toggleSelect = (id) => setSelected((cur) => {
         const next = new Set(cur);
         if (next.has(id))
@@ -98,69 +112,17 @@ export function VoorraadPage() {
             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(() => countStock(items), [items]);
-    const filtered = useMemo(() => {
-        const q = search.trim().toLowerCase();
-        return items.filter((i) => {
-            if (noPriceOnly && !(i.productId && noPriceIds.has(i.productId)))
-                return false;
-            const avail = availableOf(i);
-            const physicalQty = Number(i.quantity ?? 0);
-            if (stockFilter === "in_stock" && physicalQty <= 0)
-                return false;
-            if (stockFilter === "out_of_stock" && physicalQty > 0)
-                return false;
-            if (stockFilter === "below_min" &&
-                !((i.minQuantity ?? 0) > 0 && avail < i.minQuantity))
-                return false;
-            if (floridayFilter === "linked" && !isLinkedToFloriday(i))
-                return false;
-            if (floridayFilter === "unlinked" && isLinkedToFloriday(i))
-                return false;
-            if (typeFilter !== "all" && (i.itemType ?? "artikel") !== typeFilter)
-                return false;
-            if (!q)
-                return true;
-            return (i.name.toLowerCase().includes(q) ||
-                (i.articleNumber ?? "").toLowerCase().includes(q));
-        });
-    }, [items, search, stockFilter, floridayFilter, typeFilter, noPriceOnly, noPriceIds]);
-    const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
-    useEffect(() => {
-        if (page > totalPages)
-            setPage(1);
-    }, [page, totalPages]);
-    const paged = useMemo(() => filtered.slice((page - 1) * pageSize, page * pageSize), [filtered, page, pageSize]);
-    const toggle = (id) => setStockFilter((cur) => (cur === id && id !== "all" ? "all" : id));
-    const TABS = [
-        { id: "all", label: "Alle", count: counts.total },
-        { id: "in_stock", label: "Op voorraad", count: counts.inStock },
-        { 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: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-[12rem] flex-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: "Voorraad" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Beheer je artikelen en voorraadniveaus." })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { to: "/voorraad/validatie", children: "Validatie" }) }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { to: "/voorraad/publicaties", children: "Publicaties" }) }), _jsx(Button, { asChild: true, size: "sm", children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Artikel toevoegen"] }) })] })] }), guardTrips.length > 0 && (_jsxs("div", { role: "alert", className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: ["Deze pagina vroeg te vaak gegevens op en is daarmee gestopt. Open de pagina opnieuw.", _jsxs("details", { className: "text-xs opacity-80", children: [_jsx("summary", { className: "cursor-pointer", children: "Details voor beheer" }), guardTrips.map((t) => (_jsxs("div", { children: [t.table, ": ", t.count, " aanvragen binnen 10 s om ", new Date(t.at).toLocaleTimeString("nl-NL")] }, t.table)))] })] })), _jsx(StockIntegrityAlert, {}), _jsx(SupplyReadScopeAlert, {}), _jsx(StockSyncStatus, {}), noPriceIds.size > 0 && (_jsxs("div", { className: "flex flex-wrap items-start gap-2 rounded-md border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-sm text-amber-800", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { className: "flex-1 min-w-[12rem]", children: [_jsxs("span", { className: "font-medium", children: [noPriceIds.size, " artikel", noPriceIds.size === 1 ? " staat" : "en staan", " niet in Floriday zonder geldige prijs:", " ", [
-                                        noPriceBreakdown.empty > 0 ? `${noPriceBreakdown.empty} zonder verkoopprijs` : null,
-                                        noPriceBreakdown.zero > 0 ? `${noPriceBreakdown.zero} met prijs € 0,00` : null,
-                                        noPriceBreakdown.unit > 0 ? `${noPriceBreakdown.unit} met een andere eenheid dan stuks` : null,
-                                    ]
-                                        .filter(Boolean)
-                                        .join(", "), "."] }), " ", "Kies \"Toon deze artikelen\", open een artikel en vul bij Artikel regulier de verkoopprijs per stuk (excl. btw) in. De voorraadsturing van elk artikel heeft ook een link \"Prijs invullen\"."] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => setNoPriceOnly((v) => !v), children: noPriceOnly ? "Alle artikelen tonen" : "Toon deze artikelen" })] })), _jsx(FloridayConnectionNotice, { status: conn.status, environment: conn.selectedEnvironment, error: 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-5 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"), hint: "Artikelen waarvan nu iets op de kwekerij staat." }), _jsx(KpiCard, { icon: _jsx(CheckCircle2, { className: "h-4 w-4" }), tone: "primary", label: "Vrij beschikbaar", count: counts.freeAvailable, active: false, hint: "Artikelen waarvan na aftrek van wat voor orders gereserveerd is nog iets over is." }), _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"
-                                    : "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(TelmomentButton, { onSaved: reload }), _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();
-                } })] }));
+    const toggleAll = (ids) => setSelected((cur) => (ids.length > 0 && ids.every((id) => cur.has(id)) ? new Set() : new Set(ids)));
+    return (_jsxs("main", { className: "p-6 space-y-4", children: [_jsxs("header", { className: "flex flex-wrap items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-[12rem] flex-1", children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: "Voorraad" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: bijgewerkt ? `Bijgewerkt ${bijgewerkt}` : "Laden…" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(ImporteerKnop, { connectionId: conn.activeId ?? null, onImported: reload }), _jsx(LijstExportKnop, { vraag: { zoek, filter, sort: sorteer.sort, oplopend: sorteer.oplopend } }), _jsx(TelmomentButton, { onSaved: reload }), _jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { to: "/voorraad/validatie", children: "Validatie" }) }), _jsx(Button, { asChild: true, size: "sm", title: "Sneltoets N", children: _jsxs(Link, { to: "/voorraad/nieuw", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Nieuw artikel"] }) })] })] }), guardTrips.length > 0 && (_jsx("div", { role: "alert", className: "rounded-md border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive", children: "Deze pagina vroeg te vaak gegevens op en is daarmee gestopt. Open de pagina opnieuw." })), _jsx(StockIntegrityAlert, {}), _jsx(FloridayConnectionNotice, { status: conn.status, environment: conn.selectedEnvironment, error: conn.error }), error && (_jsxs("div", { role: "alert", className: "rounded-md border border-destructive/40 bg-destructive/10 text-destructive p-3 text-sm", children: ["Voorraad laden mislukt: ", error] })), melding.length > 0 && (_jsxs("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1 rounded-md border border-border bg-muted/40 px-3 py-2 text-sm", children: [_jsx(AlertTriangle, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), melding.map((m) => m.filter ? (_jsx("button", { type: "button", className: "underline-offset-2 hover:underline", onClick: () => setFilter(m.filter), children: m.tekst }, m.tekst)) : (_jsx("span", { children: m.tekst }, m.tekst)))] })), _jsxs(Card, { className: "overflow-hidden p-0", children: [_jsx("div", { role: "tablist", "aria-label": "Filter", className: "flex flex-wrap items-center gap-1 border-b px-2", children: filters.map((f) => {
+                            const actief = filter === f;
+                            const n = data?.tellers?.[f];
+                            return (_jsxs("button", { role: "tab", "aria-selected": actief, type: "button", onClick: () => setFilter(f), className: `relative px-3 py-3 text-sm font-medium whitespace-nowrap transition-colors ${actief ? "text-foreground" : "text-muted-foreground hover:text-foreground"}`, children: [FILTER_LABEL[f], _jsx("span", { className: `ml-2 text-xs tabular-nums ${actief ? "text-primary" : "text-muted-foreground/70"}`, children: n == null ? "…" : aantal(n) }), actief && _jsx("span", { className: "absolute left-2 right-2 -bottom-px h-0.5 rounded-full bg-primary" })] }, f));
+                        }) }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b p-3", children: [_jsxs("div", { className: "relative flex-1 min-w-[220px] max-w-md", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoek op naam, artikelnummer of barcode\u2026", className: "pl-9", value: zoekInvoer, onChange: (e) => setZoekInvoer(e.target.value), "aria-label": "Zoeken" })] }), _jsx("div", { className: "ml-auto", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(Columns3, { className: "mr-2 h-4 w-4" }), "Kolommen"] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuLabel, { children: "Kolommen kiezen" }), OPTIONELE_KOLOMMEN.map((c) => (_jsx(DropdownMenuCheckboxItem, { checked: kolommen.has(c.key), onCheckedChange: () => toggleKolom(c.key), children: c.label }, c.key)))] })] }) })] }), selected.size > 0 && filter !== "twijfel" && (_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, " gekozen"] }), _jsx(Button, { size: "sm", onClick: () => setDrawerOpen(true), children: "Voorraadsturing instellen" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => setSelected(new Set()), children: "Keuze wissen" })] })), _jsx("div", { className: "overflow-x-auto", children: filter === "twijfel" ? (_jsx(TwijfelTabel, { rijen: data?.twijfel_rijen ?? [], loading: loading, onGekozen: () => void reload() })) : (_jsx(VoorraadLijstTabel, { rijen: data?.rijen ?? [], loading: loading, sort: sorteer.sort, oplopend: sorteer.oplopend, onSort: (k) => setSorteer((cur) => volgendeSortering(cur, k)), kolommen: kolommen, selected: selected, onToggleSelect: toggleSelect, onToggleAll: toggleAll, onAanpassen: setAanpassen, onAfboeken: setAfboeken, heeftKoppeling: heeftKoppeling })) }), _jsx(VoorraadPagination, { total: data?.totaal ?? 0, page: pagina, pageSize: grootte, onPageChange: setPagina, onPageSizeChange: setGrootte })] }), _jsx(AanpassenDialog, { rij: aanpassen, onClose: () => setAanpassen(null), onDone: reload }), _jsx(AfboekenDialog, { rij: afboeken, connectionId: stockConnId, onClose: () => setAfboeken(null), onDone: reload }), _jsx(InventorySettingsDrawer, { open: drawerOpen, onOpenChange: setDrawerOpen, connectionId: conn.activeId ?? null, productIds: [...selected], onSaved: reload })] }));
+}
+function TwijfelTabel({ rijen, loading, onGekozen }) {
+    const [open, setOpen] = useState(null);
+    if (!loading && rijen.length === 0) {
+        return _jsx("p", { className: "px-4 py-10 text-center text-sm text-muted-foreground", children: "Geen twijfelgevallen." });
+    }
+    return (_jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "border-b bg-muted/40 text-xs text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-3 py-2 text-left font-medium", children: "Floriday-artikel" }), _jsx("th", { className: "px-3 py-2 text-left font-medium", children: "Reden" }), _jsx("th", { className: "px-3 py-2 text-right font-medium", children: "Mogelijke artikelen" }), _jsx("th", { className: "px-3 py-2 text-right font-medium", children: "Actie" })] }) }), _jsx("tbody", { children: rijen.map((t) => (_jsxs(Fragment, { children: [_jsxs("tr", { className: "border-b", children: [_jsx("td", { className: "px-3 py-2 font-medium", children: t.naam ?? "(naamloos)" }), _jsx("td", { className: "px-3 py-2 text-muted-foreground", children: t.reden ?? "Meerdere mogelijke artikelen; niets aangemaakt" }), _jsx("td", { className: "px-3 py-2 text-right tabular-nums", children: t.kandidaten }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsx(Button, { size: "sm", variant: "outline", onClick: () => setOpen(open === t.floriday_id ? null : t.floriday_id), children: "Zelf kiezen" }) })] }), open === t.floriday_id && (_jsx("tr", { className: "border-b", children: _jsx("td", { colSpan: 4, className: "px-3 py-2", children: _jsx(TwijfelKiezen, { floridayId: t.floriday_id, onGekozen: () => { setOpen(null); onGekozen?.(); } }) }) }))] }, t.floriday_id))) })] }));
 }

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

@@ -0,0 +1,6 @@
+/**
+ * Shellinstelling: welke voorraadsturing krijgen artikelen die automatisch uit
+ * Floriday worden aangemaakt. Bestaande artikelen veranderen niet.
+ */
+export declare function VoorraadSturingCard(): import("react").JSX.Element;
+//# sourceMappingURL=VoorraadSturingCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoorraadSturingCard.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadSturingCard.tsx"],"names":[],"mappings":"AAiBA;;;GAGG;AACH,wBAAgB,mBAAmB,gCAgElC"}

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Label, toast, } from "@flowselections/core";
+import { Loader2 } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client.js";
+import { dbFoutTekst } from "../../lib/db-error-message.js";
+/**
+ * Shellinstelling: welke voorraadsturing krijgen artikelen die automatisch uit
+ * Floriday worden aangemaakt. Bestaande artikelen veranderen niet.
+ */
+export function VoorraadSturingCard() {
+    const [opgeslagen, setOpgeslagen] = useState(null);
+    const [keuze, setKeuze] = useState("lokaal");
+    const [bezig, setBezig] = useState(false);
+    useEffect(() => {
+        void supabase
+            .rpc("voorraad_instellingen_lezen")
+            .then(({ data, error }) => {
+            if (error)
+                toast.error(dbFoutTekst(error));
+            const v = (data?.standaard_sturing ?? "lokaal");
+            setOpgeslagen(v);
+            setKeuze(v);
+        });
+    }, []);
+    const opslaan = async () => {
+        setBezig(true);
+        const { data, error } = await supabase.rpc("voorraad_instellingen_opslaan", { p_standaard_sturing: keuze });
+        setBezig(false);
+        if (error) {
+            toast.error(dbFoutTekst(error));
+            return;
+        }
+        const r = data;
+        if (!r.ok) {
+            toast.error(r.melding ?? "Niet opgeslagen");
+            return;
+        }
+        setOpgeslagen(keuze);
+        toast.success("Standaard voorraadsturing opgeslagen");
+    };
+    const opties = [
+        { waarde: "lokaal", titel: "Lokaal", uitleg: "Je eigen voorraad leidt; Floriday wordt niet bijgewerkt tot je dat per artikel aanzet." },
+        { waarde: "floriday", titel: "Floriday volgt", uitleg: "Je eigen voorraad gaat via de gewone wachtrij naar Floriday." },
+    ];
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Standaard voorraadsturing" }), _jsx(CardDescription, { children: "Geldt voor artikelen die automatisch uit Floriday worden aangemaakt. Bestaande artikelen veranderen niet." })] }), _jsx(CardContent, { className: "space-y-3", children: opgeslagen === null ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" })) : (_jsxs(_Fragment, { children: [_jsx("div", { role: "radiogroup", className: "space-y-2", children: opties.map((o) => (_jsxs(Label, { className: "flex cursor-pointer items-start gap-2 rounded-md border p-3 font-normal", children: [_jsx("input", { type: "radio", name: "standaard-sturing", className: "mt-1", checked: keuze === o.waarde, onChange: () => setKeuze(o.waarde) }), _jsxs("span", { children: [_jsx("span", { className: "font-medium", children: o.titel }), _jsx("span", { className: "block text-sm text-muted-foreground", children: o.uitleg })] })] }, o.waarde))) }), _jsxs(Button, { onClick: opslaan, disabled: bezig || keuze === opgeslagen, children: [bezig && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Opslaan"] })] })) })] }));
+}