@flowselections/floriday-voorraad 1.0.13 → 1.0.15

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

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

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

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

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Card } from "@flowselections/core";
+import { Loader2 } from "lucide-react";
+import { ArtikelWizard } from "./ArtikelWizard";
+import { supabase } from "../../integrations/supabase/client";
+export function EditArtikelPage({ id }) {
+    const [resolved, setResolved] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        setResolved(null);
+        (async () => {
+            const draftRes = await supabase
+                .from("trade_item_drafts")
+                .select("id")
+                .eq("id", id)
+                .maybeSingle();
+            if (cancelled)
+                return;
+            if (draftRes.data) {
+                setResolved({ kind: "draft", id });
+                return;
+            }
+            const pubRes = await supabase
+                .from("floriday_trade_items_cache")
+                .select("floriday_id")
+                .eq("floriday_id", id)
+                .maybeSingle();
+            if (cancelled)
+                return;
+            if (pubRes.data) {
+                setResolved({ kind: "published", id });
+                return;
+            }
+            setResolved({ kind: "notfound" });
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [id]);
+    if (!resolved) {
+        return (_jsx("main", { className: "p-6", children: _jsxs(Card, { className: "p-6 flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Artikel zoeken..."] }) }));
+    }
+    if (resolved.kind === "notfound") {
+        return (_jsx("main", { className: "p-6", children: _jsx(Card, { className: "p-6 text-sm", children: "Artikel niet gevonden. Het is mogelijk verwijderd of nog niet gesynchroniseerd vanuit Floriday." }) }));
+    }
+    if (resolved.kind === "draft") {
+        return _jsx(ArtikelWizard, { draftId: resolved.id });
+    }
+    return _jsx(ArtikelWizard, { tradeItemId: resolved.id });
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NieuwArtikelPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/NieuwArtikelPage.tsx"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,4CAE/B"}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArtikelWizard } from "./ArtikelWizard";
+export function NieuwArtikelPage() {
+    return _jsx(ArtikelWizard, {});
+}

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

