extract frontend analytics helpers

src/pages/ClientDetails.tsx

@@ -2,7 +2,7 @@ import { useMemo } from 'react';
 import { useParams, Link, useOutletContext } from 'react-router-dom';
 import { ArrowLeft, User, Tag, Package, DollarSign, Clock, Phone } from 'lucide-react';
 import type { OrderData } from '../types';
-import { parseOrderDate } from '../dataService';
+import { buildClientDetailsMetrics } from '../analytics/clients';
 
 const ClientDetails = () => {
   const { name } = useParams<{ name: string }>();
@@ -10,41 +10,7 @@ const ClientDetails = () => {
   const { ordersData } = useOutletContext<{ ordersData: OrderData[] }>();
 
   const { groupedOrders, totalSpent, totalItems, clientPhone } = useMemo(() => {
-    const orders = ordersData;
-    const clientOrders = orders.filter(order => {
-      const clientName = order.Nome_Cliente || `Cliente Desconhecido (Pedido ${order.Valor_Pedido})`;
-      return clientName === decodedName;
-    });
-    
-    let clientPhone = '';
-    const groupedOrdersMap: Record<string, { date: string, orderId: string, orderTotal: number, items: OrderData[] }> = {};
-    let totalSpent = 0;
-    let totalItems = 0;
-
-    clientOrders.forEach(order => {
-      if (order.Fone_Cliente && !clientPhone) clientPhone = order.Fone_Cliente;
-      totalSpent += (order.Quantidade * order.Valor_Unitario);
-      totalItems += order.Quantidade;
-
-      // Use ID_Pedido if available, otherwise fallback to date and total order value
-      const key = order.ID_Pedido || `${order.Data_Pedido}_${order.Valor_Pedido}`;
-      if (!groupedOrdersMap[key]) {
-        groupedOrdersMap[key] = {
-          date: order.Data_Pedido,
-          orderId: order.ID_Pedido || key,
-          orderTotal: order.Valor_Pedido,
-          items: []
-        };
-      }
-      groupedOrdersMap[key].items.push(order);
-    });
-
-    // Sort grouped orders by date descending
-    const groupedOrders = Object.values(groupedOrdersMap).sort((a, b) => {
-      return parseOrderDate(b.date).getTime() - parseOrderDate(a.date).getTime();
-    });
-
-    return { groupedOrders, totalSpent, totalItems, clientPhone };
+    return buildClientDetailsMetrics(ordersData, decodedName);
   }, [decodedName, ordersData]);
 
   const formatCurrency = (value: number) => {