+
{COUNTRIES.map((country) => (
-
-
+
@@ -1490,7 +1629,7 @@ export default function Dashboard({
Período calculado:{' '}
- {periodRange.start} al {periodRange.end}
+ {formatPeriodDate(periodRange.start)} al {formatPeriodDate(periodRange.end)}
{selectedPeriodDescription}
@@ -1500,6 +1639,21 @@ export default function Dashboard({
+ {isPanama && (uploadedPayrollFiles.length > 0 || uploadedBankFiles.length > 0) && (
+
+
+
+ )}
+
@@ -1514,10 +1668,72 @@ export default function Dashboard({
ref={payrollInputRef}
onChange={handlePayrollSelect}
accept=".xlsx,.xls"
+ multiple={isPanama}
className="hidden"
/>
- {uploadedPayroll ? (
+ {isPanama ? (
+ uploadedPayrollFiles.length > 0 ? (
+
+
+
+ {uploadedPayrollFiles.length} archivo(s) de nómina cargado(s)
+
+
+ Incluye la quincenal y todas las planillas extraordinarias, vacaciones o XIII Mes que correspondan al período.
+
+
+
+
+ {uploadedPayrollFiles.map((file, index) => (
+
+
+
+
+
+ {file.name}
+
+
{file.size} • Excel
+
+
+
+
+ ))}
+
+
+
+
+ ) : (
+
payrollInputRef.current?.click()}
+ className="border-2 border-dashed border-[#D0D0D0] bg-neutral-50 hover:bg-[#4F758B]/5 hover:border-[#4F758B]/40 transition-colors flex flex-col items-center justify-center py-10 px-4 text-center cursor-pointer min-h-[190px]"
+ >
+
+
Arrastre la nómina y sus suplementos
+
Puede seleccionar varios .xlsx / .xls a la vez
+
+
+ )
+ ) : uploadedPayroll ? (
@@ -1557,6 +1773,7 @@ export default function Dashboard({
)}
+
diff --git a/src/components/History.tsx b/src/components/History.tsx
index b17f684..1d56dec 100644
--- a/src/components/History.tsx
+++ b/src/components/History.tsx
@@ -15,6 +15,7 @@ import {
} from 'lucide-react';
import { CountryConfig, HistoricalReport, PeriodRange, ReconciliationRow } from '../types';
import BambooCorrectionModal from './BambooCorrectionModal';
+import ReportIssueButton from './ReportIssueButton';
import { supabase } from '../lib/supabase';
interface HistoryProps {
@@ -32,6 +33,13 @@ function getHistoryUrl(countryCode: string) {
return (import.meta.env.VITE_HISTORICOS_TT_URL as string | undefined) || '';
}
+ if (countryCode === 'PA') {
+ return (
+ (import.meta.env.VITE_HISTORICOS_PA_URL as string | undefined) ||
+ 'https://agenteit.digitalcompass.agency/webhook/cruce-cuentas-pa-historicos'
+ );
+ }
+
return (
(import.meta.env.VITE_HISTORICOS_GT_URL as string | undefined) ||
'https://agenteit.digitalcompass.agency/webhook/cruce-cuentas-gt-historicos'
@@ -43,6 +51,13 @@ function getMarkResolvedUrl(countryCode: string) {
return (import.meta.env.VITE_MARCAR_RESUELTO_TT_URL as string | undefined) || '';
}
+ if (countryCode === 'PA') {
+ return (
+ (import.meta.env.VITE_MARCAR_RESUELTO_PA_URL as string | undefined) ||
+ 'https://agenteit.digitalcompass.agency/webhook/cruce-cuentas-pa-marcar-resuelto'
+ );
+ }
+
return (
(import.meta.env.VITE_MARCAR_RESUELTO_GT_URL as string | undefined) ||
'https://agenteit.digitalcompass.agency/webhook/cruce-cuentas-gt-marcar-resuelto'
@@ -128,7 +143,7 @@ function normalizeReports(input: unknown, country: CountryConfig): HistoricalRep
return {
id: String(report.id ?? `reporte-${index + 1}`),
- country: (rawCountry === 'TT' ? 'TT' : 'GT') as HistoricalReport['country'],
+ country: (rawCountry === 'TT' ? 'TT' : rawCountry === 'PA' ? 'PA' : 'GT') as HistoricalReport['country'],
date: formatDate(report.fecha ?? report.period_end ?? rawExecutionDate, country.locale),
executionDate: formatDateTime(rawExecutionDate, country.locale),
period: String(report.periodo ?? report.period_label ?? report.period ?? 'Período no especificado'),
@@ -442,7 +457,7 @@ export default function History({
if (!isCurrentRequest()) return;
// Respaldo temporal: webhook histórico existente. También se envía el país
- // para impedir que se mezclen reportes de Guatemala y Trinidad y Tobago.
+ // para impedir que se mezclen reportes de Guatemala, Trinidad y Tobago y Panamá.
const historyUrl = getHistoryUrl(country.code);
if (!historyUrl) {
throw new Error(`No está configurado el origen histórico de ${country.name}.`);
@@ -708,7 +723,14 @@ export default function History({
Reportes Históricos - {country.name}
+
+
diff --git a/src/components/Login.tsx b/src/components/Login.tsx
index a98868c..1e946b0 100644
--- a/src/components/Login.tsx
+++ b/src/components/Login.tsx
@@ -1,7 +1,12 @@
import React, { useState } from 'react';
import { motion } from 'motion/react';
import { AlertTriangle } from 'lucide-react';
-import { getAuthRedirectUrl, isSupabaseConfigured, supabase } from '../lib/supabase';
+import {
+ getAuthRedirectUrl,
+ isSupabaseConfigured,
+ refreshAuthEntryDocumentCache,
+ supabase,
+} from '../lib/supabase';
interface LoginProps {
onShowToast: (msg: string, type: 'success' | 'error' | 'info') => void;
@@ -18,6 +23,12 @@ export default function Login({ onShowToast }: LoginProps) {
setIsLoggingIn(true);
+ // El OAuth vuelve a la misma URL base de la aplicación. Antes de salir,
+ // refrescamos esa entrada en la caché HTTP del navegador para evitar que el
+ // retorno de Google restaure un index.html perteneciente a un despliegue
+ // anterior. Si la revalidación falla, el login continúa de todos modos.
+ await refreshAuthEntryDocumentCache();
+
const { error } = await supabase.auth.signInWithOAuth({
provider: 'google',
options: {
diff --git a/src/components/ReportIssueButton.tsx b/src/components/ReportIssueButton.tsx
new file mode 100644
index 0000000..ca667af
--- /dev/null
+++ b/src/components/ReportIssueButton.tsx
@@ -0,0 +1,213 @@
+import React, { useState } from 'react';
+import { Loader2, MessageSquareWarning, Send, X } from 'lucide-react';
+import { CountryConfig } from '../types';
+import { supabase } from '../lib/supabase';
+import { ensureFreshSupabaseSession } from '../lib/sessionHealth';
+
+const REPORT_APP_URL =
+ (import.meta.env.VITE_REPORTAR_APP_URL as string | undefined) ||
+ 'https://agenteit.digitalcompass.agency/webhook/cruce-cuentas-reportar';
+
+interface ReportIssueButtonProps {
+ country: CountryConfig;
+ operatorName: string;
+ operatorEmail: string;
+ section: string;
+ onShowToast: (message: string, type: 'success' | 'error' | 'info') => void;
+}
+
+function parseJsonSafely(text: string) {
+ try {
+ return text ? JSON.parse(text) : null;
+ } catch {
+ return null;
+ }
+}
+
+function createReportSessionId() {
+ if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+ return crypto.randomUUID();
+ }
+
+ return `report-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+}
+
+export default function ReportIssueButton({
+ country,
+ operatorName,
+ operatorEmail,
+ section,
+ onShowToast,
+}: ReportIssueButtonProps) {
+ const [isOpen, setIsOpen] = useState(false);
+ const [message, setMessage] = useState('');
+ const [isSubmitting, setIsSubmitting] = useState(false);
+
+ const closeModal = () => {
+ if (isSubmitting) return;
+ setIsOpen(false);
+ };
+
+ const handleSubmit = async () => {
+ const description = message.trim();
+
+ if (!description) {
+ onShowToast('Escribe una descripción del reporte.', 'error');
+ return;
+ }
+
+ if (!REPORT_APP_URL) {
+ onShowToast('Falta configurar VITE_REPORTAR_APP_URL.', 'error');
+ return;
+ }
+
+ if (!supabase) {
+ onShowToast('Supabase no está configurado en esta aplicación.', 'error');
+ return;
+ }
+
+ setIsSubmitting(true);
+
+ try {
+ const session = await ensureFreshSupabaseSession(300);
+ const accessToken = session?.access_token;
+
+ if (!accessToken) {
+ throw new Error('Tu sesión expiró. Inicia sesión nuevamente antes de enviar el reporte.');
+ }
+
+ const payload = {
+ message: description.slice(0, 5000),
+ userName: operatorName,
+ userEmail: operatorEmail,
+ country: country.code,
+ countryName: country.name,
+ section,
+ submittedAt: new Date().toISOString(),
+ pageUrl: window.location.href,
+ appSessionId: createReportSessionId(),
+ };
+
+ // FormData evita una preflight CORS innecesaria. El token viaja únicamente
+ // por HTTPS y el workflow de n8n lo valida contra Supabase.
+ const formData = new FormData();
+ formData.append('payload', JSON.stringify(payload));
+ formData.append('access_token', accessToken);
+
+ const response = await fetch(REPORT_APP_URL, {
+ method: 'POST',
+ body: formData,
+ });
+
+ const responseText = await response.text();
+ const responsePayload = parseJsonSafely(responseText);
+
+ if (!response.ok || responsePayload?.ok === false) {
+ const errorMessage =
+ responsePayload?.message ||
+ responsePayload?.error ||
+ responseText ||
+ 'No se pudo enviar el reporte.';
+ throw new Error(String(errorMessage));
+ }
+
+ setMessage('');
+ setIsOpen(false);
+ onShowToast('Reporte enviado correctamente.', 'success');
+ } catch (error) {
+ onShowToast(
+ error instanceof Error ? error.message : 'No se pudo enviar el reporte.',
+ 'error',
+ );
+ } finally {
+ setIsSubmitting(false);
+ }
+ };
+
+ return (
+ <>
+
+
+ {isOpen && (
+
+
+
+
+
+
+
+
Reporte
+
+
+
+
+
![\"GomezLee](\"https://dbit.digitalcompass.agency/storage/v1/object/public/public-assets/GLM_completo.png\")