@flowselections/core 1.0.8 → 1.0.9

package/dist/components/layout/BugsDialog.js

@@ -1,148 +1,148 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from "react";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog";
-import { Button } from "../ui/button";
-import { Input } from "../ui/input";
-import { Textarea } from "../ui/textarea";
-import { Label } from "../ui/label";
-import { Badge } from "../ui/badge";
-import { Select, SelectContent, SelectItem, SelectTrigger } from "../ui/select";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
-import { Plus, Loader2, CheckCircle, Trash2, Paperclip, X, FileText } from "lucide-react";
-import { supabase } from "../../supabase/client";
-import { toast } from "sonner";
-import { bugReportSchema, validateFileUpload, ALLOWED_FILE_TYPES } from "../../lib/validationSchemas";
-const statusConfig = {
-    open: { label: "Open", variant: "destructive" },
-    in_progress: { label: "In behandeling", variant: "default" },
-    resolved: { label: "Opgelost", variant: "secondary" },
-};
-export function BugsDialog({ open, onOpenChange }) {
-    const [bugs, setBugs] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [submitting, setSubmitting] = useState(false);
-    const [activeTab, setActiveTab] = useState("list");
-    const fileInputRef = useRef(null);
-    const [title, setTitle] = useState("");
-    const [description, setDescription] = useState("");
-    const [attachment, setAttachment] = useState(null);
-    const fetchBugs = async () => {
-        try {
-            const { data, error } = await supabase
-                .from("bugs")
-                .select("*")
-                .order("created_at", { ascending: false });
-            if (error)
-                throw error;
-            setBugs(data || []);
-        }
-        catch {
-            toast.error("Fout bij ophalen van bugs");
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    useEffect(() => {
-        if (open)
-            fetchBugs();
-    }, [open]);
-    const handleSubmit = async () => {
-        const validation = bugReportSchema.safeParse({ title: title.trim(), description: description.trim() });
-        if (!validation.success) {
-            toast.error(validation.error.issues[0].message);
-            return;
-        }
-        setSubmitting(true);
-        try {
-            const { data: { user } } = await supabase.auth.getUser();
-            if (!user)
-                throw new Error("Niet ingelogd");
-            let attachmentUrl = null;
-            if (attachment) {
-                const fileExt = attachment.name.split('.').pop();
-                const fileName = `${Date.now()}-${Math.random().toString(36).substring(7)}.${fileExt}`;
-                const { error: uploadError } = await supabase.storage.from('bug-attachments').upload(fileName, attachment);
-                if (uploadError)
-                    throw uploadError;
-                const { data: signedData, error: signedError } = await supabase.storage
-                    .from('bug-attachments').createSignedUrl(fileName, 3600 * 24 * 7);
-                if (signedError)
-                    throw signedError;
-                attachmentUrl = signedData?.signedUrl || null;
-            }
-            const { error } = await supabase.from("bugs").insert({
-                title: title.trim(),
-                description: description.trim(),
-                priority: "normaal",
-                status: "open",
-                attachment_url: attachmentUrl,
-                user_id: user.id,
-            });
-            if (error)
-                throw error;
-            toast.success("Bug gemeld!");
-            setTitle("");
-            setDescription("");
-            setAttachment(null);
-            setActiveTab("list");
-            await fetchBugs();
-        }
-        catch {
-            toast.error("Fout bij melden van bug");
-        }
-        finally {
-            setSubmitting(false);
-        }
-    };
-    const handleFileChange = (e) => {
-        const file = e.target.files?.[0];
-        if (file) {
-            const validation = validateFileUpload(file);
-            if (!validation.valid) {
-                toast.error(validation.error);
-                return;
-            }
-            setAttachment(file);
-        }
-    };
-    const removeAttachment = () => {
-        setAttachment(null);
-        if (fileInputRef.current)
-            fileInputRef.current.value = "";
-    };
-    const handleUpdateStatus = async (id, newStatus) => {
-        try {
-            const { error } = await supabase.from("bugs").update({ status: newStatus }).eq("id", id);
-            if (error)
-                throw error;
-            await fetchBugs();
-            toast.success("Status bijgewerkt");
-        }
-        catch {
-            toast.error("Fout bij bijwerken");
-        }
-    };
-    const handleDelete = async (id) => {
-        try {
-            const { error } = await supabase.from("bugs").delete().eq("id", id);
-            if (error)
-                throw error;
-            await fetchBugs();
-            toast.success("Bug verwijderd");
-        }
-        catch {
-            toast.error("Fout bij verwijderen");
-        }
-    };
-    const formatDate = (dateStr) => {
-        return new Date(dateStr).toLocaleDateString("nl-NL", {
-            day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit",
-        });
-    };
-    const acceptString = ALLOWED_FILE_TYPES.join(",");
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-2xl max-h-[85vh] overflow-hidden flex flex-col", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Bugs" }) }), _jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "flex-1 flex flex-col overflow-hidden", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsxs(TabsTrigger, { value: "list", children: ["Overzicht (", bugs.filter(b => b.status !== "resolved").length, ")"] }), _jsxs(TabsTrigger, { value: "new", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Nieuwe Bug"] })] }), _jsx(TabsContent, { value: "list", className: "flex-1 overflow-y-auto mt-4", children: loading ? (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : bugs.length === 0 ? (_jsx("div", { className: "text-center py-8 text-muted-foreground", children: "Geen bugs gemeld \uD83C\uDF89" })) : (_jsx("div", { className: "space-y-3", children: bugs.map((bug) => {
-                                    const status = statusConfig[bug.status] || statusConfig.open;
-                                    return (_jsxs("div", { className: "rounded-lg border border-border p-4 space-y-2", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h4", { className: "font-medium", children: bug.title }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: bug.description }), bug.attachment_url && (_jsxs("a", { href: bug.attachment_url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 text-xs text-primary hover:underline mt-2", children: [_jsx(FileText, { className: "h-3 w-3" }), "Bijlage bekijken"] }))] }), _jsx(Button, { variant: "ghost", size: "icon", className: "shrink-0", onClick: () => handleDelete(bug.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Select, { value: bug.status, onValueChange: (value) => handleUpdateStatus(bug.id, value), children: [_jsx(SelectTrigger, { className: "h-7 w-auto", children: _jsx(Badge, { variant: status.variant, children: status.label }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "open", children: _jsx(Badge, { variant: "destructive", children: "Open" }) }), _jsx(SelectItem, { value: "in_progress", children: _jsx(Badge, { variant: "default", children: "In behandeling" }) }), _jsx(SelectItem, { value: "resolved", children: _jsx(Badge, { variant: "secondary", children: "Opgelost" }) })] })] }), _jsx("span", { className: "text-xs text-muted-foreground", children: formatDate(bug.created_at) })] })] }, bug.id));
-                                }) })) }), _jsx(TabsContent, { value: "new", className: "flex-1 overflow-y-auto mt-4", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "bug-title", children: "Titel" }), _jsx(Input, { id: "bug-title", placeholder: "Korte beschrijving van de bug...", value: title, onChange: (e) => setTitle(e.target.value), maxLength: 200 })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "bug-description", children: "Beschrijving" }), _jsx(Textarea, { id: "bug-description", placeholder: "Beschrijf de bug in detail. Wat ging er mis? Wat verwachtte je?", value: description, onChange: (e) => setDescription(e.target.value), rows: 4, maxLength: 5000 })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Bijlage (optioneel)" }), _jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileChange, className: "hidden", accept: acceptString }), attachment ? (_jsxs("div", { className: "flex items-center gap-2 p-2 border rounded-md bg-muted/50", children: [_jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { className: "text-sm flex-1 truncate", children: attachment.name }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-6 w-6", onClick: removeAttachment, children: _jsx(X, { className: "h-4 w-4" }) })] })) : (_jsxs(Button, { type: "button", variant: "outline", className: "w-full", onClick: () => fileInputRef.current?.click(), children: [_jsx(Paperclip, { className: "mr-2 h-4 w-4" }), "Document toevoegen (max 10MB)"] })), _jsx("p", { className: "text-xs text-muted-foreground", children: "Toegestane bestandstypen: PNG, JPEG, GIF, PDF" })] }), _jsx(Button, { onClick: handleSubmit, disabled: submitting || !title.trim() || !description.trim(), className: "w-full", children: submitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Melden..."] })) : (_jsxs(_Fragment, { children: [_jsx(CheckCircle, { className: "mr-2 h-4 w-4" }), "Bug Melden"] })) })] }) })] })] }) }));
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../ui/dialog";
+import { Button } from "../ui/button";
+import { Input } from "../ui/input";
+import { Textarea } from "../ui/textarea";
+import { Label } from "../ui/label";
+import { Badge } from "../ui/badge";
+import { Select, SelectContent, SelectItem, SelectTrigger } from "../ui/select";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
+import { Plus, Loader2, CheckCircle, Trash2, Paperclip, X, FileText } from "lucide-react";
+import { supabase } from "../../supabase/client";
+import { toast } from "sonner";
+import { bugReportSchema, validateFileUpload, ALLOWED_FILE_TYPES } from "../../lib/validationSchemas";
+const statusConfig = {
+    open: { label: "Open", variant: "destructive" },
+    in_progress: { label: "In behandeling", variant: "default" },
+    resolved: { label: "Opgelost", variant: "secondary" },
+};
+export function BugsDialog({ open, onOpenChange }) {
+    const [bugs, setBugs] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [submitting, setSubmitting] = useState(false);
+    const [activeTab, setActiveTab] = useState("list");
+    const fileInputRef = useRef(null);
+    const [title, setTitle] = useState("");
+    const [description, setDescription] = useState("");
+    const [attachment, setAttachment] = useState(null);
+    const fetchBugs = async () => {
+        try {
+            const { data, error } = await supabase
+                .from("bugs")
+                .select("*")
+                .order("created_at", { ascending: false });
+            if (error)
+                throw error;
+            setBugs(data || []);
+        }
+        catch {
+            toast.error("Fout bij ophalen van bugs");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        if (open)
+            fetchBugs();
+    }, [open]);
+    const handleSubmit = async () => {
+        const validation = bugReportSchema.safeParse({ title: title.trim(), description: description.trim() });
+        if (!validation.success) {
+            toast.error(validation.error.issues[0].message);
+            return;
+        }
+        setSubmitting(true);
+        try {
+            const { data: { user } } = await supabase.auth.getUser();
+            if (!user)
+                throw new Error("Niet ingelogd");
+            let attachmentUrl = null;
+            if (attachment) {
+                const fileExt = attachment.name.split('.').pop();
+                const fileName = `${Date.now()}-${Math.random().toString(36).substring(7)}.${fileExt}`;
+                const { error: uploadError } = await supabase.storage.from('bug-attachments').upload(fileName, attachment);
+                if (uploadError)
+                    throw uploadError;
+                const { data: signedData, error: signedError } = await supabase.storage
+                    .from('bug-attachments').createSignedUrl(fileName, 3600 * 24 * 7);
+                if (signedError)
+                    throw signedError;
+                attachmentUrl = signedData?.signedUrl || null;
+            }
+            const { error } = await supabase.from("bugs").insert({
+                title: title.trim(),
+                description: description.trim(),
+                priority: "normaal",
+                status: "open",
+                attachment_url: attachmentUrl,
+                user_id: user.id,
+            });
+            if (error)
+                throw error;
+            toast.success("Bug gemeld!");
+            setTitle("");
+            setDescription("");
+            setAttachment(null);
+            setActiveTab("list");
+            await fetchBugs();
+        }
+        catch {
+            toast.error("Fout bij melden van bug");
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    const handleFileChange = (e) => {
+        const file = e.target.files?.[0];
+        if (file) {
+            const validation = validateFileUpload(file);
+            if (!validation.valid) {
+                toast.error(validation.error);
+                return;
+            }
+            setAttachment(file);
+        }
+    };
+    const removeAttachment = () => {
+        setAttachment(null);
+        if (fileInputRef.current)
+            fileInputRef.current.value = "";
+    };
+    const handleUpdateStatus = async (id, newStatus) => {
+        try {
+            const { error } = await supabase.from("bugs").update({ status: newStatus }).eq("id", id);
+            if (error)
+                throw error;
+            await fetchBugs();
+            toast.success("Status bijgewerkt");
+        }
+        catch {
+            toast.error("Fout bij bijwerken");
+        }
+    };
+    const handleDelete = async (id) => {
+        try {
+            const { error } = await supabase.from("bugs").delete().eq("id", id);
+            if (error)
+                throw error;
+            await fetchBugs();
+            toast.success("Bug verwijderd");
+        }
+        catch {
+            toast.error("Fout bij verwijderen");
+        }
+    };
+    const formatDate = (dateStr) => {
+        return new Date(dateStr).toLocaleDateString("nl-NL", {
+            day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit",
+        });
+    };
+    const acceptString = ALLOWED_FILE_TYPES.join(",");
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-2xl max-h-[85vh] overflow-hidden flex flex-col", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Bugs" }) }), _jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "flex-1 flex flex-col overflow-hidden", children: [_jsxs(TabsList, { className: "grid w-full grid-cols-2", children: [_jsxs(TabsTrigger, { value: "list", children: ["Overzicht (", bugs.filter(b => b.status !== "resolved").length, ")"] }), _jsxs(TabsTrigger, { value: "new", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Nieuwe Bug"] })] }), _jsx(TabsContent, { value: "list", className: "flex-1 overflow-y-auto mt-4", children: loading ? (_jsx("div", { className: "flex items-center justify-center py-8", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : bugs.length === 0 ? (_jsx("div", { className: "text-center py-8 text-muted-foreground", children: "Geen bugs gemeld \uD83C\uDF89" })) : (_jsx("div", { className: "space-y-3", children: bugs.map((bug) => {
+                                    const status = statusConfig[bug.status] || statusConfig.open;
+                                    return (_jsxs("div", { className: "rounded-lg border border-border p-4 space-y-2", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "flex-1", children: [_jsx("h4", { className: "font-medium", children: bug.title }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: bug.description }), bug.attachment_url && (_jsxs("a", { href: bug.attachment_url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 text-xs text-primary hover:underline mt-2", children: [_jsx(FileText, { className: "h-3 w-3" }), "Bijlage bekijken"] }))] }), _jsx(Button, { variant: "ghost", size: "icon", className: "shrink-0", onClick: () => handleDelete(bug.id), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Select, { value: bug.status, onValueChange: (value) => handleUpdateStatus(bug.id, value), children: [_jsx(SelectTrigger, { className: "h-7 w-auto", children: _jsx(Badge, { variant: status.variant, children: status.label }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "open", children: _jsx(Badge, { variant: "destructive", children: "Open" }) }), _jsx(SelectItem, { value: "in_progress", children: _jsx(Badge, { variant: "default", children: "In behandeling" }) }), _jsx(SelectItem, { value: "resolved", children: _jsx(Badge, { variant: "secondary", children: "Opgelost" }) })] })] }), _jsx("span", { className: "text-xs text-muted-foreground", children: formatDate(bug.created_at) })] })] }, bug.id));
+                                }) })) }), _jsx(TabsContent, { value: "new", className: "flex-1 overflow-y-auto mt-4", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "bug-title", children: "Titel" }), _jsx(Input, { id: "bug-title", placeholder: "Korte beschrijving van de bug...", value: title, onChange: (e) => setTitle(e.target.value), maxLength: 200 })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "bug-description", children: "Beschrijving" }), _jsx(Textarea, { id: "bug-description", placeholder: "Beschrijf de bug in detail. Wat ging er mis? Wat verwachtte je?", value: description, onChange: (e) => setDescription(e.target.value), rows: 4, maxLength: 5000 })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Bijlage (optioneel)" }), _jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileChange, className: "hidden", accept: acceptString }), attachment ? (_jsxs("div", { className: "flex items-center gap-2 p-2 border rounded-md bg-muted/50", children: [_jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { className: "text-sm flex-1 truncate", children: attachment.name }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "h-6 w-6", onClick: removeAttachment, children: _jsx(X, { className: "h-4 w-4" }) })] })) : (_jsxs(Button, { type: "button", variant: "outline", className: "w-full", onClick: () => fileInputRef.current?.click(), children: [_jsx(Paperclip, { className: "mr-2 h-4 w-4" }), "Document toevoegen (max 10MB)"] })), _jsx("p", { className: "text-xs text-muted-foreground", children: "Toegestane bestandstypen: PNG, JPEG, GIF, PDF" })] }), _jsx(Button, { onClick: handleSubmit, disabled: submitting || !title.trim() || !description.trim(), className: "w-full", children: submitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Melden..."] })) : (_jsxs(_Fragment, { children: [_jsx(CheckCircle, { className: "mr-2 h-4 w-4" }), "Bug Melden"] })) })] }) })] })] }) }));
+}

