@flowselections/floriday-authenticatie-module 1.0.12 → 1.0.13

package/dist-lib/assets/floriday-logo.png.asset.json

@@ -0,0 +1,11 @@
+{
+    "version": 1,
+    "asset_id": "6db44648-6f9b-4335-8b88-714ad7aaee9d",
+    "project_id": "27b6733b-2e2f-4518-b204-681958559055",
+    "url": "/__l5e/assets-v1/6db44648-6f9b-4335-8b88-714ad7aaee9d/floriday-logo.png",
+    "r2_key": "a/v1/27b6733b-2e2f-4518-b204-681958559055/6db44648-6f9b-4335-8b88-714ad7aaee9d/floriday-logo.png",
+    "original_filename": "floriday-logo.png",
+    "size": 6921,
+    "content_type": "image/png",
+    "created_at": "2026-06-24T12:45:45Z"
+}

package/dist-lib/components/floriday/FlorydaySyncJobsCard.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlorydaySyncJobsCard.d.ts","sourceRoot":"","sources":["../../../src/components/floriday/FlorydaySyncJobsCard.tsx"],"names":[],"mappings":"AAyDA,wBAAgB,oBAAoB,4CAiInC"}

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

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useServerFn } from "@tanstack/react-start";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { Card, Button, Badge, toast } from "@flowselections/core";
+import { scheduleFlorydayTradeItemsSync, scheduleFlorydaySalesOrdersSync, scheduleFlorydayCustomerOrganizationsSync, scheduleFlorydayCarriersSync, syncFlorydayTradeItems, syncFlorydaySalesOrders, syncFlorydayCustomerOrganizations, syncFlorydayCarriers, } from "../../lib/floriday-sync.functions";
+import { getFlorydayCronStatus, getFlorydaySettings, } from "../../lib/floriday.functions";
+const RESOURCES = [
+    {
+        key: "trade-items",
+        label: "Producten (trade items)",
+        schedule: "Elke 5 minuten",
+        jobname: "floriday-trade-items-sync-5min",
+    },
+    {
+        key: "sales-orders",
+        label: "Verkooporders",
+        schedule: "Elke 5 minuten",
+        jobname: "floriday-salesorders-sync-5min",
+    },
+    {
+        key: "customer-organizations",
+        label: "Klantorganisaties",
+        schedule: "Dagelijks 06:00 & 18:00 UTC",
+        jobname: "floriday-customer-organizations-sync-twice-daily",
+    },
+    {
+        key: "carriers",
+        label: "Vervoerders",
+        schedule: "Dagelijks 06:00 & 18:00 UTC",
+        jobname: "floriday-carriers-sync-twice-daily",
+    },
+];
+export function FlorydaySyncJobsCard() {
+    const qc = useQueryClient();
+    const status = useServerFn(getFlorydayCronStatus);
+    const settings = useServerFn(getFlorydaySettings);
+    const scheduleTrade = useServerFn(scheduleFlorydayTradeItemsSync);
+    const scheduleSales = useServerFn(scheduleFlorydaySalesOrdersSync);
+    const scheduleCustomers = useServerFn(scheduleFlorydayCustomerOrganizationsSync);
+    const scheduleCarriers = useServerFn(scheduleFlorydayCarriersSync);
+    const syncTrade = useServerFn(syncFlorydayTradeItems);
+    const syncSales = useServerFn(syncFlorydaySalesOrders);
+    const syncCustomers = useServerFn(syncFlorydayCustomerOrganizations);
+    const syncCarriers = useServerFn(syncFlorydayCarriers);
+    const statusQuery = useQuery({
+        queryKey: ["floriday-cron-status"],
+        queryFn: () => status(),
+    });
+    const settingsQuery = useQuery({
+        queryKey: ["floriday-settings"],
+        queryFn: () => settings(),
+    });
+    const env = settingsQuery.data?.active_environment ?? "staging";
+    const jobs = statusQuery.data?.ok ? statusQuery.data.jobs : [];
+    const scheduleFor = (key) => {
+        if (key === "trade-items")
+            return scheduleTrade;
+        if (key === "sales-orders")
+            return scheduleSales;
+        if (key === "carriers")
+            return scheduleCarriers;
+        return scheduleCustomers;
+    };
+    const syncFor = (key) => {
+        if (key === "trade-items")
+            return syncTrade;
+        if (key === "sales-orders")
+            return syncSales;
+        if (key === "carriers")
+            return syncCarriers;
+        return syncCustomers;
+    };
+    const scheduleMutation = useMutation({
+        mutationFn: async (key) => scheduleFor(key)(),
+        onSuccess: (res) => {
+            toast.success(`Cron ingepland: ${res.jobname}`);
+            qc.invalidateQueries({ queryKey: ["floriday-cron-status"] });
+        },
+        onError: (e) => toast.error(e?.message ?? "Inplannen mislukt"),
+    });
+    const syncNowMutation = useMutation({
+        mutationFn: async (key) => syncFor(key)({ data: { environment: env } }),
+        onSuccess: (res) => {
+            if (res?.ok) {
+                toast.success(`${res.resource}: ${res.synced} item(s) gesynchroniseerd (${res.fromSequence} → ${res.toSequence})`);
+            }
+            else {
+                toast.error(`${res?.resource ?? "sync"} mislukt: ${res?.error ?? "onbekende fout"}`);
+            }
+        },
+        onError: (e) => toast.error(e?.message ?? "Sync mislukt"),
+    });
+    return (_jsxs(Card, { className: "p-5 space-y-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-base font-semibold", children: "Geplande synchronisaties" }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Onze servers halen je Floriday-gegevens automatisch op via deze schema's. Je kunt ze ook handmatig bijwerken." })] }), _jsx("div", { className: "space-y-3", children: RESOURCES.map((r) => {
+                    const job = jobs.find((j) => j.jobname === r.jobname);
+                    const isScheduling = scheduleMutation.isPending && scheduleMutation.variables === r.key;
+                    const isSyncing = syncNowMutation.isPending && syncNowMutation.variables === r.key;
+                    return (_jsxs("div", { className: "flex items-start justify-between gap-3 rounded-md border border-border/60 bg-card p-4", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("h3", { className: "text-sm font-medium", children: r.label }), job?.active ? (_jsx(Badge, { variant: "default", className: "text-[10px]", children: "Actief" })) : (_jsx(Badge, { variant: "secondary", className: "text-[10px]", children: "Niet ingepland" }))] }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: r.schedule }), job?.url && (_jsx("p", { className: "text-[11px] text-muted-foreground mt-1 truncate font-mono", children: job.url }))] }), _jsxs("div", { className: "flex flex-col gap-2 shrink-0", children: [_jsx(Button, { size: "sm", variant: "outline", onClick: () => scheduleMutation.mutate(r.key), disabled: isScheduling, children: isScheduling ? "Inplannen…" : job ? "Herplannen" : "Inplannen" }), _jsx(Button, { size: "sm", onClick: () => syncNowMutation.mutate(r.key), disabled: isSyncing, children: isSyncing ? "Synchroniseren…" : "Nu synchroniseren" })] })] }, r.key));
+                }) })] }));
+}

