gestion supp user admin

admin/src/app/actions/user.ts

@@ -41,3 +41,95 @@ export async function verifyUserEmail(userId: string) {
     return { success: false, error: "Erreur lors de la vérification de l'email" };
   }
 }
+export async function scheduleUserDeletion(userId: string, reason: string, delayDays: number) {
+  try {
+    const user = await prisma.user.findUnique({
+      where: { id: userId }
+    });
+
+    if (!user) return { success: false, error: "Utilisateur non trouvé" };
+
+    const settings = await prisma.siteSetting.findUnique({
+      where: { id: "singleton" }
+    });
+
+    const deletionDate = new Date();
+    deletionDate.setDate(deletionDate.getDate() + delayDays);
+
+    if (delayDays === 0) {
+      // Immediate deletion
+      await prisma.user.delete({
+        where: { id: userId }
+      });
+      return { success: true, message: "Supprimé immédiatement" };
+    }
+
+    await prisma.user.update({
+      where: { id: userId },
+      data: {
+        deletedAt: new Date(),
+        deletionScheduledAt: deletionDate,
+        deletionReason: reason
+      }
+    });
+
+    // Send notification email
+    if (settings?.deleteAccountTemplate) {
+      const { sendEmail } = await import("@/../../lib/mail");
+      const html = settings.deleteAccountTemplate
+        .replace(/{name}/g, user.name)
+        .replace(/{siteName}/g, settings.siteName)
+        .replace(/{deletionDate}/g, delayDays === 0 ? "immédiatement" : deletionDate.toLocaleDateString("fr-FR"))
+        .replace(/{reason}/g, reason)
+        .replace(/{reactivateUrl}/g, `${process.env.NEXT_PUBLIC_APP_URL}/auth/reactivate?id=${user.id}`);
+
+      await sendEmail({
+        to: user.email,
+        subject: settings.deleteAccountSubject,
+        html
+      });
+    }
+
+    return { success: true };
+  } catch (error) {
+    console.error("Failed to schedule user deletion:", error);
+    return { success: false, error: "Erreur lors de la programmation de la suppression" };
+  }
+}
+
+export async function reactivateUser(userId: string, reason: string) {
+  try {
+    const user = await prisma.user.update({
+      where: { id: userId },
+      data: {
+        deletedAt: null,
+        deletionScheduledAt: null,
+        reactivationReason: reason
+      }
+    });
+
+    const settings = await prisma.siteSetting.findUnique({
+      where: { id: "singleton" }
+    });
+
+    // Send confirmation email
+    if (settings?.reactivateAccountTemplate) {
+      const { sendEmail } = await import("@/../../lib/mail");
+      const html = settings.reactivateAccountTemplate
+        .replace(/{name}/g, user.name)
+        .replace(/{siteName}/g, settings.siteName)
+        .replace(/{reason}/g, reason);
+
+      await sendEmail({
+        to: user.email,
+        subject: settings.reactivateAccountSubject,
+        html
+      });
+    }
+
+    return { success: true };
+  } catch (error) {
+    console.error("Failed to reactivate user:", error);
+    return { success: false, error: "Erreur lors de la réactivation de l'utilisateur" };
+  }
+}

admin/src/app/api/cron/cleanup-users/route.ts

@@ -0,0 +1,51 @@
+import { NextResponse } from "next/server";
+import { prisma } from "@/lib/prisma";
+
+/**
+ * Route pour le nettoyage automatique des comptes
+ * À appeler via une tâche cron (ex: chaque nuit à minuit)
+ * GET /api/cron/cleanup-users?key=VOTRE_CLE_SECRET
+ */
+export async function GET(request: Request) {
+  const { searchParams } = new URL(request.url);
+  const key = searchParams.get("key");
+
+  if (key !== process.env.CRON_SECRET) {
+    return NextResponse.json({ error: "Non autorisé" }, { status: 401 });
+  }
+
+  try {
+    const now = new Date();
+
+    // 1. Trouver les utilisateurs dont le délai est passé
+    const usersToDelete = await prisma.user.findMany({
+      where: {
+        deletionScheduledAt: {
+          lte: now
+        }
+      }
+    });
+
+    if (usersToDelete.length === 0) {
+      return NextResponse.json({ message: "Aucun compte à supprimer" });
+    }
+
+    // 2. Suppression définitive
+    // Prisma supprimera les données liées si onDelete: Cascade est configuré dans le schéma
+    const deleteResult = await prisma.user.deleteMany({
+      where: {
+        id: {
+          in: usersToDelete.map(u => u.id)
+        }
+      }
+    });
+
+    return NextResponse.json({
+      message: `${deleteResult.count} compte(s) supprimé(s) définitivement`,
+      deletedIds: usersToDelete.map(u => u.id)
+    });
+  } catch (error) {
+    console.error("Cron Cleanup Error:", error);
+    return NextResponse.json({ error: "Erreur lors du nettoyage" }, { status: 500 });
+  }
+}

