create-crm-tmp 2.0.0 → 2.1.0

package/template/src/app/(dashboard)/automatisation/_components/workflow-editor.tsx

@@ -14,8 +14,9 @@ import {
   StickyNote,
   Bell,
 } from 'lucide-react';
-import { cn } from '@/lib/utils';
+import { cn, devToast } from '@/lib/utils';
 import { useAppToast } from '@/contexts/app-toast-context';
+import { StatusSelect } from '@/components/ui/status-select';
 
 interface Status {
   id: string;
@@ -51,8 +52,6 @@ type TriggerType =
   | 'TIME_BASED'
   | 'MANUAL'
   | 'TASK_COMPLETED'
-  | 'TRANSACTION_CREATED'
-  | 'TRANSACTION_STATUS_CHANGED'
   | 'CONTACT_ASSIGNMENT_CHANGED';
 
 export interface WorkflowAction {
@@ -91,8 +90,6 @@ export interface WorkflowEditorInitialData {
   triggerTimeHours: number | null;
   triggerTimeReference: string | null;
   triggerTaskType: string | null;
-  triggerTransactionFromStatus: string | null;
-  triggerTransactionToStatus: string | null;
   actions: WorkflowAction[];
 }
 
@@ -100,21 +97,6 @@ interface WorkflowEditorProps {
   workflowId?: string;
 }
 
-const TRANSACTION_STATUSES = [
-  { value: 'DRAFT', label: 'Brouillon' },
-  { value: 'PENDING_ID_VERIFICATION', label: 'Vérification identité' },
-  { value: 'ID_VERIFIED', label: 'Identité vérifiée' },
-  { value: 'ITEMS_ENTERED', label: 'Articles saisis' },
-  { value: 'PENDING_SIGNATURE', label: 'En attente de signature' },
-  { value: 'SIGNED', label: 'Signée' },
-  { value: 'LOCKED', label: 'Verrouillée' },
-  { value: 'PAYMENT_PENDING', label: 'Paiement en attente' },
-  { value: 'COMPLETED', label: 'Complétée' },
-  { value: 'PENDING_RETRACTION', label: 'Rétractation en attente' },
-  { value: 'CANCELLED_RETRACTION', label: 'Rétractation annulée' },
-  { value: 'CANCELLED', label: 'Annulée' },
-];
-
 const TASK_TYPES = [
   { value: '', label: 'Tous les types' },
   { value: 'CALL', label: 'Appel' },
@@ -164,8 +146,6 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
     triggerTimeHours: null,
     triggerTimeReference: null,
     triggerTaskType: null,
-    triggerTransactionFromStatus: null,
-    triggerTransactionToStatus: null,
     actions: [],
   });
 
@@ -204,13 +184,11 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
           triggerTimeHours: data.triggerTimeHours,
           triggerTimeReference: data.triggerTimeReference,
           triggerTaskType: data.triggerTaskType,
-          triggerTransactionFromStatus: data.triggerTransactionFromStatus,
-          triggerTransactionToStatus: data.triggerTransactionToStatus,
           actions: data.actions,
         });
         setActions(data.actions || []);
       } catch (err: any) {
-        setError(err.message || 'Erreur lors du chargement du workflow');
+        setError(devToast('Erreur lors du chargement du workflow', err));
       } finally {
         setLoading(false);
       }
@@ -313,8 +291,6 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
           triggerTimeHours: formData.triggerTimeHours || null,
           triggerTimeReference: formData.triggerTimeReference || null,
           triggerTaskType: formData.triggerTaskType || null,