package/dist-lib/components/floriday/TokenHealthCard.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenHealthCard.d.ts","sourceRoot":"","sources":["../../../src/components/floriday/TokenHealthCard.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,eAAe,4CA4K9B"}

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

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { useState } from "react";
+import { getFlorydayTokenHealth, forceRefreshFlorydayToken, getFlorydayCronStatus, reinstallFlorydayCrons, } from "../../lib/floriday.functions";
+function formatRelative(iso) {
+    if (!iso)
+        return { label: "geen token", expired: true };
+    const target = Date.parse(iso);
+    const diffMs = target - Date.now();
+    const absMins = Math.round(Math.abs(diffMs) / 60000);
+    const human = absMins < 60
+        ? `${absMins} min`
+        : absMins < 60 * 48
+            ? `${Math.round(absMins / 60)} uur`
+            : new Date(iso).toLocaleString("nl-NL");
+    if (diffMs < 0)
+        return { label: `verlopen sinds ${human}`, expired: true };
+    return { label: `verloopt over ${human}`, expired: false };
+}
+function statusColor(expiresAt) {
+    if (!expiresAt)
+        return "bg-red-500";
+    const mins = (Date.parse(expiresAt) - Date.now()) / 60000;
+    if (mins < 5)
+        return "bg-red-500";
+    if (mins < 30)
+        return "bg-amber-500";
+    return "bg-emerald-500";
+}
+function shortUrl(u) {
+    if (!u)
+        return "—";
+    try {
+        const url = new URL(u);
+        return `${url.host}${url.pathname}`;
+    }
+    catch {
+        return u;
+    }
+}
+export function TokenHealthCard() {
+    const qc = useQueryClient();
+    const fetchHealth = useServerFn(getFlorydayTokenHealth);
+    const forceRefresh = useServerFn(forceRefreshFlorydayToken);
+    const fetchCronStatus = useServerFn(getFlorydayCronStatus);
+    const reinstall = useServerFn(reinstallFlorydayCrons);
+    const [busyEnv, setBusyEnv] = useState(null);
+    const { data, isLoading, refetch } = useQuery({
+        queryKey: ["floriday-token-health"],
+        queryFn: () => fetchHealth(),
+        refetchInterval: 60000,
+    });
+    const cronStatus = useQuery({
+        queryKey: ["floriday-cron-status"],
+        queryFn: () => fetchCronStatus(),
+        refetchInterval: 120000,
+    });
+    const refresh = useMutation({
+        mutationFn: (environment) => {
+            setBusyEnv(environment);
+            return forceRefresh({ data: { environment } });
+        },
+        onSettled: () => {
+            setBusyEnv(null);
+            refetch();
+        },
+    });
+    const reinstallMutation = useMutation({
+        mutationFn: () => reinstall(),
+        onSettled: () => {
+            qc.invalidateQueries({ queryKey: ["floriday-cron-status"] });
+            qc.invalidateQueries({ queryKey: ["floriday-token-health"] });
+        },
+    });
+    if (isLoading) {
+        return (_jsx("div", { className: "rounded-lg border p-4 text-sm text-muted-foreground", children: "Token gezondheid laden\u2026" }));
+    }
+    const conns = data?.connections ?? [];
+    const recent = data?.recent ?? [];
+    const lastOk = recent.find((r) => r.ok);
+    const expectedBase = cronStatus.data?.expectedBase;
+    const jobs = (cronStatus.data?.jobs ?? []);
+    const tokenJob = jobs.find((j) => j.jobname === "refresh-floriday-tokens-hourly");
+    const cronUrlMismatch = Boolean(expectedBase && tokenJob?.url && !tokenJob.url.startsWith(expectedBase));
+    return (_jsxs("div", { className: "rounded-lg border p-4 space-y-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold", children: "Token gezondheid" }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "De achtergrond-cron vernieuwt tokens elke 15 minuten. Bij elke API-aanroep wordt bovendien automatisch geretried met een vers token bij een 401." })] }), lastOk && (_jsxs("span", { className: "text-xs text-muted-foreground shrink-0", children: ["Laatste succesvolle refresh:", " ", new Date(lastOk.attempted_at).toLocaleString("nl-NL")] }))] }), conns.length === 0 ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Geen actieve koppelingen." })) : (_jsx("ul", { className: "space-y-2", children: conns.map((c) => {
+                    const rel = formatRelative(c.token_expires_at);
+                    return (_jsxs("li", { className: "flex items-center justify-between gap-3 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [_jsx("span", { className: `inline-block h-2.5 w-2.5 rounded-full shrink-0 ${statusColor(c.token_expires_at)}` }), _jsx("span", { className: "font-medium capitalize", children: c.environment }), _jsx("span", { className: rel.expired ? "text-red-600" : "text-muted-foreground", children: rel.label })] }), _jsx("button", { type: "button", onClick: () => refresh.mutate(c.environment), disabled: busyEnv === c.environment, className: "rounded-md border px-2.5 py-1 text-xs hover:bg-muted disabled:opacity-50 shrink-0", children: busyEnv === c.environment ? "Vernieuwen…" : "Nu vernieuwen" })] }, c.id));
+                }) })), _jsxs("div", { className: "border-t pt-3 space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("h3", { className: "text-sm font-medium", children: "Geplande cron-taken" }), _jsx("button", { type: "button", onClick: () => reinstallMutation.mutate(), disabled: reinstallMutation.isPending, className: "rounded-md border px-2.5 py-1 text-xs hover:bg-muted disabled:opacity-50", children: reinstallMutation.isPending ? "Installeren…" : "Cron opnieuw installeren" })] }), cronStatus.isLoading ? (_jsx("p", { className: "text-xs text-muted-foreground", children: "Status laden\u2026" })) : jobs.length === 0 ? (_jsx("p", { className: "text-xs text-amber-600", children: "Geen Floriday-cron jobs gevonden. Klik \"Cron opnieuw installeren\" om ze in te plannen." })) : (_jsx("ul", { className: "space-y-1 text-xs", children: jobs.map((j) => {
+                            const ok = expectedBase ? j.url?.startsWith(expectedBase) : true;
+                            return (_jsxs("li", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium truncate", children: j.jobname }), _jsxs("div", { className: "text-muted-foreground", children: [j.schedule, " \u00B7 ", _jsx("span", { className: ok ? "" : "text-red-600", children: shortUrl(j.url) })] })] }), _jsx("span", { className: `inline-block h-2 w-2 rounded-full shrink-0 ${j.active && ok ? "bg-emerald-500" : "bg-red-500"}`, "aria-label": j.active && ok ? "actief" : "fout" })] }, j.jobname));
+                        }) })), cronUrlMismatch && (_jsx("p", { className: "text-xs text-red-600", children: "Cron-URL wijst niet naar deze app. Klik op \"Cron opnieuw installeren\" om dit te herstellen." })), expectedBase && (_jsxs("p", { className: "text-[11px] text-muted-foreground", children: ["Verwachte base-URL: ", _jsx("code", { className: "font-mono", children: expectedBase })] }))] }), recent.some((r) => !r.ok) && (_jsxs("details", { className: "text-xs", children: [_jsxs("summary", { className: "cursor-pointer text-muted-foreground", children: ["Recente fouten (", recent.filter((r) => !r.ok).length, ")"] }), _jsx("ul", { className: "mt-2 space-y-1", children: recent.filter((r) => !r.ok).slice(0, 5).map((r, i) => (_jsxs("li", { className: "text-red-600", children: [new Date(r.attempted_at).toLocaleString("nl-NL"), " \u2014 ", r.error] }, i))) })] }))] }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"FlorydaySettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/FlorydaySettingsCard.tsx"],"names":[],"mappings":"AA4CA,wBAAgB,oBAAoB,4CAkHnC"}
+{"version":3,"file":"FlorydaySettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/FlorydaySettingsCard.tsx"],"names":[],"mappings":"AAuDA,wBAAgB,oBAAoB,4CAqHnC"}

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

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
+import florydayLogo from "../../assets/floriday-logo.png.asset.json";
 import { ChevronDown } from "lucide-react";
 import { useServerFn } from "@tanstack/react-start";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { Card, Button, Input, Label, Badge, Tabs, TabsList, TabsTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, toast, } from "@flowselections/core";
