dmolinari
84187a66df
Este commit introduce la funcionalidad completa para la facturación mensual, la gestión de promociones y la comunicación con el cliente en el módulo de suscripciones. Backend: - Se añade el servicio de Facturación que calcula automáticamente los importes mensuales basándose en las suscripciones activas, días de entrega y precios. - Se implementa el servicio DebitoAutomaticoService, capaz de generar el archivo de texto plano para "Pago Directo Galicia" y de procesar el archivo de respuesta para la conciliación de pagos. - Se desarrolla el ABM completo para Promociones (Servicio, Repositorio, Controlador y DTOs), permitiendo la creación de descuentos por porcentaje o monto fijo. - Se implementa la lógica para asignar y desasignar promociones a suscripciones específicas. - Se añade un servicio de envío de email (EmailService) integrado con MailKit y un endpoint para notificar facturas a los clientes. - Se crea la lógica para registrar pagos manuales (efectivo, tarjeta, etc.) y actualizar el estado de las facturas. - Se añaden todos los permisos necesarios a la base de datos para segmentar el acceso a las nuevas funcionalidades. Frontend: - Se crea la página de Facturación, que permite al usuario seleccionar un período, generar la facturación, listar los resultados y generar el archivo de débito para el banco. - Se implementa la funcionalidad para subir y procesar el archivo de respuesta del banco, actualizando la UI en consecuencia. - Se añade la página completa para el ABM de Promociones. - Se integra un modal en la gestión de suscripciones para asignar y desasignar promociones a un cliente. - Se añade la opción "Enviar Email" en el menú de acciones de las facturas, conectada al nuevo endpoint del backend. - Se completan y corrigen los componentes `PagoManualModal` y `FacturacionPage` para incluir la lógica de registro de pagos y solucionar errores de TypeScript.
82 lines
2.9 KiB
TypeScript
82 lines
2.9 KiB
TypeScript
import React, { useState, useEffect } from 'react';
|
|
import { Box, Tabs, Tab, Paper, Typography } from '@mui/material';
|
|
import { Outlet, useNavigate, useLocation } from 'react-router-dom';
|
|
import { usePermissions } from '../../hooks/usePermissions';
|
|
|
|
// Define las pestañas del módulo. Ajusta los permisos según sea necesario.
|
|
const suscripcionesSubModules = [
|
|
{ label: 'Suscriptores', path: 'suscriptores', requiredPermission: 'SU001' },
|
|
{ label: 'Facturación', path: 'facturacion', requiredPermission: 'SU006' },
|
|
{ label: 'Promociones', path: 'promociones', requiredPermission: 'SU010' },
|
|
];
|
|
|
|
const SuscripcionesIndexPage: React.FC = () => {
|
|
const navigate = useNavigate();
|
|
const location = useLocation();
|
|
const { tienePermiso, isSuperAdmin } = usePermissions();
|
|
const [selectedSubTab, setSelectedSubTab] = useState<number | false>(false);
|
|
|
|
// Filtra los sub-módulos a los que el usuario tiene acceso
|
|
const accessibleSubModules = suscripcionesSubModules.filter(
|
|
(subModule) => isSuperAdmin || tienePermiso(subModule.requiredPermission)
|
|
);
|
|
|
|
useEffect(() => {
|
|
if (accessibleSubModules.length === 0) {
|
|
// Si no tiene acceso a ningún submódulo, no hacemos nada.
|
|
// El enrutador principal debería manejar esto.
|
|
return;
|
|
}
|
|
|
|
const currentBasePath = '/suscripciones';
|
|
const subPath = location.pathname.startsWith(`${currentBasePath}/`)
|
|
? location.pathname.substring(currentBasePath.length + 1)
|
|
: (location.pathname === currentBasePath ? accessibleSubModules[0]?.path : undefined);
|
|
|
|
const activeTabIndex = accessibleSubModules.findIndex(
|
|
(subModule) => subModule.path === subPath
|
|
);
|
|
|
|
if (activeTabIndex !== -1) {
|
|
setSelectedSubTab(activeTabIndex);
|
|
} else if (location.pathname === currentBasePath) {
|
|
navigate(accessibleSubModules[0].path, { replace: true });
|
|
} else {
|
|
setSelectedSubTab(false);
|
|
}
|
|
}, [location.pathname, navigate, accessibleSubModules]);
|
|
|
|
const handleSubTabChange = (_event: React.SyntheticEvent, newValue: number) => {
|
|
navigate(accessibleSubModules[newValue].path);
|
|
};
|
|
|
|
if (accessibleSubModules.length === 0) {
|
|
return <Typography sx={{ p: 2 }}>No tiene permisos para acceder a este módulo.</Typography>;
|
|
}
|
|
|
|
return (
|
|
<Box>
|
|
<Typography variant="h5" gutterBottom>Módulo de Suscripciones</Typography>
|
|
<Paper square elevation={1}>
|
|
<Tabs
|
|
value={selectedSubTab}
|
|
onChange={handleSubTabChange}
|
|
indicatorColor="primary"
|
|
textColor="primary"
|
|
variant="scrollable"
|
|
scrollButtons="auto"
|
|
aria-label="sub-módulos de suscripciones"
|
|
>
|
|
{accessibleSubModules.map((subModule) => (
|
|
<Tab key={subModule.path} label={subModule.label} />
|
|
))}
|
|
</Tabs>
|
|
</Paper>
|
|
<Box sx={{ pt: 2 }}>
|
|
<Outlet />
|
|
</Box>
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default SuscripcionesIndexPage; |