@flowselections/floriday-authenticatie-module 1.0.88 → 1.0.91

package/dist-lib/components/floriday/FlorydayConnectionPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlorydayConnectionPage.d.ts","sourceRoot":"","sources":["../../../src/components/floriday/FlorydayConnectionPage.tsx"],"names":[],"mappings":"AAMA,wBAAgB,sBAAsB,gCAgBrC"}
+{"version":3,"file":"FlorydayConnectionPage.d.ts","sourceRoot":"","sources":["../../../src/components/floriday/FlorydayConnectionPage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,sBAAsB,gCAiBrC"}

package/dist-lib/components/floriday/FlorydayConnectionPage.js

@@ -4,6 +4,7 @@ import { FloricodeSettingsCard } from "../settings/FloricodeSettingsCard.js";
 import { FlorydayWebhooksCard } from "./FlorydayWebhooksCard.js";
 import { FlorydayShellRoutesCard } from "./FlorydayShellRoutesCard.js";
 import { FlorydayCronStallBanner } from "./FlorydayCronStallBanner.js";
+import { FloricodeHealthBanner } from "../settings/FloricodeHealthBanner.js";
 export function FlorydayConnectionPage() {
-    return (_jsxs("main", { className: "p-6 max-w-4xl mx-auto space-y-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold", children: "Floriday koppeling" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Verbind je Floriday-account om automatisch gegevens uit te wisselen met het platform." })] }), _jsx(FlorydayCronStallBanner, {}), _jsx(FlorydaySettingsCard, {}), _jsx(FlorydayWebhooksCard, {}), _jsx(FlorydayShellRoutesCard, {}), _jsx(FloricodeSettingsCard, {})] }));
+    return (_jsxs("main", { className: "p-6 max-w-4xl mx-auto space-y-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold", children: "Floriday koppeling" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Verbind je Floriday-account om automatisch gegevens uit te wisselen met het platform." })] }), _jsx(FlorydayCronStallBanner, {}), _jsx(FloricodeHealthBanner, {}), _jsx(FlorydaySettingsCard, {}), _jsx(FlorydayWebhooksCard, {}), _jsx(FlorydayShellRoutesCard, {}), _jsx(FloricodeSettingsCard, {})] }));
 }

package/dist-lib/components/settings/FloricodeHealthBanner.d.ts

@@ -0,0 +1,5 @@
+/** Waarschuwing voor de kaart en de pagina Floriday koppeling. Toont niets als alles goed is. */
+export declare function FloricodeHealthBanner({ className }: {
+    className?: string;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=FloricodeHealthBanner.d.ts.map

package/dist-lib/components/settings/FloricodeHealthBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloricodeHealthBanner.d.ts","sourceRoot":"","sources":["../../../src/components/settings/FloricodeHealthBanner.tsx"],"names":[],"mappings":"AAMA,iGAAiG;AACjG,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,sCA6B1E"}

package/dist-lib/components/settings/FloricodeHealthBanner.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { AlertTriangle } from "lucide-react";
+import { getFloricodeCronStatus, getFloricodeSyncStatus } from "../../lib/floricode.functions.js";
+import { classifyFloricodeSource } from "../../lib/floricode-sync-plan.js";
+/** Waarschuwing voor de kaart en de pagina Floriday koppeling. Toont niets als alles goed is. */
+export function FloricodeHealthBanner({ className }) {
+    const getStatus = useServerFn(getFloricodeSyncStatus);
+    const getCron = useServerFn(getFloricodeCronStatus);
+    const rows = useQuery({ queryKey: ["floricode-sync-status"], queryFn: () => getStatus(), refetchInterval: 60000 });
+    const cron = useQuery({ queryKey: ["floricode-cron-status"], queryFn: () => getCron(), refetchInterval: 60000 });
+    const now = Date.now();
+    const old = (rows.data ?? []).filter((r) => classifyFloricodeSource(r, now).stale && r.status !== "error");
+    const messages = [];
+    if (cron.data && !cron.data.scheduled) {
+        messages.push(cron.data.shellAddressMissing
+            ? "Floricode-gegevens worden niet automatisch bijgewerkt: het adres van je werkomgeving ontbreekt."
+            : "Floricode-gegevens worden nog niet automatisch bijgewerkt. Dit wordt binnen een uur vanzelf ingepland.");
+    }
+    if (old.length > 0) {
+        messages.push(`Deze Floricode-gegevens zijn ouder dan 7 dagen: ${old.map((r) => r.resource).join(", ")}.`);
+    }
+    if (messages.length === 0)
+        return null;
+    return (_jsx("div", { role: "alert", className: "rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-900 " + (className ?? ""), children: _jsxs("div", { className: "flex items-start gap-2", children: [_jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("div", { className: "space-y-0.5", children: messages.map((m) => _jsx("p", { children: m }, m)) })] }) }));
+}

package/dist-lib/components/settings/FloricodeSettingsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloricodeSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/FloricodeSettingsCard.tsx"],"names":[],"mappings":"AAuDA,wBAAgB,qBAAqB,gCA4EpC"}
+{"version":3,"file":"FloricodeSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/FloricodeSettingsCard.tsx"],"names":[],"mappings":"AAoEA,wBAAgB,qBAAqB,gCA4EpC"}

package/dist-lib/components/settings/FloricodeSettingsCard.js

@@ -5,6 +5,21 @@ import { useServerFn } from "@tanstack/react-start";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { Card, Button, Input, Label, Badge, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, toast, } from "@flowselections/core";
 import { getFloricodeSettings, saveFloricodeCredentials, clearFloricodeCredentials, testFloricodeConnection, getFloricodeSyncStatus, triggerFloricodeResourceSync, resetFloricodeResourceCursor, } from "../../lib/floricode.functions.js";
+import { FloricodeHealthBanner } from "./FloricodeHealthBanner.js";
+import { classifyFloricodeSource } from "../../lib/floricode-sync-plan.js";
+function sourceLabel(row) {
+    const v = classifyFloricodeSource(row, Date.now());
+    const nl = (n) => n.toLocaleString("nl-NL");
+    if (v.kind === "complete")
+        return v.stale ? "Compleet, maar ouder dan 7 dagen" : "Compleet";
+    if (v.kind === "busy")
+        return v.total ? `Bezig (${nl(v.done)} van ${nl(v.total)})` : `Bezig (${nl(v.done)})`;
+    if (v.kind === "stalled")
+        return `Staat stil sinds ${formatDate(v.since)}`;
+    if (v.kind === "error")
+        return "Er ging iets mis bij het bijwerken";
+    return "Nog nooit bijgewerkt";
+}
 const floricodeLogo = "/flowselections-assets/floriday-authenticatie/floricode-logo.png";
 function formatDate(iso) {
     if (!iso)
@@ -219,11 +234,11 @@ function SyncBlock({ configured }) {
         const d = (STATUS_ORDER[a.meta.key] ?? 9) - (STATUS_ORDER[b.meta.key] ?? 9);
         return d !== 0 ? d : a.row.resource.localeCompare(b.row.resource);
     });
-    return (_jsx(StepBlock, { number: 3, title: "Gegevens up-to-date houden", description: "We halen je Floricode-gegevens automatisch op en bewaren ze in je werkomgeving. Zo werkt alles effici\u00EBnt & snel.", children: _jsxs("div", { className: "space-y-3", children: [classified.length === 0 && (_jsx("p", { className: "text-xs text-muted-foreground", children: "Nog geen synchronisatiegegevens beschikbaar." })), classified.map(({ row, meta }) => {
+    return (_jsx(StepBlock, { number: 3, title: "Gegevens up-to-date houden", description: "We halen je Floricode-gegevens automatisch op en bewaren ze in je werkomgeving. Zo werkt alles effici\u00EBnt & snel.", children: _jsxs("div", { className: "space-y-3", children: [_jsx(FloricodeHealthBanner, {}), classified.length === 0 && (_jsx("p", { className: "text-xs text-muted-foreground", children: "Nog geen synchronisatiegegevens beschikbaar." })), classified.map(({ row, meta }) => {
                     const hasProblem = meta.key === "error" ||
                         meta.key === "unavailable" ||
                         meta.key === "hanging";
-                    return (_jsxs("div", { className: "rounded-lg border border-border/60 bg-card p-4", children: [_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-3 sm:flex sm:items-center sm:justify-between", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("h5", { className: "font-medium text-sm truncate", children: row.resource }), hasProblem && (_jsxs("span", { className: `inline-flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-[10px] font-medium ${meta.tone}`, children: [_jsx("span", { className: `h-1.5 w-1.5 rounded-full ${meta.dot}` }), meta.label] }))] }), _jsx("p", { className: "text-[11px] text-muted-foreground mt-0.5", children: "Wordt automatisch bijgewerkt op de achtergrond." })] }), _jsx(Button, { variant: "outline", size: "sm", className: "shrink-0", disabled: !configured || syncMut.isPending, onClick: () => syncMut.mutate(row.resource), children: syncMut.isPending && syncMut.variables === row.resource
+                    return (_jsxs("div", { className: "rounded-lg border border-border/60 bg-card p-4", children: [_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-3 sm:flex sm:items-center sm:justify-between", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("h5", { className: "font-medium text-sm truncate", children: row.resource }), hasProblem && (_jsxs("span", { className: `inline-flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-[10px] font-medium ${meta.tone}`, children: [_jsx("span", { className: `h-1.5 w-1.5 rounded-full ${meta.dot}` }), meta.label] }))] }), _jsx("p", { className: "text-[11px] text-muted-foreground mt-0.5", children: sourceLabel(row) })] }), _jsx(Button, { variant: "outline", size: "sm", className: "shrink-0", disabled: !configured || syncMut.isPending, onClick: () => syncMut.mutate(row.resource), children: syncMut.isPending && syncMut.variables === row.resource
                                             ? "Bezig…"
                                             : "Nu bijwerken" })] }), _jsxs("div", { className: "mt-3 grid grid-cols-1 sm:grid-cols-2 gap-2", children: [_jsx(MetricTile, { label: "Laatst bijgewerkt", value: timeAgo(row.lastSyncAt) }), _jsx(MetricTile, { label: "Aantal records", value: (row.rowCount ?? 0).toLocaleString("nl-NL") })] }), hasProblem && (_jsxs("div", { className: "mt-3 flex items-center justify-between gap-3 flex-wrap", children: [row.errorMessage ? (_jsx("p", { className: `text-[11px] break-words ${meta.key === "unavailable"
                                             ? "text-amber-700"

package/dist-lib/index.d.ts

@@ -4,6 +4,7 @@ export { FlorydayConnectionPage } from './components/floriday/FlorydayConnection
 export { FlorydayApiLogPage } from './components/floriday/FlorydayApiLogPage.js';
 export { FlorydaySyncHealthBanner } from './components/floriday/FlorydaySyncHealthBanner.js';
 export { FlorydayCredentialStatusBanner } from './components/floriday/FlorydayCredentialStatusBanner.js';
+export { FloricodeHealthBanner } from './components/settings/FloricodeHealthBanner.js';
 export * from './lib/floriday.functions.js';
 export * from './lib/floriday-sync.functions.js';
 export * from './lib/floriday-api-log.functions.js';

package/dist-lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAAE,8BAA8B,EAAE,MAAM,yDAAyD,CAAC;AAGzG,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AAErD,eAAO,MAAM,2BAA2B,EAAE,UA2BzC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AAC7F,OAAO,EAAE,8BAA8B,EAAE,MAAM,yDAAyD,CAAC;AACzG,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAGvF,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AAErD,eAAO,MAAM,2BAA2B,EAAE,UA2BzC,CAAC"}

package/dist-lib/index.js

@@ -6,6 +6,7 @@ export { FlorydayConnectionPage } from './components/floriday/FlorydayConnection
 export { FlorydayApiLogPage } from './components/floriday/FlorydayApiLogPage.js';
 export { FlorydaySyncHealthBanner } from './components/floriday/FlorydaySyncHealthBanner.js';
 export { FlorydayCredentialStatusBanner } from './components/floriday/FlorydayCredentialStatusBanner.js';
+export { FloricodeHealthBanner } from './components/settings/FloricodeHealthBanner.js';
 export * from './lib/floriday.functions.js';
 export * from './lib/floriday-sync.functions.js';
 export * from './lib/floriday-api-log.functions.js';