Update invoice sending to use direct webhook requests with timeouts

Refactors BLReconciliation.tsx to replace the backend proxy call with a direct fetch to the webhook URL, implementing FormData for file uploads and adding a 60-second timeout using AbortController.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 4d220e6b-5c4b-4c79-badc-e764c86cbe43
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/qOJ89TE

client/src/pages/BLReconciliation.tsx

@@ -513,37 +513,26 @@ export default function BLReconciliation() {
     startProcessingTimer();
 
     try {
-      // Convertir le fichier en base64 pour l'envoyer via notre route backend
+      const formData = new FormData();
-      const fileBase64 = await new Promise<string>((resolve, reject) => {
+      formData.append('file', selectedFile);
-        const reader = new FileReader();
+      formData.append('supplier', selectedDeliveryForInvoice.supplier?.name || '');
-        reader.onload = () => {
+      formData.append('blNumber', selectedDeliveryForInvoice.blNumber || '');
-          const base64 = (reader.result as string).split(',')[1]; // Retirer le préfixe data:...
+      formData.append('type', 'Facture');
-          resolve(base64);
+
-        };
+      // Créer un AbortController pour gérer le timeout
-        reader.onerror = reject;
+      const controller = new AbortController();
-        reader.readAsDataURL(selectedFile);
+      const timeoutId = setTimeout(() => controller.abort(), 60000); // 60 secondes
+
+      const response = await fetch(selectedDeliveryForInvoice.group.webhookUrl, {
+        method: 'POST',
+        body: formData,
+        signal: controller.signal,
       });
 
-      // Préparer les données pour la route backend proxy
+      clearTimeout(timeoutId);
-      const payload = {
-        webhookUrl: selectedDeliveryForInvoice.group.webhookUrl,
-        formDataFields: {
-          file: {
-            base64: fileBase64,
-            filename: selectedFile.name,
-            contentType: selectedFile.type
-          },
-          supplier: selectedDeliveryForInvoice.supplier?.name || '',
-          blNumber: selectedDeliveryForInvoice.blNumber || '',
-          type: 'Facture'
-        }
-      };
 
-      // Envoyer via la route backend proxy (évite les problèmes CORS)
+      if (!response.ok) {
-      const response = await apiRequest('/api/reconciliation/send-invoice-webhook', 'POST', payload);
+        throw new Error(`Erreur ${response.status}: ${response.statusText}`);
-
-      if (!response || !response.success) {
-        throw new Error(response?.error || 'Erreur lors de l\'envoi');
       }
 
       handleCloseWaitingModal();