@flowselections/core 1.0.0

package/dist/auth/useAuth.d.ts

@@ -0,0 +1,28 @@
+import { User, Session } from "@supabase/supabase-js";
+export type AppRole = "admin" | "manager" | "warehouse" | "sales" | "developer";
+export interface AuthState {
+    user: User | null;
+    session: Session | null;
+    loading: boolean;
+    roles: AppRole[];
+    isAdmin: boolean;
+    isAuthenticated: boolean;
+    profile: {
+        display_name: string | null;
+        email: string | null;
+    } | null;
+}
+export interface AuthActions {
+    signIn: (email: string, password: string) => Promise<{
+        error: Error | null;
+    }>;
+    signOut: () => Promise<void>;
+    resetPassword: (email: string) => Promise<{
+        error: Error | null;
+    }>;
+    refreshRoles: () => Promise<void>;
+}
+export type AuthContext = AuthState & AuthActions;
+export declare function useAuthState(): AuthContext;
+export declare function useAuth(): AuthContext;
+//# sourceMappingURL=useAuth.d.ts.map

package/dist/auth/useAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/core/auth/useAuth.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGtD,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,WAAW,CAAC;AAEhF,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE;QAAE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACvE;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IAC9E,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACnC;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,CAAC;AAElD,wBAAgB,YAAY,IAAI,WAAW,CAsE1C;AACD,wBAAgB,OAAO,IAAI,WAAW,CAErC"}

package/dist/auth/useAuth.js

@@ -0,0 +1,72 @@
+import { useState, useEffect, useCallback } from "react";
+import { supabase } from "../supabase/client";
+export function useAuthState() {
+    const [user, setUser] = useState(null);
+    const [session, setSession] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [roles, setRoles] = useState([]);
+    const [profile, setProfile] = useState(null);
+    const isAdmin = roles.includes("admin");
+    const isAuthenticated = !!user;
+    const fetchUserData = useCallback(async (userId) => {
+        try {
+            const [rolesRes, profileRes] = await Promise.all([
+                supabase.from("user_roles").select("role").eq("user_id", userId),
+                supabase.from("profiles").select("display_name, email").eq("id", userId).single(),
+            ]);
+            if (rolesRes.data)
+                setRoles(rolesRes.data.map((r) => r.role));
+            if (profileRes.data)
+                setProfile(profileRes.data);
+        }
+        catch (error) {
+            console.error("Error fetching user data:", error);
+        }
+    }, []);
+    const refreshRoles = useCallback(async () => {
+        if (user)
+            await fetchUserData(user.id);
+    }, [user, fetchUserData]);
+    useEffect(() => {
+        const { data: { subscription } } = supabase.auth.onAuthStateChange((_event, session) => {
+            setSession(session);
+            setUser(session?.user ?? null);
+            setLoading(false);
+            if (session?.user) {
+                setTimeout(() => fetchUserData(session.user.id), 0);
+            }
+            else {
+                setRoles([]);
+                setProfile(null);
+            }
+        });
+        supabase.auth.getSession().then(({ data: { session } }) => {
+            setSession(session);
+            setUser(session?.user ?? null);
+            setLoading(false);
+            if (session?.user)
+                fetchUserData(session.user.id);
+        });
+        return () => subscription.unsubscribe();
+    }, [fetchUserData]);
+    const signIn = async (email, password) => {
+        const { error } = await supabase.auth.signInWithPassword({ email, password });
+        return { error: error };
+    };
+    const signOut = async () => {
+        await supabase.auth.signOut();
+    };
+    const resetPassword = async (email) => {
+        const { error } = await supabase.auth.resetPasswordForEmail(email, {
+            redirectTo: `${window.location.origin}/reset-wachtwoord`,
+        });
+        return { error: error };
+    };
+    return {
+        user, session, loading, roles, isAdmin, isAuthenticated, profile,
+        signIn, signOut, resetPassword, refreshRoles,
+    };
+}
+export function useAuth() {
+    return useAuthState();
+}

