@flowselections/floriday-voorraad 1.0.40 → 1.0.41

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;AAM3D;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,YAAY,EACZ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC,2CAmHA"}
+{"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,2CA2KA"}

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

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
+import { useMemo, useState } from "react";
 import { useNavigate } from "@tanstack/react-router";
 import { Badge, Button } from "@flowselections/core";
-import { Pencil, Send } from "lucide-react";
+import { Link2, Loader2, Pencil, Send } from "lucide-react";
 import { validateDraftForPublish } from "../../lib/floriday-import-validator";
 import { updateDraftMeta } from "../../hooks/useLocalTradeItems";
 import { floriday } from "../../lib/floriday-client";
+import { relinkProducts } from "../../lib/floriday-relink";
 import { toast } from "@flowselections/core";
 /**
  * Overzicht van producten die (nog) niet actief op Floriday staan. Er is geen concept-status
@@ -14,7 +15,36 @@ import { toast } from "@flowselections/core";
  */
 export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
     const navigate = useNavigate();
+    const [relinking, setRelinking] = useState(false);
     const rows = useMemo(() => items.filter((i) => !i.floridayActive), [items]);
+    const runRelink = async () => {
+        setRelinking(true);
+        try {
+            const res = await relinkProducts(connectionId);
+            if (!res.ok) {
+                toast.error(res.reason ?? "Automatisch koppelen kon niet worden uitgevoerd");
+            }
+            else {
+                const total = (res.linked ?? 0) + (res.repaired ?? 0);
+                toast.success(total > 0
+                    ? `${total} product(en) opnieuw gekoppeld aan Floriday`
+                    : "Geen extra koppelingen gevonden");
+            }
+            await onChanged();
+        }
+        catch (e) {
+            toast.error(e?.message ?? "Automatisch koppelen mislukt");
+        }
+        finally {
+            setRelinking(false);
+        }
+    };
+    const reasonFor = (it) => {
+        if (it.floridayId) {
+            return "Verwijst naar een Floriday-artikel dat niet (meer) gevonden wordt";
+        }
+        return "Nog geen overeenkomend Floriday-artikel gevonden (streepjescode, artikelcode of naam)";
+    };
     const publish = async (item) => {
         const productId = item.productId ?? item.localId;
         if (!productId || !connectionId)
@@ -46,18 +76,19 @@ export function ValidationOverviewTable({ items, connectionId, onChanged, }) {
             await onChanged();
         }
     };
+    const relinkButton = (_jsxs(Button, { size: "sm", variant: "outline", onClick: runRelink, disabled: relinking, children: [relinking ? (_jsx(Loader2, { className: "h-3 w-3 mr-1 animate-spin" })) : (_jsx(Link2, { className: "h-3 w-3 mr-1" })), "Nu opnieuw koppelen"] }));
     if (rows.length === 0) {
-        return (_jsx("div", { className: "p-8 text-center text-sm text-muted-foreground", children: "Alle producten staan actief op Floriday." }));
+        return (_jsxs("div", { className: "p-8 text-center text-sm text-muted-foreground space-y-3", children: [_jsx("div", { children: "Alle producten staan actief op Floriday." }), _jsx("div", { className: "flex justify-center", children: relinkButton })] }));
     }
-    return (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "p-3", children: "Artikelcode" }), _jsx("th", { className: "p-3", children: "Artikelnaam" }), _jsx("th", { className: "p-3", children: "Floriday-status" }), _jsx("th", { className: "p-3", children: "Ontbrekende Floriday-velden" }), _jsx("th", { className: "p-3 text-right", children: "Acties" })] }) }), _jsx("tbody", { children: rows.map((it) => {
-                        const payload = it.raw?.custom_fields?.floriday_payload ??
-                            it.raw?.floriday_payload ??
-                            it.raw?.data ??
-                            {};
-                        const v = validateDraftForPublish(payload);
-                        return (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "p-3 font-mono text-xs", children: it.articleNumber || "—" }), _jsx("td", { className: "p-3", children: it.name }), _jsx("td", { className: "p-3", children: _jsx(Badge, { className: "bg-slate-500/15 text-slate-700 border-slate-500/30", children: "Niet actief op Floriday" }) }), _jsx("td", { className: "p-3", children: v.missing.length === 0 ? (_jsx("span", { className: "text-xs text-emerald-700", children: "Klaar om te activeren" })) : (_jsx("div", { className: "flex flex-wrap gap-1", children: v.missing.map((m) => (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: m }, m))) })) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => {
-                                                    const target = it.productId ?? it.localId ?? it.id;
-                                                    navigate({ to: "/voorraad/$id", params: { id: target } });
-                                                }, children: [_jsx(Pencil, { className: "h-3 w-3 mr-1" }), "Bewerken"] }), _jsxs(Button, { size: "sm", onClick: () => publish(it), disabled: !v.ok, children: [_jsx(Send, { className: "h-3 w-3 mr-1" }), "Activeer op Floriday"] })] }) })] }, it.id));
-                    }) })] }) }));
+    return (_jsxs("div", { className: "overflow-x-auto", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 p-3 border-b", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Koppelen gebeurt automatisch zodra Floriday-artikelen binnenkomen en elk uur op de achtergrond." }), relinkButton] }), _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/50 text-left", children: _jsxs("tr", { children: [_jsx("th", { className: "p-3", children: "Artikelcode" }), _jsx("th", { className: "p-3", children: "Artikelnaam" }), _jsx("th", { className: "p-3", children: "Floriday-status" }), _jsx("th", { className: "p-3", children: "Reden" }), _jsx("th", { className: "p-3", children: "Ontbrekende Floriday-velden" }), _jsx("th", { className: "p-3 text-right", children: "Acties" })] }) }), _jsx("tbody", { children: rows.map((it) => {
+                            const payload = it.raw?.custom_fields?.floriday_payload ??
+                                it.raw?.floriday_payload ??
+                                it.raw?.data ??
+                                {};
+                            const v = validateDraftForPublish(payload);
+                            return (_jsxs("tr", { className: "border-t align-top", children: [_jsx("td", { className: "p-3 font-mono text-xs", children: it.articleNumber || "—" }), _jsx("td", { className: "p-3", children: it.name }), _jsx("td", { className: "p-3", children: _jsx(Badge, { className: "bg-slate-500/15 text-slate-700 border-slate-500/30", children: "Niet actief op Floriday" }) }), _jsx("td", { className: "p-3 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" })) : (_jsx("div", { className: "flex flex-wrap gap-1", children: v.missing.map((m) => (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: m }, m))) })) }), _jsx("td", { className: "p-3", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsxs(Button, { size: "sm", variant: "outline", onClick: () => {
+                                                        const target = it.productId ?? it.localId ?? it.id;
+                                                        navigate({ to: "/voorraad/$id", params: { id: target } });
+                                                    }, children: [_jsx(Pencil, { className: "h-3 w-3 mr-1" }), "Bewerken"] }), _jsxs(Button, { size: "sm", onClick: () => publish(it), disabled: !v.ok, children: [_jsx(Send, { className: "h-3 w-3 mr-1" }), "Activeer op Floriday"] })] }) })] }, it.id));
+                        }) })] })] }));
 }