@@ -0,0 +1,7 @@
+import type { TradeItem } from "../../lib/floriday-client";
+export declare function StockBulkButtons({ items, activeConnectionId, onImported, }: {
+    items: TradeItem[];
+    activeConnectionId: string | null;
+    onImported: () => void | Promise<void>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StockBulkButtons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StockBulkButtons.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockBulkButtons.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAsD3D,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,kBAAkB,EAClB,UAAU,GACX,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACxC,2CA8dA"}

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

@@ -0,0 +1,356 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from "react";
+import * as XLSX from "xlsx";
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Checkbox, Label, toast, } from "@flowselections/core";
+import { Download, FileDown, Upload, Loader2 } from "lucide-react";
+import { supabase } from "../../integrations/supabase/client";
+import { emptyWizardData } from "../../lib/floriday-payload";
+import { upsertLocalTradeItem, updateDraftMeta } from "../../hooks/useLocalTradeItems";
+import { validateDraftForPublish } from "../../lib/floriday-import-validator";
+import { floriday } from "../../lib/floriday-client";
+const COLUMNS = [
+    "Artikelcode",
+    "Artikelnaam",
+    "VBN-code",
+    "Botanische naam",
+    "Land van oorsprong",
+    "GTIN",
+    "Liggende voorraad",
+    "Minimum voorraad",
+    "Gereserveerde voorraad",
+    "Inkomende voorraad",
+];
+function toKey(item) {
+    return item.localId ? `draft:${item.localId}` : item.id;
+}
+function parseNumber(val) {
+    if (val === undefined || val === null || val === "")
+        return { value: null };
+    const n = typeof val === "number" ? val : Number(String(val).replace(",", "."));
+    if (!Number.isFinite(n))
+        return { value: null, error: "geen numerieke waarde" };
+    return { value: n };
+}
+function productGroupForVbn(vbn) {
+    const s = vbn.trim();
+    if (s.startsWith("10"))
+        return "CUT_FLOWER";
+    if (s.startsWith("20"))
+        return "POT_PLANT";
+    if (s.startsWith("30"))
+        return "GARDEN_PLANT";
+    return null;
+}
+export function StockBulkButtons({ items, activeConnectionId, onImported, }) {
+    const fileRef = useRef(null);
+    const [open, setOpen] = useState(false);
+    const [importing, setImporting] = useState(false);
+    const [progress, setProgress] = useState(0);
+    const allowNegative = true;
+    const [autoPublish, setAutoPublish] = useState(false);
+    const [result, setResult] = useState(null);
+    const byCode = useMemo(() => {
+        const map = new Map();
+        for (const it of items) {
+            const code = (it.articleNumber ?? "").trim();
+            if (code)
+                map.set(code, it);
+        }
+        return map;
+    }, [items]);
+    /** Published Floriday items only (voor auto-koppeling van nieuwe artikelen). */
+    const publishedByCode = useMemo(() => {
+        const map = new Map();
+        for (const it of items) {
+            if (!it.published)
+                continue;
+            const code = (it.articleNumber ?? "").trim();
+            if (!code)
+                continue;
+            const arr = map.get(code) ?? [];
+            arr.push(it);
+            map.set(code, arr);
+        }
+        return map;
+    }, [items]);
+    const downloadTemplate = () => {
+        const rows = items.map((i) => {
+            const d = i.raw?.data;
+            return {
+                Artikelcode: i.articleNumber ?? "",
+                Artikelnaam: i.name,
+                "VBN-code": d?.vbnCode ?? i.raw?.vbnProductCode ?? "",
+                "Botanische naam": d?.botanicalName ?? "",
+                "Land van oorsprong": d?.countryOfOrigin ?? "",
+                GTIN: d?.gtin ?? "",
+                "Liggende voorraad": i.quantity,
+                "Minimum voorraad": i.minQuantity,
+                "Gereserveerde voorraad": i.reservedQuantity,
+                "Inkomende voorraad": i.incomingQuantity,
+            };
+        });
+        const ws = XLSX.utils.json_to_sheet(rows, { header: [...COLUMNS] });
+        ws["!cols"] = COLUMNS.map((c) => ({
+            wch: c === "Artikelnaam" ? 40 : c === "Artikelcode" ? 18 : 20,
+        }));
+        const wb = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(wb, ws, "Voorraad");
+        const stamp = new Date().toISOString().slice(0, 10);
+        XLSX.writeFile(wb, `voorraad-template-${stamp}.xlsx`);
+    };
+    const downloadErrors = () => {
+        if (!result?.errors.length)
+            return;
+        const rows = result.errors.map((e) => ({
+            Regel: e.row,
+            Artikelcode: e.articleCode,
+            Artikelnaam: e.articleName,
+            Fout: e.reden,
+        }));
+        const ws = XLSX.utils.json_to_sheet(rows);
+        const wb = XLSX.utils.book_new();
+        XLSX.utils.book_append_sheet(wb, ws, "Fouten");
+        XLSX.writeFile(wb, `voorraad-import-fouten-${new Date().toISOString().slice(0, 10)}.xlsx`);
+    };
+    const handleFile = async (file) => {
+        if (!activeConnectionId) {
+            toast.error("Geen actieve Floriday-connectie");
+            return;
+        }
+        setImporting(true);
+        setProgress(0);
+        setResult(null);
+        const errors = [];
+        let updated = 0;
+        let created = 0;
+        let linked = 0;
+        let published = 0;
+        let waiting = 0;
+        try {
+            const buf = await file.arrayBuffer();
+            const wb = XLSX.read(buf, { type: "array" });
+            const sheet = wb.Sheets[wb.SheetNames[0]];
+            const rows = XLSX.utils.sheet_to_json(sheet, {
+                defval: "",
+            });
+            const userRes = await supabase.auth.getUser();
+            const userId = userRes.data.user?.id;
+            if (!userId)
+                throw new Error("Niet ingelogd");
+            // "Nieuw sinds laatste import" — timestamp opslaan
+            try {
+                localStorage.setItem(`voorraad_last_import_${activeConnectionId}`, new Date().toISOString());
+            }
+            catch {
+                /* ignore quota */
+            }
+            const stockBatch = [];
+            for (let idx = 0; idx < rows.length; idx++) {
+                const row = rows[idx];
+                const excelRow = idx + 2;
+                const code = String(row["Artikelcode"] ?? "").trim();
+                const name = String(row["Artikelnaam"] ?? "").trim();
+                if (!code) {
+                    errors.push({
+                        row: excelRow,
+                        articleCode: "",
+                        articleName: name,
+                        reden: "Artikelcode ontbreekt",
+                    });
+                    continue;
+                }
+                // Voorraadvelden parsen
+                const stockFields = [
+                    ["physical_stock", "Liggende voorraad"],
+                    ["minimum_stock", "Minimum voorraad"],
+                    ["reserved_stock", "Gereserveerde voorraad"],
+                    ["incoming_stock", "Inkomende voorraad"],
+                ];
+                const stockValues = {};
+                let stockError = null;
+                for (const [key, col] of stockFields) {
+                    const parsed = parseNumber(row[col]);
+                    if (parsed.error) {
+                        stockError = `${col}: ${parsed.error}`;
+                        break;
+                    }
+                    if (parsed.value !== null && !allowNegative && parsed.value < 0) {
+                        stockError = `${col}: negatieve waarde niet toegestaan`;
+                        break;
+                    }
+                    stockValues[key] = parsed.value;
+                }
+                if (stockError) {
+                    errors.push({
+                        row: excelRow,
+                        articleCode: code,
+                        articleName: name,
+                        reden: stockError,
+                    });
+                    continue;
+                }
+                const existing = byCode.get(code);
+                // === Bestaand artikel: alleen stock bijwerken ===
+                if (existing) {
+                    const applied = {
+                        physical_stock: stockValues.physical_stock ?? existing.quantity,
+                        minimum_stock: stockValues.minimum_stock ?? existing.minQuantity,
+                        reserved_stock: stockValues.reserved_stock ?? existing.reservedQuantity,
+                        incoming_stock: stockValues.incoming_stock ?? existing.incomingQuantity,
+                    };
+                    const connId = existing.raw?.connection_id ?? activeConnectionId;
+                    stockBatch.push({
+                        user_id: userId,
+                        connection_id: connId,
+                        trade_item_key: toKey(existing),
+                        ...applied,
+                    });
+                    updated++;
+                    setProgress(Math.round(((idx + 1) / rows.length) * 100));
+                    continue;
+                }
+                // === Nieuw artikel aanmaken ===
+                const vbnCode = String(row["VBN-code"] ?? "").trim();
+                const botanical = String(row["Botanische naam"] ?? "").trim();
+                const country = String(row["Land van oorsprong"] ?? "")
+                    .trim()
+                    .toUpperCase();
+                const gtin = String(row["GTIN"] ?? "").trim();
+                const data = {
+                    ...emptyWizardData,
+                    articleCode: code,
+                    name: name || code,
+                    vbnCode,
+                    vbnName: "",
+                    productGroup: productGroupForVbn(vbnCode),
+                    botanicalName: botanical,
+                    countryOfOrigin: country,
+                    gtin,
+                };
+                // Zoek in cache van gepubliceerde Floriday-items
+                const matches = publishedByCode.get(code) ?? [];
+                let linkStatus = "unlinked";
+                let floridayId = null;
+                let publishError = null;
+                if (matches.length === 1) {
+                    linkStatus = "linked";
+                    floridayId = matches[0].id;
+                    linked++;
+                }
+                else if (matches.length > 1) {
+                    linkStatus = "ambiguous_match";
+                }
+                else {
+                    // Geen match — evalueer validatie
+                    const validation = validateDraftForPublish(data);
+                    if (validation.ok && autoPublish) {
+                        // Poging tot publiceren
+                        try {
+                            const { buildAddTradeItemPayload } = await import("../../lib/floriday-payload");
+                            const payload = buildAddTradeItemPayload(data);
+                            const res = await floriday.createTradeItem(activeConnectionId, payload);
+                            floridayId = res?.tradeItemId ?? null;
+                            linkStatus = "published";
+                            published++;
+                        }
+                        catch (e) {
+                            publishError = e?.message ?? String(e);
+                            linkStatus = "publish_failed";
+                        }
+                    }
+                    else if (validation.ok) {
+                        linkStatus = "ready_to_publish";
+                    }
+                    else {
+                        linkStatus = "waiting_for_data";
+                        waiting++;
+                    }
+                }
+                // Maak draft aan
+                try {
+                    const validation = validateDraftForPublish(data);
+                    const draftId = await upsertLocalTradeItem({
+                        connectionId: activeConnectionId,
+                        data,
+                        meta: {
+                            floridayLinkStatus: linkStatus,
+                            floridayId,
+                            floridayLinkError: publishError,
+                            missingRequiredFields: validation.missing,
+                            lastFloridaySyncAt: new Date().toISOString(),
+                            source: "excel_import",
+                        },
+                    });
+                    created++;
+                    // Stock koppelen aan de nieuwe draft
+                    const anyStock = stockValues.physical_stock !== null ||
+                        stockValues.minimum_stock !== null ||
+                        stockValues.reserved_stock !== null ||
+                        stockValues.incoming_stock !== null;
+                    if (anyStock) {
+                        stockBatch.push({
+                            user_id: userId,
+                            connection_id: activeConnectionId,
+                            trade_item_key: `draft:${draftId}`,
+                            physical_stock: stockValues.physical_stock ?? 0,
+                            minimum_stock: stockValues.minimum_stock ?? 0,
+                            reserved_stock: stockValues.reserved_stock ?? 0,
+                            incoming_stock: stockValues.incoming_stock ?? 0,
+                        });
+                    }
+                }
+                catch (e) {
+                    errors.push({
+                        row: excelRow,
+                        articleCode: code,
+                        articleName: name,
+                        reden: `Aanmaken mislukt: ${e?.message ?? e}`,
+                    });
+                }
+                setProgress(Math.round(((idx + 1) / rows.length) * 100));
+            }
+            // Stock batch upserten
+            const CHUNK = 500;
+            for (let i = 0; i < stockBatch.length; i += CHUNK) {
+                const slice = stockBatch.slice(i, i + CHUNK);
+                const { error } = await supabase
+                    .from("trade_item_stock")
+                    .upsert(slice, { onConflict: "connection_id,trade_item_key" });
+                if (error) {
+                    errors.push({
+                        row: 0,
+                        articleCode: "(voorraad-batch)",
+                        articleName: "",
+                        reden: `Database-fout: ${error.message}`,
+                    });
+                }
+            }
+            setResult({ updated, created, linked, published, waiting, errors });
+            if (updated + created > 0) {
+                toast.success(`${updated} bijgewerkt · ${created} nieuw`);
+                await onImported();
+            }
+            if (errors.length && updated + created === 0) {
+                toast.error("Geen artikelen verwerkt");
+            }
+        }
+        catch (e) {
+            toast.error(`Import mislukt: ${e.message}`);
+        }
+        finally {
+            setImporting(false);
+            if (fileRef.current)
+                fileRef.current.value = "";
+        }
+    };
+    // Silence unused-import warning if updateDraftMeta remains for later use
+    void updateDraftMeta;
+    return (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "outline", onClick: downloadTemplate, disabled: items.length === 0, children: [_jsx(FileDown, { className: "mr-2 h-4 w-4" }), "Template downloaden"] }), _jsxs(Button, { variant: "outline", onClick: () => setOpen(true), children: [_jsx(Upload, { className: "mr-2 h-4 w-4" }), "Voorraad importeren"] }), _jsx(Dialog, { open: open, onOpenChange: (o) => !importing && setOpen(o), children: _jsxs(DialogContent, { className: "sm:max-w-lg", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Voorraad importeren" }), _jsxs(DialogDescription, { children: ["Upload een Excel-bestand (op basis van de template). Bestaande artikelen worden gematcht op ", _jsx("strong", { children: "Artikelcode" }), " en alleen de voorraadvelden worden bijgewerkt. Onbekende artikelcodes worden als nieuwe artikelen aangemaakt en waar mogelijk automatisch gekoppeld aan Floriday."] })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "auto-publish", checked: autoPublish, onCheckedChange: (v) => setAutoPublish(Boolean(v)), disabled: importing }), _jsx(Label, { htmlFor: "auto-publish", className: "text-sm font-normal", children: "Nieuwe producten automatisch naar Floriday publiceren (indien alle verplichte gegevens aanwezig zijn)" })] }), _jsx("input", { ref: fileRef, type: "file", accept: ".xlsx,.xls", className: "block w-full text-sm file:mr-3 file:rounded-md file:border-0 file:bg-primary file:px-3 file:py-2 file:text-primary-foreground hover:file:bg-primary/90 disabled:opacity-50", disabled: importing, onChange: (e) => {
+                                        const f = e.target.files?.[0];
+                                        if (f)
+                                            void handleFile(f);
+                                    } }), importing && (_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "h-2 w-full overflow-hidden rounded bg-muted", children: _jsx("div", { className: "h-full bg-primary transition-all", style: { width: `${progress}%` } }) }), _jsxs("p", { className: "text-xs text-muted-foreground flex items-center gap-2", children: [_jsx(Loader2, { className: "h-3 w-3 animate-spin" }), "Bezig met importeren\u2026 ", progress, "%"] })] })), result && (_jsxs("div", { className: "rounded-md border bg-muted/30 p-3 text-sm space-y-2", children: [_jsx("div", { className: "font-medium", children: "Importoverzicht" }), _jsxs("ul", { className: "text-xs space-y-1", children: [_jsxs("li", { children: ["Bestaande artikelen bijgewerkt:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.updated })] }), _jsxs("li", { children: ["Nieuwe artikelen aangemaakt:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.created })] }), _jsxs("li", { children: ["Automatisch gekoppeld met Floriday:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.linked })] }), _jsxs("li", { children: ["Gepubliceerd naar Floriday:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.published })] }), _jsxs("li", { children: ["Wacht op Floriday-publicatie (gegevens incompleet):", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.waiting })] }), _jsxs("li", { children: ["Fouten:", " ", _jsx("span", { className: "tabular-nums font-medium text-foreground", children: result.errors.length })] })] }), result.errors.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "max-h-40 overflow-y-auto rounded border bg-background p-2 text-xs space-y-1", children: [result.errors.slice(0, 20).map((e, i) => (_jsxs("div", { className: "text-destructive", children: ["Regel ", e.row, " \u2014 ", e.articleCode || "(geen code)", " \u2014", " ", e.reden] }, i))), result.errors.length > 20 && (_jsxs("div", { className: "text-muted-foreground", children: ["\u2026 en ", result.errors.length - 20, " meer. Download het foutbestand voor de volledige lijst."] }))] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: downloadErrors, children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), "Download foutbestand"] })] }))] }))] }), _jsx(DialogFooter, { children: _jsx(Button, { variant: "ghost", onClick: () => {
+                                    setOpen(false);
+                                    setResult(null);
+                                }, disabled: importing, children: "Sluiten" }) })] }) })] }));
+}

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

