@flowselections/floriday-voorraad 1.0.29 → 1.0.31

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

@@ -1 +1 @@
-{"version":3,"file":"StockSyncStatus.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockSyncStatus.tsx"],"names":[],"mappings":"AAOA,wBAAgB,eAAe,uCAgC9B"}
+{"version":3,"file":"StockSyncStatus.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/StockSyncStatus.tsx"],"names":[],"mappings":"AAYA,wBAAgB,eAAe,uCA8D9B"}

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

@@ -1,12 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Subtiele melding op de voorraadpagina wanneer de push naar Floriday
- * vastloopt of stilstaat.
+ * vastloopt of stilstaat — alleen voor problemen van de laatste 24 uur,
+ * met een knop om ze meteen opnieuw te laten proberen.
  */
-import { AlertTriangle } from "lucide-react";
+import { AlertTriangle, RotateCw } from "lucide-react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { toast } from "sonner";
 import { useStockSyncHealth } from "../../hooks/useStockSyncHealth";
+import { retryFailedStockSync } from "../../lib/stock-sync.functions";
 export function StockSyncStatus() {
     const { data } = useStockSyncHealth();
+    const queryClient = useQueryClient();
+    const retry = useServerFn(retryFailedStockSync);
+    const mutation = useMutation({
+        mutationFn: () => retry({}),
+        onSuccess: (res) => {
+            toast.success(res?.restored
+                ? `${res.restored} voorraadwijziging${res.restored === 1 ? "" : "en"} opnieuw ingepland.`
+                : "Niets meer om opnieuw te proberen.");
+            void queryClient.invalidateQueries({ queryKey: ["stock-sync-health"] });
+        },
+        onError: (e) => toast.error(e?.message ?? "Opnieuw proberen is niet gelukt."),
+    });
     if (!data)
         return null;
     const { failed, stalePending, oldestPendingAt } = data;
@@ -19,5 +36,5 @@ export function StockSyncStatus() {
     if (stalePending > 0) {
         parts.push(`${stalePending} wacht${stalePending === 1 ? "" : "en"} langer dan 10 minuten`);
     }
-    return (_jsxs("div", { className: "flex 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", { children: [_jsx("span", { className: "font-medium", children: "Voorraadsync naar Floriday: " }), parts.join(" · "), ".", oldestPendingAt && (_jsxs("span", { className: "opacity-80", children: [" ", "Oudste wachtende regel: ", new Date(oldestPendingAt).toLocaleString("nl-NL"), "."] }))] })] }));
+    return (_jsxs("div", { className: "flex 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", children: [_jsx("span", { className: "font-medium", children: "Voorraadsync naar Floriday: " }), parts.join(" · "), " (laatste 24 uur).", oldestPendingAt && (_jsxs("span", { className: "opacity-80", children: [" ", "Oudste wachtende regel: ", new Date(oldestPendingAt).toLocaleString("nl-NL"), "."] }))] }), failed > 0 && (_jsxs("button", { type: "button", className: "inline-flex shrink-0 items-center rounded-md border border-amber-500/40 bg-amber-500/10 px-2 py-1 text-xs font-medium text-amber-900 hover:bg-amber-500/20 disabled:opacity-50", disabled: mutation.isPending, onClick: () => mutation.mutate(), children: [_jsx(RotateCw, { className: `mr-1 h-3.5 w-3.5 ${mutation.isPending ? "animate-spin" : ""}` }), "Opnieuw proberen"] }))] }));
 }

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":"AAkGA,wBAAgB,YAAY,gCA+O3B"}
+{"version":3,"file":"VoorraadPage.d.ts","sourceRoot":"","sources":["../../../src/components/voorraad/VoorraadPage.tsx"],"names":[],"mappings":"AAgGA,wBAAgB,YAAY,gCA6O3B"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useStockSyncHealth.d.ts","sourceRoot":"","sources":["../../src/hooks/useStockSyncHealth.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,wBAAgB,kBAAkB,oFAmCjC"}
+{"version":3,"file":"useStockSyncHealth.d.ts","sourceRoot":"","sources":["../../src/hooks/useStockSyncHealth.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,wBAAgB,kBAAkB,oFAqCjC"}

package/dist-lib/hooks/useStockSyncHealth.js

@@ -1,19 +1,25 @@
 /**
  * Gezondheid van de voorraad-push-wachtrij richting Floriday.
- * Signaleert vastgelopen (`failed`) of te lang wachtende (`pending`) regels.
+ *
+ * Bewust een venster van 24 uur: oude, allang achterhaalde fouten mogen de
+ * gebruiker niet eindeloos blijven waarschuwen. Regels die door een nieuwere
+ * voorraadstand zijn vervangen (`superseded`) tellen niet mee.
  */
 import { useQuery } from "@tanstack/react-query";
 import { supabase } from "../integrations/supabase/client";
 const STALE_MINUTES = 10;
+const WINDOW_HOURS = 24;
 export function useStockSyncHealth() {
     return useQuery({
         queryKey: ["stock-sync-health"],
         refetchInterval: 60000,
         queryFn: async () => {
+            const since = new Date(Date.now() - WINDOW_HOURS * 3600000).toISOString();
             const { data, error } = await supabase
                 .from("floriday_continuous_stock_queue")
                 .select("status, created_at")
                 .in("status", ["pending", "failed"])
+                .gte("created_at", since)
                 .limit(1000);
             if (error)
                 throw error;