@lastbrain/module-auth 2.0.13 → 2.0.19

package/src/web/admin/user-detail.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useState, useEffect, useCallback } from "react";
+import { useModuleTranslation, useLanguage } from "@lastbrain/core";
 import {
   Card,
   CardHeader,
@@ -70,6 +71,8 @@ export function UserDetailPage({
   userId,
   moduleUserTabs = [],
 }: UserDetailPageProps) {
+  const t = useModuleTranslation("auth");
+  const { t: tGlobal } = useLanguage(); // Pour les traductions des autres modules
   const { user: _currentUser } = useAuth();
   const [userProfile, setUserProfile] = useState<UserProfile | null>(null);
   const [loading, setLoading] = useState(true);
@@ -100,7 +103,11 @@ export function UserDetailPage({
       const userDetails = await response.json();
       setUserProfile(userDetails);
     } catch (error) {
-      console.error("Erreur lors du chargement du profil:", error);
+      console.error(
+        t("user_detail.profile_loading_error") ||
+          "Erreur lors du chargement du profil:",
+        error
+      );
       setUserProfile(null);
     } finally {
       setLoading(false);
@@ -116,7 +123,9 @@ export function UserDetailPage({
     if (!notificationTitle.trim() || !notificationMessage.trim()) {
       addToast({
         color: "danger",
-        title: "Veuillez remplir le titre et le message",
+        title:
+          t("user_detail.fill_title_message") ||
+          "Veuillez remplir le titre et le message",
       });
       return;
     }
@@ -149,12 +158,16 @@ export function UserDetailPage({
 
       addToast({
         color: "success",
-        title: "Notification envoyée avec succès",
+        title:
+          t("user_detail.notification_sent_success") ||
+          "Notification envoyée avec succès",
       });
     } catch {
       addToast({
         color: "danger",
-        title: "Erreur lors de l'envoi de la notification",
+        title:
+          t("user_detail.notification_send_error") ||
+          "Erreur lors de l'envoi de la notification",
       });
     } finally {
       setSendingNotification(false);
@@ -173,7 +186,9 @@ export function UserDetailPage({
     return (
       <Card>
         <CardBody>
-          <p className="text-center text-gray-500">Utilisateur non trouvé</p>
+          <p className="text-center text-gray-500">
+            {t("user_detail.user_not_found") || "Utilisateur non trouvé"}
+          </p>
         </CardBody>
       </Card>
     );
@@ -204,14 +219,16 @@ export function UserDetailPage({
                 {userProfile.full_name || userProfile.email}
               </h1>
               <p className="text-sm text-default-500 ">
-                <span className="">Dernière connexion:</span>{" "}
+                <span className="">
+                  {t("user_detail.last_login") || "Dernière connexion:"}
+                </span>{" "}
                 {userProfile.last_sign_in_at
                   ? new Date(userProfile.last_sign_in_at).toLocaleDateString()
-                  : "N/A"}{" "}
-                à{" "}
+                  : t("user_detail.not_available") || "N/A"}{" "}
+                {t("user_detail.at") || "à"}{" "}
                 {userProfile.last_sign_in_at
                   ? new Date(userProfile.last_sign_in_at).toLocaleTimeString()
-                  : "N/A"}
+                  : t("user_detail.not_available") || "N/A"}
               </p>
             </div>
             <p className="text-gray-500">{userProfile.email}</p>
@@ -221,7 +238,9 @@ export function UserDetailPage({
                 color={isAdmin ? "danger" : "primary"}
                 size="sm"
               >
-                {isAdmin ? "Administrateur" : "Utilisateur"}
+                {isAdmin
+                  ? t("user_detail.administrator") || "Administrateur"
+                  : t("user_detail.user") || "Utilisateur"}
               </Chip>
               {userProfile.profile?.signup_source && (
                 <Chip
@@ -234,8 +253,8 @@ export function UserDetailPage({
                   size="sm"
                 >
                   {userProfile.profile.signup_source.toLowerCase() === "recipe"
-                    ? "Recipe"
-                    : "LastBrain"}
+                    ? t("user_detail.source_recipe") || "Recipe"
+                    : t("user_detail.source_lastbrain") || "LastBrain"}
                 </Chip>
               )}
               <Snippet color="default" size="sm" symbol="#">
@@ -252,7 +271,7 @@ export function UserDetailPage({
           {/* moduleUserTabs injectés (debug retiré) */}
 
           <Tabs
-            aria-label="Options utilisateur"
+            aria-label={t("user_detail.user_options") || "Options utilisateur"}
             color="primary"
             variant="underlined"
           >
@@ -262,7 +281,7 @@ export function UserDetailPage({
               title={
                 <div className="flex items-center space-x-2">
                   <User size={16} />
-                  <span>Profil</span>
+                  <span>{t("user_detail.tab_profile") || "Profil"}</span>
                 </div>
               }
             >
@@ -272,18 +291,24 @@ export function UserDetailPage({
                   <CardBody>
                     <h3 className="font-semibold text-lg mb-4 flex items-center gap-2">
                       <User size={18} />
-                      Identité
+                      {t("user_detail.identity_section") || "Identité"}
                     </h3>
                     <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
                       <div>
-                        <span className="text-default-500">Nom complet</span>
+                        <span className="text-default-500">
+                          {t("user_detail.full_name") || "Nom complet"}
+                        </span>
                         <p className="font-medium mt-1">
-                          {userProfile.full_name || "Non renseigné"}
+                          {userProfile.full_name ||
+                            t("user_detail.not_provided") ||
+                            "Non renseigné"}
                         </p>
                       </div>
                       {userProfile.profile?.first_name && (
                         <div>
-                          <span className="text-default-500">Prénom</span>
+                          <span className="text-default-500">
+                            {t("user_detail.first_name") || "Prénom"}
+                          </span>
                           <p className="font-medium mt-1">
                             {userProfile.profile.first_name}
                           </p>
@@ -291,19 +316,25 @@ export function UserDetailPage({
                       )}
                       {userProfile.profile?.last_name && (
                         <div>
-                          <span className="text-default-500">Nom</span>
+                          <span className="text-default-500">
+                            {t("user_detail.last_name") || "Nom"}
+                          </span>
                           <p className="font-medium mt-1">
                             {userProfile.profile.last_name}
                           </p>
                         </div>
                       )}
                       <div>
-                        <span className="text-default-500">Email</span>
+                        <span className="text-default-500">
+                          {t("user_detail.email") || "Email"}
+                        </span>
                         <p className="font-medium mt-1">{userProfile.email}</p>
                       </div>
                       {userProfile.profile?.phone && (
                         <div>
-                          <span className="text-default-500">Téléphone</span>
+                          <span className="text-default-500">
+                            {t("user_detail.phone") || "Téléphone"}
+                          </span>
                           <p className="font-medium mt-1">
                             {userProfile.profile.phone}
                           </p>
@@ -312,7 +343,9 @@ export function UserDetailPage({
                     </div>
                     {userProfile.profile?.bio && (
                       <div className="mt-4">
-                        <span className="text-default-500 text-sm">Bio</span>
+                        <span className="text-default-500 text-sm">
+                          {t("user_detail.bio") || "Bio"}
+                        </span>
                         <p className="font-medium mt-1 text-sm">
                           {userProfile.profile.bio}
                         </p>
@@ -328,12 +361,15 @@ export function UserDetailPage({
                   <Card>
                     <CardBody>
                       <h3 className="font-semibold text-lg mb-4">
-                        Informations professionnelles
+                        {t("user_detail.professional_info") ||
+                          "Informations professionnelles"}
                       </h3>
                       <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
                         {userProfile.profile?.company && (
                           <div>
-                            <span className="text-default-500">Entreprise</span>
+                            <span className="text-default-500">
+                              {t("user_detail.company") || "Entreprise"}
+                            </span>
                             <p className="font-medium mt-1">
                               {userProfile.profile.company}
                             </p>
@@ -341,7 +377,9 @@ export function UserDetailPage({
                         )}
                         {userProfile.profile?.website && (
                           <div>
-                            <span className="text-default-500">Site web</span>
+                            <span className="text-default-500">
+                              {t("user_detail.website") || "Site web"}
+                            </span>
                             <p className="font-medium mt-1">
                               <a
                                 href={userProfile.profile.website}
@@ -357,7 +395,7 @@ export function UserDetailPage({
                         {userProfile.profile?.location && (
                           <div>
                             <span className="text-default-500">
-                              Localisation
+                              {t("user_detail.location") || "Localisation"}
                             </span>
                             <p className="font-medium mt-1">
                               {userProfile.profile.location}
@@ -375,12 +413,14 @@ export function UserDetailPage({
                   <Card>
                     <CardBody>
                       <h3 className="font-semibold text-lg mb-4">
-                        Préférences
+                        {t("user_detail.preferences") || "Préférences"}
                       </h3>
                       <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
                         {userProfile.profile?.language && (
                           <div>
-                            <span className="text-default-500">Langue</span>
+                            <span className="text-default-500">
+                              {t("user_detail.language") || "Langue"}
+                            </span>
                             <p className="font-medium mt-1">
                               {userProfile.profile.language.toUpperCase()}
                             </p>
@@ -389,7 +429,7 @@ export function UserDetailPage({
                         {userProfile.profile?.timezone && (
                           <div>
                             <span className="text-default-500">
-                              Fuseau horaire
+                              {t("user_detail.timezone") || "Fuseau horaire"}
                             </span>
                             <p className="font-medium mt-1">
                               {userProfile.profile.timezone}
@@ -405,11 +445,14 @@ export function UserDetailPage({
                 <Card>
                   <CardBody>
                     <h3 className="font-semibold text-lg mb-4">
-                      Informations du compte
+                      {t("user_detail.account_info") ||
+                        "Informations du compte"}
                     </h3>
                     <div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
                       <div>
-                        <span className="text-default-500">Rôle</span>
+                        <span className="text-default-500">
+                          {t("user_detail.role") || "Rôle"}
+                        </span>
                         <div className="mt-2">
                           <Chip
                             variant="flat"
@@ -417,14 +460,16 @@ export function UserDetailPage({
                             size="sm"
                           >
                             {isAdmin
-                              ? "Administrateur"
-                              : "Utilisateur standard"}
+                              ? t("user_detail.administrator") ||
+                                "Administrateur"
+                              : t("user_detail.standard_user") ||
+                                "Utilisateur standard"}
                           </Chip>
                         </div>
                       </div>
                       <div>
                         <span className="text-default-500">
-                          Date de création
+                          {t("user_detail.creation_date") || "Date de création"}
                         </span>
                         <p className="font-medium mt-1">
                           {userProfile.created_at
@@ -435,12 +480,12 @@ export function UserDetailPage({
                                 month: "long",
                                 day: "numeric",
                               })
-                            : "N/A"}
+                            : t("user_detail.not_available") || "N/A"}
                         </p>
                       </div>
                       <div>
                         <span className="text-default-500">
-                          Dernière connexion
+                          {t("user_detail.last_login") || "Dernière connexion"}
                         </span>
                         <p className="font-medium mt-1">
                           {userProfile.last_sign_in_at
@@ -453,7 +498,7 @@ export function UserDetailPage({
                                 hour: "2-digit",
                                 minute: "2-digit",
                               })
-                            : "Jamais"}
+                            : t("user_detail.never") || "Jamais"}
                         </p>
                       </div>
                     </div>
@@ -468,25 +513,39 @@ export function UserDetailPage({
               title={
                 <div className="flex items-center space-x-2">
                   <Bell size={16} />
-                  <span>Notifications</span>
+                  <span>
+                    {t("user_detail.tab_notifications") || "Notifications"}
+                  </span>
                 </div>
               }
             >
               <div className="space-y-4 mt-4">
-                <h3 className="font-semibold">Envoyer une notification</h3>
+                <h3 className="font-semibold">
+                  {t("user_detail.send_notification") ||
+                    "Envoyer une notification"}
+                </h3>
 
                 <div className="space-y-4">
                   <Input
-                    label="Titre de la notification"
-                    placeholder="Ex: Nouveau message important"
+                    label={
+                      t("user_detail.notification_title") ||
+                      "Titre de la notification"
+                    }
+                    placeholder={
+                      t("user_detail.notification_title_placeholder") ||
+                      "Ex: Nouveau message important"
+                    }
                     value={notificationTitle}
                     onChange={(e) => setNotificationTitle(e.target.value)}
                     maxLength={100}
                   />
 
                   <Textarea
-                    label="Message"
-                    placeholder="Contenu de la notification..."
+                    label={t("user_detail.notification_message") || "Message"}
+                    placeholder={
+                      t("user_detail.notification_message_placeholder") ||
+                      "Contenu de la notification..."
+                    }
                     value={notificationMessage}
                     onChange={(e) => setNotificationMessage(e.target.value)}
                     maxLength={500}
@@ -494,16 +553,28 @@ export function UserDetailPage({
                   />
 
                   <Select
-                    label="Type de notification"
+                    label={
+                      t("user_detail.notification_type") ||
+                      "Type de notification"
+                    }
                     selectedKeys={[notificationType]}
                     onSelectionChange={(keys) =>
                       setNotificationType(Array.from(keys)[0] as string)
                     }
                   >
-                    <SelectItem key="info">Information</SelectItem>
-                    <SelectItem key="warning">Avertissement</SelectItem>
-                    <SelectItem key="danger">Danger</SelectItem>
-                    <SelectItem key="success">Succès</SelectItem>
+                    <SelectItem key="info">
+                      {t("user_detail.notification_type_info") || "Information"}
+                    </SelectItem>
+                    <SelectItem key="warning">
+                      {t("user_detail.notification_type_warning") ||
+                        "Avertissement"}
+                    </SelectItem>
+                    <SelectItem key="danger">
+                      {t("user_detail.notification_type_danger") || "Danger"}
+                    </SelectItem>
+                    <SelectItem key="success">
+                      {t("user_detail.notification_type_success") || "Succès"}
+                    </SelectItem>
                   </Select>
 
                   <Button
@@ -515,7 +586,7 @@ export function UserDetailPage({
                       !notificationTitle.trim() || !notificationMessage.trim()
                     }
                   >
-                    Envoyer la notification
+                    {t("user_detail.send_button") || "Envoyer la notification"}
                   </Button>
                 </div>
               </div>
@@ -527,29 +598,37 @@ export function UserDetailPage({
               title={
                 <div className="flex items-center space-x-2">
                   <Settings size={16} />
-                  <span>Paramètres</span>
+                  <span>{t("user_detail.tab_settings") || "Paramètres"}</span>
                 </div>
               }
             >
               <div className="space-y-4 mt-4">
-                <h3 className="font-semibold">Actions administrateur</h3>
+                <h3 className="font-semibold">
+                  {t("user_detail.admin_actions") || "Actions administrateur"}
+                </h3>
 
                 <div className="space-y-3 space-x-5">
                   <Button color="warning" variant="bordered" size="sm">
-                    Réinitialiser le mot de passe
+                    {t("user_detail.reset_password_btn") ||
+                      "Réinitialiser le mot de passe"}
                   </Button>
 
                   <Button color="danger" variant="bordered" size="sm">
-                    Suspendre le compte
+                    {t("user_detail.suspend_account_btn") ||
+                      "Suspendre le compte"}
                   </Button>
 
                   <Button color="secondary" variant="bordered" size="sm">
-                    Promouvoir en administrateur
+                    {t("user_detail.promote_admin_btn") ||
+                      "Promouvoir en administrateur"}
                   </Button>
                 </div>
 
                 <div className="mt-6 p-4 bg-gray-50 dark:bg-gray-800 rounded-lg">
-                  <h4 className="font-medium mb-2">Métadonnées techniques</h4>
+                  <h4 className="font-medium mb-2">
+                    {t("user_detail.technical_metadata") ||
+                      "Métadonnées techniques"}
+                  </h4>
                   <pre className="text-xs text-gray-600 dark:text-gray-400 overflow-auto">
                     {JSON.stringify(
                       {
@@ -576,7 +655,7 @@ export function UserDetailPage({
                   title={
                     <div className="flex items-center space-x-2">
                       {IconComponent && <IconComponent size={16} />}
-                      <span>{tab.title}</span>
+                      <span>{tGlobal(tab.title)}</span>
                     </div>
                   }
                 >

package/src/web/admin/users-by-signup-source.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import { useModuleTranslation } from "@lastbrain/core";
 import {
   Card,
   CardBody,
@@ -37,6 +38,7 @@ interface PaginationData {
 }
 
 export function UsersBySignupSourcePage() {
+  const t = useModuleTranslation("auth");
   const [users, setUsers] = useState<User[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -69,7 +71,10 @@ export function UsersBySignupSourcePage() {
       const response = await fetch(url);
 
       if (!response.ok) {
-        throw new Error("Erreur lors du chargement des utilisateurs");
+        throw new Error(
+          t("users_by_source.loading_error") ||
+            "Erreur lors du chargement des utilisateurs"
+        );
       }
 
       const result = await response.json();
@@ -88,7 +93,10 @@ export function UsersBySignupSourcePage() {
       setPagination(result.pagination);
     } catch (err) {
       setError(
-        err instanceof Error ? err.message : "Erreur lors du chargement"
+        err instanceof Error
+          ? err.message
+          : t("users_by_source.loading_error_generic") ||
+              "Erreur lors du chargement"
       );
     } finally {
       setLoading(false);
@@ -132,14 +140,18 @@ export function UsersBySignupSourcePage() {
       <div className="flex items-center gap-2 mb-8">
         <Users size={28} className="text-primary-600" />
         <h1 className="text-3xl font-bold">
-          Utilisateurs par source d'inscription
+          {t("users_by_source.title") ||
+            "Utilisateurs par source d'inscription"}
         </h1>
       </div>
 
       {/* Filters */}
       <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
         <Input
-          placeholder="Rechercher par email ou nom..."
+          placeholder={
+            t("users_by_source.search_placeholder") ||
+            "Rechercher par email ou nom..."
+          }
           value={searchQuery}
           onChange={handleSearch}
           startContent={<Search size={16} />}
@@ -151,45 +163,71 @@ export function UsersBySignupSourcePage() {
         />
 
         <Select
-          label="Filtrer par source"
+          label={t("users_by_source.filter_label") || "Filtrer par source"}
           selectedKeys={[source]}
           onChange={(e) => handleSourceChange(e.target.value)}
         >
-          <SelectItem key="">Toutes les sources</SelectItem>
-          <SelectItem key="lastbrain">LastBrain</SelectItem>
-          <SelectItem key="recipe">Recipe</SelectItem>
+          <SelectItem key="">
+            {t("users_by_source.all_sources") || "Toutes les sources"}
+          </SelectItem>
+          <SelectItem key="lastbrain">
+            {t("users_by_source.source_lastbrain") || "LastBrain"}
+          </SelectItem>
+          <SelectItem key="recipe">
+            {t("users_by_source.source_recipe") || "Recipe"}
+          </SelectItem>
         </Select>
       </div>
 
       {/* Results info */}
       <div className="text-sm text-default-600">
-        Affichage de{" "}
+        {t("users_by_source.showing") || "Affichage de"}{" "}
         <span className="font-semibold">
           {(pagination.page - 1) * pagination.limit + 1}-
           {Math.min(pagination.page * pagination.limit, pagination.total)}
         </span>{" "}
-        sur <span className="font-semibold">{pagination.total}</span>{" "}
-        utilisateurs
+        {t("users_by_source.of") || "sur"}{" "}
+        <span className="font-semibold">{pagination.total}</span>{" "}
+        {t("users_by_source.users") || "utilisateurs"}
       </div>
 
       {/* Users Table */}
       <Card>
         <CardHeader>
-          <h3 className="text-lg font-semibold">Liste des utilisateurs</h3>
+          <h3 className="text-lg font-semibold">
+            {t("users_by_source.list_title") || "Liste des utilisateurs"}
+          </h3>
         </CardHeader>
         <CardBody>
           {loading ? (
             <div className="flex justify-center py-8">
-              <Spinner size="lg" label="Chargement..." />
+              <Spinner
+                size="lg"
+                label={t("users_by_source.loading") || "Chargement..."}
+              />
             </div>
           ) : (
             <>
-              <Table aria-label="Tableau des utilisateurs">
+              <Table
+                aria-label={
+                  t("users_by_source.table_aria_label") ||
+                  "Tableau des utilisateurs"
+                }
+              >
                 <TableHeader>
-                  <TableColumn>Nom</TableColumn>
-                  <TableColumn>Email</TableColumn>
-                  <TableColumn>Source</TableColumn>
-                  <TableColumn>Date d'inscription</TableColumn>
+                  <TableColumn>
+                    {t("users_by_source.column_name") || "Nom"}
+                  </TableColumn>
+                  <TableColumn>
+                    {t("users_by_source.column_email") || "Email"}
+                  </TableColumn>
+                  <TableColumn>
+                    {t("users_by_source.column_source") || "Source"}
+                  </TableColumn>
+                  <TableColumn>
+                    {t("users_by_source.column_signup_date") ||
+                      "Date d'inscription"}
+                  </TableColumn>
                 </TableHeader>
                 <TableBody>
                   {users.length > 0 ? (
@@ -210,8 +248,8 @@ export function UsersBySignupSourcePage() {
                             variant="flat"
                           >
                             {user.signup_source.toLowerCase() === "recipe"
-                              ? "🍳 Recipe"
-                              : "🧠 LastBrain"}
+                              ? `🍳 ${t("users_by_source.recipe") || "Recipe"}`
+                              : `🧠 ${t("users_by_source.lastbrain") || "LastBrain"}`}
                           </Chip>
                         </TableCell>
                         <TableCell>
@@ -234,7 +272,8 @@ export function UsersBySignupSourcePage() {
                     <TableRow>
                       <TableCell colSpan={4} className="text-center py-8">
                         <p className="text-default-500">
-                          Aucun utilisateur trouvé
+                          {t("users_by_source.no_users") ||
+                            "Aucun utilisateur trouvé"}
                         </p>
                       </TableCell>
                     </TableRow>