@flowselections/floriday-authenticatie-module 1.0.53 → 1.0.55

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":"AAIA,wBAAgB,sBAAsB,4CAcrC"}
+{"version":3,"file":"FlorydayConnectionPage.d.ts","sourceRoot":"","sources":["../../../src/components/floriday/FlorydayConnectionPage.tsx"],"names":[],"mappings":"AAKA,wBAAgB,sBAAsB,4CAerC"}

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

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FlorydaySettingsCard } from "../settings/FlorydaySettingsCard.js";
 import { FloricodeSettingsCard } from "../settings/FloricodeSettingsCard.js";
 import { FlorydayWebhooksCard } from "./FlorydayWebhooksCard.js";
+import { FlorydayShellRoutesCard } from "./FlorydayShellRoutesCard.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(FlorydaySettingsCard, {}), _jsx(FlorydayWebhooksCard, {}), _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(FlorydaySettingsCard, {}), _jsx(FlorydayWebhooksCard, {}), _jsx(FlorydayShellRoutesCard, {}), _jsx(FloricodeSettingsCard, {})] }));
 }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlorydayShellRoutesCard.d.ts","sourceRoot":"","sources":["../../../src/components/floriday/FlorydayShellRoutesCard.tsx"],"names":[],"mappings":"AAIA,wBAAgB,uBAAuB,4CAoDtC"}

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useServerFn } from "@tanstack/react-start";
+import { getFlorydayShellRoutesStatus } from "../../lib/floriday.functions.js";
+export function FlorydayShellRoutesCard() {
+    const qc = useQueryClient();
+    const check = useServerFn(getFlorydayShellRoutesStatus);
+    const q = useQuery({ queryKey: ["floriday-shell-routes"], queryFn: () => check({ data: {} }) });
+    const recheck = useMutation({
+        mutationFn: () => check({ data: { force: true } }),
+        onSuccess: (r) => qc.setQueryData(["floriday-shell-routes"], r),
+    });
+    const r = q.data;
+    let badge = { text: "Controleren…", cls: "bg-muted text-muted-foreground" };
+    if (r?.error)
+        badge = { text: "Kan Shell niet controleren", cls: "bg-destructive/15 text-destructive" };
+    else if (r && r.ok)
+        badge = { text: "Alle routes aanwezig", cls: "bg-primary/15 text-primary" };
+    else if (r)
+        badge = { text: `${r.missing.length} route(s) ontbreken`, cls: "bg-destructive/15 text-destructive" };
+    return (_jsxs("div", { className: "rounded-lg border p-4 space-y-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold", children: "Bereikbaarheid via de Shell" }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Andere modules roepen deze koppeling aan via het Shell-adres. Hier zie je of de Shell alle adressen van deze module kent. Dit wordt elk uur en bij een nieuwe koppeling gecontroleerd." })] }), _jsx("span", { className: `text-xs px-2 py-1 rounded whitespace-nowrap ${badge.cls}`, children: badge.text })] }), r?.shellHost && _jsxs("div", { className: "text-xs text-muted-foreground", children: ["Shell: ", r.shellHost] }), r?.error && _jsx("div", { className: "text-sm text-destructive", children: r.error }), r && !r.ok && !r.error && (_jsxs("div", { className: "text-sm space-y-1", children: [_jsx("div", { className: "text-destructive", children: r.advice }), _jsx("ul", { className: "list-disc pl-5 text-xs", children: r.missing.map((p) => (_jsx("li", { children: p }, p))) })] })), _jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [_jsxs("span", { children: ["Laatst gecontroleerd: ", r?.checkedAt ? new Date(r.checkedAt).toLocaleString("nl-NL") : "—"] }), _jsx("button", { type: "button", className: "underline disabled:opacity-50", disabled: recheck.isPending, onClick: () => recheck.mutate(), children: recheck.isPending ? "Bezig…" : "Nu opnieuw controleren" })] })] }));
+}

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":"AA8EA,wBAAgB,oBAAoB,4CAqHnC"}
+{"version":3,"file":"FlorydaySettingsCard.d.ts","sourceRoot":"","sources":["../../../src/components/settings/FlorydaySettingsCard.tsx"],"names":[],"mappings":"AA4EA,wBAAgB,oBAAoB,4CAqHnC"}

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

@@ -5,7 +5,7 @@ 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, syncFlorydayConnections, getFlorydaySyncStatus, getFlorydayShellHostStatus, } from "../../lib/floriday.functions.js";
+import { listFlorydayConnections, upsertFlorydayConnection, testFlorydayConnection, deleteFlorydayConnection, getFlorydaySettings, setFlorydayActiveEnvironment, getFlorydayOwnConfigStatus, updateFlorydayPublishingSettings, syncFlorydayConnections, getFlorydaySyncStatus, getFlorydayShellHostStatus, } from "../../lib/floriday.functions.js";
 import { syncFlorydayTradeItems, syncFlorydaySalesOrders, syncFlorydayCustomerOrganizations, syncFlorydayCarriers, syncFlorydayFulfillmentOrders, syncFlorydayCustomerStickers, syncFlorydayWarehouses, syncFlorydayPackings, syncFlorydayDeliveryLocations, syncFlorydayClockSupplies, syncFlorydayDeliveryOrders, syncFlorydayClockPresales, syncFlorydayContracts, syncFlorydayBlanketOrders, syncFlorydayAdditionalServices, syncFlorydayCommercialServiceTypes, syncFlorydayCollections, syncFlorydayPriceGroups, syncFlorydayDeliveryConditionSets, syncFlorydaySalesStrategies, syncFlorydayBaseItems, syncFlorydayContractTradeItemGroups, syncFlorydayCatalogPrices, } from "../../lib/floriday-sync.functions.js";
 import { FlorydayCredentialStatusBanner } from "../floriday/FlorydayCredentialStatusBanner.js";
 export function FlorydaySettingsCard() {
@@ -109,65 +109,43 @@ function ShellHostStatus() {
 }
 function PublishingSettings({ env, connection, }) {
     const qc = useQueryClient();
-    const listWarehouses = useServerFn(listFlorydayWarehouses);
+    const getStatus = useServerFn(getFlorydayOwnConfigStatus);
     const updateSettings = useServerFn(updateFlorydayPublishingSettings);
-    const [gln, setGln] = useState(connection?.gln_code ?? "");
-    const [warehouseId, setWarehouseId] = useState(connection?.preferred_warehouse_id ?? "");
-    const warehousesQuery = useQuery({
-        queryKey: ["floriday-warehouses", env],
-        queryFn: () => listWarehouses({ data: { environment: env } }),
+    const [warehouseId, setWarehouseId] = useState("");
+    const statusQuery = useQuery({
+        queryKey: ["floriday-own-config", env],
+        queryFn: () => getStatus({ data: { environment: env } }),
         enabled: Boolean(connection),
     });
-    const warehouses = warehousesQuery.data?.ok && Array.isArray(warehousesQuery.data.warehouses)
-        ? warehousesQuery.data.warehouses
-        : [];
-    const warehousesError = warehousesQuery.data && !warehousesQuery.data.ok ? warehousesQuery.data.error : null;
-    // Auto-preselect het default-magazijn van Floriday wanneer de gebruiker
-    // nog geen keuze heeft gemaakt.
+    const status = statusQuery.data;
     useEffect(() => {
-        if (warehouseId)
-            return;
-        if (!warehouses.length)
-            return;
-        const def = warehouses.find((w) => w.isDefault) ?? warehouses[0];
-        if (def)
-            setWarehouseId(def.id);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [warehouses.length]);
+        setWarehouseId(status?.preferredWarehouseId ?? "");
+    }, [status?.preferredWarehouseId]);
     const saveMutation = useMutation({
-        mutationFn: () => {
-            const selected = warehouses.find((w) => w.id === warehouseId);
-            return updateSettings({
-                data: {
-                    environment: env,
-                    gln_code: gln,
-                    preferred_warehouse_id: warehouseId || null,
-                    preferred_warehouse_name: selected?.name ?? null,
-                },
-            });
-        },
+        mutationFn: () => updateSettings({ data: { environment: env, preferred_warehouse_id: warehouseId } }),
         onSuccess: () => {
-            toast.success("Publicatie-instellingen opgeslagen");
+            toast.success("Voorkeursmagazijn opgeslagen");
+            qc.invalidateQueries({ queryKey: ["floriday-own-config", env] });
             qc.invalidateQueries({ queryKey: ["floriday-connections"] });
         },
         onError: (e) => toast.error(e?.message ?? "Opslaan mislukt"),
     });
     if (!connection) {
-        return (_jsx("p", { className: "text-xs text-muted-foreground", children: "Sla eerst je verbindingsgegevens op om publicatie-instellingen te beheren." }));
+        return (_jsx("p", { className: "text-xs text-muted-foreground", children: "Sla eerst je verbindingsgegevens op om publicatie-instellingen te zien." }));
+    }
+    if (statusQuery.isLoading) {
+        return _jsx("p", { className: "text-xs text-muted-foreground", children: "Gegevens uit Floriday laden\u2026" });
+    }
+    if (statusQuery.error || !status) {
+        return (_jsxs("p", { className: "text-[11px] text-destructive", children: ["Publicatie-instellingen niet beschikbaar: ", String(statusQuery.error?.message ?? "onbekende fout")] }));
     }
-    const glnError = gln.trim() ? validateGln(gln) : null;
-    return (_jsxs("div", { className: "rounded-lg border border-border/60 bg-card p-4 space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `${env}-gln`, className: "text-xs", children: "GLN-code organisatie" }), _jsx(Input, { id: `${env}-gln`, value: gln, onChange: (e) => setGln(e.target.value.replace(/\s+/g, "")), placeholder: "Bijv. 8712345000005", inputMode: "numeric", maxLength: 13, autoComplete: "off", "aria-invalid": Boolean(glnError) }), glnError ? (_jsx("p", { className: "text-[11px] text-red-600", children: glnError })) : (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "De Global Location Number van je organisatie in Floriday (13 cijfers)." }))] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `${env}-warehouse`, className: "text-xs", children: "Voorkeursmagazijn" }), _jsxs(Select, { value: warehouseId || undefined, onValueChange: setWarehouseId, children: [_jsx(SelectTrigger, { id: `${env}-warehouse`, children: _jsx(SelectValue, { placeholder: warehousesQuery.isLoading
-                                        ? "Magazijnen laden…"
-                                        : warehouses.length === 0
-                                            ? "Geen magazijnen beschikbaar"
-                                            : "Kies een magazijn", children: (() => {
-                                        const selected = warehouses.find((w) => w.id === warehouseId);
-                                        if (!selected)
-                                            return null;
-                                        return (_jsxs("span", { className: "flex items-baseline gap-2 truncate", children: [_jsx("span", { className: "truncate", children: selected.name }), selected.gln && (_jsx("span", { className: "text-[11px] text-muted-foreground font-mono", children: selected.gln }))] }));
-                                    })() }) }), _jsx(SelectContent, { children: warehouses.map((w) => (_jsx(SelectItem, { value: w.id, children: _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { children: w.name }), w.gln && (_jsx("span", { className: "text-[11px] text-muted-foreground font-mono", children: w.gln }))] }) }, w.id))) })] }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Alleen magazijnen die in Floriday aan je organisatie gekoppeld zijn." }), warehousesError && (_jsxs("p", { className: "text-[11px] text-red-600", children: ["Magazijnen niet beschikbaar: ", warehousesError] }))] }), _jsx("div", { children: _jsx(Button, { size: "sm", onClick: () => saveMutation.mutate(), disabled: saveMutation.isPending ||
-                        Boolean(glnError) ||
-                        (!gln.trim() && !warehouseId), children: saveMutation.isPending ? "Opslaan…" : "Instellingen opslaan" }) })] }));
+    const gln = status.gln;
+    const wh = status.warehouse;
+    const own = status.ownWarehouses;
+    const showChoice = own.length > 1 || wh?.kind === "missing" || wh?.kind === "choice_needed";
+    const dirty = Boolean(warehouseId) && warehouseId !== (status.preferredWarehouseId ?? "");
+    const current = own.find((w) => w.id === status.preferredWarehouseId);
+    return (_jsxs("div", { className: "rounded-lg border border-border/60 bg-card p-4 space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { className: "text-xs", children: "GLN-code organisatie" }), _jsx("p", { className: "font-mono text-sm", children: status.storedGln ?? "—" }), _jsx("p", { className: "text-[11px] text-muted-foreground", children: "Automatisch uit Floriday." }), gln?.kind === "mismatch" && (_jsxs("p", { className: "text-[11px] text-destructive", children: ["GLN in Floriday (", gln.fromFloriday, ") wijkt af van de opgeslagen GLN (", gln.stored, "); waarschijnlijk is er met een ander account gekoppeld. De opgeslagen waarde is niet overschreven."] })), gln?.kind === "unavailable" && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "GLN niet beschikbaar in Floriday." })), gln?.kind === "invalid" && (_jsxs("p", { className: "text-[11px] text-destructive", children: ["De GLN in Floriday (", gln.fromFloriday, ") is ongeldig en is niet opgeslagen: ", gln.error] }))] }), _jsxs("div", { className: "space-y-1", children: [_jsx(Label, { htmlFor: `${env}-warehouse`, className: "text-xs", children: "Voorkeursmagazijn" }), wh?.kind === "none" ? (_jsx("p", { className: "text-[11px] text-destructive", children: "Er zijn geen eigen magazijnen in Floriday voor deze koppeling." })) : !showChoice ? (_jsxs("p", { className: "text-sm", children: [current?.name ?? status.preferredWarehouseName ?? "—", current?.gln && (_jsx("span", { className: "ml-2 text-[11px] text-muted-foreground font-mono", children: current.gln }))] })) : (_jsxs(Select, { value: warehouseId || undefined, onValueChange: setWarehouseId, children: [_jsx(SelectTrigger, { id: `${env}-warehouse`, children: _jsx(SelectValue, { placeholder: "Kies een magazijn" }) }), _jsx(SelectContent, { children: own.map((w) => (_jsx(SelectItem, { value: w.id, children: _jsxs("div", { className: "flex flex-col", children: [_jsxs("span", { children: [w.name, w.isDefault ? " (standaard in Floriday)" : ""] }), w.gln && (_jsx("span", { className: "text-[11px] text-muted-foreground font-mono", children: w.gln }))] }) }, w.id))) })] })), wh?.kind === "fill" && wh.reason === "single" && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Automatisch: het enige eigen magazijn." })), wh?.kind === "fill" && wh.reason === "default" && (_jsx("p", { className: "text-[11px] text-muted-foreground", children: "Automatisch: standaardmagazijn in Floriday." })), wh?.kind === "choice_needed" && (_jsx("p", { className: "text-[11px] text-destructive", children: "Keuze nodig: er zijn meerdere eigen magazijnen." })), wh?.kind === "missing" && (_jsx("p", { className: "text-[11px] text-destructive", children: "Gekozen magazijn niet meer beschikbaar in Floriday, kies opnieuw." }))] }), showChoice && dirty && (_jsx("div", { children: _jsx(Button, { size: "sm", onClick: () => saveMutation.mutate(), disabled: saveMutation.isPending, children: saveMutation.isPending ? "Opslaan…" : "Instellingen opslaan" }) }))] }));
 }
 function formatRelative(iso) {
     if (!iso)

package/dist-lib/index.js

@@ -27,7 +27,7 @@ export const floridayAuthenticatieModule = {
             },
             {
                 label: "Logboek",
-                href: "/floriday-logboek",
+                href: "/floriday-connection/logboek",
                 icon: ScrollText,
             },
         ],