package/dist/components/instellingen/NotificationSettingsCard.d.ts

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

package/dist/components/instellingen/NotificationSettingsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/core/components/instellingen/NotificationSettingsCard.tsx"],"names":[],"mappings":"AAWA,wBAAgB,wBAAwB,4CAiFvC"}

package/dist/components/instellingen/NotificationSettingsCard.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
+import { Switch } from "../ui/switch";
+import { Bell, Loader2 } from "lucide-react";
+import { supabase } from "../../supabase/client";
+import { toast } from "sonner";
+export function NotificationSettingsCard() {
+    const [prefs, setPrefs] = useState({ email_notifications: true });
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        (async () => {
+            try {
+                const { data: { user } } = await supabase.auth.getUser();
+                if (!user)
+                    return;
+                const { data } = await supabase
+                    .from("profiles")
+                    .select("notification_preferences")
+                    .eq("id", user.id)
+                    .maybeSingle();
+                if (data?.notification_preferences) {
+                    setPrefs(data.notification_preferences);
+                }
+            }
+            catch {
+                // ignore
+            }
+            finally {
+                setLoading(false);
+            }
+        })();
+    }, []);
+    const updatePref = async (key, value) => {
+        const newPrefs = { ...prefs, [key]: value };
+        setPrefs(newPrefs);
+        setSaving(true);
+        try {
+            const { data: { user } } = await supabase.auth.getUser();
+            if (!user)
+                throw new Error("Niet ingelogd");
+            const { error } = await supabase
+                .from("profiles")
+                .update({ notification_preferences: newPrefs })
+                .eq("id", user.id);
+            if (error)
+                throw error;
+            toast.success("Notificatie-instelling opgeslagen");
+        }
+        catch {
+            setPrefs(prefs); // rollback
+            toast.error("Fout bij opslaan");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    if (loading) {
+        return (_jsx(Card, { children: _jsx(CardContent, { className: "flex items-center justify-center py-8", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) }));
+    }
+    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Bell, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { children: "Notificatievoorkeuren" })] }), _jsx(CardDescription, { children: "Beheer je notificatie-instellingen" })] }), _jsx(CardContent, { className: "space-y-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium", children: "E-mailnotificaties" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Ontvang meldingen per e-mail" })] }), _jsx(Switch, { checked: prefs.email_notifications, onCheckedChange: (v) => updatePref("email_notifications", v), disabled: saving })] }) })] }));
+}

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

@@ -0,0 +1,7 @@
+interface BugsDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function BugsDialog({ open, onOpenChange }: BugsDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BugsDialog.d.ts.map

package/dist/components/layout/BugsDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BugsDialog.d.ts","sourceRoot":"","sources":["../../../src/core/components/layout/BugsDialog.tsx"],"names":[],"mappings":"AAyBA,UAAU,eAAe;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAQD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,eAAe,2CAqOjE"}

package/dist/components/layout/BugsDialog.js

@@ -0,0 +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"] })) })] }) })] })] }) }));
+}

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

@@ -0,0 +1,6 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/core/components/layout/Header.tsx"],"names":[],"mappings":"AAOA,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,2CAsB5C"}

package/dist/components/layout/Header.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } 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);
+    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

@@ -0,0 +1,5 @@
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstellingenPage.d.ts","sourceRoot":"","sources":["../../../src/core/components/layout/InstellingenPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,oBAAoB,CAAC;AAsInE,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,UAAU,EAAE,CAAA;CAAE,2CActE"}