admin/src/app/users/page.tsx

@@ -6,7 +6,7 @@ import EntrepreneurActions from '@/components/EntrepreneurActions';
 import PlanSelector from '@/components/PlanSelector';
 import ClientActions from "@/components/ClientActions";
 import ManualVerifyButton from "@/components/ManualVerifyButton";
-import { ShieldAlert, ShieldX, ShieldCheck, Users, Briefcase, User, Mail, Phone, MapPin, MailCheck, MailX } from 'lucide-react';
+import { Trash2, ShieldAlert, ShieldX, ShieldCheck, Users, Briefcase, User, Mail, Phone, MapPin, MailCheck, MailX } from 'lucide-react';
 import Link from 'next/link';
 
 async function getBusinesses() {
@@ -109,7 +109,7 @@ export default async function UsersPage({
                     </tr>
                     ) : (
                     businesses.map((business: any) => (
-                        <tr key={business.id} className={(business.isSuspended || business.owner?.isSuspended) ? 'opacity-60 grayscale-[0.5]' : ''}>
+                        <tr key={business.id} className={`transition-colors ${business.owner?.deletedAt ? 'bg-red-500/5 opacity-80' : (business.isSuspended || business.owner?.isSuspended) ? 'opacity-60 grayscale-[0.5]' : ''}`}>
                         <td>
                             <div className="flex items-center gap-3">
                             <div className="w-10 h-10 rounded-lg bg-slate-800 flex items-center justify-center overflow-hidden">
@@ -148,7 +148,11 @@ export default async function UsersPage({
                         </td>
                         <td>
                             <div className="flex flex-col gap-1">
-                                {business.owner?.isSuspended ? (
+                                {business.owner?.deletedAt ? (
+                                    <span className="badge bg-red-500/10 text-red-500 border border-red-500/20 flex items-center gap-1">
+                                        <Trash2 className="w-3 h-3" /> Suppression en cours
+                                    </span>
+                                ) : business.owner?.isSuspended ? (
                                     <span className="badge badge-error flex items-center gap-1">
                                         <ShieldX className="w-3 h-3" /> Compte Suspendu
                                     </span>
@@ -218,7 +222,7 @@ export default async function UsersPage({
                     </tr>
                 ) : (
                     clients.map((client: any) => (
-                    <tr key={client.id} className={`hover:bg-slate-800/30 transition-colors ${client.isSuspended ? 'opacity-60 grayscale-[0.5]' : ''}`}>
+                    <tr key={client.id} className={`hover:bg-slate-800/30 transition-colors ${client.deletedAt ? 'bg-red-500/5 opacity-80' : client.isSuspended ? 'opacity-60 grayscale-[0.5]' : ''}`}>
                         <td className="py-4">
                         <div className="flex items-center gap-3">
                             <div className="w-10 h-10 rounded-full bg-slate-800 flex items-center justify-center text-slate-400 font-bold text-sm overflow-hidden border border-slate-700">
@@ -270,7 +274,11 @@ export default async function UsersPage({
                         </td>
                         <td>
                         <div className="flex flex-col gap-1">
-                            {client.isSuspended ? (
+                            {client.deletedAt ? (
+                                <span className="badge bg-red-500/10 text-red-500 border border-red-500/20 flex items-center gap-1">
+                                    <Trash2 className="w-3 h-3" /> Suppression en cours
+                                </span>
+                            ) : client.isSuspended ? (
                             <>
                                 <span className="badge badge-error">Compte Suspendu</span>
                                 <span className="text-[10px] text-rose-500/70 truncate max-w-[150px]" title={client.suspensionReason}>

admin/src/components/ClientActions.tsx

@@ -5,6 +5,7 @@ import { ShieldAlert, ShieldCheck } from 'lucide-react';
 import { suspendUser, unsuspendUser } from '@/app/actions/suspension';
 import { toast } from 'react-hot-toast';
 import SuspensionModal from './SuspensionModal';
+import DeleteAccountButton from './DeleteAccountButton';
 
 interface ClientActionsProps {
   userId: string;
@@ -62,6 +63,10 @@ export default function ClientActions({ userId, userName, isSuspended }: ClientA
         title="Suspendre le compte"
         subtitle={`Voulez-vous suspendre le compte de ${userName} ? L'utilisateur sera bloqué et recevra votre message.`}
       />
+
+      <div className="h-8 w-[1px] bg-slate-800 mx-1" />
+
+      <DeleteAccountButton userId={userId} userName={userName} />
     </>
   );
 }

admin/src/components/DeleteAccountButton.tsx

@@ -0,0 +1,178 @@
+"use client";
+
+import React, { useState } from 'react';
+import { UserX, Loader2 } from 'lucide-react';
+import { scheduleUserDeletion } from '@/app/actions/user';
+import { toast } from 'react-hot-toast';
+
+interface DeleteAccountButtonProps {
+  userId: string;
+  userName: string;
+}
+
+export default function DeleteAccountButton({ userId, userName }: DeleteAccountButtonProps) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [reason, setReason] = useState("Non-respect des conditions générales d'utilisation");
+  const [customReason, setCustomReason] = useState("");
+  const [delay, setDelay] = useState(30);
+
+  const reasons = [
+    "Non-respect des conditions générales d'utilisation",
+    "Inactivité prolongée",
+    "Comportement inapproprié / Signalements",
+    "Demande directe de l'utilisateur",
+    "Violation des règles de publication",
+    "Autre"
+  ];
+
+  const delays = [
+    { label: "Immédiat", value: 0 },
+    { label: "7 Jours", value: 7 },
+    { label: "15 Jours", value: 15 },
+    { label: "30 Jours", value: 30 }
+  ];
+
+  const handleDelete = async () => {
+    const finalReason = reason === "Autre" ? customReason : reason;
+    
+    if (reason === "Autre" && !customReason.trim()) {
+      toast.error("Veuillez préciser la raison");
+      return;
+    }
+
+    setIsDeleting(true);
+    try {
+      const result = await scheduleUserDeletion(userId, finalReason, delay);
+      if (result.success) {
+        toast.success(`La suppression du compte de ${userName} a été programmée.`);
+        setIsOpen(false);
+      } else {
+        toast.error(result.error || "Échec de la programmation de la suppression");
+      }
+    } catch (error) {
+      toast.error("Une erreur est survenue");
+    } finally {
+      setIsDeleting(false);
+    }
+  };
+
+  return (
+    <>
+      <button
+        onClick={() => setIsOpen(true)}
+        className="flex items-center gap-1.5 px-3 py-1.5 bg-red-500/10 text-red-500 hover:bg-red-500 hover:text-white rounded-lg transition-all text-[10px] font-bold uppercase border border-red-500/20"
+        title="Supprimer le compte"
+      >
+        <UserX className="w-3 h-3" />
+        Supprimer
+      </button>
+
+      {isOpen && (
+        <div className="fixed inset-0 z-[100] flex items-center justify-center p-4 bg-slate-950/80 backdrop-blur-sm animate-in fade-in duration-200">
+          <div className="bg-slate-900 border border-slate-800 rounded-2xl w-full max-w-lg p-6 shadow-2xl animate-in zoom-in-95 duration-200">
+            <div className="flex items-center gap-4 mb-6">
+              <div className="w-12 h-12 bg-red-500/10 rounded-xl flex items-center justify-center text-red-500">
+                <UserX className="w-6 h-6" />
+              </div>
+              <div>
+                <h3 className="text-xl font-bold text-white">Supprimer le compte</h3>
+                <p className="text-sm text-slate-400">Configuration de la suppression pour {userName}</p>
+              </div>
+            </div>
+
+            <div className="space-y-4 mb-6">
+              {/* Raison selector */}
+              <div>
+                <label className="block text-xs font-bold text-slate-400 uppercase mb-2">Raison de la suppression</label>
+                <select 
+                  value={reason}
+                  onChange={(e) => setReason(e.target.value)}
+                  className="w-full bg-slate-950 border border-slate-800 rounded-xl px-4 py-2.5 text-white focus:ring-2 focus:ring-red-500 transition-all outline-none"
+                >
+                  {reasons.map((r) => (
+                    <option key={r} value={r}>{r}</option>
+                  ))}
+                </select>
+              </div>
+
+              {/* Custom Reason Field */}
+              {reason === "Autre" && (
+                <div className="animate-in slide-in-from-top-2 duration-200">
+                  <label className="block text-xs font-bold text-slate-400 uppercase mb-2">Précisez la raison</label>
+                  <textarea
+                    required
+                    value={customReason}
+                    onChange={(e) => setCustomReason(e.target.value)}
+                    placeholder="Saisissez le motif ici..."
+                    className="w-full h-24 bg-slate-950 border border-slate-800 rounded-xl px-4 py-3 text-white focus:ring-2 focus:ring-red-500 transition-all outline-none resize-none"
+                  />
+                </div>
+              )}
+
+              {/* Delay selector */}
+              <div>
+                <label className="block text-xs font-bold text-slate-400 uppercase mb-2">Délai avant suppression définitive</label>
+                <div className="grid grid-cols-4 gap-2">
+                  {delays.map((d) => (
+                    <button
+                      key={d.value}
+                      onClick={() => setDelay(d.value)}
+                      className={`py-2 rounded-lg text-xs font-bold border transition-all ${
+                        delay === d.value 
+                        ? 'bg-red-500 border-red-500 text-white' 
+                        : 'bg-slate-950 border-slate-800 text-slate-400 hover:border-slate-600'
+                      }`}
+                    >
+                      {d.label}
+                    </button>
+                  ))}
+                </div>
+              </div>
+            </div>
+
+            <div className="bg-slate-950/50 border border-slate-800 rounded-xl p-4 mb-6">
+              <ul className="space-y-2 text-xs text-slate-400">
+                <li className="flex items-start gap-2">
+                  <span className="w-1 h-1 rounded-full bg-red-500 mt-1.5 shrink-0"></span>
+                  Le compte sera désactivé immédiatement.
+                </li>
+                {delay > 0 && (
+                  <li className="flex items-start gap-2">
+                    <span className="w-1 h-1 rounded-full bg-red-500 mt-1.5 shrink-0"></span>
+                    L'utilisateur aura {delay} jours pour réactiver son compte.
+                  </li>
+                )}
+                <li className="flex items-start gap-2">
+                  <span className="w-1 h-1 rounded-full bg-red-500 mt-1.5 shrink-0"></span>
+                  Suppression définitive : {delay === 0 ? "Immédiate" : `Le ${new Date(Date.now() + delay * 86400000).toLocaleDateString()}`}
+                </li>
+              </ul>
+            </div>
+
+            <div className="flex gap-3">
+              <button
+                onClick={() => setIsOpen(false)}
+                disabled={isDeleting}
+                className="flex-1 px-4 py-2.5 bg-slate-800 text-white rounded-xl font-bold hover:bg-slate-700 transition-colors disabled:opacity-50"
+              >
+                Annuler
+              </button>
+              <button
+                onClick={handleDelete}
+                disabled={isDeleting}
+                className="flex-1 px-4 py-2.5 bg-red-600 text-white rounded-xl font-bold hover:bg-red-500 transition-colors disabled:opacity-50 flex items-center justify-center gap-2"
+              >
+                {isDeleting ? (
+                  <Loader2 className="w-4 h-4 animate-spin" />
+                ) : (
+                  "Confirmer"
+                )}
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+    </>
+  );
+}

admin/src/components/EntrepreneurActions.tsx

@@ -6,6 +6,7 @@ import { suspendUser, unsuspendUser, suspendBusiness, unsuspendBusiness } from '
 import { toast } from 'react-hot-toast';
 import SuspensionModal from './SuspensionModal';
 import BusinessSeoModal from './BusinessSeoModal';
+import DeleteAccountButton from './DeleteAccountButton';
 
 interface EntrepreneurActionsProps {
   businessId: string;
@@ -98,6 +99,10 @@ export default function EntrepreneurActions({
             <span className="text-[10px] uppercase font-bold">Shop</span>
           </button>
         )}
+
+        <div className="h-8 w-[1px] bg-slate-800 mx-1 self-center" />
+
+        <DeleteAccountButton userId={userId} userName={userName} />
       </div>
 
       <SuspensionModal