@lastbrain/module-auth 0.1.2 → 0.1.4

package/dist/api/auth/profile.js

@@ -0,0 +1,104 @@
+import { NextResponse } from "next/server";
+import { getSupabaseServerClient } from "@lastbrain/core/server";
+/**
+ * GET /api/auth/profile
+ * Returns the user's profile
+ */
+export async function GET() {
+    try {
+        const supabase = await getSupabaseServerClient();
+        const { data: { user }, } = await supabase.auth.getUser();
+        // L'utilisateur est déjà authentifié grâce au middleware
+        const { data: profile, error: profileError } = await supabase
+            .from("user_profil")
+            .select("*")
+            .eq("owner_id", user.id)
+            .single();
+        if (profileError && profileError.code !== "PGRST116") {
+            // PGRST116 = no rows returned, which is OK
+            return NextResponse.json({ error: "Database Error", message: profileError.message }, { status: 500 });
+        }
+        return NextResponse.json({ data: profile || null });
+    }
+    catch (error) {
+        console.error("Error fetching profile:", error);
+        return NextResponse.json({ error: "Internal Server Error", message: "Failed to fetch profile" }, { status: 500 });
+    }
+}
+/**
+ * PUT /api/auth/profile
+ * Updates the user's profile
+ */
+export async function PUT(request) {
+    try {
+        const supabase = await getSupabaseServerClient();
+        const { data: { user }, } = await supabase.auth.getUser();
+        // L'utilisateur est déjà authentifié grâce au middleware
+        const body = await request.json();
+        const { first_name, last_name, avatar_url, bio, phone, company, website, location, language, timezone, preferences, } = body;
+        // Check if profile exists
+        const { data: existingProfile } = await supabase
+            .from("user_profil")
+            .select("id")
+            .eq("owner_id", user.id)
+            .single();
+        let result;
+        if (existingProfile) {
+            // Update existing profile
+            result = await supabase
+                .from("user_profil")
+                .update({
+                first_name,
+                last_name,
+                avatar_url,
+                bio,
+                phone,
+                company,
+                website,
+                location,
+                language,
+                timezone,
+                preferences,
+            })
+                .eq("owner_id", user.id)
+                .select()
+                .single();
+        }
+        else {
+            // Create new profile
+            result = await supabase
+                .from("user_profil")
+                .insert({
+                owner_id: user.id,
+                first_name,
+                last_name,
+                avatar_url,
+                bio,
+                phone,
+                company,
+                website,
+                location,
+                language,
+                timezone,
+                preferences,
+            })
+                .select()
+                .single();
+        }
+        if (result.error) {
+            return NextResponse.json({ error: "Database Error", message: result.error.message }, { status: 500 });
+        }
+        return NextResponse.json({ data: result.data });
+    }
+    catch (error) {
+        console.error("Error updating profile:", error);
+        return NextResponse.json({ error: "Internal Server Error", message: "Failed to update profile" }, { status: 500 });
+    }
+}
+/**
+ * PATCH /api/auth/profile
+ * Partially updates the user's profile
+ */
+export async function PATCH(request) {
+    return PUT(request);
+}

package/dist/api/public/signin.js

