create-crm-tmp 1.1.2 → 2.0.0

package/template/skills-lock.json

@@ -0,0 +1,25 @@
+{
+  "version": 1,
+  "skills": {
+    "frontend-design": {
+      "source": "anthropics/skills",
+      "sourceType": "github",
+      "computedHash": "063a0e6448123cd359ad0044cc46b0e490cc7964d45ef4bb9fd842bd2ffbca67"
+    },
+    "supabase-postgres-best-practices": {
+      "source": "supabase/agent-skills",
+      "sourceType": "github",
+      "computedHash": "9c87c315aed143ee3b34bec8117100f5035e0df09e6b23e1ecc772cff434c9ad"
+    },
+    "vercel-react-best-practices": {
+      "source": "vercel-labs/agent-skills",
+      "sourceType": "github",
+      "computedHash": "3462ec83f862abb2d532953df33a4dbf87f4616849da5d4b5cc7c13601aaf997"
+    },
+    "web-design-guidelines": {
+      "source": "vercel-labs/agent-skills",
+      "sourceType": "github",
+      "computedHash": "a6a44d5498f7e8f68289902f3dedfc6f38ae0cee1e96527c80724cf27f727c2a"
+    }
+  }
+}

package/template/src/app/(auth)/invite/[token]/page.tsx

@@ -3,10 +3,12 @@
 import { useState, useEffect } from 'react';
 import { useRouter, useParams } from 'next/navigation';
 import { Eye, EyeOff } from 'lucide-react';