-          triggerTransactionFromStatus: formData.triggerTransactionFromStatus || null,
-          triggerTransactionToStatus: formData.triggerTransactionToStatus || null,
           actions: actions.map((action, index) => ({
             ...action,
             order: index,
@@ -333,7 +309,7 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
 
       router.push('/automatisation');
     } catch (err: any) {
-      setError(err.message || 'Erreur lors de la sauvegarde du workflow');
+      setError(devToast('Erreur lors de la sauvegarde du workflow', err));
     } finally {
       setSaving(false);
     }
@@ -418,10 +394,6 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
         return 'Déclencheur manuel';
       case 'TASK_COMPLETED':
         return 'Tâche complétée';
-      case 'TRANSACTION_CREATED':
-        return 'Transaction créée';
-      case 'TRANSACTION_STATUS_CHANGED':
-        return 'Changement de statut de transaction';
       case 'CONTACT_ASSIGNMENT_CHANGED':
         return "Changement d'assignation";
       default:
@@ -430,9 +402,9 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
   };
 
   const selectClass =
-    'mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-xs text-gray-900 focus:ring-2 focus:ring-gray-400/30 focus:outline-none';
+    'mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-xs text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50';
   const selectClassSm =
-    'mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm text-gray-900 focus:ring-2 focus:ring-gray-400/30 focus:outline-none';
+    'mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50';
   const inputClassSm = selectClassSm;
 
   const renderActionConfig = (action: WorkflowAction, index: number) => {
@@ -675,25 +647,21 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
               conditionOperator: (e.target.value as 'EQUALS' | 'NOT_EQUALS') || null,
             })
           }
-          className="block w-full rounded-lg border border-gray-300 px-3 py-2 text-xs text-gray-900 focus:ring-2 focus:ring-gray-400/30 focus:outline-none"
+          className="block w-full rounded-lg border border-gray-300 px-3 py-2 text-xs text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50"
         >
           <option value="">Pas de condition statut</option>
           <option value="EQUALS">Statut est égal à</option>
           <option value="NOT_EQUALS">Statut n&apos;est pas égal à</option>
         </select>
         {action.conditionOperator && (
-          <select
+          <StatusSelect
+            statuses={statuses}
             value={action.conditionStatusId || ''}
-            onChange={(e) => updateAction(index, { conditionStatusId: e.target.value || null })}
-            className="block w-full rounded-lg border border-gray-300 px-3 py-2 text-xs text-gray-900 focus:ring-2 focus:ring-gray-400/30 focus:outline-none"
-          >
-            <option value="">Sélectionner...</option>
-            {statuses.map((s) => (
-              <option key={s.id} value={s.id}>
-                {s.name}
-              </option>
-            ))}
-          </select>
+            onChange={(value) => updateAction(index, { conditionStatusId: value || null })}
+            placeholder="Sélectionner..."
+            className="block w-full rounded-lg border border-gray-300 px-3 py-2 text-xs text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50"
+            size="sm"
+          />
         )}
       </div>
 
@@ -703,7 +671,7 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
           type="text"
           value={action.conditionOrigin || ''}
           onChange={(e) => updateAction(index, { conditionOrigin: e.target.value || null })}
-          className="block w-full rounded-lg border border-gray-300 px-3 py-2 text-xs text-gray-900 focus:ring-2 focus:ring-gray-400/30 focus:outline-none"
+          className="block w-full rounded-lg border border-gray-300 px-3 py-2 text-xs text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50"
           placeholder="Origine du contact (laisser vide pour ignorer)"
         />
       </div>
@@ -724,7 +692,7 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
               conditionHasCompany: val === 'true' ? true : val === 'false' ? false : null,
             });
           }}
-          className="block w-full rounded-lg border border-gray-300 px-3 py-2 text-xs text-gray-900 focus:ring-2 focus:ring-gray-400/30 focus:outline-none"
+          className="block w-full rounded-lg border border-gray-300 px-3 py-2 text-xs text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50"
         >
           <option value="">Société : indifférent</option>
           <option value="true">A une société</option>
@@ -985,9 +953,7 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
                   onClick={() => setFormData((prev) => ({ ...prev, active: !prev.active }))}
                   className={cn(
                     'relative inline-flex h-6 w-11 cursor-pointer items-center rounded-full border transition-colors',
-                    formData.active
-                      ? 'border-blue-500 bg-blue-500'
-                      : 'border-gray-300 bg-gray-200',
+                    formData.active ? 'border-blue-500 bg-blue-500' : 'border-gray-300 bg-gray-200',
                   )}
                 >
                   <span
@@ -1020,10 +986,6 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
                 <option value="STATUS_CHANGED">Changement de statut</option>
                 <option value="TIME_BASED">Basé sur le temps</option>
                 <option value="TASK_COMPLETED">Tâche complétée</option>