-import { listFlorydayConnections, upsertFlorydayConnection, testFlorydayConnection, deleteFlorydayConnection, getFlorydaySettings, setFlorydayActiveEnvironment, listFlorydayWarehouses, updateFlorydayPublishingSettings, validateGln, } from "../../lib/floriday.functions";
+import { listFlorydayConnections, upsertFlorydayConnection, testFlorydayConnection, deleteFlorydayConnection, getFlorydaySettings, setFlorydayActiveEnvironment, listFlorydayWarehouses, updateFlorydayPublishingSettings, validateGln, syncFlorydayConnections, getFlorydaySyncStatus, } from "../../lib/floriday.functions";
+import { syncFlorydayTradeItems, syncFlorydaySalesOrders, syncFlorydayCustomerOrganizations, syncFlorydayCarriers, } from "../../lib/floriday-sync.functions";
 export function FlorydaySettingsCard() {
     const [open, setOpen] = useState(false);
     const qc = useQueryClient();
@@ -39,7 +41,7 @@ export function FlorydaySettingsCard() {
             toast.success(`Gebruik modus: ${env === "live" ? "Live omgeving" : "Testomgeving"}`);
         },
     });
-    return (_jsxs(Card, { className: "overflow-hidden border-border/60", children: [_jsxs("button", { type: "button", onClick: () => setOpen(o => !o), className: "w-full flex items-center gap-3 px-5 py-4 text-left hover:bg-muted/40 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", "aria-expanded": open, children: [_jsx("div", { className: "h-9 w-9 rounded-lg bg-muted/60 flex items-center justify-center shrink-0", children: _jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded bg-green-600 text-xs font-bold text-white", children: "F" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-semibold text-sm truncate", children: "Floriday koppeling" }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap mt-1", children: [_jsx(Badge, { variant: activeEnv === "live" ? "default" : "secondary", className: "text-[10px] tracking-wide", children: activeEnv === "live" ? "Live omgeving" : "Testomgeving" }), _jsx(StatusIndicator, { connected: Boolean(activeConn) }), activeConn?.organization_name && (_jsxs("span", { className: "text-xs text-muted-foreground truncate", children: ["\u00B7 ", activeConn.organization_name] }))] }), _jsx("p", { className: "text-xs text-muted-foreground mt-1 truncate", children: "Verbind je Floriday-account om automatisch gegevens uit te wisselen met het platform." })] }), _jsx(ChevronDown, { className: `h-4 w-4 text-muted-foreground shrink-0 transition-transform ${open ? "rotate-180" : ""}` })] }), open && (_jsxs("div", { className: "border-t border-border/60 px-5 py-5 space-y-6 bg-muted/20", children: [_jsx(StepBlock, { number: 1, title: "Kies omgeving", description: "Kies of je wilt testen of live wilt werken.", children: _jsx(Tabs, { value: activeEnv, onValueChange: (v) => envMutation.mutate(v), children: _jsxs(TabsList, { className: "grid grid-cols-2 w-full max-w-xs", children: [_jsx(TabsTrigger, { value: "staging", disabled: envMutation.isPending, children: "Testomgeving" }), _jsx(TabsTrigger, { value: "live", disabled: envMutation.isPending, children: "Live omgeving" })] }) }) }), isLoading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Laden\u2026" })) : (_jsx(EnvironmentForm, { env: activeEnv, label: activeEnv === "live" ? "Live omgeving" : "Testomgeving", connection: activeConn }, activeEnv)), _jsx("div", { className: "pt-2 border-t border-border/60", children: _jsx("a", { href: "https://developer.floriday.io/docs", target: "_blank", rel: "noopener noreferrer", className: "text-xs text-primary hover:underline inline-flex items-center gap-1", children: "Waar vind ik deze gegevens in Floriday?" }) })] }))] }));
+    return (_jsxs(Card, { className: "overflow-hidden border-border/60", children: [_jsxs("button", { type: "button", onClick: () => setOpen(o => !o), className: "w-full flex items-center gap-3 px-5 py-4 text-left hover:bg-muted/40 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", "aria-expanded": open, children: [_jsx("div", { className: "h-9 w-9 rounded-lg bg-muted/60 flex items-center justify-center shrink-0", children: _jsx("img", { src: florydayLogo.url, alt: "Floriday", className: "h-6 w-6 object-contain" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("h3", { className: "font-semibold text-sm truncate", children: "Floriday koppeling" }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap mt-1", children: [_jsx(Badge, { variant: activeEnv === "live" ? "default" : "secondary", className: "text-[10px] tracking-wide", children: activeEnv === "live" ? "Live omgeving" : "Testomgeving" }), _jsx(StatusIndicator, { connected: Boolean(activeConn) }), activeConn?.organization_name && (_jsxs("span", { className: "text-xs text-muted-foreground truncate", children: ["\u00B7 ", activeConn.organization_name] }))] }), _jsx("p", { className: "text-xs text-muted-foreground mt-1 truncate", children: "Verbind je Floriday-account om automatisch gegevens uit te wisselen met het platform." })] }), _jsx(ChevronDown, { className: `h-4 w-4 text-muted-foreground shrink-0 transition-transform ${open ? "rotate-180" : ""}` })] }), open && (_jsxs("div", { className: "border-t border-border/60 px-5 py-5 space-y-6 bg-muted/20", children: [_jsx(StepBlock, { number: 1, title: "Kies omgeving", description: "Kies of je wilt testen of live wilt werken.", children: _jsx(Tabs, { value: activeEnv, onValueChange: (v) => envMutation.mutate(v), children: _jsxs(TabsList, { className: "grid grid-cols-2 w-full max-w-xs", children: [_jsx(TabsTrigger, { value: "staging", disabled: envMutation.isPending, children: "Testomgeving" }), _jsx(TabsTrigger, { value: "live", disabled: envMutation.isPending, children: "Live omgeving" })] }) }) }), isLoading ? (_jsx("p", { className: "text-sm text-muted-foreground", children: "Laden\u2026" })) : (_jsx(EnvironmentForm, { env: activeEnv, label: activeEnv === "live" ? "Live omgeving" : "Testomgeving", connection: activeConn }, activeEnv)), _jsx("div", { className: "pt-2 border-t border-border/60", children: _jsx("a", { href: "https://developer.floriday.io/docs", target: "_blank", rel: "noopener noreferrer", className: "text-xs text-primary hover:underline inline-flex items-center gap-1", children: "Waar vind ik deze gegevens in Floriday?" }) })] }))] }));
 }
 function StatusIndicator({ connected }) {
     const label = connected ? "Verbonden" : "Niet verbonden";
@@ -97,7 +99,7 @@ function EnvironmentForm({ env, label, connection, }) {
         onError: (e) => toast.error(e?.message ?? "Verwijderen mislukt"),
     });
     return (_jsxs("div", { className: "space-y-6", children: [_jsx(StepBlock, { number: 2, title: "Vul verbindingsgegevens in", children: _jsxs("div", { className: "rounded-lg border border-border/60 bg-card p-4 space-y-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("h4", { className: "font-medium text-sm", children: "Verbindingsgegevens" }), connection ? (_jsx(Badge, { variant: "default", className: "text-[10px]", children: "Actief" })) : (_jsx(Badge, { variant: "secondary", className: "text-[10px]", children: "Nog niet gekoppeld" }))] }), connection && (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "sm", disabled: deleteMutation.isPending, children: "Verwijderen" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Koppeling verwijderen?" }), _jsxs(AlertDialogDescription, { children: ["Hiermee worden de opgeslagen Floriday-gegevens voor de ", label.toLowerCase(), " permanent verwijderd. Andere modules die deze koppeling gebruiken werken daarna niet meer totdat je opnieuw koppelt."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: () => deleteMutation.mutate(), children: "Verwijderen" })] })] })] }))] }), _jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `${env}-client-id`, className: "text-xs", children: "Client ID" }), _jsx(Input, { id: `${env}-client-id`, value: clientId, onChange: e => setClientId(e.target.value), placeholder: connection ? connection.client_id_masked : "Floriday Client ID", className: connection ? "font-mono placeholder:font-mono placeholder:text-foreground/60" : undefined, autoComplete: "off" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Te vinden in je Floriday API-instellingen." }), connection && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Laat leeg als je deze waarde niet wilt wijzigen." }))] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `${env}-client-secret`, className: "text-xs", children: "Client Secret" }), _jsx(Input, { id: `${env}-client-secret`, type: "password", value: clientSecret, onChange: e => setClientSecret(e.target.value), placeholder: connection ? "••••••••" : "Floriday Client Secret", className: connection ? "placeholder:text-foreground/60" : undefined, autoComplete: "off" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Houd deze sleutel priv\u00E9." }), connection && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Laat leeg als je deze waarde niet wilt wijzigen." }))] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `${env}-api-key`, className: "text-xs", children: "API-sleutel" }), _jsx(Input, { id: `${env}-api-key`, type: "text", value: apiKey, onChange: e => setApiKey(e.target.value), placeholder: connection ? connection.api_key_masked : "X-Api-Key uit Floriday", className: connection ? "font-mono placeholder:font-mono placeholder:text-foreground/60" : undefined, autoComplete: "off" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Kopieer de API-sleutel uit Floriday." }), connection && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Laat leeg als je deze waarde niet wilt wijzigen." }))] })] }), _jsx("div", { children: _jsx(Button, { size: "sm", onClick: () => saveMutation.mutate(), disabled: saveMutation.isPending ||
-                                    !clientId.trim() || !clientSecret.trim() || !apiKey.trim(), children: saveMutation.isPending ? "Opslaan…" : connection ? "Wijzigingen opslaan" : "Koppeling opslaan" }) })] }) }), _jsx(StepBlock, { number: 3, title: "Test de verbinding", description: "Controleer of je gegevens correct zijn en of de koppeling werkt.", children: _jsx(Button, { variant: "outline", size: "sm", onClick: () => testMutation.mutate(), disabled: !connection || testMutation.isPending, children: testMutation.isPending ? "Testen…" : "Verbinding testen" }) }), _jsx(StepBlock, { number: 4, title: "Publicatie-instellingen", description: "Vul je GLN-code in en kies het voorkeursmagazijn voor het publiceren van producten via Floriday.", children: _jsx(PublishingSettings, { env: env, connection: connection }) })] }));
+                                    !clientId.trim() || !clientSecret.trim() || !apiKey.trim(), children: saveMutation.isPending ? "Opslaan…" : connection ? "Wijzigingen opslaan" : "Koppeling opslaan" }) })] }) }), _jsx(StepBlock, { number: 3, title: "Test de verbinding", description: "Controleer of je gegevens correct zijn en of de koppeling werkt.", children: _jsx(Button, { variant: "outline", size: "sm", onClick: () => testMutation.mutate(), disabled: !connection || testMutation.isPending, children: testMutation.isPending ? "Testen…" : "Verbinding testen" }) }), _jsx(StepBlock, { number: 4, title: "Publicatie-instellingen", description: "Vul je GLN-code in en kies het voorkeursmagazijn voor het publiceren van producten via Floriday.", children: _jsx(PublishingSettings, { env: env, connection: connection }) }), _jsx(StepBlock, { number: 5, title: "Gegevens up-to-date houden", description: "We halen je Floriday-gegevens automatisch op en bewaren ze in je werkomgeving. Zo werkt alles effici\u00EBnt & snel.", children: _jsx(SyncStatusPanel, { env: env, connection: connection }) })] }));
 }
 function PublishingSettings({ env, connection, }) {
     const qc = useQueryClient();
@@ -161,3 +163,114 @@ function PublishingSettings({ env, connection, }) {
                         Boolean(glnError) ||
                         (!gln.trim() && !warehouseId), children: saveMutation.isPending ? "Opslaan…" : "Instellingen opslaan" }) })] }));
 }