package/dist/components/layout/Header.d.ts

@@ -1,6 +1,6 @@
-interface HeaderProps {
-    title: string;
-}
-export declare function Header({ title }: HeaderProps): import("react/jsx-runtime").JSX.Element;
-export {};
+interface HeaderProps {
+    title: string;
+}
+export declare function Header({ title }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=Header.d.ts.map

package/dist/components/layout/Header.js

@@ -1,30 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Bug, Search } from "lucide-react";
-import { Input } from "../ui/input";
-import { Button } from "../ui/button";
-import { BugsDialog } from "./BugsDialog";
-import { NotificationBell } from "./NotificationBell";
-export function Header({ title }) {
-    const [bugsDialogOpen, setBugsDialogOpen] = useState(false);
-    useEffect(() => {
-        fetch("/huisstijl.json")
-            .then((res) => {
-            if (!res.ok)
-                return;
-            return res.json();
-        })
-            .then((stijl) => {
-            if (!stijl)
-                return;
-            const root = document.documentElement;
-            Object.entries(stijl).forEach(([key, value]) => {
-                root.style.setProperty(`--${key}`, value);
-            });
-        })
-            .catch(() => {
-            // huisstijl.json bestaat niet of is ongeldig — geen actie
-        });
-    }, []);
-    return (_jsxs(_Fragment, { children: [_jsxs("header", { className: "sticky top-0 z-30 flex h-16 items-center justify-between border-b border-border bg-card px-6", children: [_jsx("h1", { className: "text-xl font-semibold text-foreground", children: title }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "relative hidden md:block", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoeken...", className: "w-64 pl-9" })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setBugsDialogOpen(true), children: [_jsx(Bug, { className: "mr-2 h-4 w-4" }), "Bugs melden"] }), _jsx(NotificationBell, {})] })] }), _jsx(BugsDialog, { open: bugsDialogOpen, onOpenChange: setBugsDialogOpen })] }));
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Bug, Search } from "lucide-react";
+import { Input } from "../ui/input";
+import { Button } from "../ui/button";
+import { BugsDialog } from "./BugsDialog";
+import { NotificationBell } from "./NotificationBell";
+export function Header({ title }) {
+    const [bugsDialogOpen, setBugsDialogOpen] = useState(false);
+    useEffect(() => {
+        fetch("/huisstijl.json")
+            .then((res) => {
+            if (!res.ok)
+                return;
+            return res.json();
+        })
+            .then((stijl) => {
+            if (!stijl)
+                return;
+            const root = document.documentElement;
+            Object.entries(stijl).forEach(([key, value]) => {
+                root.style.setProperty(`--${key}`, value);
+            });
+        })
+            .catch(() => {
+            // huisstijl.json bestaat niet of is ongeldig — geen actie
+        });
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsxs("header", { className: "sticky top-0 z-30 flex h-16 items-center justify-between border-b border-border bg-card px-6", children: [_jsx("h1", { className: "text-xl font-semibold text-foreground", children: title }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "relative hidden md:block", children: [_jsx(Search, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Zoeken...", className: "w-64 pl-9" })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setBugsDialogOpen(true), children: [_jsx(Bug, { className: "mr-2 h-4 w-4" }), "Bugs melden"] }), _jsx(NotificationBell, {})] })] }), _jsx(BugsDialog, { open: bugsDialogOpen, onOpenChange: setBugsDialogOpen })] }));
+}

package/dist/components/layout/InstellingenPage.d.ts

@@ -1,5 +1,5 @@
-import type { FlowModule } from "../../types/module";
-export declare function InstellingenPage({ modules }: {
-    modules: FlowModule[];
-}): import("react/jsx-runtime").JSX.Element;
+import type { FlowModule } from "../../types/module";
+export declare function InstellingenPage({ modules }: {
+    modules: FlowModule[];
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InstellingenPage.d.ts.map

package/dist/components/layout/InstellingenPage.js

@@ -1,78 +1,78 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Button } from "../ui/button";
-import { Input } from "../ui/input";
-import { Label } from "../ui/label";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
-import { supabase } from "../../supabase/client";
-import { toast } from "sonner";
-import { Loader2, User } from "lucide-react";
-import { NotificationSettingsCard } from "../instellingen/NotificationSettingsCard";
-// ─── Profile Card ─────────────────────────────────────────────────────────────
-function ProfileCard() {
-    const [displayName, setDisplayName] = useState("");
-    const [saving, setSaving] = useState(false);
-    const handleUpdateProfile = async () => {
-        setSaving(true);
-        try {
-            const { data: { user } } = await supabase.auth.getUser();
-            if (!user)
-                throw new Error("Niet ingelogd");
-            const { error } = await supabase.from("profiles").update({ display_name: displayName.trim() }).eq("id", user.id);
-            if (error)
-                throw error;
-            toast.success("Profiel bijgewerkt");
-        }
-        catch {
-            toast.error("Fout bij het bijwerken van profiel");
-        }
-        finally {
-            setSaving(false);
-        }
-    };
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Profielgegevens" })] }), _jsx(CardDescription, { children: "Werk je persoonlijke gegevens bij" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "displayName", children: "Weergavenaam" }), _jsx(Input, { id: "displayName", value: displayName, onChange: (e) => setDisplayName(e.target.value), maxLength: 100, placeholder: "Je naam" })] }), _jsxs(Button, { onClick: handleUpdateProfile, disabled: saving, children: [saving && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Opslaan"] })] })] }));
-}
-// ─── Password Card ────────────────────────────────────────────────────────────
-function PasswordCard() {
-    const [newPassword, setNewPassword] = useState("");
-    const [confirmPassword, setConfirmPassword] = useState("");
-    const [changingPassword, setChangingPassword] = useState(false);
-    const handleChangePassword = async () => {
-        if (newPassword.length < 6) {
-            toast.error("Wachtwoord moet minimaal 6 tekens bevatten");
-            return;
-        }
-        if (newPassword !== confirmPassword) {
-            toast.error("Wachtwoorden komen niet overeen");
-            return;
-        }
-        setChangingPassword(true);
-        try {
-            const { error } = await supabase.auth.updateUser({ password: newPassword });
-            if (error)
-                throw error;
-            toast.success("Wachtwoord bijgewerkt");
-            setNewPassword("");
-            setConfirmPassword("");
-        }
-        catch {
-            toast.error("Fout bij het wijzigen van wachtwoord");
-        }
-        finally {
-            setChangingPassword(false);
-        }
-    };
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Wachtwoord wijzigen" }), _jsx(CardDescription, { children: "Kies een nieuw wachtwoord" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "newPassword", children: "Nieuw wachtwoord" }), _jsx(Input, { id: "newPassword", type: "password", value: newPassword, onChange: (e) => setNewPassword(e.target.value), maxLength: 128, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "confirmPassword", children: "Bevestig wachtwoord" }), _jsx(Input, { id: "confirmPassword", type: "password", value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value), maxLength: 128, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] }), _jsxs(Button, { onClick: handleChangePassword, disabled: changingPassword, children: [changingPassword && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Wachtwoord wijzigen"] })] })] }));
-}
-// ─── Core cards registry ──────────────────────────────────────────────────────
-const coreCards = [
-    { component: ProfileCard, order: 0 },
-    { component: PasswordCard, order: 1 },
-    { component: NotificationSettingsCard, order: 2 },
-];
-// ─── Main export ──────────────────────────────────────────────────────────────
-export function InstellingenPage({ modules }) {
-    const moduleCards = modules.flatMap((m) => m.settingsCards);
-    const allCards = [...coreCards, ...moduleCards].sort((a, b) => a.order - b.order);
-    return (_jsx("main", { className: "p-6", children: _jsx("div", { className: "grid gap-6 lg:grid-cols-2", children: allCards.map((card, i) => _jsx(card.component, {}, i)) }) }));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../ui/button";
+import { Input } from "../ui/input";
+import { Label } from "../ui/label";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
+import { supabase } from "../../supabase/client";
+import { toast } from "sonner";
+import { Loader2, User } from "lucide-react";
+import { NotificationSettingsCard } from "../instellingen/NotificationSettingsCard";
+// ─── Profile Card ─────────────────────────────────────────────────────────────
+function ProfileCard() {
+    const [displayName, setDisplayName] = useState("");
+    const [saving, setSaving] = useState(false);
+    const handleUpdateProfile = async () => {
+        setSaving(true);
+        try {
+            const { data: { user } } = await supabase.auth.getUser();
+            if (!user)
+                throw new Error("Niet ingelogd");
+            const { error } = await supabase.from("profiles").update({ display_name: displayName.trim() }).eq("id", user.id);
+            if (error)
+                throw error;
+            toast.success("Profiel bijgewerkt");
+        }
+        catch {
+            toast.error("Fout bij het bijwerken van profiel");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(User, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Profielgegevens" })] }), _jsx(CardDescription, { children: "Werk je persoonlijke gegevens bij" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "displayName", children: "Weergavenaam" }), _jsx(Input, { id: "displayName", value: displayName, onChange: (e) => setDisplayName(e.target.value), maxLength: 100, placeholder: "Je naam" })] }), _jsxs(Button, { onClick: handleUpdateProfile, disabled: saving, children: [saving && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Opslaan"] })] })] }));
+}
+// ─── Password Card ────────────────────────────────────────────────────────────
+function PasswordCard() {
+    const [newPassword, setNewPassword] = useState("");
+    const [confirmPassword, setConfirmPassword] = useState("");
+    const [changingPassword, setChangingPassword] = useState(false);
+    const handleChangePassword = async () => {
+        if (newPassword.length < 6) {
+            toast.error("Wachtwoord moet minimaal 6 tekens bevatten");
+            return;
+        }
+        if (newPassword !== confirmPassword) {
+            toast.error("Wachtwoorden komen niet overeen");
+            return;
+        }
+        setChangingPassword(true);
+        try {
+            const { error } = await supabase.auth.updateUser({ password: newPassword });
+            if (error)
+                throw error;
+            toast.success("Wachtwoord bijgewerkt");
+            setNewPassword("");
+            setConfirmPassword("");
+        }
+        catch {
+            toast.error("Fout bij het wijzigen van wachtwoord");
+        }
+        finally {
+            setChangingPassword(false);
+        }
+    };
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Wachtwoord wijzigen" }), _jsx(CardDescription, { children: "Kies een nieuw wachtwoord" })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "newPassword", children: "Nieuw wachtwoord" }), _jsx(Input, { id: "newPassword", type: "password", value: newPassword, onChange: (e) => setNewPassword(e.target.value), maxLength: 128, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "confirmPassword", children: "Bevestig wachtwoord" }), _jsx(Input, { id: "confirmPassword", type: "password", value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value), maxLength: 128, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })] }), _jsxs(Button, { onClick: handleChangePassword, disabled: changingPassword, children: [changingPassword && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "Wachtwoord wijzigen"] })] })] }));
+}
+// ─── Core cards registry ──────────────────────────────────────────────────────
+const coreCards = [
+    { component: ProfileCard, order: 0 },
+    { component: PasswordCard, order: 1 },
+    { component: NotificationSettingsCard, order: 2 },
+];
+// ─── Main export ──────────────────────────────────────────────────────────────
+export function InstellingenPage({ modules }) {
+    const moduleCards = modules.flatMap((m) => m.settingsCards);
+    const allCards = [...coreCards, ...moduleCards].sort((a, b) => a.order - b.order);
+    return (_jsx("main", { className: "p-6", children: _jsx("div", { className: "grid gap-6 lg:grid-cols-2", children: allCards.map((card, i) => _jsx(card.component, {}, i)) }) }));
+}

package/dist/components/layout/LoginPage.d.ts

@@ -1,6 +1,6 @@
-interface LoginPageProps {
-    redirectTo: string;
-}
-export declare function LoginPage({ redirectTo }: LoginPageProps): import("react/jsx-runtime").JSX.Element;
-export {};
+interface LoginPageProps {
+    redirectTo: string;
+}
+export declare function LoginPage({ redirectTo }: LoginPageProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=LoginPage.d.ts.map