feat: facturación primer pago, fixes SAT/MP, autocompletado RFCs/conceptos
Backend: - Notificación email al admin cuando llega primer pago aprobado (sin factura auto) - Endpoints GET /pagos-sin-factura y POST /emitir-factura-pago para admin global - Fix vinculación org Facturapi Horux 360 (69f23a5a242e0af47a41fa0d) - Fix webhook MP: validación defensiva de x-signature header - Fix autocompleto RFCs: eliminado filtro por contribuyenteId - Fix autocompleto conceptos: eliminado filtro por contribuyenteId - SAT fixes: anti-bot CSF scraper, request reuse, date range fix, stale job thresholds - SAT sync request reuse across jobs para evitar agotar cuota diaria - Typo fix MP_ACCESS_TOKEN en .env - Trial invitations system backend Frontend: - Nueva página /admin/facturas-pendientes con tabla y emisión manual - Métrica 'Facturas pendientes' en /clientes (clickable) - Navegación onboarding FIEL/CSD corregida - Sidebar themes sincronizados - Fix SAT portal migration scraper (NetIQ) - Trial invitation acceptance pages
This commit is contained in:
Horux Dev
@@ -6,9 +6,10 @@ import { useQuery, useQueryClient } from '@tanstack/react-query';
|
||||
import { Header } from '@/components/layouts/header';
|
||||
import { Card, CardContent, CardHeader, CardTitle, CardDescription, Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@horux/shared-ui';
|
||||
import { useTenants, useCreateTenant, useUpdateTenant, useDeleteTenant } from '@/lib/hooks/use-tenants';
|
||||
import { usePagosSinFactura } from '@/lib/hooks/use-pagos-sin-factura';
|
||||
import { useTenantViewStore } from '@/stores/tenant-view-store';
|
||||
import { useAuthStore } from '@/stores/auth-store';
|
||||
import { Building, Plus, Users, Eye, Calendar, Pencil, Trash2, X, DollarSign, AlertCircle, ChevronRight } from 'lucide-react';
|
||||
import { Building, Plus, Users, Eye, Calendar, Pencil, Trash2, X, DollarSign, AlertCircle, ChevronRight, Receipt } from 'lucide-react';
|
||||
import type { Tenant } from '@/lib/api/tenants';
|
||||
import { isGlobalAdminRfc } from '@horux/shared';
|
||||
import { getClientesStats, getTenantUsuarios, type TenantUsuario } from '@/lib/api/admin-clientes';
|
||||
@@ -56,6 +57,7 @@ export default function ClientesPage() {
|
||||
queryFn: () => getClientesStats(from, to),
|
||||
enabled: !!user,
|
||||
});
|
||||
const { data: pagosSinFactura } = usePagosSinFactura();
|
||||
|
||||
// Map tenantId → activeUsers para lookup O(1) cuando renderizamos la lista.
|
||||
const usuariosPorTenant = useMemo(() => {
|
||||
@@ -129,14 +131,17 @@ export default function ClientesPage() {
|
||||
|
||||
const handleEdit = (tenant: Tenant) => {
|
||||
setEditingTenant(tenant);
|
||||
const sub = tenant.subscriptions?.[0];
|
||||
setFormData({
|
||||
nombre: tenant.nombre,
|
||||
rfc: tenant.rfc,
|
||||
plan: tenant.plan as PlanType,
|
||||
adminEmail: '',
|
||||
adminNombre: '',
|
||||
amount: 0,
|
||||
firstPaymentDueAt: '',
|
||||
amount: sub ? Number(sub.amount) : 0,
|
||||
firstPaymentDueAt: sub?.currentPeriodEnd
|
||||
? new Date(sub.currentPeriodEnd).toISOString().slice(0, 10)
|
||||
: '',
|
||||
});
|
||||
setShowForm(true);
|
||||
};
|
||||
@@ -210,7 +215,7 @@ export default function ClientesPage() {
|
||||
</Card>
|
||||
|
||||
{/* KPIs */}
|
||||
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
|
||||
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5">
|
||||
{/* Total clientes activos */}
|
||||
<Card>
|
||||
<CardContent className="pt-6">
|
||||
@@ -286,6 +291,24 @@ export default function ClientesPage() {
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* Facturas pendientes */}
|
||||
<Card
|
||||
className="cursor-pointer hover:shadow-md transition-shadow"
|
||||
onClick={() => router.push('/admin/facturas-pendientes')}
|
||||
>
|
||||
<CardContent className="pt-6">
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="p-3 bg-orange-100 dark:bg-orange-900/30 rounded-lg">
|
||||
<Receipt className="h-6 w-6 text-orange-600" />
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-2xl font-bold">{pagosSinFactura?.length ?? 0}</p>
|
||||
<p className="text-sm text-muted-foreground">Facturas pendientes</p>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
{/* Detalle de no renovaciones */}
|
||||
@@ -454,78 +477,78 @@ export default function ClientesPage() {
|
||||
</Select>
|
||||
</div>
|
||||
|
||||
{/* Campos de admin y suscripción — solo al crear */}
|
||||
{/* Campos de admin — solo al crear */}
|
||||
{!editingTenant && (
|
||||
<>
|
||||
<div className="border-t pt-4">
|
||||
<p className="text-sm font-medium text-muted-foreground mb-3">Dueño del Cliente</p>
|
||||
<div className="grid gap-4 md:grid-cols-2">
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="adminNombre">Nombre del Dueño</Label>
|
||||
<Input
|
||||
id="adminNombre"
|
||||
value={formData.adminNombre}
|
||||
onChange={(e) => setFormData({ ...formData, adminNombre: e.target.value })}
|
||||
placeholder="Juan Pérez"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="adminEmail">Email del Dueño</Label>
|
||||
<Input
|
||||
id="adminEmail"
|
||||
type="email"
|
||||
value={formData.adminEmail}
|
||||
onChange={(e) => setFormData({ ...formData, adminEmail: e.target.value })}
|
||||
placeholder="admin@empresa.com"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="border-t pt-4">
|
||||
<p className="text-sm font-medium text-muted-foreground mb-3">Dueño del Cliente</p>
|
||||
<div className="grid gap-4 md:grid-cols-2">
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="adminNombre">Nombre del Dueño</Label>
|
||||
<Input
|
||||
id="adminNombre"
|
||||
value={formData.adminNombre}
|
||||
onChange={(e) => setFormData({ ...formData, adminNombre: e.target.value })}
|
||||
placeholder="Juan Pérez"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="adminEmail">Email del Dueño</Label>
|
||||
<Input
|
||||
id="adminEmail"
|
||||
type="email"
|
||||
value={formData.adminEmail}
|
||||
onChange={(e) => setFormData({ ...formData, adminEmail: e.target.value })}
|
||||
placeholder="admin@empresa.com"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
{formData.plan !== 'trial' && (
|
||||
<div className="grid gap-4 md:grid-cols-2">
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="amount">Monto Mensual (MXN)</Label>
|
||||
<Input
|
||||
id="amount"
|
||||
type="number"
|
||||
min="0"
|
||||
step="0.01"
|
||||
value={formData.amount || ''}
|
||||
onChange={(e) => setFormData({ ...formData, amount: parseFloat(e.target.value) || 0 })}
|
||||
placeholder="0.00"
|
||||
/>
|
||||
{formData.plan === 'custom' && (
|
||||
<p className="text-xs text-muted-foreground">
|
||||
Custom: monto variable. Si dejas $0, no se cobra ni se solicita tarjeta.
|
||||
Si pones >$0, se generará Subscription con preapproval MercadoPago mensual.
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
{formData.plan === 'custom' && (
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="firstPaymentDueAt">Primera fecha de pago</Label>
|
||||
<Input
|
||||
id="firstPaymentDueAt"
|
||||
type="date"
|
||||
min={new Date().toISOString().slice(0, 10)}
|
||||
value={formData.firstPaymentDueAt}
|
||||
onChange={(e) => setFormData({ ...formData, firstPaymentDueAt: e.target.value })}
|
||||
/>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
Deadline visible al cliente para realizar su primer pago. Opcional.
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Campos de suscripción — crear y editar (solo planes pagados / custom) */}
|
||||
{formData.plan !== 'trial' && (
|
||||
<div className="grid gap-4 md:grid-cols-2 border-t pt-4">
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="amount">Monto Mensual (MXN)</Label>
|
||||
<Input
|
||||
id="amount"
|
||||
type="number"
|
||||
min="0"
|
||||
step="0.01"
|
||||
value={formData.amount || ''}
|
||||
onChange={(e) => setFormData({ ...formData, amount: parseFloat(e.target.value) || 0 })}
|
||||
placeholder="0.00"
|
||||
/>
|
||||
{formData.plan === 'custom' && (
|
||||
<p className="text-xs text-muted-foreground">
|
||||
Custom: monto variable. Si dejas $0, no se cobra ni se solicita tarjeta.
|
||||
Si pones >$0, se generará Subscription con preapproval MercadoPago mensual.
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
{formData.plan === 'custom' && (
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="firstPaymentDueAt">Primera fecha de pago</Label>
|
||||
<Input
|
||||
id="firstPaymentDueAt"
|
||||
type="date"
|
||||
min={new Date().toISOString().slice(0, 10)}
|
||||
value={formData.firstPaymentDueAt}
|
||||
onChange={(e) => setFormData({ ...formData, firstPaymentDueAt: e.target.value })}
|
||||
/>
|
||||
<p className="text-xs text-muted-foreground">
|
||||
Deadline visible al cliente para realizar su primer pago. Opcional.
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
{formData.plan === 'trial' && (
|
||||
<p className="text-xs text-muted-foreground">
|
||||
Plan de prueba: 30 días gratis sin tarjeta. Se convierte a un plan pagado al final del periodo.
|
||||
</p>
|
||||
)}
|
||||
</>
|
||||
</div>
|
||||
)}
|
||||
{formData.plan === 'trial' && (
|
||||
<p className="text-xs text-muted-foreground">
|
||||
Plan de prueba: 30 días gratis sin tarjeta. Se convierte a un plan pagado al final del periodo.
|
||||
</p>
|
||||
)}
|
||||
|
||||
<div className="flex gap-2 justify-end">
|
||||
|
||||
Reference in New Issue
Block a user