@lastbrain/module-auth 2.0.27 → 2.0.31

package/src/components/AccountButton.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { AppLink, Button } from "@lastbrain/ui";
+import { AppLink, Button, ThemeSwitcher } from "@lastbrain/ui";
 import { Avatar } from "@lastbrain/ui";
 import {
   Dropdown,
@@ -10,8 +10,9 @@ import {
 } from "@lastbrain/ui";
 import * as LucideIcons from "lucide-react";
 import type { User } from "@supabase/supabase-js";
-import { useModuleTranslation, langHref } from "@lastbrain/app";
+import { useModuleTranslation } from "@lastbrain/app";
 import { useLanguage } from "@lastbrain/app";
+import { useLocalizedRouter, supabaseBrowserClient } from "@lastbrain/core";
 
 interface AccountButtonProps {
   item: {
@@ -42,49 +43,46 @@ export const AccountButton = ({
 }: AccountButtonProps) => {
   const { lang } = useLanguage();
   const t = useModuleTranslation("auth");
+  const router = useLocalizedRouter();
 
   if (!user)
     return (
       <>
-        <div className="block md:hidden">
+        <div className="block sm:hidden flex flex-inline gap-2 item-center">
           <Button
             as={AppLink}
             href="/signin"
             radius="full"
             isIconOnly
-            variant="light"
-            color="primary"
-          >
-            <LucideIcons.LogIn size={16} />
-          </Button>
-          <Button
-            as={AppLink}
-            href="/signup"
-            radius="full"
-            isIconOnly
             variant="flat"
-            className="ml-2"
-            color="secondary"
+            color="primary"
           >
             <LucideIcons.UserPlus2 size={16} />
           </Button>
+          <div className="ms-2">
+            <ThemeSwitcher />
+          </div>
         </div>
-        <div className="hidden md:block">
+        <div className="hidden sm:block flex flex-inline gap-2 item-center">
           <Button
             as={AppLink}
             href="/signin"
             startContent={<LucideIcons.LogIn size={16} />}
             variant="light"
             color="primary"
+            radius="full"
+            size="sm"
           >
             {t("signin")}
           </Button>
           <Button
             as={AppLink}
             href="/signup"
-            variant="flat"
+            variant="bordered"
             className="ml-2"
             color="secondary"
+            radius="full"
+            size="sm"
             startContent={<LucideIcons.UserPlus2 size={16} />}
           >
             {t("signup")}
@@ -94,80 +92,106 @@ export const AccountButton = ({
     );
 
   return (
-    <Dropdown>
-      <DropdownTrigger>
-        {user?.user_metadata.avatar ? (
-          <Avatar
-            size="sm"
-            src={
-              user?.user_metadata.avatar
-                ? `/api/storage/${user?.user_metadata.avatar}`
-                : undefined
-            }
-            title={user.email}
-            fallback={<LucideIcons.User2 size={18} />}
-            classNames={{
-              base: "cursor-pointer bg-white/0",
-              icon: "text-default-700",
-            }}
-          />
-        ) : (
-          <Button size="sm" variant="flat" radius="full" isIconOnly>
-            <LucideIcons.User2 size={16} />
-          </Button>
-        )}
-      </DropdownTrigger>
+    <div className="flex flex-inline gap-2">
+      <Dropdown>
+        <DropdownTrigger>
+          {user?.user_metadata.avatar ? (
+            <Avatar
+              size="sm"
+              src={
+                user?.user_metadata.avatar
+                  ? `/api/storage/${user?.user_metadata.avatar}`
+                  : undefined
+              }
+              title={user.email}
+              fallback={<LucideIcons.User2 size={18} />}
+              classNames={{
+                base: "cursor-pointer bg-white/0",
+                icon: "text-default-700",
+              }}
+            />
+          ) : (
+            <Button size="sm" variant="flat" radius="full" isIconOnly>
+              <LucideIcons.User2 size={16} />
+            </Button>
+          )}
+        </DropdownTrigger>
+
+        <DropdownMenu
+          className="relative"
+          items={[
+            {
+              key: "hello",
+              label: `${t("hello")} ${
+                user?.user_metadata?.full_name || user.email
+              }`,
+              isReadOnly: true,
+            },
+            ...accountMenu.map((item) => ({
+              key: item.path,
+              label: item.title,
+              description: item.description,
+              icon: item.icon,
+              isLogout:
+                item.path.includes("signout") || item.path.includes("logout"),
+              href:
+                item.path.includes("signout") || item.path.includes("logout")
+                  ? undefined
+                  : item.path,
+            })),
+          ]}
+        >
+          {(item: {
+            key: string;
+            label: string;
+            description?: string;
+            icon?: string;
+            isLogout?: boolean;
+            href?: string;
+            isReadOnly?: boolean;
+          }) => {
+            const Icon = item.icon ? getIcon(item.icon) : null;
 
-      <DropdownMenu
-        items={[
-          {
-            key: "hello",
-            label: `${t("hello")} ${
-              user?.user_metadata?.full_name || user.email
-            }`,
-            isReadOnly: true,
-          },
-          ...accountMenu.map((item) => ({
-            key: item.path,
-            label: item.title,
-            description: item.description,
-            icon: item.icon,
-            isLogout:
-              item.path.includes("signout") || item.path.includes("logout"),
-            href:
-              item.path.includes("signout") || item.path.includes("logout")
-                ? undefined
-                : langHref(item.path, lang),
-          })),
-        ]}
-      >
-        {(item: {
-          key: string;
-          label: string;
-          description?: string;
-          icon?: string;
-          isLogout?: boolean;
-          href?: string;
-          isReadOnly?: boolean;
-        }) => {
-          const Icon = item.icon ? getIcon(item.icon) : null;
+            const handleLogout = async () => {
+              try {
+                if (onLogout) {
+                  await onLogout();
+                } else {
+                  // default fallback: sign out via supabase client
+                  try {
+                    await supabaseBrowserClient.auth.signOut();
+                  } catch (_e) {
+                    // ignore
+                  }
+                }
+              } finally {
+                try {
+                  router.push("/");
+                } catch (_e) {
+                  // ignore routing errors
+                }
+              }
+            };
 
-          return (
-            <DropdownItem
-              key={item.key}
-              href={item.href}
-              onPress={item.isLogout ? () => onLogout?.() : undefined}
-              color={item.isLogout ? "danger" : "default"}
-              description={!item.isLogout && item.description}
-              startContent={Icon && <Icon size={16} />}
-              isDisabled={item.isReadOnly}
-              isReadOnly={item.isReadOnly}
-            >
-              {item.label}
-            </DropdownItem>
-          );
-        }}
-      </DropdownMenu>
-    </Dropdown>
+            return (
+              <DropdownItem
+                as={AppLink}
+                key={item.key}
+                href={item.href}
+                onPress={item.isLogout ? handleLogout : undefined}
+                color={item.isLogout ? "danger" : "default"}
+                description={!item.isLogout && item.description}
+                startContent={Icon && <Icon size={16} />}
+                isDisabled={item.isReadOnly}
+                isReadOnly={item.isReadOnly}
+              >
+                {item.label}
+              </DropdownItem>
+            );
+          }}
+        </DropdownMenu>
+      </Dropdown>
+      <ThemeSwitcher />
+    </div>
   );
 };

package/src/components/Doc.tsx

@@ -93,6 +93,24 @@ export function Doc() {
                   - ResetPassword
                 </span>
               </div>
+              <div className="flex items-start gap-2">
+                <Chip size="sm" color="success" variant="flat">
+                  GET
+                </Chip>
+                <code className="text-sm">/confirm</code>
+                <span className="text-sm text-slate-600 dark:text-slate-400">
+                  - ConfirmPage
+                </span>
+              </div>
+              <div className="flex items-start gap-2">
+                <Chip size="sm" color="success" variant="flat">
+                  GET
+                </Chip>
+                <code className="text-sm">/auth-code-error</code>
+                <span className="text-sm text-slate-600 dark:text-slate-400">
+                  - AuthCodeErrorPage
+                </span>
+              </div>
             </div>
           </div>
           <div>
@@ -100,15 +118,6 @@ export function Doc() {
               Pages Protégées (Auth)
             </h3>
             <div className="space-y-2">
-              <div className="flex items-start gap-2">
-                <Chip size="sm" color="primary" variant="flat">
-                  GET
-                </Chip>
-                <code className="text-sm">/dashboard</code>
-                <span className="text-sm text-slate-600 dark:text-slate-400">
-                  - DashboardPage
-                </span>
-              </div>
               <div className="flex items-start gap-2">
                 <Chip size="sm" color="primary" variant="flat">
                   GET
@@ -201,6 +210,25 @@ export function Doc() {
               </Chip>
             </div>
           </div>
+          <div>
+            <h3 className="text-lg font-semibold mb-2">
+              <code>/api/public/callback</code>
+            </h3>
+            <div className="flex gap-2">
+              <Chip size="sm" color="success" variant="flat">
+                GET
+              </Chip>
+              <Chip size="sm" color="primary" variant="flat">
+                POST
+              </Chip>
+              <Chip size="sm" color="warning" variant="flat">
+                PUT
+              </Chip>
+              <Chip size="sm" color="danger" variant="flat">
+                DELETE
+              </Chip>
+            </div>
+          </div>
           <div>
             <h3 className="text-lg font-semibold mb-2">
               <code>/api/auth/profile</code>
@@ -284,6 +312,16 @@ export function Doc() {
             title="user_notifications"
             description="Table user_notifications du module auth"
           />
+          <TableStructure
+            tableName="global_addons"
+            title="global_addons"
+            description="Table global_addons du module auth"
+          />
+          <TableStructure
+            tableName="user_global_addons"
+            title="user_global_addons"
+            description="Table user_global_addons du module auth"
+          />
         </CardBody>
       </Card>
 

package/src/components/HasProfil.tsx

@@ -0,0 +1,63 @@
+import { logger, useModuleTranslation } from "@lastbrain/core";
+import { Alert, AppLink, Skeleton } from "@lastbrain/ui";
+import { useEffect, useState } from "react";
+
+export const HasProfil = ({
+  hasUpdate,
+}: {
+  hasUpdate?: (value: boolean | null) => void;
+}) => {
+  const [profil, setProfil] = useState<any>(null);
+  const t = useModuleTranslation("auth");
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchStats = async () => {
+      try {
+        const responseProfil = await fetch("/api/auth/profile");
+        if (!responseProfil.ok) {
+          throw new Error("Failed to load stats");
+        }
+        const jsonProfil = await responseProfil.json();
+
+        setProfil(jsonProfil.data);
+        if (jsonProfil.data && jsonProfil.data.first_name) {
+          hasUpdate?.(true);
+        } else {
+          hasUpdate?.(false);
+        }
+      } catch (error) {
+        logger.error("[HasProfil] stats error", error);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchStats();
+  }, []);
+
+  if (loading) {
+    return (
+      <div className="mb-6 mt-6">
+        <Skeleton className="w-full h-12 w-full rounded-md" />
+      </div>
+    );
+  }
+  return (
+    <div className="mb-6 mt-6">
+      {!profil ||
+        (!profil.first_name ? (
+          <Alert
+            color="danger"
+            endContent={
+              <AppLink className="underline" href="/auth/profile">
+                Go
+              </AppLink>
+            }
+          >
+            {t("please_complete_your_profile")}
+          </Alert>
+        ) : null)}
+    </div>
+  );
+};

package/src/components/auth/dashboard.tsx

@@ -9,10 +9,13 @@ import {
   Chip,
   Divider,
   Avatar,
+  Skeleton,
 } from "@lastbrain/ui";
 
 import { User, Mail, Calendar, Shield, LayoutDashboard } from "lucide-react";
 import { useModuleTranslation } from "@lastbrain/core";
+import { useRouter } from "next/navigation";
+import { HasProfil } from "../HasProfil";
 
 interface UserData {
   id: string;
@@ -33,6 +36,8 @@ export function DashboardPage() {
   const [userData, setUserData] = useState<UserData | null>(null);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
+  const [hasUpdate, setHasUpdate] = useState<boolean | null>(null);
+  const router = useRouter();
 
   useEffect(() => {
     fetchUserData();
@@ -41,13 +46,36 @@ export function DashboardPage() {
   const fetchUserData = async () => {
     try {
       setIsLoading(true);
-      const response = await fetch("/api/auth/me");
+      const response = await fetch("/api/auth/me", { credentials: "include" });
 
       if (!response.ok) {
         throw new Error("Failed to fetch user data");
       }
 
       const result = await response.json();
+
+      // Si le serveur a synchronisé la locale côté cookie, rediriger
+      // le client vers le même chemin préfixé par la langue du profil.
+      if (result?.localeUpdated && result?.profileLang) {
+        try {
+          const profileLang = result.profileLang as string;
+          const pathname = window.location.pathname;
+          const search = window.location.search || "";
+          // Retirer un préfixe langue existant
+          const pathWithoutLang =
+            pathname.replace(/^\/[a-z]{2}(?=\/|$)/, "") || "/";
+          // Éviter de rediriger vers des routes API
+          const safePath = pathWithoutLang.startsWith("/api")
+            ? "/"
+            : pathWithoutLang;
+          const target = `${profileLang.startsWith("/") ? profileLang : "/" + profileLang}${safePath}${search}`;
+          router.replace(target);
+          return;
+        } catch (e) {
+          console.debug("dashboard: locale redirect failed", e);
+        }
+      }
+
       setUserData(result.data);
     } catch (err) {
       setError(err instanceof Error ? err.message : "An error occurred");
@@ -84,16 +112,25 @@ export function DashboardPage() {
   }
 
   if (!userData) {
-    return null;
+    return (
+      <>
+        <HasProfil />
+      </>
+    );
   }
 
   const fullName =
-    userData.profile?.first_name && userData.profile?.last_name
+    userData?.profile?.first_name && userData.profile?.last_name
       ? `${userData.profile.first_name} ${userData.profile.last_name}`
       : "User";
 
   return (
-    <div className="md:pt-8  max-w-6xl mx-auto">
+    <div className="max-w-6xl mx-auto">
+      <HasProfil
+        hasUpdate={(v) => {
+          setHasUpdate(v);
+        }}
+      />
       <div className="flex flex-inline items-center gap-2 mb-4">
         <LayoutDashboard size={24} />
         <h1 className="text-3xl font-bold ">
@@ -162,15 +199,19 @@ export function DashboardPage() {
                 <span className="text-small">
                   {t("dashboard.profile") || "Profile"}
                 </span>
-                <Chip
-                  color={userData.profile ? "success" : "warning"}
-                  size="sm"
-                  variant="flat"
-                >
-                  {userData.profile
-                    ? t("dashboard.complete") || "Complete"
-                    : t("dashboard.incomplete") || "Incomplete"}
-                </Chip>
+                {hasUpdate === null ? (
+                  <Skeleton className="w-16 h-6 rounded-full" />
+                ) : (
+                  <Chip
+                    color={hasUpdate ? "success" : "warning"}
+                    size="sm"
+                    variant="flat"
+                  >
+                    {hasUpdate
+                      ? t("dashboard.complete") || "Complete"
+                      : t("dashboard.incomplete") || "Incomplete"}
+                  </Chip>
+                )}
               </div>
             </div>
           </CardBody>

package/src/i18n/en.json

@@ -17,9 +17,11 @@
   "hello": "Hello",
   "menu.notifications": "Notifications",
   "menu.notifications_desc": "Your notifications",
+  "module-auth.folder.storage_usage": "Storage Usage",
   "menu.account": "Account",
   "menu.account_desc": "Manage your account",
   "menu.theme": "Theme",
+  "module-auth.or": "OR",
   "menu.theme_desc": "Change the theme",
   "menu.dashboard": "Dashboard",
   "menu.dashboard_desc": "Access your dashboard",
@@ -119,6 +121,19 @@
   "profile.avatar": "Profile picture",
   "profile.save": "Save",
   "profile.saving": "Saving...",
+  "profile.security": "Security",
+  "profile.security_new_email": "New email",
+  "profile.security_new_email_placeholder": "new@email.com",
+  "profile.security_email_change_btn": "Send confirmation",
+  "profile.security_email_change_sent": "Confirmation sent",
+  "profile.security_email_change_desc": "Check the new email to confirm the change",
+  "profile.security_email_required": "New email is required",
+  "profile.security_error": "Error",
+  "profile.security_reset_sent": "Link sent",
+  "profile.security_reset_desc": "Check your email to reset your password",
+  "profile.security_reset_title": "Reset password",
+  "profile.security_reset_help": "We will send a reset link to your email",
+  "profile.security_reset_btn": "Send link",
   "profile.success": "Success",
   "profile.updated": "Profile updated successfully",
   "profile.success_title": "Success",
@@ -164,16 +179,20 @@
   "signup_stats.total": "Total signups",
   "signup_stats.lastbrain": "LastBrain signups",
   "signup_stats.recipe": "Recipe signups",
-  "reset_password.title": "Reset password",
-  "reset_password.subtitle": "Enter your email to receive a reset link",
-  "reset_password.email_placeholder": "your@email.com",
-  "reset_password.submit": "Send link",
-  "reset_password.success": "Check your email for the reset link",
-  "reset_password.error": "Error sending link",
-  "reset_password.back_to_signin": "Back to sign in",
+  "module-auth.reset_password.title": "Reset password",
+  "module-auth.reset_password.subtitle": "Enter your email to receive a reset link",
+  "module-auth.reset_password.email_placeholder": "your@email.com",
+  "module-auth.reset_password.submit": "Send link",
+  "module-auth.reset_password.success": "Check your email for the reset link",
+  "module-auth.reset_password.error": "Error sending link",
+  "module-auth.reset_password.link_expired": "Invalid or expired link, please request a new one.",
+  "module-auth.reset_password.back_to_signin": "Back to sign in",
   "folder.loading": "Loading folder...",
   "folder.error": "Error",
   "folder.title": "Folder",
+  "please_complete_your_profile": "Please complete your profile to continue.",
+  "module-auth.dashboard.incomplete": "Incomplete",
+
   "users_by_source.title": "Users by signup source",
   "users_by_source.search_placeholder": "Search by email or name...",
   "users_by_source.filter_label": "Filter by source",
@@ -242,6 +261,10 @@
   "user_detail.notification_type_danger": "Danger",
   "user_detail.notification_type_success": "Success",
   "user_detail.send_button": "Send notification",
+  "user_detail.tab_storage": "Storage",
+  "user_detail.storage_usage": "Storage usage",
+  "user_detail.storage_addons": "Active storage addons",
+  "user_detail.no_storage_addons": "No active storage addons",
   "user_detail.tab_settings": "Settings",
   "user_detail.admin_actions": "Admin actions",
   "user_detail.reset_password_btn": "Reset password",
@@ -261,5 +284,50 @@
   "users.column_actions": "ACTIONS",
   "users.never": "Never",
   "users.view_button": "View",
-  "users.showing_results": "Showing {{count}} of {{total}} users"
+  "users.showing_results": "Showing {{count}} of {{total}} users",
+  "module-auth.settings.account": "Account Settings",
+  "module-auth.settings.appearance": "Appearance",
+  "module-auth.settings.dark": "Dark",
+  "module-auth.settings.email_notifications": "Email Notifications",
+  "module-auth.settings.email_notifications_desc": "Receive email notifications for important updates",
+  "module-auth.settings.error": "Error",
+  "module-auth.settings.language": "Language",
+  "module-auth.settings.language_placeholder": "Select a language",
+  "module-auth.settings.language_region": "Language & Region",
+  "module-auth.settings.lang_de": "Deutsch",
+  "module-auth.settings.lang_en": "English",
+  "module-auth.settings.lang_es": "Español",
+  "module-auth.settings.lang_fr": "Français",
+  "module-auth.settings.light": "Light",
+  "module-auth.settings.load_error_description": "Failed to load settings",
+  "module-auth.settings.load_error_title": "Error",
+  "module-auth.settings.loading": "Loading settings...",
+  "module-auth.settings.marketing_emails": "Marketing Emails",
+  "module-auth.settings.marketing_emails_desc": "Receive emails about new features and updates",
+  "module-auth.settings.notifications": "Notifications",
+  "module-auth.settings.push_notifications": "Push Notifications",
+  "module-auth.settings.push_notifications_desc": "Receive push notifications in your browser",
+  "module-auth.settings.reset": "Reset",
+  "module-auth.settings.save_button": "Save Settings",
+  "module-auth.settings.saving": "Saving...",
+  "module-auth.settings.select_theme": "Select a theme",
+  "module-auth.settings.success": "Success",
+  "module-auth.settings.system": "System",
+  "module-auth.settings.theme": "Theme",
+  "module-auth.settings.timezone": "Timezone",
+  "module-auth.settings.timezone_placeholder": "Select a timezone",
+  "module-auth.settings.tz_la": "America/Los_Angeles",
+  "module-auth.settings.tz_ny": "America/New_York",
+  "module-auth.settings.tz_paris": "Europe/Paris",
+  "module-auth.settings.tz_tokyo": "Asia/Tokyo",
+  "module-auth.settings.tz_utc": "UTC",
+  "module-auth.settings.update_failed": "Failed to update settings",
+  "module-auth.settings.updated": "Settings updated successfully",
+  "module-auth.user_detail.suspended": "Suspended",
+  "module-auth.user_detail.active": "Active",
+  "module-auth.user_detail.reactivate_account_btn": "Reactivate account",
+  "signin.suspended_title": "Account Suspended",
+  "module-auth.folder.note": "Note: This space groups the files generated by your different applications and modules. All files remain centralized and accessible from your personal space.",
+
+  "signin.suspended_message": "Your account has been suspended. Please contact support for more information."
 }