+function formatRelative(iso) {
+    if (!iso)
+        return "nog niet gesynchroniseerd";
+    const diffMs = Date.now() - Date.parse(iso);
+    if (Number.isNaN(diffMs))
+        return iso;
+    const mins = Math.round(diffMs / 60000);
+    if (mins < 1)
+        return "zojuist";
+    if (mins < 60)
+        return `${mins} min geleden`;
+    const hrs = Math.round(mins / 60);
+    if (hrs < 24)
+        return `${hrs} uur geleden`;
+    const days = Math.round(hrs / 24);
+    return `${days} dag${days === 1 ? "" : "en"} geleden`;
+}
+const SYNC_RESOURCES = [
+    {
+        key: "connections",
+        title: "Inkooprelaties",
+        schedule: "Wordt twee keer per dag automatisch bijgewerkt (rond 08:00 en 20:00).",
+        countLabel: "Aantal relaties",
+        successLabel: "Inkooprelaties",
+    },
+    {
+        key: "trade-items",
+        title: "Producten",
+        schedule: "Wordt elke 5 minuten automatisch bijgewerkt.",
+        countLabel: "Aantal producten",
+        successLabel: "Producten",
+    },
+    {
+        key: "sales-orders",
+        title: "Verkooporders",
+        schedule: "Wordt elke 5 minuten automatisch bijgewerkt.",
+        countLabel: "Aantal orders",
+        successLabel: "Verkooporders",
+    },
+    {
+        key: "customer-organizations",
+        title: "Klantorganisaties",
+        schedule: "Wordt twee keer per dag automatisch bijgewerkt (rond 08:00 en 20:00).",
+        countLabel: "Aantal klanten",
+        successLabel: "Klantorganisaties",
+    },
+    {
+        key: "carriers",
+        title: "Vervoerders",
+        schedule: "Wordt twee keer per dag automatisch bijgewerkt (rond 08:00 en 20:00).",
+        countLabel: "Aantal vervoerders",
+        successLabel: "Vervoerders",
+    },
+];
+function SyncStatusPanel({ env, connection, }) {
+    const qc = useQueryClient();
+    const getStatus = useServerFn(getFlorydaySyncStatus);
+    const syncConnections = useServerFn(syncFlorydayConnections);
+    const syncTrade = useServerFn(syncFlorydayTradeItems);
+    const syncSales = useServerFn(syncFlorydaySalesOrders);
+    const syncCustomers = useServerFn(syncFlorydayCustomerOrganizations);
+    const syncCarriers = useServerFn(syncFlorydayCarriers);
+    const statusQuery = useQuery({
+        queryKey: ["floriday-sync-status", env],
+        queryFn: () => getStatus({ data: { environment: env } }),
+        enabled: Boolean(connection),
+        refetchInterval: 30000,
+    });
+    const syncFor = (key) => {
+        if (key === "connections")
+            return () => syncConnections({ data: { environment: env } });
+        if (key === "trade-items")
+            return () => syncTrade({ data: { environment: env } });
+        if (key === "sales-orders")
+            return () => syncSales({ data: { environment: env } });
+        if (key === "carriers")
+            return () => syncCarriers({ data: { environment: env } });
+        return () => syncCustomers({ data: { environment: env } });
+    };
+    const syncMutation = useMutation({
+        mutationFn: async (key) => {
+            const res = await syncFor(key)();
+            return { key, res };
+        },
+        onSuccess: ({ key, res }) => {
+            const meta = SYNC_RESOURCES.find((r) => r.key === key);
+            if (res?.ok) {
+                const n = res.synced ?? 0;
+                toast.success(n > 0
+                    ? `${meta.successLabel} bijgewerkt — ${n} wijziging${n === 1 ? "" : "en"} opgehaald.`
+                    : `${meta.successLabel}: alles is al up-to-date.`);
+            }
+            else {
+                toast.error(`Bijwerken mislukt: ${res?.error ?? "onbekende fout"}`);
+            }
+            qc.invalidateQueries({ queryKey: ["floriday-sync-status", env] });
+        },
+        onError: (e) => toast.error(e?.message ?? "Bijwerken mislukt"),
+    });
+    if (!connection) {
+        return (_jsx("p", { className: "text-xs text-muted-foreground", children: "Sla eerst je verbindingsgegevens op om je gegevens automatisch bij te laten werken." }));
+    }
+    const statuses = statusQuery.data?.ok && Array.isArray(statusQuery.data.statuses)
+        ? statusQuery.data.statuses
+        : [];
+    return (_jsxs("div", { className: "space-y-3", children: [SYNC_RESOURCES.map((meta) => {
+                const status = statuses.find((s) => s.entity_type === meta.key) ?? null;
+                const isPending = syncMutation.isPending && syncMutation.variables === meta.key;
+                return (_jsxs("div", { className: "rounded-lg border border-border/60 bg-card p-4 space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium", children: meta.title }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: meta.schedule })] }), _jsx(Button, { variant: "outline", size: "sm", onClick: () => syncMutation.mutate(meta.key), disabled: isPending, children: isPending ? "Bijwerken…" : "Nu bijwerken" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-2 text-[11px]", children: [_jsxs("div", { className: "rounded border border-border/40 bg-muted/30 px-2 py-1.5", children: [_jsx("div", { className: "text-muted-foreground", children: "Laatst bijgewerkt" }), _jsx("div", { className: "font-medium text-foreground", children: formatRelative(status?.last_synced_at ?? null) })] }), _jsxs("div", { className: "rounded border border-border/40 bg-muted/30 px-2 py-1.5", children: [_jsx("div", { className: "text-muted-foreground", children: meta.countLabel }), _jsx("div", { className: "font-medium text-foreground", children: status?.cached_count ?? 0 })] })] }), status?.last_error && (_jsxs("p", { className: "text-[11px] text-red-600", children: ["Laatste fout: ", status.last_error] }))] }, meta.key));
+            }), _jsx("p", { className: "text-[11px] text-muted-foreground pt-1", children: "We slaan deze gegevens veilig op in je werkomgeving, zodat alles snel laadt en je niet hoeft te wachten op Floriday." })] }));
+}

