@flowselections/logistiek-engine 1.0.6 → 1.0.7

package/dist-lib/components/LogistiekEnginePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogistiekEnginePage.d.ts","sourceRoot":"","sources":["../../src/components/LogistiekEnginePage.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,mBAAmB,gCAyLlC"}
+{"version":3,"file":"LogistiekEnginePage.d.ts","sourceRoot":"","sources":["../../src/components/LogistiekEnginePage.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,mBAAmB,gCA4OlC"}

package/dist-lib/components/LogistiekEnginePage.js

@@ -6,7 +6,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // GEEN <Header /> hier — die levert de shell via staticData.title.
 // ============================================================================
 import { useState } from "react";
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Badge, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Skeleton, } from "@flowselections/core";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Badge, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Skeleton, } from "@flowselections/core";
 import { Container, Pencil, Plus, SlidersHorizontal, Trash2, Workflow } from "lucide-react";
 import { Link } from "@tanstack/react-router";
 import { StrategieDialog } from "./StrategieDialog";
@@ -32,11 +32,22 @@ const SNELKOPPELINGEN = [
     },
 ];
 export function LogistiekEnginePage() {
-    const { items, loading, saving, error, create, update, remove, toggleActive } = useLogistiekStrategieen();
+    const { items, loading, saving, error, create, update, remove, setActive, clearActive } = useLogistiekStrategieen();
     const [dialogOpen, setDialogOpen] = useState(false);
     const [editing, setEditing] = useState(null);
     const [deleting, setDeleting] = useState(null);
+    const [switching, setSwitching] = useState(null);
     const safeItems = Array.isArray(items) ? items : [];
+    const actief = safeItems.find((item) => item.is_active) ?? null;
+    const kiesWerkwijze = (item) => {
+        if (item.is_active)
+            return;
+        if (actief) {
+            setSwitching(item);
+            return;
+        }
+        void setActive(item.id);
+    };
     const openNew = () => {
         setEditing(null);
         setDialogOpen(true);
@@ -45,9 +56,13 @@ export function LogistiekEnginePage() {
         setEditing(item);
         setDialogOpen(true);
     };
-    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Hier bepaal je hoe orders in je bedrijf logistiek worden afgehandeld." }), _jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: SNELKOPPELINGEN.map(({ to, icon: Icon, titel, uitleg }) => (_jsx(Link, { to: to, className: "group", children: _jsx(Card, { className: "h-full transition-colors group-hover:border-primary", children: _jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: _jsx(Icon, { className: "h-5 w-5" }) }), _jsx(CardTitle, { className: "text-base", children: titel })] }), _jsx(CardDescription, { className: "pt-1", children: uitleg })] }) }) }, to))) }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx(CardTitle, { children: "Werkwijzen" }), _jsx(CardDescription, { children: "Alleen een werkwijze die aan staat wordt op je orders toegepast." })] }), _jsxs(Button, { size: "sm", onClick: openNew, children: [_jsx(Plus, { className: "h-4 w-4" }), "Nieuwe werkwijze"] })] }) }), _jsx(CardContent, { children: loading ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" })] })) : error ? (_jsx("p", { className: "text-sm text-destructive", children: "Kon de gegevens niet ophalen. Probeer het over een moment opnieuw." })) : safeItems.length === 0 ? (_jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Je hebt nog geen werkwijze ingesteld." }), _jsxs(Button, { variant: "outline", size: "sm", onClick: openNew, children: [_jsx(Plus, { className: "h-4 w-4" }), "Eerste werkwijze aanmaken"] })] })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "w-48 text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: safeItems.map((item) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-3 w-3 shrink-0 rounded-full border border-border", style: { backgroundColor: item.color ?? "#3b82f6" } }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: item.name ?? "—" }), item.description && (_jsx("p", { className: "text-xs text-muted-foreground", children: item.description }))] })] }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: !!item.is_active, onCheckedChange: () => toggleActive(item), "aria-label": "Aan of uit zetten" }), _jsx(Badge, { variant: item.is_active ? "default" : "secondary", children: item.is_active ? "Aan" : "Uit" })] }) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { size: "sm", variant: "outline", asChild: true, children: _jsxs(Link, { to: "/logistiek-engine/rule-engine", search: { strategy: String(item.id), naam: item.name ?? "" }, children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), "Instellen"] }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => openEdit(item), "aria-label": "Bewerken", children: _jsx(Pencil, { className: "h-4 w-4" }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => setDeleting(item), "aria-label": "Verwijderen", children: _jsx(Trash2, { className: "h-4 w-4" }) })] }) })] }, String(item.id)))) })] })) })] }), _jsx(StrategieDialog, { open: dialogOpen, onOpenChange: setDialogOpen, strategie: editing, saving: saving, onSubmit: (input) => (editing ? update(editing.id, input) : create(input)) }), _jsx(AlertDialog, { open: !!deleting, onOpenChange: (open) => !open && setDeleting(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Werkwijze verwijderen?" }), _jsxs(AlertDialogDescription, { children: ["\"", deleting?.name, "\" wordt definitief verwijderd. Dit kan niet ongedaan worden gemaakt."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: async () => {
+    return (_jsxs("main", { className: "p-6 space-y-6", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Hier bepaal je hoe orders in je bedrijf logistiek worden afgehandeld." }), _jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: SNELKOPPELINGEN.map(({ to, icon: Icon, titel, uitleg }) => (_jsx(Link, { to: to, className: "group", children: _jsx(Card, { className: "h-full transition-colors group-hover:border-primary", children: _jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary", children: _jsx(Icon, { className: "h-5 w-5" }) }), _jsx(CardTitle, { className: "text-base", children: titel })] }), _jsx(CardDescription, { className: "pt-1", children: uitleg })] }) }) }, to))) }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx(CardTitle, { children: "Werkwijzen" }), _jsx(CardDescription, { children: "Alleen een werkwijze die aan staat wordt op je orders toegepast." })] }), _jsxs(Button, { size: "sm", onClick: openNew, children: [_jsx(Plus, { className: "h-4 w-4" }), "Nieuwe werkwijze"] })] }) }), _jsx(CardContent, { children: loading ? (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" }), _jsx(Skeleton, { className: "h-8 w-full" })] })) : error ? (_jsx("p", { className: "text-sm text-destructive", children: "Kon de gegevens niet ophalen. Probeer het over een moment opnieuw." })) : safeItems.length === 0 ? (_jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "Je hebt nog geen werkwijze ingesteld." }), _jsxs(Button, { variant: "outline", size: "sm", onClick: openNew, children: [_jsx(Plus, { className: "h-4 w-4" }), "Eerste werkwijze aanmaken"] })] })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Naam" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "w-48 text-right", children: "Acties" })] }) }), _jsx(TableBody, { children: safeItems.map((item) => (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-3 w-3 shrink-0 rounded-full border border-border", style: { backgroundColor: item.color ?? "#3b82f6" } }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: item.name ?? "—" }), item.description && (_jsx("p", { className: "text-xs text-muted-foreground", children: item.description }))] })] }) }), _jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm", children: [_jsx("input", { type: "radio", name: "actieve-werkwijze", className: "h-4 w-4 accent-primary", checked: !!item.is_active, disabled: saving, onChange: () => kiesWerkwijze(item), "aria-label": `${item.name ?? "Werkwijze"} als actieve werkwijze kiezen` }), _jsx("span", { className: "sr-only", children: "Actief" })] }), _jsx(Badge, { variant: item.is_active ? "default" : "secondary", children: item.is_active ? "Actief" : "Uit" }), item.is_active && (_jsx(Button, { size: "sm", variant: "ghost", disabled: saving, onClick: () => void clearActive(), children: "Uitzetten" }))] }) }), _jsx(TableCell, { className: "text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [_jsx(Button, { size: "sm", variant: "outline", asChild: true, children: _jsxs(Link, { to: "/logistiek-engine/rule-engine", search: { strategy: String(item.id), naam: item.name ?? "" }, children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), "Instellen"] }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => openEdit(item), "aria-label": "Bewerken", children: _jsx(Pencil, { className: "h-4 w-4" }) }), _jsx(Button, { size: "icon", variant: "ghost", onClick: () => setDeleting(item), "aria-label": "Verwijderen", children: _jsx(Trash2, { className: "h-4 w-4" }) })] }) })] }, String(item.id)))) })] })) })] }), _jsx(StrategieDialog, { open: dialogOpen, onOpenChange: setDialogOpen, strategie: editing, saving: saving, onSubmit: (input) => (editing ? update(editing.id, input) : create(input)) }), _jsx(AlertDialog, { open: !!deleting, onOpenChange: (open) => !open && setDeleting(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Werkwijze verwijderen?" }), _jsxs(AlertDialogDescription, { children: ["\"", deleting?.name, "\" wordt definitief verwijderd. Dit kan niet ongedaan worden gemaakt."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: async () => {
                                         if (deleting)
                                             await remove(deleting.id);
                                         setDeleting(null);
-                                    }, children: "Verwijderen" })] })] }) })] }));
+                                    }, children: "Verwijderen" })] })] }) }), _jsx(AlertDialog, { open: !!switching, onOpenChange: (open) => !open && setSwitching(null), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Overschakelen naar een andere werkwijze?" }), _jsxs(AlertDialogDescription, { children: ["\"", actief?.name, "\" staat nu aan. Er kan maar \u00E9\u00E9n werkwijze tegelijk actief zijn. Wil je overschakelen naar \"", switching?.name, "\"?"] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Annuleren" }), _jsx(AlertDialogAction, { onClick: async () => {
+                                        if (switching)
+                                            await setActive(switching.id);
+                                        setSwitching(null);
+                                    }, children: "Overschakelen" })] })] }) })] }));
 }