package/dist/components/layout/InstellingenPage.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Header } from "./Header";
+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 (_jsxs(_Fragment, { children: [_jsx(Header, { title: "Instellingen" }), _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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginPage.d.ts","sourceRoot":"","sources":["../../../src/core/components/layout/LoginPage.tsx"],"names":[],"mappings":"AASA,UAAU,cAAc;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EAAE,UAAU,EAAE,EAAE,cAAc,2CA4GvD"}

package/dist/components/layout/LoginPage.js

@@ -0,0 +1,57 @@
+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, CardFooter, CardHeader, CardTitle } from "../ui/card";
+import { toast } from "sonner";
+import { loginSchema } from "../../lib/validationSchemas";
+import { supabase } from "../../supabase/client";
+export function LoginPage({ redirectTo }) {
+    const [email, setEmail] = useState("");
+    const [password, setPassword] = useState("");
+    const [isLoading, setIsLoading] = useState(false);
+    const [showForgot, setShowForgot] = useState(false);
+    const [forgotEmail, setForgotEmail] = useState("");
+    const [forgotLoading, setForgotLoading] = useState(false);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        const validation = loginSchema.safeParse({ email, password });
+        if (!validation.success) {
+            toast.error(validation.error.issues[0].message);
+            return;
+        }
+        setIsLoading(true);
+        const { error } = await supabase.auth.signInWithPassword({ email, password });
+        setIsLoading(false);
+        if (error) {
+            toast.error("Controleer je e-mailadres en wachtwoord.");
+        }
+        else {
+            window.location.href = redirectTo;
+        }
+    };
+    const handleForgotPassword = async (e) => {
+        e.preventDefault();
+        if (!forgotEmail) {
+            toast.error("Vul je e-mailadres in");
+            return;
+        }
+        setForgotLoading(true);
+        const { error } = await supabase.auth.resetPasswordForEmail(forgotEmail, {
+            redirectTo: `${window.location.origin}/reset-wachtwoord`,
+        });
+        setForgotLoading(false);
+        if (error) {
+            toast.error("Fout bij het versturen van de reset-link");
+        }
+        else {
+            toast.success("Reset-link verstuurd! Controleer je e-mail.");
+            setShowForgot(false);
+        }
+    };
+    if (showForgot) {
+        return (_jsx("div", { className: "min-h-screen flex items-center justify-center bg-background p-4", children: _jsxs(Card, { className: "w-full max-w-md", children: [_jsxs(CardHeader, { className: "text-center", children: [_jsx(CardTitle, { className: "text-2xl", children: "Wachtwoord vergeten" }), _jsx(CardDescription, { children: "Vul je e-mailadres in om een reset-link te ontvangen" })] }), _jsxs("form", { onSubmit: handleForgotPassword, children: [_jsx(CardContent, { className: "space-y-4", children: _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "forgot-email", children: "E-mailadres" }), _jsx(Input, { id: "forgot-email", type: "email", placeholder: "naam@bedrijf.nl", value: forgotEmail, onChange: (e) => setForgotEmail(e.target.value), required: true, maxLength: 255 })] }) }), _jsxs(CardFooter, { className: "flex flex-col gap-4", children: [_jsx(Button, { type: "submit", className: "w-full", disabled: forgotLoading, children: forgotLoading ? "Versturen..." : "Reset-link versturen" }), _jsx("button", { type: "button", onClick: () => setShowForgot(false), className: "text-sm text-primary hover:underline", children: "Terug naar inloggen" })] })] })] }) }));
+    }
+    return (_jsx("div", { className: "min-h-screen flex items-center justify-center bg-background p-4", children: _jsxs(Card, { className: "w-full max-w-md", children: [_jsxs(CardHeader, { className: "text-center", children: [_jsx(CardTitle, { className: "text-2xl", children: "Inloggen" }), _jsx(CardDescription, { children: "Voer je gegevens in om toegang te krijgen tot het systeem" })] }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "email", children: "E-mailadres" }), _jsx(Input, { id: "email", type: "email", placeholder: "naam@bedrijf.nl", value: email, onChange: (e) => setEmail(e.target.value), required: true, maxLength: 255 })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "password", children: "Wachtwoord" }), _jsx(Input, { id: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", type: "password", value: password, onChange: (e) => setPassword(e.target.value), required: true, maxLength: 128 })] })] }), _jsxs(CardFooter, { className: "flex flex-col gap-4", children: [_jsx(Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? "Bezig met inloggen..." : "Inloggen" }), _jsx("button", { type: "button", onClick: () => setShowForgot(true), className: "text-sm text-muted-foreground hover:text-primary hover:underline", children: "Wachtwoord vergeten?" })] })] })] }) }));
+}

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

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

package/dist/components/layout/NotificationBell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBell.d.ts","sourceRoot":"","sources":["../../../src/core/components/layout/NotificationBell.tsx"],"names":[],"mappings":"AAeA,wBAAgB,gBAAgB,4CA2F/B"}

package/dist/components/layout/NotificationBell.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Bell } from "lucide-react";
+import { Button } from "../ui/button";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
+import { supabase } from "../../supabase/client";
+import { cn } from "../../lib/utils";
+export function NotificationBell() {
+    const [notifications, setNotifications] = useState([]);
+    const [open, setOpen] = useState(false);
+    const unreadCount = notifications.filter((n) => !n.read).length;
+    const fetchNotifications = async () => {
+        const { data } = await supabase
+            .from("notifications")
+            .select("*")
+            .order("created_at", { ascending: false })
+            .limit(20);
+        if (data)
+            setNotifications(data);
+    };
+    useEffect(() => {
+        fetchNotifications();
+        const channel = supabase
+            .channel("notifications")
+            .on("postgres_changes", { event: "*", schema: "public", table: "notifications" }, () => {
+            fetchNotifications();
+        })
+            .subscribe();
+        return () => { supabase.removeChannel(channel); };
+    }, []);
+    const markAsRead = async (id) => {
+        await supabase.from("notifications").update({ read: true }).eq("id", id);
+        setNotifications((prev) => prev.map((n) => (n.id === id ? { ...n, read: true } : n)));
+    };
+    const dismissNotification = async (id) => {
+        await supabase.from("notifications").delete().eq("id", id);
+        setNotifications((prev) => prev.filter((n) => n.id !== id));
+    };
+    const formatDate = (dateStr) => {
+        return new Date(dateStr).toLocaleDateString("nl-NL", {
+            day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit",
+        });
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "icon", className: "relative", children: [_jsx(Bell, { className: "h-5 w-5" }), unreadCount > 0 && (_jsx("span", { className: "absolute -top-1 -right-1 flex h-5 w-5 items-center justify-center rounded-full bg-destructive text-[10px] font-bold text-destructive-foreground", children: unreadCount > 9 ? "9+" : unreadCount }))] }) }), _jsxs(PopoverContent, { className: "w-80 p-0", align: "end", children: [_jsx("div", { className: "border-b p-3", children: _jsx("h4", { className: "font-semibold text-sm", children: "Notificaties" }) }), _jsx("div", { className: "max-h-80 overflow-y-auto", children: notifications.length === 0 ? (_jsx("div", { className: "p-4 text-center text-sm text-muted-foreground", children: "Geen notificaties" })) : (notifications.map((n) => (_jsxs("div", { className: cn("flex items-start gap-2 border-b p-3 cursor-pointer hover:bg-muted/50 transition-colors", !n.read && "bg-accent/30"), onClick: () => markAsRead(n.id), children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: cn("text-sm", !n.read && "font-medium"), children: n.title }), n.message && _jsx("p", { className: "text-xs text-muted-foreground mt-0.5 truncate", children: n.message }), _jsx("p", { className: "text-xs text-muted-foreground mt-1", children: formatDate(n.created_at) })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 shrink-0", onClick: (e) => { e.stopPropagation(); dismissNotification(n.id); }, children: _jsx("span", { className: "text-xs", children: "\u2715" }) })] }, n.id)))) })] })] }));
+}

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

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

package/dist/components/layout/ResetWachtwoordPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetWachtwoordPage.d.ts","sourceRoot":"","sources":["../../../src/core/components/layout/ResetWachtwoordPage.tsx"],"names":[],"mappings":"AAQA,UAAU,wBAAwB;IAChC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,EAAE,wBAAwB,2CAuF3E"}