package/dist-lib/index.d.ts

@@ -2,5 +2,6 @@ import type { FlowModule } from "@flowselections/core";
 export * from './_core-safelist';
 export { FlorydayConnectionPage } from './components/floriday/FlorydayConnectionPage';
 export * from './lib/floriday.functions';
+export * from './lib/floriday-sync.functions';
 export declare const floridayAuthenticatieModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

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;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,cAAc,0BAA0B,CAAC;AAEzC,eAAO,MAAM,2BAA2B,EAAE,UAczC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAE9C,eAAO,MAAM,2BAA2B,EAAE,UAczC,CAAC"}

package/dist-lib/index.js

@@ -3,13 +3,14 @@ import { FlorydaySettingsCard } from "./components/settings/FlorydaySettingsCard
 export * from './_core-safelist';
 export { FlorydayConnectionPage } from './components/floriday/FlorydayConnectionPage';
 export * from './lib/floriday.functions';
+export * from './lib/floriday-sync.functions';
 export const floridayAuthenticatieModule = {
     id: "floriday_connection",
     name: "Floriday Connection",
     version: "1.0.0",
     nav: {
         label: "Floriday koppeling",
-        href: "/floriday-authenticatie",
+        href: "/floriday-connection",
         icon: Plug,
     },
     settingsCards: [