+import { useAppToast } from '@/contexts/app-toast-context';
 
 export default function InvitePage() {
   const router = useRouter();
   const params = useParams();
+  const toast = useAppToast();
   const token = params.token as string;
 
   const [password, setPassword] = useState('');
@@ -19,6 +21,14 @@ export default function InvitePage() {
   const [showPassword, setShowPassword] = useState(false);
   const [showConfirmPassword, setShowConfirmPassword] = useState(false);
 
+  useEffect(() => {
+    if (!error) return;
+    toast.error(error);
+    if (userEmail) {
+      setError('');
+    }
+  }, [error, toast, userEmail]);
+
   // Vérifier que le token est valide au chargement
   useEffect(() => {
     const validateToken = async () => {
@@ -27,17 +37,20 @@ export default function InvitePage() {
         const data = await response.json();
 
         if (!response.ok) {
-          setError(data.error || 'Lien invalide ou expiré');
+          const msg = data.error || 'Lien invalide ou expiré';
           setValidating(false);
+          toast.error(msg);
+          router.replace('/signin');
           return;
         }
 
         setUserEmail(data.email);
         setUserName(data.name || '');
         setValidating(false);
-      } catch (err) {
-        setError('Erreur lors de la validation du lien');
+      } catch {
         setValidating(false);
+        toast.error('Erreur lors de la validation du lien');
+        router.replace('/signin');
       }
     };
 
@@ -79,8 +92,9 @@ export default function InvitePage() {
       router.push(
         '/signin?message=Mot de passe défini avec succès, vous pouvez maintenant vous connecter',
       );
-    } catch (err: any) {
-      setError(err.message);
+    } catch (err: unknown) {
+      const message = err instanceof Error ? err.message : 'Erreur lors de la définition du mot de passe';
+      setError(message);
     } finally {
       setLoading(false);
     }
@@ -96,23 +110,8 @@ export default function InvitePage() {
     );
   }
 
-  if (error && !userEmail) {
-    return (
-      <div className="flex min-h-screen items-center justify-center px-4">
-        <div className="w-full max-w-md rounded-2xl bg-white p-8 shadow-xl">
-          <div className="text-center">
-            <h1 className="text-2xl font-bold text-red-600">Lien invalide</h1>
-            <p className="mt-4 text-gray-600">{error}</p>
-            <button
-              onClick={() => router.push('/signin')}
-              className="mt-6 cursor-pointer rounded-lg bg-indigo-600 px-4 py-2 text-white hover:bg-indigo-700"
-            >
-              Retour à la connexion
-            </button>
-          </div>
-        </div>
-      </div>
-    );
+  if (!userEmail && !validating) {
+    return null;
   }
 
   return (
@@ -130,8 +129,6 @@ export default function InvitePage() {
           <p className="mt-1 text-sm break-all text-gray-500">{userEmail}</p>
         </div>
 
-        {error && <div className="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-600">{error}</div>}
-
         <form onSubmit={handleSubmit} className="space-y-6">
           <div>
             <label className="block text-sm font-medium text-gray-700">Mot de passe</label>

package/template/src/app/(auth)/reset-password/complete/page.tsx

@@ -3,10 +3,12 @@
 import { useState, useEffect, Suspense } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { Eye, EyeOff } from 'lucide-react';
+import { useAppToast } from '@/contexts/app-toast-context';
 
 function ResetPasswordCompleteContent() {
   const router = useRouter();
   const searchParams = useSearchParams();
+  const toast = useAppToast();
   const token = searchParams.get('token') || '';
 
   const [password, setPassword] = useState('');
@@ -26,26 +28,30 @@ function ResetPasswordCompleteContent() {
         const data = await response.json();
 
         if (!response.ok) {
-          setError(data.error || 'Lien invalide ou expiré');
+          const msg = data.error || 'Lien invalide ou expiré';
           setValidating(false);
+          toast.error(msg);
+          router.replace('/signin');
           return;
         }
 
         setUserEmail(data.email);
         setValidating(false);
       } catch (err) {
-        setError('Erreur lors de la validation du lien');
         setValidating(false);
+        toast.error('Erreur lors de la validation du lien');
+        router.replace('/signin');
       }
     };
 
     if (token) {
       validateToken();
     } else {
-      setError('Token manquant');
       setValidating(false);
+      toast.error('Token manquant');
+      router.replace('/signin');
     }
-  }, [token]);
+  }, [token, toast, router]);
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
@@ -97,23 +103,8 @@ function ResetPasswordCompleteContent() {
     );
   }
 
-  if (error && !userEmail) {
-    return (
-      <div className="flex min-h-screen items-center justify-center px-4">
-        <div className="w-full max-w-md rounded-2xl bg-white p-8 shadow-xl">
-          <div className="text-center">
-            <h1 className="text-2xl font-bold text-red-600">Lien invalide</h1>
-            <p className="mt-4 text-gray-600">{error}</p>
-            <button
-              onClick={() => router.push('/signin')}
-              className="mt-6 cursor-pointer rounded-lg bg-indigo-600 px-4 py-2 text-white hover:bg-indigo-700"
-            >
-              Retour à la connexion
-            </button>
-          </div>
-        </div>
-      </div>
-    );
+  if (!userEmail && !validating) {
+    return null;
   }
 
   return (

package/template/src/app/(auth)/reset-password/page.tsx

@@ -1,16 +1,24 @@
 'use client';
 
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useRouter } from 'next/navigation';
 import Link from 'next/link';
+import { useAppToast } from '@/contexts/app-toast-context';
 
 export default function ResetPasswordPage() {
   const router = useRouter();
+  const toast = useAppToast();
   const [email, setEmail] = useState('');
   const [error, setError] = useState('');
   const [success, setSuccess] = useState(false);
   const [loading, setLoading] = useState(false);
 
+  useEffect(() => {
+    if (!error) return;
+    toast.error(error);
+    setError('');
+  }, [error, toast]);
+
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
     setError('');
@@ -30,8 +38,9 @@ export default function ResetPasswordPage() {
       }
 
       setSuccess(true);
-    } catch (err: any) {
-      setError(err.message || "Erreur lors de l'envoi du code");
+    } catch (err: unknown) {
+      const message = err instanceof Error ? err.message : "Erreur lors de l'envoi du code";
+      setError(message);
     } finally {
       setLoading(false);
     }
@@ -102,11 +111,6 @@ export default function ResetPasswordPage() {
             </p>
           </div>
 
-          {/* Error Message */}
-          {error && (
-            <div className="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-600">{error}</div>
-          )}
-
           {/* Form */}
           <form onSubmit={handleSubmit} className="space-y-6">
             <div>

package/template/src/app/(auth)/reset-password/verify/page.tsx

@@ -3,10 +3,12 @@
 import { useState, useEffect, Suspense } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import Link from 'next/link';
+import { useAppToast } from '@/contexts/app-toast-context';
 
 function VerifyResetCodeContent() {
   const router = useRouter();
   const searchParams = useSearchParams();
+  const toast = useAppToast();
   const email = searchParams.get('email') || '';
 
   const [code, setCode] = useState(['', '', '', '', '', '']);
@@ -19,6 +21,12 @@ function VerifyResetCodeContent() {
     }
   }, [email, router]);
 
+  useEffect(() => {
+    if (!error) return;
+    toast.error(error);
+    setError('');
+  }, [error, toast]);
+
   const handleCodeChange = (index: number, value: string) => {
     if (!/^\d*$/.test(value)) return; // Seulement des chiffres
 
@@ -79,8 +87,9 @@ function VerifyResetCodeContent() {
 
       // Rediriger vers la page de définition du nouveau mot de passe
       router.push(`/reset-password/complete?token=${data.token}`);
-    } catch (err: any) {
-      setError(err.message || 'Code invalide');
+    } catch (err: unknown) {
+      const message = err instanceof Error ? err.message : 'Code invalide';
+      setError(message);
       setCode(['', '', '', '', '', '']);
       const firstInput = document.getElementById('code-0') as HTMLInputElement;
       firstInput?.focus();
@@ -100,11 +109,6 @@ function VerifyResetCodeContent() {
             <p className="mt-1 text-sm font-medium break-all text-gray-900">{email}</p>
           </div>
 
-          {/* Error Message */}
-          {error && (
-            <div className="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-600">{error}</div>
-          )}
-
           {/* Form */}
           <form onSubmit={handleSubmit} className="space-y-6">
             <div className="flex justify-center gap-2 sm:gap-3">
@@ -144,7 +148,7 @@ function VerifyResetCodeContent() {
                     body: JSON.stringify({ email }),
                   });
                   setError('');
-                } catch (err) {
+                } catch {
                   // Ignorer les erreurs silencieusement
                 }
               }}

package/template/src/app/(auth)/signin/page.tsx

@@ -5,10 +5,12 @@ import { useRouter, useSearchParams } from 'next/navigation';
 import Link from 'next/link';
 import { signIn, signOut } from '@/lib/auth-client';
 import { Eye, EyeOff } from 'lucide-react';
+import { useAppToast } from '@/contexts/app-toast-context';
 
 function SignInContent() {
   const router = useRouter();
   const searchParams = useSearchParams();
+  const toast = useAppToast();
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
   const [error, setError] = useState('');
@@ -25,28 +27,40 @@ function SignInContent() {
     }
   }, [searchParams, router]);
 