package/dist-lib/components/StrategieDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StrategieDialog.d.ts","sourceRoot":"","sources":["../../src/components/StrategieDialog.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAE3F,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACvD;AAUD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,+BA4FzF"}
+{"version":3,"file":"StrategieDialog.d.ts","sourceRoot":"","sources":["../../src/components/StrategieDialog.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAE3F,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CACvD;AAUD,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,+BA6FzF"}

package/dist-lib/components/StrategieDialog.js

@@ -34,5 +34,5 @@ export function StrategieDialog({ open, onOpenChange, strategie, saving, onSubmi
         if (ok)
             onOpenChange(false);
     };
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: strategie ? "Werkwijze bewerken" : "Nieuwe werkwijze" }), _jsx(DialogDescription, { children: "Geef de werkwijze een herkenbare naam en kleur." })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Naam" }), _jsx(Input, { value: form.name, onChange: (e) => set("name", e.target.value), placeholder: "Bijv. Standaard werkwijze" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Omschrijving" }), _jsx(Textarea, { value: form.description, onChange: (e) => set("description", e.target.value), placeholder: "Waarvoor gebruik je deze werkwijze?" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Kleur" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { type: "color", className: "h-10 w-14 p-1", value: form.color, onChange: (e) => set("color", e.target.value) }), _jsx(Input, { value: form.color, onChange: (e) => set("color", e.target.value) })] })] }), _jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border p-3", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { className: "text-sm font-medium", children: "Aan" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Alleen een werkwijze die aan staat wordt op je orders toegepast." })] }), _jsx(Switch, { checked: form.is_active, onCheckedChange: (checked) => set("is_active", checked) })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Annuleren" }), _jsx(Button, { onClick: handleSubmit, disabled: saving || !form.name.trim(), children: strategie ? "Opslaan" : "Aanmaken" })] })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: strategie ? "Werkwijze bewerken" : "Nieuwe werkwijze" }), _jsx(DialogDescription, { children: "Geef de werkwijze een herkenbare naam en kleur." })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Naam" }), _jsx(Input, { value: form.name, onChange: (e) => set("name", e.target.value), placeholder: "Bijv. Standaard werkwijze" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Omschrijving" }), _jsx(Textarea, { value: form.description, onChange: (e) => set("description", e.target.value), placeholder: "Waarvoor gebruik je deze werkwijze?" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Kleur" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { type: "color", className: "h-10 w-14 p-1", value: form.color, onChange: (e) => set("color", e.target.value) }), _jsx(Input, { value: form.color, onChange: (e) => set("color", e.target.value) })] })] }), _jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border p-3", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx(Label, { className: "text-sm font-medium", children: "Actief" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Er kan maar \u00E9\u00E9n werkwijze tegelijk actief zijn. Zet je deze aan, dan wordt een andere actieve werkwijze automatisch uitgezet." })] }), _jsx(Switch, { checked: form.is_active, onCheckedChange: (checked) => set("is_active", checked) })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Annuleren" }), _jsx(Button, { onClick: handleSubmit, disabled: saving || !form.name.trim(), children: strategie ? "Opslaan" : "Aanmaken" })] })] }) }));
 }