-                <option value="TRANSACTION_CREATED">Transaction créée</option>
-                <option value="TRANSACTION_STATUS_CHANGED">
-                  Changement de statut de transaction
-                </option>
                 <option value="CONTACT_ASSIGNMENT_CHANGED">Changement d&apos;assignation</option>
                 <option value="MANUAL">Déclencheur manuel</option>
               </select>
@@ -1162,54 +1124,6 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
                 </select>
               </div>
             )}
-
-            {/* TRANSACTION_STATUS_CHANGED config */}
-            {formData.triggerType === 'TRANSACTION_STATUS_CHANGED' && (
-              <div className="grid gap-3 md:grid-cols-2">
-                <div>
-                  <label className="block text-xs font-medium text-gray-700">
-                    Du statut (optionnel)
-                  </label>
-                  <select
-                    value={formData.triggerTransactionFromStatus ?? ''}
-                    onChange={(e) =>
-                      setFormData((prev) => ({
-                        ...prev,
-                        triggerTransactionFromStatus: e.target.value || null,
-                      }))
-                    }
-                    className={selectClassSm}
-                  >
-                    <option value="">Tous les statuts</option>
-                    {TRANSACTION_STATUSES.map((s) => (
-                      <option key={s.value} value={s.value}>
-                        {s.label}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-                <div>
-                  <label className="block text-xs font-medium text-gray-700">Vers le statut</label>
-                  <select
-                    value={formData.triggerTransactionToStatus ?? ''}
-                    onChange={(e) =>
-                      setFormData((prev) => ({
-                        ...prev,
-                        triggerTransactionToStatus: e.target.value || null,
-                      }))
-                    }
-                    className={selectClassSm}
-                  >
-                    <option value="">Tous les statuts</option>
-                    {TRANSACTION_STATUSES.map((s) => (
-                      <option key={s.value} value={s.value}>
-                        {s.label}
-                      </option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-            )}
           </div>
 
           <div className="flex flex-col gap-2 pt-2 sm:flex-row sm:justify-end">
@@ -1223,7 +1137,7 @@ export function WorkflowEditor({ workflowId }: WorkflowEditorProps) {
             <button
               type="submit"
               disabled={saving || loading}
-              className="w-full cursor-pointer rounded-xl bg-blue-600 px-4 py-2.5 text-sm font-medium text-white shadow-sm transition-colors hover:bg-blue-700 focus:ring-2 focus:ring-gray-400/30 focus:ring-offset-2 focus:outline-none disabled:cursor-not-allowed disabled:bg-blue-400 sm:w-auto"
+              className="w-full cursor-pointer rounded-xl bg-blue-600 px-4 py-2.5 text-sm font-medium text-white shadow-sm transition-colors hover:bg-blue-700 focus:ring-2 focus:ring-gray-400/30 focus:ring-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-blue-400 sm:w-auto"
             >
               {saving ? 'Enregistrement...' : 'Enregistrer le workflow'}
             </button>

package/template/src/app/(dashboard)/automatisation/page.tsx

@@ -19,13 +19,11 @@ import {
   UserPlus,
   StickyNote,
   Bell,
-  ArrowRightLeft,
-  ShoppingCart,
   Users,
   Filter,
   Info,
 } from 'lucide-react';
-import { cn } from '@/lib/utils';
+import { cn, devToast } from '@/lib/utils';
 import { ProtectedPage } from '@/components/protected-page';
 import { useConfirm } from '@/hooks/use-confirm';
 import { useUserRole } from '@/hooks/use-user-role';
@@ -81,7 +79,7 @@ export default function AutomatisationPage() {
       setWorkflows(data);
     } catch (err: any) {
       console.error('Erreur lors du chargement des workflows:', err);
-      setError(err.message || 'Erreur lors du chargement des workflows');
+      setError(devToast('Erreur lors du chargement des workflows', err));
     } finally {
       setLoading(false);
     }
@@ -101,7 +99,7 @@ export default function AutomatisationPage() {
   useEffect(() => {
     fetchWorkflows();
     fetchStatuses();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+     
   }, []);
 
   useEffect(() => {
@@ -142,7 +140,7 @@ export default function AutomatisationPage() {
       fetchWorkflows();
       setTimeout(() => setSuccess(''), 5000);
     } catch (err: any) {
-      setError(err.message || 'Erreur lors de la suppression');
+      setError(devToast('Erreur lors de la suppression du workflow', err));
     }
   };
 
@@ -165,9 +163,10 @@ export default function AutomatisationPage() {
         throw new Error('Erreur lors de la mise à jour');
       }
 
+      toast.success(workflow.active ? 'Workflow désactivé' : 'Workflow activé');
       fetchWorkflows();
     } catch (err: any) {
-      setError(err.message || 'Erreur lors de la mise à jour');
+      setError(devToast('Erreur lors de la mise à jour du workflow', err));
     }
   };
   const getTriggerLabel = (triggerType: string) => {
@@ -182,10 +181,6 @@ export default function AutomatisationPage() {
         return 'Déclencheur manuel';
       case 'TASK_COMPLETED':
         return 'Tâche complétée';
-      case 'TRANSACTION_CREATED':
-        return 'Transaction créée';
-      case 'TRANSACTION_STATUS_CHANGED':
-        return 'Changement statut transaction';
       case 'CONTACT_ASSIGNMENT_CHANGED':
         return "Changement d'assignation";
       default:
@@ -222,7 +217,6 @@ export default function AutomatisationPage() {
         />
 
         <div className="p-4 sm:p-6 lg:p-8">
-
           {/* Guide d'utilisation */}
           <div className="mb-6 rounded-2xl border border-blue-100 bg-white shadow-sm">
             <button
@@ -289,16 +283,6 @@ export default function AutomatisationPage() {
                         title: 'Tâche complétée',
                         desc: 'Se lance quand une tâche liée à un contact est terminée. Filtrable par type de tâche.',
                       },
-                      {
-                        icon: <ShoppingCart className="h-4 w-4 text-orange-600" />,
-                        title: 'Transaction créée',
-                        desc: 'Se lance quand une nouvelle transaction est créée pour un contact.',
-                      },
-                      {
-                        icon: <ArrowRightLeft className="h-4 w-4 text-rose-600" />,
-                        title: 'Statut transaction',
-                        desc: 'Se lance quand le statut d\u2019une transaction change (ex. Signée, Complétée). Filtrable par statut.',
-                      },
                       {
                         icon: <Users className="h-4 w-4 text-cyan-600" />,
                         title: "Changement d'assignation",
@@ -444,9 +428,9 @@ export default function AutomatisationPage() {
                       Ajouter une note dans l&apos;historique.
                     </li>
                     <li>
-                      <strong>Qualification post-signature :</strong> Déclencheur &laquo; Statut
-                      transaction &raquo; vers &laquo; Signée &raquo; &rarr; Changer le statut du
-                      contact en &laquo; Client &raquo; &rarr; Notifier le manager.
+                      <strong>Qualification après RDV :</strong> Déclencheur &laquo; Changement de
+                      statut &raquo; (ex. vers &laquo; Qualifié &raquo;) &rarr; Envoyer un email de
+                      suivi &rarr; Notifier le manager.
                     </li>
                     <li>
                       <strong>Réassignation intelligente :</strong> Déclencheur &laquo; Tâche
@@ -490,7 +474,7 @@ export default function AutomatisationPage() {
                     value={search}
                     onChange={(e) => setSearch(e.target.value)}
                     placeholder="Rechercher une automatisation..."
-                    className="w-full rounded-full border border-gray-200 bg-gray-50 py-2 pr-3 pl-9 text-sm text-gray-900 placeholder:text-gray-400 focus:bg-white focus:ring-2 focus:ring-gray-400/30 focus:outline-none"
+                    className="w-full rounded-full border border-gray-200 bg-gray-50 py-2 pr-3 pl-9 text-sm text-gray-900 placeholder:text-gray-400 focus:bg-white focus:ring-2 focus:ring-gray-400/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50"
                   />
                 </div>
               </div>