@@ -2,9 +2,9 @@ import { getSupabaseServerClient } from "@lastbrain/core/server";
 const jsonResponse = (payload, status = 200) => {
     return new Response(JSON.stringify(payload), {
         headers: {
-            "content-type": "application/json"
+            "content-type": "application/json",
         },
-        status
+        status,
     });
 };
 export async function POST(request) {
@@ -16,7 +16,7 @@ export async function POST(request) {
     }
     const { error, data } = await supabase.auth.signInWithPassword({
         email,
-        password
+        password,
     });
     if (error) {
         return jsonResponse({ error: error.message }, 400);

package/dist/api/storage.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Upload a file to Supabase Storage and return proxy URL
+ */
+export declare function uploadFile(bucket: string, path: string, file: Blob, contentType: string): Promise<string>;
+/**
+ * Delete files from Supabase Storage
+ */
+export declare function deleteFiles(bucket: string, paths: string[]): Promise<void>;
+/**
+ * Delete files starting with a specific prefix (like user ID)
+ */
+export declare function deleteFilesWithPrefix(bucket: string, prefix: string): Promise<void>;
+//# sourceMappingURL=storage.d.ts.map

package/dist/api/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/api/storage.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAsB,UAAU,CAC9B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,MAAM,CAAC,CAcjB;AAED;;GAEG;AACH,wBAAsB,WAAW,CAC/B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EAAE,GACd,OAAO,CAAC,IAAI,CAAC,CAQf;AAED;;GAEG;AACH,wBAAsB,qBAAqB,CACzC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,IAAI,CAAC,CAiBf"}

package/dist/api/storage.js

@@ -0,0 +1,47 @@
+import { supabaseBrowserClient } from "@lastbrain/core";
+/**
+ * Upload a file to Supabase Storage and return proxy URL
+ */
+export async function uploadFile(bucket, path, file, contentType) {
+    const { data, error } = await supabaseBrowserClient.storage
+        .from(bucket)
+        .upload(path, file, {
+        contentType,
+        upsert: true,
+    });
+    if (error) {
+        throw new Error(`Upload failed: ${error.message}`);
+    }
+    // Return proxy URL instead of Supabase public URL
+    return `/api/storage/${bucket}/${data.path}`;
+}
+/**
+ * Delete files from Supabase Storage
+ */
+export async function deleteFiles(bucket, paths) {
+    const { error } = await supabaseBrowserClient.storage
+        .from(bucket)
+        .remove(paths);
+    if (error) {
+        throw new Error(`Delete failed: ${error.message}`);
+    }
+}
+/**
+ * Delete files starting with a specific prefix (like user ID)
+ */
+export async function deleteFilesWithPrefix(bucket, prefix) {
+    // List files with the prefix
+    const { data: files, error: listError } = await supabaseBrowserClient.storage
+        .from(bucket)
+        .list("", {
+        search: prefix,
+    });
+    if (listError) {
+        console.warn("Failed to list files for deletion:", listError);
+        return;
+    }
+    if (files && files.length > 0) {
+        const filePaths = files.map((file) => file.name);
+        await deleteFiles(bucket, filePaths);
+    }
+}

package/dist/auth.build.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth.build.config.d.ts","sourceRoot":"","sources":["../src/auth.build.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,QAAA,MAAM,eAAe,EAAE,iBA+GtB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"auth.build.config.d.ts","sourceRoot":"","sources":["../src/auth.build.config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,QAAA,MAAM,eAAe,EAAE,iBAuJtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/auth.build.config.js

@@ -45,12 +45,52 @@ const authBuildConfig = {
             entryPoint: "api/public/signin",
             authRequired: false,
         },
+        {
+            method: "GET",
+            path: "/api/auth/profile",
+            handlerExport: "GET",
+            entryPoint: "api/auth/profile",
+            authRequired: true,
+        },
+        {
+            method: "PUT",
+            path: "/api/auth/profile",
+            handlerExport: "PUT",
+            entryPoint: "api/auth/profile",
+            authRequired: true,
+        },
+        {
+            method: "PATCH",
+            path: "/api/auth/profile",
+            handlerExport: "PATCH",
+            entryPoint: "api/auth/profile",
+            authRequired: true,
+        },
+        {
+            method: "GET",
+            path: "/api/auth/me",
+            handlerExport: "GET",
+            entryPoint: "api/auth/me",
+            authRequired: true,
+        },
+        {
+            method: "GET",
+            path: "/api/admin/users",
+            handlerExport: "GET",
+            entryPoint: "api/admin/users",
+            authRequired: true,
+        },
     ],
     migrations: {
         enabled: true,
         priority: 20,
         path: "supabase/migrations",
-        files: ["001_auth_base.sql"],
+        files: [
+            "20251112000000_user_init.sql",
+            "20251112000001_auto_profile_and_admin_view.sql",
+            "20251112000002_sync_avatars.sql"
+        ],
+        migrationsDownPath: "supabase/migrations-down",
     },
     menu: {
         public: [
@@ -74,7 +114,7 @@ const authBuildConfig = {
                 title: "Gestion des utilisateurs",
                 description: "Gérez les utilisateurs de la plateforme",
                 icon: "Users2",
-                path: "/admin/users",
+                path: "/admin/auth/users",
                 order: 1,
             },
         ],

package/dist/web/admin/users.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/web/admin/users.tsx"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,4CAE7B"}
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../src/web/admin/users.tsx"],"names":[],"mappings":"AAsDA,wBAAgB,cAAc,4CA6O7B"}

package/dist/web/admin/users.js

@@ -1,4 +1,96 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { Card, CardBody, CardHeader, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell, Spinner, Chip, Input, Button, Pagination, Avatar, addToast, } from "@lastbrain/ui";
+import { Users, Search, RefreshCw } from "lucide-react";
 export function AdminUsersPage() {
-    return _jsx("div", { children: "Admin Users Page" });
+    const [users, setUsers] = useState([]);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [searchQuery, setSearchQuery] = useState("");
+    const [pagination, setPagination] = useState({
+        page: 1,
+        per_page: 20,
+        total: 0,
+        total_pages: 0,
+    });
+    const fetchUsers = useCallback(async () => {
+        try {
+            setIsLoading(true);
+            const params = new URLSearchParams({
+                page: pagination.page.toString(),
+                per_page: pagination.per_page.toString(),
+            });
+            if (searchQuery) {
+                params.append("search", searchQuery);
+            }
+            const response = await fetch(`/api/admin/users?${params}`);
+            if (response.status === 403) {
+                setError("You don't have permission to access this page");
+                addToast({
+                    title: "Access Denied",
+                    description: "Superadmin access required",
+                    color: "danger",
+                });
+                return;
+            }
+            if (!response.ok) {
+                throw new Error("Failed to fetch users");
+            }
+            const result = await response.json();
+            setUsers(result.data || []);
+            if (result.pagination) {
+                setPagination(result.pagination);
+            }
+            setError(null);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "An error occurred");
+            addToast({
+                title: "Error",
+                description: "Failed to load users",
+                color: "danger",
+            });
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [pagination.page, pagination.per_page, searchQuery]);
+    useEffect(() => {
+        fetchUsers();
+    }, [fetchUsers]);
+    const handleSearch = () => {
+        setPagination((prev) => ({ ...prev, page: 1 }));
+        fetchUsers();
+    };
+    const handlePageChange = (page) => {
+        setPagination((prev) => ({ ...prev, page }));
+    };
+    const formatDate = (dateString) => {
+        return new Date(dateString).toLocaleDateString("en-US", {
+            year: "numeric",
+            month: "short",
+            day: "numeric",
+        });
+    };
+    if (error && users.length === 0) {
+        return (_jsx("div", { className: "pt-12 pb-12 max-w-7xl mx-auto px-4", children: _jsx(Card, { children: _jsx(CardBody, { children: _jsx("p", { className: "text-danger", children: error }) }) }) }));
+    }
+    return (_jsxs("div", { className: "pt-12 pb-12 max-w-7xl mx-auto px-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-8", children: [_jsx(Users, { className: "w-8 h-8" }), _jsx("h1", { className: "text-3xl font-bold", children: "User Management" })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex flex-col md:flex-row gap-4 w-full", children: [_jsxs("div", { className: "flex gap-2 flex-1", children: [_jsx(Input, { placeholder: "Search by email or name...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), onKeyPress: (e) => {
+                                                if (e.key === "Enter") {
+                                                    handleSearch();
+                                                }
+                                            }, startContent: _jsx(Search, { className: "w-4 h-4 text-default-400" }), className: "flex-1" }), _jsx(Button, { color: "primary", onPress: handleSearch, isDisabled: isLoading, children: "Search" })] }), _jsx(Button, { variant: "flat", onPress: fetchUsers, isDisabled: isLoading, startContent: _jsx(RefreshCw, { className: "w-4 h-4" }), children: "Refresh" })] }) }), _jsx(CardBody, { children: isLoading ? (_jsx("div", { className: "flex justify-center items-center py-12", children: _jsx(Spinner, { size: "lg", label: "Loading users..." }) })) : users.length === 0 ? (_jsx("div", { className: "text-center py-12 text-default-500", children: "No users found" })) : (_jsxs(_Fragment, { children: [_jsxs(Table, { "aria-label": "Users table", children: [_jsxs(TableHeader, { children: [_jsx(TableColumn, { children: "USER" }), _jsx(TableColumn, { children: "EMAIL" }), _jsx(TableColumn, { children: "ROLE" }), _jsx(TableColumn, { children: "COMPANY" }), _jsx(TableColumn, { children: "LAST SIGN IN" }), _jsx(TableColumn, { children: "CREATED" }), _jsx(TableColumn, { children: "STATUS" })] }), _jsx(TableBody, { children: users.map((user) => {
+                                                const fullName = user.profile?.first_name && user.profile?.last_name
+                                                    ? `${user.profile.first_name} ${user.profile.last_name}`
+                                                    : user.full_name || "N/A";
+                                                const roleColor = user.role === "admin" || user.role === "superadmin"
+                                                    ? "danger"
+                                                    : user.role === "moderator"
+                                                        ? "secondary"
+                                                        : "default";
+                                                return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Avatar, { src: `/api/storage/${user.profile?.avatar_url}`, name: fullName, size: "sm" }), _jsx("span", { className: "text-small font-medium", children: fullName })] }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: user.email }) }), _jsx(TableCell, { children: _jsx(Chip, { color: roleColor, size: "sm", variant: "flat", children: user.role || "user" }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: user.profile?.company || "-" }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: user.last_sign_in_at
+                                                                    ? formatDate(user.last_sign_in_at)
+                                                                    : "Never" }) }), _jsx(TableCell, { children: _jsx("span", { className: "text-small", children: formatDate(user.created_at) }) }), _jsx(TableCell, { children: _jsx(Chip, { color: "success", size: "sm", variant: "flat", children: "Active" }) })] }, user.id));
+                                            }) })] }), pagination.total_pages > 1 && (_jsx("div", { className: "flex justify-center mt-4", children: _jsx(Pagination, { total: pagination.total_pages, page: pagination.page, onChange: handlePageChange, showControls: true }) })), _jsxs("div", { className: "mt-4 text-small text-default-500 text-center", children: ["Showing ", users.length, " of ", pagination.total, " users"] })] })) })] })] }));
 }