@@ -0,0 +1,7 @@
+import type { TradeItem } from "../../lib/floriday-client";
+export declare function ValidationOverviewTable({ items, connectionId, onChanged, }: {
+    items: TradeItem[];
+    connectionId: string | null;
+    onChanged: () => void | Promise<void>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ValidationOverviewTable.d.ts.map

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

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

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

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { Badge, Button } from "@flowselections/core";
+import { Pencil, RefreshCw, Send } from "lucide-react";
+import { validateDraftForPublish } from "../../lib/floriday-import-validator";
+import { updateDraftMeta } from "../../hooks/useLocalTradeItems";
+import { floriday } from "../../lib/floriday-client";
+import { toast } from "@flowselections/core";
+function statusBadge(s) {
+    switch (s) {
+        case "linked":
+        case "published":
+            return _jsx(Badge, { className: "bg-emerald-500/15 text-emerald-700 border-emerald-500/30", children: "Gekoppeld" });
+        case "ambiguous_match":
+            return _jsx(Badge, { className: "bg-amber-500/15 text-amber-700 border-amber-500/30", children: "Meerdere matches" });
+        case "waiting_for_data":
+            return _jsx(Badge, { className: "bg-amber-500/15 text-amber-700 border-amber-500/30", children: "Wacht op gegevens" });
+        case "ready_to_publish":
+            return _jsx(Badge, { className: "bg-blue-500/15 text-blue-700 border-blue-500/30", children: "Klaar voor publicatie" });
+        case "publish_failed":
+            return _jsx(Badge, { variant: "destructive", children: "Publicatie mislukt" });
+        default:
+            return _jsx(Badge, { variant: "outline", children: "Niet gekoppeld" });
+    }
+}
+export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
+    const navigate = useNavigate();
+    const rows = useMemo(() => items.filter((i) => !i.published &&
+        i.linkStatus !== "linked" &&
+        i.linkStatus !== "published"), [items]);
+    const revalidate = async (item) => {
+        if (!item.localId)
+            return;
+        const d = item.raw?.data ?? {};
+        const v = validateDraftForPublish(d);
+        try {
+            await updateDraftMeta(item.localId, {
+                missingRequiredFields: v.missing,
+                floridayLinkStatus: v.ok ? "ready_to_publish" : "waiting_for_data",
+                lastFloridaySyncAt: new Date().toISOString(),
+            });
+            toast.success("Validatie bijgewerkt");
+            await onChanged();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Bijwerken mislukt");
+        }
+    };
+    const republish = async (item) => {
+        if (!item.localId || !connectionId)
+            return;
+        const d = item.raw?.data;
+        const v = validateDraftForPublish(d);
+        if (!v.ok) {
+            toast.error("Nog niet compleet: " + v.missing.join(", "));
+            return;
+        }
+        try {
+            const { buildAddTradeItemPayload } = await import("../../lib/floriday-payload");
+            const payload = buildAddTradeItemPayload(d);
+            const res = await floriday.createTradeItem(connectionId, payload);
+            await updateDraftMeta(item.localId, {
+                floridayLinkStatus: "published",
+                floridayId: res?.tradeItemId ?? null,
+                floridayLinkError: null,
+                lastFloridaySyncAt: new Date().toISOString(),
+            });
+            toast.success("Gepubliceerd naar Floriday");
+            await onChanged();
+        }
+        catch (e) {
+            await updateDraftMeta(item.localId, {
+                floridayLinkStatus: "publish_failed",
+                floridayLinkError: e?.message ?? String(e),
+                lastFloridaySyncAt: new Date().toISOString(),
+            });
+            toast.error(e?.message ?? "Publicatie mislukt");
+            await onChanged();
+        }
+    };
+    if (rows.length === 0) {
+        return (_jsx("div", { className: "p-8 text-center text-sm text-muted-foreground", children: "Alle artikelen zijn gekoppeld aan Floriday." }));
+    }
+    return (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "p-3", children: "Artikelcode" }), _jsx("th", { className: "p-3", children: "Artikelnaam" }), _jsx("th", { className: "p-3", children: "Status" }), _jsx("th", { className: "p-3", children: "Ontbrekende gegevens" }), _jsx("th", { className: "p-3", children: "Laatste sync" }), _jsx("th", { className: "p-3", children: "Foutmelding" }), _jsx("th", { className: "p-3 text-right", children: "Acties" })] }) }), _jsx("tbody", { children: rows.map((it) => (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "p-3 font-mono text-xs", children: it.articleNumber || "—" }), _jsx("td", { className: "p-3", children: it.name }), _jsx("td", { className: "p-3", children: statusBadge(it.linkStatus) }), _jsx("td", { className: "p-3", children: (it.missingFields ?? []).length === 0 ? (_jsx("span", { className: "text-xs text-muted-foreground", children: "\u2014" })) : (_jsx("div", { className: "flex flex-wrap gap-1", children: (it.missingFields ?? []).map((m) => (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: m }, m))) })) }), _jsx("td", { className: "p-3 text-xs text-muted-foreground", children: it.lastSyncAt ? new Date(it.lastSyncAt).toLocaleString("nl-NL") : "—" }), _jsx("td", { className: "p-3 text-xs text-destructive max-w-[240px] truncate", children: it.linkError ?? "—" }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => it.localId &&
+                                                navigate({ to: "/voorraad/$id", params: { id: it.localId } }), children: [_jsx(Pencil, { className: "h-3 w-3 mr-1" }), "Bewerken"] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => revalidate(it), children: [_jsx(RefreshCw, { className: "h-3 w-3 mr-1" }), "Valideer"] }), _jsxs(Button, { size: "sm", onClick: () => republish(it), children: [_jsx(Send, { className: "h-3 w-3 mr-1" }), "Publiceer"] })] }) })] }, it.id))) })] }) }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/ValidationPage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,cAAc,4CAiC7B"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { Card } from "@flowselections/core";
+import { ArrowLeft } from "lucide-react";
+import { useFloridayConnection } from "../../hooks/useFloridayConnection";
+import { useVoorraadData } from "../../hooks/useVoorraadData";
+import { ValidationOverviewTable } from "./ValidationOverviewTable";
+export function ValidationPage() {
+    const { activeId } = useFloridayConnection();
+    const { items, loading, reload } = useVoorraadData(activeId);
+    return (_jsxs("main", { className: "p-6 space-y-4", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsxs(Link, { to: "/voorraad", className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), "Terug naar voorraad"] }) }), _jsxs("div", { children: [_jsx("h1", { className: "text-xl font-semibold", children: "Floriday-koppeling \u2014 validatie" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Alle artikelen die nog niet succesvol met Floriday gekoppeld zijn." })] }), _jsx(Card, { className: "overflow-hidden", children: loading ? (_jsx("div", { className: "p-6 text-sm text-muted-foreground", children: "Laden\u2026" })) : (_jsx(ValidationOverviewTable, { items: items, connectionId: activeId, onChanged: reload })) })] }));
+}

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

@@ -0,0 +1,6 @@
+import type { TradeItem } from "../../lib/floriday-client";
+export declare function VoorraadDashboard({ items, connectionId, }: {
+    items: TradeItem[];
+    connectionId: string | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=VoorraadDashboard.d.ts.map

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

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

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { Card } from "@flowselections/core";
+function Stat({ label, value, tone = "default", }) {
+    const toneCls = tone === "danger"
+        ? "text-destructive"
+        : tone === "warn"
+            ? "text-amber-600"
+            : tone === "good"
+                ? "text-emerald-600"
+                : "text-foreground";
+    return (_jsxs("div", { children: [_jsx("div", { className: "text-xs text-muted-foreground", children: label }), _jsx("div", { className: `text-2xl font-semibold tabular-nums ${toneCls}`, children: value })] }));
+}
+export function VoorraadDashboard({ items, connectionId, }) {
+    const total = items.length;
+    const linked = items.filter((i) => i.published).length +
+        items.filter((i) => !i.published && i.linkStatus === "linked").length;
+    const waiting = items.filter((i) => !i.published && i.linkStatus === "waiting_for_data").length;
+    const validationErrors = items.filter((i) => !i.published && (i.missingFields?.length ?? 0) > 0 && i.linkStatus !== "linked").length;
+    const publishErrors = items.filter((i) => !i.published && i.linkStatus === "publish_failed").length;
+    // Nieuw sinds laatste import
+    let lastImport = null;
+    try {
+        if (connectionId) {
+            const s = localStorage.getItem(`voorraad_last_import_${connectionId}`);
+            if (s)
+                lastImport = new Date(s);
+        }
+    }
+    catch {
+        /* ignore */
+    }
+    const newSinceImport = lastImport
+        ? items.filter((i) => {
+            const raw = i.raw;
+            const src = raw?.source ?? raw?.data?.source;
+            const created = raw?.created_at ? new Date(raw.created_at) : null;
+            return src === "excel_import" && created && created >= lastImport;
+        }).length
+        : 0;
+    return (_jsxs(Card, { className: "p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3 mb-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Floriday-koppeling overzicht" }), _jsx("div", { className: "text-xs text-muted-foreground", children: "Status van alle artikelen ten opzichte van Floriday" })] }), _jsx(Link, { to: "/voorraad/validatie", className: "text-xs text-primary hover:underline", children: "Openstaande artikelen bekijken \u2192" })] }), _jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4", children: [_jsx(Stat, { label: "Artikelen", value: total }), _jsx(Stat, { label: "Gekoppeld", value: linked, tone: "good" }), _jsx(Stat, { label: "Wacht op koppeling", value: waiting, tone: "warn" }), _jsx(Stat, { label: "Validatiefouten", value: validationErrors, tone: "warn" }), _jsx(Stat, { label: "Publicatiefouten", value: publishErrors, tone: "danger" }), _jsx(Stat, { label: "Nieuw sinds import", value: newSinceImport })] })] }));
+}

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":"AAqBA,wBAAgB,YAAY,4CAqF3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AA6EA,wBAAgB,YAAY,4CAiM3B"}