package/dist-lib/hooks/useLogistiekStrategieen.d.ts

@@ -24,6 +24,7 @@ export declare function useLogistiekStrategieen(): {
     create: (input: StrategieInput) => Promise<boolean>;
     update: (id: string, input: Partial<StrategieInput>) => Promise<boolean>;
     remove: (id: string) => Promise<boolean>;
-    toggleActive: (item: LogistiekStrategie) => Promise<boolean>;
+    setActive: (id: string) => Promise<boolean>;
+    clearActive: () => Promise<boolean>;
 };
 //# sourceMappingURL=useLogistiekStrategieen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLogistiekStrategieen.d.ts","sourceRoot":"","sources":["../../src/hooks/useLogistiekStrategieen.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACpB;AAID,wBAAgB,uBAAuB;;;;;;oBA6CI,cAAc;iBA0BjB,MAAM,SAAS,OAAO,CAAC,cAAc,CAAC;iBA2BtC,MAAM;yBAYnC,kBAAkB;EAK5B"}
+{"version":3,"file":"useLogistiekStrategieen.d.ts","sourceRoot":"","sources":["../../src/hooks/useLogistiekStrategieen.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACpB;AAID,wBAAgB,uBAAuB;;;;;;oBA6CI,cAAc;iBA6BjB,MAAM,SAAS,OAAO,CAAC,cAAc,CAAC;iBAkCtC,MAAM;oBAmB/B,MAAM;;EAuDpB"}

package/dist-lib/hooks/useLogistiekStrategieen.js

@@ -49,6 +49,9 @@ export function useLogistiekStrategieen() {
                 toast.error("Je bent niet ingelogd");
                 return false;
             }
+            if (input.is_active) {
+                await db().from("logistics_strategies").update({ is_active: false }).eq("is_active", true);
+            }
             const { data, error } = await db()
                 .from("logistics_strategies")
                 .insert({ ...input, description: input.description || null, user_id: userId })
@@ -74,6 +77,13 @@ export function useLogistiekStrategieen() {
             const payload = { ...input };
             if ("description" in payload)
                 payload.description = input.description || null;
+            if (input.is_active) {
+                await db()
+                    .from("logistics_strategies")
+                    .update({ is_active: false })
+                    .eq("is_active", true)
+                    .neq("id", id);
+            }
             const { data, error } = await db()
                 .from("logistics_strategies")
                 .update(payload)
@@ -106,6 +116,66 @@ export function useLogistiekStrategieen() {
         toast.success("Strategie verwijderd");
         return true;
     }, []);
-    const toggleActive = useCallback((item) => update(item.id, { is_active: !item.is_active }), [update]);
-    return { items, loading, saving, error, reload: load, create, update, remove, toggleActive };
+    const deactivateOthers = useCallback(async (exceptId) => {
+        let query = db().from("logistics_strategies").update({ is_active: false }).eq("is_active", true);
+        if (exceptId)
+            query = query.neq("id", exceptId);
+        const { error } = await query;
+        if (error)
+            throw error;
+    }, []);
+    const setActive = useCallback(async (id) => {
+        setSaving(true);
+        try {
+            await deactivateOthers(id);
+            const { error } = await db()
+                .from("logistics_strategies")
+                .update({ is_active: true })
+                .eq("id", id);
+            if (error)
+                throw error;
+            setItems((prev) => prev.map((item) => ({ ...item, is_active: item.id === id })));
+            toast.success("Werkwijze is nu actief");
+            return true;
+        }
+        catch (e) {
+            toast.error(String(e?.message ?? "").includes("one_active_per_user")
+                ? "Er kan maar één werkwijze tegelijk actief zijn. Probeer het opnieuw."
+                : "Wisselen van werkwijze is niet gelukt");
+            await load();
+            return false;
+        }
+        finally {
+            setSaving(false);
+        }
+    }, [deactivateOthers, load]);
+    const clearActive = useCallback(async () => {
+        setSaving(true);
+        try {
+            await deactivateOthers();
+            setItems((prev) => prev.map((item) => ({ ...item, is_active: false })));
+            toast.success("Geen werkwijze meer actief");
+            return true;
+        }
+        catch {
+            toast.error("Uitzetten is niet gelukt");
+            await load();
+            return false;
+        }
+        finally {
+            setSaving(false);
+        }
+    }, [deactivateOthers, load]);
+    return {
+        items,
+        loading,
+        saving,
+        error,
+        reload: load,
+        create,
+        update,
+        remove,
+        setActive,
+        clearActive,
+    };
 }