Add a feature to notify users about pending client calls

Introduce functionality for tracking and displaying pending client calls. This includes new API endpoints for fetching and marking clients as called, along with frontend components to alert users and manage these calls.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 95e8aab4-f39f-4b48-aa57-a759ec15ba3d
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/95e8aab4-f39f-4b48-aa57-a759ec15ba3d/U4JJoTO

server/routes.ts

@@ -2498,6 +2498,80 @@ export async function registerRoutes(app: Express): Promise<Server> {
     }
   });
 
+  // Client call tracking routes
+  app.get('/api/customer-orders/pending-calls', isAuthenticated, async (req: any, res) => {
+    try {
+      const user = await storage.getUserWithGroups(req.user.claims ? req.user.claims.sub : req.user.id);
+      if (!user) {
+        return res.status(404).json({ message: "User not found" });
+      }
+
+      let groupIds: number[] | undefined;
+
+      // Only admin, directeur, and manager can view pending calls
+      if (user.role === 'employee') {
+        return res.status(403).json({ message: "Insufficient permissions" });
+      }
+
+      if (user.role === 'admin') {
+        // Admin can optionally filter by store
+        const { storeId } = req.query;
+        if (storeId) {
+          groupIds = [parseInt(storeId as string)];
+        }
+      } else {
+        // For directeur and manager, filter by their assigned groups
+        const userGroupIds = (user as any).userGroups?.map((ug: any) => ug.groupId) || [];
+        groupIds = userGroupIds;
+      }
+
+      const pendingCalls = await storage.getPendingClientCalls(groupIds);
+      
+      console.log(`📞 Pending client calls fetched: ${pendingCalls.length} calls for user ${user.role}`);
+      res.json(pendingCalls);
+    } catch (error) {
+      console.error("Error fetching pending client calls:", error);
+      res.status(500).json({ message: "Failed to fetch pending client calls" });
+    }
+  });
+
+  app.patch('/api/customer-orders/:id/mark-called', isAuthenticated, async (req: any, res) => {
+    try {
+      const user = await storage.getUserWithGroups(req.user.claims ? req.user.claims.sub : req.user.id);
+      if (!user) {
+        return res.status(404).json({ message: "User not found" });
+      }
+
+      const id = parseInt(req.params.id);
+
+      // Only admin, directeur, and manager can mark calls
+      if (user.role === 'employee') {
+        return res.status(403).json({ message: "Insufficient permissions" });
+      }
+
+      // Check if user has access to this customer order
+      const customerOrder = await storage.getCustomerOrder(id);
+      if (!customerOrder) {
+        return res.status(404).json({ message: "Customer order not found" });
+      }
+
+      if (user.role !== 'admin') {
+        const userGroupIds = (user as any).userGroups?.map((ug: any) => ug.groupId) || [];
+        if (!userGroupIds.includes(customerOrder.groupId)) {
+          return res.status(403).json({ message: "Access denied to this customer order" });
+        }
+      }
+
+      const updatedOrder = await storage.markClientCalled(id, user.id);
+      
+      console.log(`📞 Client marked as called: order ${id} by user ${user.id} (${user.role})`);
+      res.json(updatedOrder);
+    } catch (error) {
+      console.error("Error marking client as called:", error);
+      res.status(500).json({ message: "Failed to mark client as called" });
+    }
+  });
+
   // Avoir routes
   app.get('/api/avoirs', isAuthenticated, async (req: any, res) => {
     try {