Initial commit: frontend + backend integration

frontend/utils/apiClient.ts

@@ -0,0 +1,103 @@
+// utils/apiClient.ts
+import type { TierKey } from '../types';
+
+type SegmentMapping = {
+  high_value_queues: string[];
+  medium_value_queues: string[];
+  low_value_queues: string[];
+};
+
+const API_BASE_URL =
+  import.meta.env.VITE_API_BASE_URL || 'http://localhost:8000';
+
+function getAuthHeader(): Record<string, string> {
+  const user = import.meta.env.VITE_API_USERNAME;
+  const pass = import.meta.env.VITE_API_PASSWORD;
+
+  if (!user || !pass) {
+    return {};
+  }
+
+  const token = btoa(`${user}:${pass}`);
+  return {
+    Authorization: `Basic ${token}`,
+  };
+}
+
+// JSON exactamente como lo devuelve el backend en `results`
+export type BackendRawResults = any;
+
+/**
+ * Llama al endpoint /analysis y devuelve `results` tal cual.
+ */
+export async function callAnalysisApiRaw(params: {
+  tier: TierKey;
+  costPerHour: number;
+  avgCsat: number;
+  segmentMapping?: SegmentMapping;
+  file: File;
+}): Promise<BackendRawResults> {
+  const { costPerHour, segmentMapping, file } = params;
+
+  if (!file) {
+    throw new Error('No se ha proporcionado ningún archivo CSV');
+  }
+
+  const economyData: any = {
+    labor_cost_per_hour: costPerHour,
+  };
+
+  if (segmentMapping) {
+    const customer_segments: Record<string, string> = {};
+
+    for (const q of segmentMapping.high_value_queues || []) {
+      customer_segments[q] = 'high';
+    }
+    for (const q of segmentMapping.medium_value_queues || []) {
+      customer_segments[q] = 'medium';
+    }
+    for (const q of segmentMapping.low_value_queues || []) {
+      customer_segments[q] = 'low';
+    }
+
+    if (Object.keys(customer_segments).length > 0) {
+      economyData.customer_segments = customer_segments;
+    }
+  }
+
+  const formData = new FormData();
+  formData.append('csv_file', file);
+  formData.append('analysis', 'premium');
+
+  if (Object.keys(economyData).length > 0) {
+    formData.append('economy_json', JSON.stringify(economyData));
+  }
+
+  const response = await fetch(`${API_BASE_URL}/analysis`, {
+    method: 'POST',
+    body: formData,
+    headers: {
+      ...getAuthHeader(),
+    },
+  });
+
+  if (!response.ok) {
+    let errorText = `Error API (${response.status})`;
+    try {
+      const errorBody = await response.json();
+      if (errorBody?.detail) {
+        errorText = String(errorBody.detail);
+      }
+    } catch {
+      // ignoramos si no es JSON
+    }
+    throw new Error(errorText);
+  }
+
+  const data = await response.json();
+  const rawResults = data.results ?? data;
+
+  console.debug('🔍 Backend /analysis raw results:', rawResults);
+
+  return rawResults;
+}