+  useEffect(() => {
+    if (!successMessage) return;
+    toast.success(successMessage);
+    setSuccessMessage('');
+  }, [successMessage, toast]);
+
+  useEffect(() => {
+    if (!error) return;
+    toast.error(error);
+    setError('');
+  }, [error, toast]);
+
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
     setError('');
     setLoading(true);
 
     try {
+      // Étape 1 : Vérifier d'abord si l'email/password est correct
       await signIn.email({
         email,
         password,
       });
 
-      // Vérifier si le compte est actif
+      // Étape 2 : Si l'authentification réussit, vérifier si le compte est actif
       try {
         const res = await fetch('/api/auth/check-active', { method: 'GET' });
         if (res.ok) {
           const data = await res.json();
           if (!data.active) {
-            // Déconnecter immédiatement et afficher un message clair
+            // Déconnecter immédiatement et afficher le même message générique
+            // pour ne pas révéler que le compte existe et est simplement désactivé
             await signOut();
-            setError(
-              'Votre compte a été désactivé. Merci de contacter un administrateur pour le réactiver.',
-            );
+            setError('Email ou mot de passe incorrect');
             return;
           }
         }
@@ -55,6 +69,7 @@ function SignInContent() {
         // On ne bloque pas la connexion dans ce cas, mais on logue l'erreur
       }
 
+      // Étape 3 : Rediriger vers le dashboard si tout est OK
       router.push('/dashboard');
     } catch (err) {
       setError('Email ou mot de passe incorrect');
@@ -74,18 +89,6 @@ function SignInContent() {
             <p className="mt-2 text-sm text-gray-600">Connectez-vous à votre compte CRM</p>
           </div>
 
-          {/* Success Message */}
-          {successMessage && (
-            <div className="mb-4 rounded-lg bg-green-50 p-4 text-sm text-green-600">
-              {successMessage}
-            </div>
-          )}
-
-          {/* Error Message */}
-          {error && (
-            <div className="mb-4 rounded-lg bg-red-50 p-4 text-sm text-red-600">{error}</div>
-          )}
-
           {/* Form */}
           <form onSubmit={handleSubmit} className="space-y-6">
             <div>