create-crm-tmp 2.0.0 → 2.1.0

package/template/src/lib/contact-interactions.ts

@@ -1,4 +1,5 @@
 import { prisma } from '@/lib/prisma';
+import { formatFrenchAppointmentDateTime } from '@/lib/date-utils';
 import { InteractionType } from '../../generated/prisma/client';
 
 interface CreateInteractionParams {
@@ -30,6 +31,23 @@ export async function createInteraction(params: CreateInteractionParams) {
   });
 }
 
+/**
+ * Supprime les interactions liées à une tâche (activité « Tâche », rendez-vous créé/modifié).
+ * Ne supprime pas APPOINTMENT_DELETED (trace d'annulation si créée après).
+ */
+export async function deleteInteractionsLinkedToTask(contactId: string, taskId: string) {
+  return prisma.interaction.deleteMany({
+    where: {
+      contactId,
+      type: { in: ['TASK', 'APPOINTMENT_CREATED', 'APPOINTMENT_CHANGED'] },
+      metadata: {
+        path: ['taskId'],
+        equals: taskId,
+      },
+    },
+  });
+}
+
 /**
  * Crée une interaction pour un changement de statut
  */
@@ -181,13 +199,7 @@ export async function logAppointmentCreated(
   title: string | null,
   userId: string,
 ) {
-  const formattedDate = scheduledAt.toLocaleDateString('fr-FR', {
-    day: 'numeric',
-    month: 'long',
-    year: 'numeric',
-    hour: '2-digit',
-    minute: '2-digit',
-  });
+  const formattedDate = formatFrenchAppointmentDateTime(scheduledAt);
 
   return await createInteraction({
     contactId,
@@ -214,13 +226,7 @@ export async function logAppointmentCancelled(
   userId: string,
   isGoogleMeet: boolean = false,
 ) {
-  const formattedDate = scheduledAt.toLocaleDateString('fr-FR', {
-    day: 'numeric',
-    month: 'long',
-    year: 'numeric',
-    hour: '2-digit',
-    minute: '2-digit',
-  });
+  const formattedDate = formatFrenchAppointmentDateTime(scheduledAt);
 
   const appointmentType = isGoogleMeet ? 'Google Meet' : 'Rendez-vous';
 
@@ -251,13 +257,7 @@ export async function logAppointmentChanged(
   userId: string,
   isGoogleMeet: boolean = false,
 ) {
-  const formattedDate = scheduledAt.toLocaleDateString('fr-FR', {
-    day: 'numeric',
-    month: 'long',
-    year: 'numeric',
-    hour: '2-digit',
-    minute: '2-digit',
-  });
+  const formattedDate = formatFrenchAppointmentDateTime(scheduledAt);
 
   const appointmentType = isGoogleMeet ? 'Google Meet' : 'Rendez-vous';
 

package/template/src/lib/contact-view-filters.ts

@@ -1,5 +1,8 @@
 import type { ViewFilter, DatePreset } from '@/types/contact-views';
-import { FRENCH_DEPARTMENTS, type Department } from '@/lib/french-regions';
+import {
+  expandRegionCodesToDepartmentCodes,
+  prismaPostalMatchesDepartmentsCondition,
+} from '@/lib/fr-geography';
 
 function startOfDay(date: Date): Date {
   const d = new Date(date);
@@ -146,76 +149,33 @@ export function resolveDatePreset(preset: DatePreset): { gte?: Date; lte?: Date
   }
 }
 
-const departmentsByRegion = new Map<string, Department[]>();
-for (const dept of FRENCH_DEPARTMENTS) {
-  const list = departmentsByRegion.get(dept.regionCode) ?? [];
-  list.push(dept);
-  departmentsByRegion.set(dept.regionCode, list);
-}
-
-function buildPostalCodeConditions(deptCodes: string[], negate: boolean): any | null {
-  if (deptCodes.length === 0) return null;
-
-  const startsWithConditions: any[] = [];
-  const corsicaCodes: string[] = [];
+function buildFieldCondition(filter: ViewFilter): any | null {
+  const { field, operator, value, preset } = filter;
 
-  for (const code of deptCodes) {
-    if (code === '2A' || code === '2B') {
-      corsicaCodes.push(code);
-    } else {
-      startsWithConditions.push({ postalCode: { startsWith: code } });
+  if (field === 'department') {
+    if (!Array.isArray(value) || value.length === 0) return null;
+    if (operator === 'is_any_of') {
+      return prismaPostalMatchesDepartmentsCondition(value as string[]);
     }
-  }
-
-  if (corsicaCodes.length > 0) {
-    if (corsicaCodes.includes('2A') && corsicaCodes.includes('2B')) {
-      startsWithConditions.push({ postalCode: { startsWith: '20' } });
-    } else if (corsicaCodes.includes('2A')) {
-      startsWithConditions.push({
-        AND: [{ postalCode: { startsWith: '20' } }, { postalCode: { lt: '20200' } }],
-      });
-    } else {
-      startsWithConditions.push({
-        AND: [{ postalCode: { startsWith: '20' } }, { postalCode: { gte: '20200' } }],
-      });
+    if (operator === 'is_none_of') {
+      const inner = prismaPostalMatchesDepartmentsCondition(value as string[]);
+      return inner ? { NOT: inner } : null;
     }
-  }
-
-  if (startsWithConditions.length === 0) return null;
-
-  const orCondition =
-    startsWithConditions.length === 1 ? startsWithConditions[0] : { OR: startsWithConditions };
-
-  return negate ? { NOT: orCondition } : orCondition;
-}
-
-function buildGeoCondition(filter: ViewFilter): any | null {
-  const { field, operator, value } = filter;
-  if (!Array.isArray(value) || value.length === 0) return null;
-
-  if (field === 'department') {
-    return buildPostalCodeConditions(value, operator === 'is_none_of');
+    return null;
   }
 
   if (field === 'region') {
-    const deptCodes: string[] = [];
-    for (const regionCode of value) {
-      const depts = departmentsByRegion.get(regionCode);
-      if (depts) {
-        for (const d of depts) deptCodes.push(d.code);
-      }
+    if (!Array.isArray(value) || value.length === 0) return null;
+    const deptCodes = expandRegionCodesToDepartmentCodes(value as string[]);
+    if (deptCodes.length === 0) return null;
+    if (operator === 'is_any_of') {
+      return prismaPostalMatchesDepartmentsCondition(deptCodes);
     }
-    return buildPostalCodeConditions(deptCodes, operator === 'is_none_of');
-  }
-
-  return null;
-}
-
-function buildFieldCondition(filter: ViewFilter): any | null {
-  const { field, operator, value, preset } = filter;
-
-  if (field === 'region' || field === 'department') {
-    return buildGeoCondition(filter);
+    if (operator === 'is_none_of') {
+      const inner = prismaPostalMatchesDepartmentsCondition(deptCodes);
+      return inner ? { NOT: inner } : null;
+    }
+    return null;
   }
 
   switch (operator) {

package/template/src/lib/contacts-list-url.ts

@@ -0,0 +1,190 @@
+import type { ReadonlyURLSearchParams } from 'next/navigation';
+
+const VALID_LIMITS = [25, 50, 100] as const;
+
+/** Tri par défaut liste contacts : pas de paramètres d’URL (parse → createdAt desc). */
+export const CONTACTS_LIST_DEFAULT_SORT_FIELD = 'createdAt';
+export const CONTACTS_LIST_DEFAULT_SORT_ORDER = 'desc' as const;
+
+export function isContactsListDefaultSort(
+  sortField: string,
+  sortOrder: 'asc' | 'desc',
+): boolean {
+  return (
+    sortField === CONTACTS_LIST_DEFAULT_SORT_FIELD &&
+    sortOrder === CONTACTS_LIST_DEFAULT_SORT_ORDER
+  );
+}
+
+/** Chevrons / filtre « tri actif » sur une colonne — masqué pour le tri implicite création ↓. */
+export function contactsListColumnShowsActiveSort(
+  columnId: string,
+  sortField: string,
+  sortOrder: 'asc' | 'desc',
+): boolean {
+  if (sortField !== columnId) return false;
+  if (
+    columnId === CONTACTS_LIST_DEFAULT_SORT_FIELD &&
+    isContactsListDefaultSort(sortField, sortOrder)
+  ) {
+    return false;
+  }
+  return true;
+}
+
+export type ParsedContactsListUrl = {
+  viewEntity: 'contacts' | 'companies';
+  currentPage: number;
+  limit: number;
+  viewMode: 'table' | 'cards';
+  search: string;
+  statusIds: string[];
+  origins: string[];
+  assignedCommercialIds: string[];
+  assignedTeleproIds: string[];
+  createdAtStart: string;
+  createdAtEnd: string;
+  updatedAtStart: string;
+  updatedAtEnd: string;
+  regionCodes: string[];
+  departmentCodes: string[];
+  sortField: string;
+  sortOrder: 'asc' | 'desc';
+};
+
+function splitCsv(v: string | null): string[] {
+  if (!v) return [];
+  return v
+    .split(',')
+    .map((s) => s.trim())
+    .filter(Boolean);
+}
+
+/**
+ * Source de vérité côté client au premier rendu / après popstate : `window.location`
+ * peut être à jour avant `useSearchParams()` (retour arrière), sinon on retombe sur le hook.
+ */
+export function getContactsListUrlSearchParams(
+  sp: URLSearchParams | ReadonlyURLSearchParams,
+): URLSearchParams {
+  if (typeof globalThis.window !== 'undefined') {
+    return new URLSearchParams(globalThis.window.location.search);
+  }
+  return new URLSearchParams(sp.toString());
+}
+
+export function readContactsListFromLocationOrParams(
+  sp: URLSearchParams | ReadonlyURLSearchParams,
+): ParsedContactsListUrl {
+  return parseContactsListFromSearchParams(getContactsListUrlSearchParams(sp));
+}
+
+export function parseContactsListFromSearchParams(
+  sp: URLSearchParams | ReadonlyURLSearchParams,
+): ParsedContactsListUrl {
+  const page = Number.parseInt(sp.get('page') || '1', 10);
+  const lim = Number.parseInt(sp.get('limit') || '25', 10);
+  return {
+    viewEntity: sp.get('entity') === 'companies' ? 'companies' : 'contacts',
+    currentPage: Number.isFinite(page) && page >= 1 ? page : 1,
+    limit: VALID_LIMITS.includes(lim as (typeof VALID_LIMITS)[number]) ? lim : 25,
+    viewMode: sp.get('view') === 'cards' ? 'cards' : 'table',
+    search: sp.get('search') || '',
+    statusIds: splitCsv(sp.get('statusIds')),
+    origins: splitCsv(sp.get('origins')),
+    assignedCommercialIds: splitCsv(sp.get('assignedCommercialIds')),
+    assignedTeleproIds: splitCsv(sp.get('assignedTeleproIds')),
+    createdAtStart: sp.get('createdAtStart') || '',
+    createdAtEnd: sp.get('createdAtEnd') || '',
+    updatedAtStart: sp.get('updatedAtStart') || '',
+    updatedAtEnd: sp.get('updatedAtEnd') || '',
+    regionCodes: splitCsv(sp.get('regionCodes')),
+    departmentCodes: splitCsv(sp.get('departmentCodes')),
+    sortField: sp.get('sortField') || CONTACTS_LIST_DEFAULT_SORT_FIELD,
+    sortOrder:
+      sp.get('sortOrder') === 'asc'
+        ? 'asc'
+        : sp.get('sortOrder') === 'desc'
+          ? 'desc'
+          : CONTACTS_LIST_DEFAULT_SORT_ORDER,
+  };
+}
+
+export type ContactsListUrlInput = {
+  viewEntity: 'contacts' | 'companies';
+  currentPage: number;
+  limit: number;
+  viewMode: 'table' | 'cards';
+  search: string;
+  statusFilter: Set<string>;
+  originFilter: Set<string>;
+  assignedCommercialFilter: Set<string>;
+  assignedTeleproFilter: Set<string>;
+  createdAtStart: string;
+  createdAtEnd: string;
+  updatedAtStart: string;
+  updatedAtEnd: string;
+  regionFilter: Set<string>;
+  departmentFilter: Set<string>;
+  sortField: string;
+  sortOrder: 'asc' | 'desc';
+};
+
+export function buildContactsListSearchParams(input: ContactsListUrlInput): URLSearchParams {
+  const p = new URLSearchParams();
+  if (input.viewEntity === 'companies') {
+    p.set('entity', 'companies');
+  }
+  p.set('page', String(input.currentPage));
+  p.set('limit', String(input.limit));
+  p.set('view', input.viewMode);
+  if (input.search.trim()) {
+    p.set('search', input.search.trim());
+  }
+  if (input.statusFilter.size > 0) {
+    p.set('statusIds', [...input.statusFilter].join(','));
+  }
+  if (input.originFilter.size > 0) {
+    p.set('origins', [...input.originFilter].join(','));
+  }
+  if (input.assignedCommercialFilter.size > 0) {
+    p.set('assignedCommercialIds', [...input.assignedCommercialFilter].join(','));
+  }
+  if (input.assignedTeleproFilter.size > 0) {
+    p.set('assignedTeleproIds', [...input.assignedTeleproFilter].join(','));
+  }
+  if (input.createdAtStart) p.set('createdAtStart', input.createdAtStart);
+  if (input.createdAtEnd) p.set('createdAtEnd', input.createdAtEnd);
+  if (input.updatedAtStart) p.set('updatedAtStart', input.updatedAtStart);
+  if (input.updatedAtEnd) p.set('updatedAtEnd', input.updatedAtEnd);
+  if (input.regionFilter.size > 0) {
+    p.set('regionCodes', [...input.regionFilter].join(','));
+  }
+  if (input.departmentFilter.size > 0) {
+    p.set('departmentCodes', [...input.departmentFilter].join(','));
+  }
+  if (
+    input.sortField &&
+    !isContactsListDefaultSort(input.sortField, input.sortOrder)
+  ) {
+    p.set('sortField', input.sortField);
+    p.set('sortOrder', input.sortOrder);
+  }
+  return p;
+}
+
+/** Comparaison stable pour éviter replace / hydrate inutiles */
+export function canonicalSearchParamsString(params: URLSearchParams): string {
+  return [...params.entries()]
+    .sort(([a], [b]) => a.localeCompare(b))
+    .map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`)
+    .join('&');
+}
+
+export function setsEqualToIds(prev: Set<string>, ids: string[]): boolean {
+  if (prev.size !== ids.length) return false;
+  for (const id of ids) {
+    if (!prev.has(id)) return false;
+  }
+  return true;
+}

package/template/src/lib/dashboard-stats.ts

@@ -6,9 +6,9 @@ export interface DashboardStats {
     totalContacts: number;
     contactsThisMonth: number;
     contactsGrowth: number;
-    statusData: Array<{ name: string; value: number }>;
-    monthlyContacts: Array<{ month: string; count: number }>;
+    monthsData: Array<{ month: string; count: number }>;
   };
+  statusDistribution: Array<{ name: string; value: number }>;
   tasks: {
     total: number;
     completed: number;
@@ -24,12 +24,29 @@ export interface DashboardStats {
     byType: Array<{ type: string; count: number }>;
   };
   interactions: {
-    recent: any[];
+    recent: Array<{
+      id: string;
+      type: string;
+      title: string | null;
+      content: string;
+      date: string;
+      contact: { id: string; name: string };
+    }>;
     byType: Array<{ type: string; count: number }>;
   };
   activity: {
     last7Days: Array<{ date: string; interactions: number; tasks: number }>;
   };
+  topContacts: Array<{
+    id: string;
+    name: string;
+    phone: string;
+    email: string | null;
+    status: string;
+    interactionsCount: number;
+    assignedCommercial?: string;
+    assignedTelepro?: string;
+  }>;
 }
 
 export async function getDashboardStats(
@@ -80,6 +97,7 @@ export async function getDashboardStats(
     contactsLast12Months,
     interactionsLast7Days,
     tasksLast7Days,
+    recentContacts,
   ] = await Promise.all([
     prisma.contact.count({ where: contactFilter }),
     prisma.contact.count({
@@ -114,7 +132,7 @@ export async function getDashboardStats(
         user: { select: { id: true, name: true } },
       },
       orderBy: { createdAt: 'desc' },
-      take: 5,
+      take: 10,
     }),
     prisma.task.count({ where: { assignedUserId: userId } }),
     prisma.task.count({ where: { assignedUserId: userId, completed: true } }),
@@ -140,6 +158,22 @@ export async function getDashboardStats(
       where: { assignedUserId: userId, createdAt: { gte: sevenDaysAgo } },
       select: { createdAt: true },
     }),
+    prisma.contact.findMany({
+      where: contactFilter,
+      select: {
+        id: true,
+        firstName: true,
+        lastName: true,
+        phone: true,
+        email: true,
+        status: { select: { name: true } },
+        assignedCommercial: { select: { name: true } },
+        assignedTelepro: { select: { name: true } },
+        _count: { select: { interactions: true } },
+      },
+      orderBy: { createdAt: 'desc' },
+      take: 8,
+    }),
   ]);
 
   const contactsGrowth =
@@ -184,14 +218,37 @@ export async function getDashboardStats(
     });
   }
 
+  const formattedRecentInteractions = recentInteractions.map((i) => ({
+    id: i.id,
+    type: i.type,
+    title: null,
+    content: i.content,
+    date: i.createdAt.toISOString(),
+    contact: {
+      id: i.contact.id,
+      name: `${i.contact.firstName || ''} ${i.contact.lastName || ''}`.trim() || i.contact.phone,
+    },
+  }));
+
+  const topContacts = recentContacts.map((c) => ({
+    id: c.id,
+    name: `${c.firstName || ''} ${c.lastName || ''}`.trim() || c.phone,
+    phone: c.phone,
+    email: c.email,
+    status: c.status?.name || 'N/A',
+    interactionsCount: c._count.interactions,
+    assignedCommercial: c.assignedCommercial?.name,
+    assignedTelepro: c.assignedTelepro?.name,
+  }));
+
   return {
     overview: {
       totalContacts,
       contactsThisMonth,
       contactsGrowth: Math.round(contactsGrowth * 10) / 10,
-      statusData,
-      monthlyContacts: monthsData,
+      monthsData,
     },
+    statusDistribution: statusData,
     tasks: {
       total: totalTasks,
       completed: completedTasks,
@@ -214,11 +271,12 @@ export async function getDashboardStats(
       byType: tasksByType,
     },
     interactions: {
-      recent: recentInteractions,
+      recent: formattedRecentInteractions,
       byType: interactionsByType,
     },
     activity: {
       last7Days,
     },
+    topContacts,
   };
 }

package/template/src/lib/dashboard-themes.ts

@@ -0,0 +1,135 @@
+export interface DashboardTheme {
+  key: string;
+  label: string;
+  hex: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+  };
+}
+
+export const DASHBOARD_THEMES: DashboardTheme[] = [
+  {
+    key: 'orange',
+    label: 'Orange',
+    hex: {
+      50: '#fff7ed',
+      100: '#ffedd5',
+      200: '#fed7aa',
+      300: '#fdba74',
+      400: '#fb923c',
+      500: '#f97316',
+      600: '#ea580c',
+      700: '#c2410c',
+    },
+  },
+  {
+    key: 'blue',
+    label: 'Bleu',
+    hex: {
+      50: '#eff6ff',
+      100: '#dbeafe',
+      200: '#bfdbfe',
+      300: '#93c5fd',
+      400: '#60a5fa',
+      500: '#3b82f6',
+      600: '#2563eb',
+      700: '#1d4ed8',
+    },
+  },
+  {
+    key: 'violet',
+    label: 'Violet',
+    hex: {
+      50: '#f5f3ff',
+      100: '#ede9fe',
+      200: '#ddd6fe',
+      300: '#c4b5fd',
+      400: '#a78bfa',
+      500: '#8b5cf6',
+      600: '#7c3aed',
+      700: '#6d28d9',
+    },
+  },
+  {
+    key: 'emerald',
+    label: 'Émeraude',
+    hex: {
+      50: '#ecfdf5',
+      100: '#d1fae5',
+      200: '#a7f3d0',
+      300: '#6ee7b7',
+      400: '#34d399',
+      500: '#10b981',
+      600: '#059669',
+      700: '#047857',
+    },
+  },
+  {
+    key: 'rose',
+    label: 'Rose',
+    hex: {
+      50: '#fff1f2',
+      100: '#ffe4e6',
+      200: '#fecdd3',
+      300: '#fda4af',
+      400: '#fb7185',
+      500: '#f43f5e',
+      600: '#e11d48',
+      700: '#be123c',
+    },
+  },
+  {
+    key: 'cyan',
+    label: 'Cyan',
+    hex: {
+      50: '#ecfeff',
+      100: '#cffafe',
+      200: '#a5f3fc',
+      300: '#67e8f9',
+      400: '#22d3ee',
+      500: '#06b6d4',
+      600: '#0891b2',
+      700: '#0e7490',
+    },
+  },
+  {
+    key: 'amber',
+    label: 'Ambre',
+    hex: {
+      50: '#fffbeb',
+      100: '#fef3c7',
+      200: '#fde68a',
+      300: '#fcd34d',
+      400: '#fbbf24',
+      500: '#f59e0b',
+      600: '#d97706',
+      700: '#b45309',
+    },
+  },
+  {
+    key: 'indigo',
+    label: 'Indigo',
+    hex: {
+      50: '#eef2ff',
+      100: '#e0e7ff',
+      200: '#c7d2fe',
+      300: '#a5b4fc',
+      400: '#818cf8',
+      500: '#6366f1',
+      600: '#4f46e5',
+      700: '#4338ca',
+    },
+  },
+];
+
+export const DEFAULT_THEME_KEY = 'orange';
+
+export function getThemeByKey(key: string): DashboardTheme {
+  return DASHBOARD_THEMES.find((t) => t.key === key) || DASHBOARD_THEMES[0];
+}