package/dist/web/auth/dashboard.d.ts

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

package/dist/web/auth/dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../src/web/auth/dashboard.tsx"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,4CAE5B"}
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../src/web/auth/dashboard.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,aAAa,mDAoL5B"}

package/dist/web/auth/dashboard.js

@@ -1,4 +1,44 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Card, CardBody, CardHeader, Spinner, Chip, Divider, Avatar, } from "@lastbrain/ui";
+import { User, Mail, Calendar, Shield } from "lucide-react";
 export function DashboardPage() {
-    return _jsx("div", { className: "pt-12", children: "Welcome to your dashboard!" });
+    const [userData, setUserData] = useState(null);
+    const [isLoading, setIsLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        fetchUserData();
+    }, []);
+    const fetchUserData = async () => {
+        try {
+            setIsLoading(true);
+            const response = await fetch("/api/auth/me");
+            if (!response.ok) {
+                throw new Error("Failed to fetch user data");
+            }
+            const result = await response.json();
+            setUserData(result.data);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "An error occurred");
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    if (isLoading) {
+        return (_jsx("div", { className: "flex justify-center items-center min-h-[400px]", children: _jsxs(Spinner, { color: "primary", size: "lg", children: [" ", _jsx("span", { className: "text-xs text-default-700", children: "Loading dashboard..." })] }) }));
+    }
+    if (error) {
+        return (_jsx("div", { className: "pt-12", children: _jsx(Card, { className: "max-w-2xl mx-auto", children: _jsx(CardBody, { children: _jsxs("p", { className: "text-danger", children: ["Error: ", error] }) }) }) }));
+    }
+    if (!userData) {
+        return null;
+    }
+    const fullName = userData.profile?.first_name && userData.profile?.last_name
+        ? `${userData.profile.first_name} ${userData.profile.last_name}`
+        : "User";
+    return (_jsxs("div", { className: "pt-12 pb-12 max-w-6xl mx-auto px-4", children: [_jsx("h1", { className: "text-3xl font-bold mb-8", children: "Dashboard" }), _jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [_jsxs(Card, { className: "col-span-full md:col-span-1", children: [_jsxs(CardHeader, { className: "flex gap-3", children: [_jsx(Avatar, { src: userData.profile?.avatar_url, icon: _jsx(User, {}), size: "lg", className: "flex-shrink-0" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("p", { className: "text-xl font-semibold", children: fullName }), _jsx("p", { className: "text-small text-default-500", children: userData.email })] })] }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Mail, { className: "w-4 h-4 text-default-400" }), _jsx("span", { className: "text-small", children: userData.email })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "w-4 h-4 text-default-400" }), _jsxs("span", { className: "text-small", children: ["Member since", " ", new Date(userData.created_at).toLocaleDateString()] })] }), userData.profile?.company && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Shield, { className: "w-4 h-4 text-default-400" }), _jsx("span", { className: "text-small", children: userData.profile.company })] }))] }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Account Status" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-small", children: "Status" }), _jsx(Chip, { color: "success", size: "sm", variant: "flat", children: "Active" })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-small", children: "Profile" }), _jsx(Chip, { color: userData.profile ? "success" : "warning", size: "sm", variant: "flat", children: userData.profile ? "Complete" : "Incomplete" })] })] }) })] }), userData.profile?.bio && (_jsxs(Card, { className: "col-span-full", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Bio" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsx("p", { className: "text-small text-default-600", children: userData.profile.bio }) })] })), _jsxs(Card, { className: "col-span-full", children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Quick Stats" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [_jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-primary", children: "0" }), _jsx("p", { className: "text-small text-default-500", children: "Projects" })] }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-success", children: "0" }), _jsx("p", { className: "text-small text-default-500", children: "Tasks" })] }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-warning", children: "0" }), _jsx("p", { className: "text-small text-default-500", children: "Notifications" })] }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-2xl font-bold text-secondary", children: Math.floor((Date.now() - new Date(userData.created_at).getTime()) /
+                                                        (1000 * 60 * 60 * 24)) }), _jsx("p", { className: "text-small text-default-500", children: "Days active" })] })] }) })] })] })] }));
 }

package/dist/web/auth/profile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../../../src/web/auth/profile.tsx"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,4CAE1B"}
+{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../../../src/web/auth/profile.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,WAAW,4CA4X1B"}

package/dist/web/auth/profile.js

@@ -1,4 +1,193 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Card, CardBody, CardHeader, Input, Textarea, Button, Spinner, Divider, addToast, AvatarUploader, } from "@lastbrain/ui";
+import { Save, User } from "lucide-react";
+import { uploadFile, deleteFilesWithPrefix } from "../../api/storage.js";
+import { supabaseBrowserClient } from "@lastbrain/core";
 export function ProfilePage() {
-    return _jsx("div", { className: "pt-12", children: "Welcome to your Profile!" });
+    const [profile, setProfile] = useState({});
+    const [isLoading, setIsLoading] = useState(true);
+    const [isSaving, setIsSaving] = useState(false);
+    const [_error, setError] = useState(null);
+    const [currentUser, setCurrentUser] = useState(null);
+    useEffect(() => {
+        fetchProfile();
+        fetchCurrentUser();
+    }, []);
+    const fetchCurrentUser = async () => {
+        try {
+            const { data: { user }, } = await supabaseBrowserClient.auth.getUser();
+            setCurrentUser(user);
+        }
+        catch (err) {
+            console.error("Error fetching current user:", err);
+        }
+    };
+    const fetchProfile = async () => {
+        try {
+            setIsLoading(true);
+            const response = await fetch("/api/auth/profile");
+            if (!response.ok) {
+                throw new Error("Failed to fetch profile");
+            }
+            const result = await response.json();
+            if (result.data) {
+                setProfile(result.data);
+            }
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "An error occurred");
+            addToast({
+                title: "Error",
+                description: "Failed to load profile",
+                color: "danger",
+            });
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setIsSaving(true);
+        try {
+            const response = await fetch("/api/auth/profile", {
+                method: "PUT",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify(profile),
+            });
+            if (!response.ok) {
+                throw new Error("Failed to update profile");
+            }
+            addToast({
+                title: "Success",
+                description: "Profile updated successfully",
+                color: "success",
+            });
+        }
+        catch (err) {
+            console.error("Error updating profile:", err);
+            setError(err instanceof Error ? err.message : "An error occurred");
+            addToast({
+                title: "Error",
+                description: "Failed to update profile",
+                color: "danger",
+            });
+        }
+        finally {
+            setIsSaving(false);
+        }
+    };
+    const handleChange = (field, value) => {
+        setProfile((prev) => ({ ...prev, [field]: value }));
+    };
+    const handleAvatarUpload = async (files) => {
+        if (!currentUser)
+            throw new Error("User not authenticated");
+        const version = Date.now();
+        const urls = {
+            small: "",
+            medium: "",
+            large: "",
+        };
+        // Upload all three sizes
+        urls.small = await uploadFile("avatar", `${currentUser.id}_32_${version}.webp`, files.small, "image/webp");
+        urls.medium = await uploadFile("avatar", `${currentUser.id}_64_${version}.webp`, files.medium, "image/webp");
+        urls.large = await uploadFile("avatar", `${currentUser.id}_128_${version}.webp`, files.large, "image/webp");
+        // Update user metadata
+        await supabaseBrowserClient.auth.updateUser({
+            data: {
+                avatar: `avatar/${currentUser.id}_128_${version}.webp`,
+                avatar_sizes: {
+                    small: `avatar/${currentUser.id}_32_${version}.webp`,
+                    medium: `avatar/${currentUser.id}_64_${version}.webp`,
+                    large: `avatar/${currentUser.id}_128_${version}.webp`,
+                },
+            },
+        });
+        // Update profile avatar_url in database
+        try {
+            const response = await fetch("/api/auth/profile", {
+                method: "PATCH",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    avatar_url: `/avatar/${currentUser.id}_128_${version}.webp`,
+                }),
+            });
+            if (!response.ok) {
+                console.error("Failed to update avatar_url in profile");
+            }
+        }
+        catch (error) {
+            console.error("Error updating profile avatar_url:", error);
+        }
+        // Update profile avatar_url locally
+        setProfile((prev) => ({
+            ...prev,
+            avatar_url: `/avatar/${currentUser.id}_128_${version}.webp`,
+        }));
+        return urls;
+    };
+    const handleAvatarDelete = async () => {
+        if (!currentUser)
+            throw new Error("User not authenticated");
+        // Delete old files
+        await deleteFilesWithPrefix("avatar", currentUser.id);
+        // Update user metadata
+        await supabaseBrowserClient.auth.updateUser({
+            data: {
+                avatar: null,
+                avatar_sizes: {
+                    small: null,
+                    medium: null,
+                    large: null,
+                },
+            },
+        });
+        // Update profile avatar_url in database
+        try {
+            const response = await fetch("/api/auth/profile", {
+                method: "PATCH",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    avatar_url: null,
+                }),
+            });
+            if (!response.ok) {
+                console.error("Failed to update avatar_url in profile");
+            }
+        }
+        catch (error) {
+            console.error("Error updating profile avatar_url:", error);
+        }
+        // Update profile locally
+        setProfile((prev) => ({ ...prev, avatar_url: "" }));
+    };
+    if (isLoading) {
+        return (_jsx("div", { className: "flex justify-center items-center min-h-[400px]", children: _jsx(Spinner, { size: "lg", label: "Loading profile..." }) }));
+    }
+    return (_jsxs("div", { className: "pt-12 pb-12 max-w-4xl mx-auto px-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-8", children: [_jsx(User, { className: "w-8 h-8" }), _jsx("h1", { className: "text-3xl font-bold", children: "Edit Profile" })] }), _jsx("form", { onSubmit: handleSubmit, children: _jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Photo de profil" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsx("div", { className: "flex justify-center", children: _jsx(AvatarUploader, { userId: currentUser?.id, bucket: "avatar", shape: "circle", onUpload: handleAvatarUpload, onDelete: handleAvatarDelete, initialAvatarPath: currentUser?.user_metadata?.avatar ||
+                                                profile.avatar_url ||
+                                                null, initialAvatarSizes: (() => {
+                                                const sizes = currentUser?.user_metadata
+                                                    ?.avatar_sizes;
+                                                if (!sizes)
+                                                    return null;
+                                                return {
+                                                    small: sizes.small ?? null,
+                                                    medium: sizes.medium ?? null,
+                                                    large: sizes.large ?? null,
+                                                };
+                                            })(), onUploaded: (urls) => {
+                                                setProfile((prev) => ({ ...prev, avatar_url: urls.large }));
+                                            }, onDeleted: () => {
+                                                setProfile((prev) => ({ ...prev, avatar_url: "" }));
+                                            } }) }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Personal Information" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsx(Input, { label: "First Name", placeholder: "Enter your first name", value: profile.first_name || "", onChange: (e) => handleChange("first_name", e.target.value) }), _jsx(Input, { label: "Last Name", placeholder: "Enter your last name", value: profile.last_name || "", onChange: (e) => handleChange("last_name", e.target.value) }), _jsx(Input, { label: "Phone", placeholder: "Enter your phone number", type: "tel", value: profile.phone || "", onChange: (e) => handleChange("phone", e.target.value), className: "md:col-span-2" }), _jsx(Textarea, { label: "Bio", placeholder: "Tell us about yourself", value: profile.bio || "", onChange: (e) => handleChange("bio", e.target.value), minRows: 3, className: "md:col-span-2" })] }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Professional Information" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsx(Input, { label: "Company", placeholder: "Enter your company name", value: profile.company || "", onChange: (e) => handleChange("company", e.target.value) }), _jsx(Input, { label: "Website", placeholder: "https://example.com", type: "url", value: profile.website || "", onChange: (e) => handleChange("website", e.target.value) }), _jsx(Input, { label: "Location", placeholder: "City, Country", value: profile.location || "", onChange: (e) => handleChange("location", e.target.value), className: "md:col-span-2" })] }) })] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx("h3", { className: "text-lg font-semibold", children: "Preferences" }) }), _jsx(Divider, {}), _jsx(CardBody, { children: _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsx(Input, { label: "Language", placeholder: "en, fr, es...", value: profile.language || "", onChange: (e) => handleChange("language", e.target.value) }), _jsx(Input, { label: "Timezone", placeholder: "Europe/Paris, America/New_York...", value: profile.timezone || "", onChange: (e) => handleChange("timezone", e.target.value) })] }) })] }), _jsxs("div", { className: "flex justify-end gap-3", children: [_jsx(Button, { type: "button", variant: "flat", onPress: () => fetchProfile(), isDisabled: isSaving, children: "Cancel" }), _jsx(Button, { type: "submit", color: "primary", isLoading: isSaving, startContent: !isSaving && _jsx(Save, { className: "w-4 h-4" }), children: isSaving ? "Saving..." : "Save Changes" })] })] }) })] }));
 }

package/dist/web/auth/reglage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reglage.d.ts","sourceRoot":"","sources":["../../../src/web/auth/reglage.tsx"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,4CAE1B"}
+{"version":3,"file":"reglage.d.ts","sourceRoot":"","sources":["../../../src/web/auth/reglage.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,WAAW,4CA6P1B"}