feat: PWA instalable, cambio de contraseña y dashboards por rol
- POST /api/auth/cambiar-password (bcrypt 12, política ≥8+1 número) + modal en las 6 apps con auth - PWA: manifest + íconos de marca en las 7 apps (sin service worker a propósito, documentado); instalable en celular - Dashboards: 'Mi tablero' para vendedor (sus KPIs y funnel) y sección Equipo para coordinador/corporativo/admin - mi-dia: equipo.porVendedor gana leadsNuevosSemana - Tests: api 271, cotizador 88, alta 88, cobranza 81, agente-ia 19, dashboards 15, mi-dia 11, landing 4
This commit is contained in:
36
apps/dashboards/src/lib/mi-tablero.test.ts
Normal file
36
apps/dashboards/src/lib/mi-tablero.test.ts
Normal file
@@ -0,0 +1,36 @@
|
||||
import { describe, expect, it } from 'vitest'
|
||||
import { esRolConEquipo, funnelMisLeads, type LeadMiDia } from './mi-tablero'
|
||||
|
||||
function lead(id: string, estado: string): LeadMiDia {
|
||||
return { id, nombre: `Lead ${id}`, telefono: '', email: '', estado, origen: 'Web', updatedAt: '' }
|
||||
}
|
||||
|
||||
describe('esRolConEquipo', () => {
|
||||
it('coordinador, corporativo y admin ven equipo; vendedor no', () => {
|
||||
expect(esRolConEquipo('coordinador')).toBe(true)
|
||||
expect(esRolConEquipo('corporativo')).toBe(true)
|
||||
expect(esRolConEquipo('admin')).toBe(true)
|
||||
expect(esRolConEquipo('vendedor')).toBe(false)
|
||||
})
|
||||
})
|
||||
|
||||
describe('funnelMisLeads', () => {
|
||||
it('agrupa por estado normalizado y ordena de mayor a menor', () => {
|
||||
const funnel = funnelMisLeads([
|
||||
lead('1', 'NUEVO'),
|
||||
lead('2', 'nuevo'),
|
||||
lead('3', ' Contactado '),
|
||||
lead('4', 'CITA'),
|
||||
])
|
||||
expect(funnel).toEqual([
|
||||
{ etapa: 'NUEVO', valor: 2 },
|
||||
{ etapa: 'CITA', valor: 1 },
|
||||
{ etapa: 'CONTACTADO', valor: 1 },
|
||||
])
|
||||
})
|
||||
|
||||
it('lista vacía → funnel vacío; estado vacío → SIN ESTADO', () => {
|
||||
expect(funnelMisLeads([])).toEqual([])
|
||||
expect(funnelMisLeads([lead('1', ' ')])).toEqual([{ etapa: 'SIN ESTADO', valor: 1 }])
|
||||
})
|
||||
})
|
||||
81
apps/dashboards/src/lib/mi-tablero.ts
Normal file
81
apps/dashboards/src/lib/mi-tablero.ts
Normal file
@@ -0,0 +1,81 @@
|
||||
// Tipos del endpoint GET /api/mi-dia/resumen (espejo del contrato del API) y
|
||||
// transformaciones puras para la vista "Mi tablero" y la sección "Equipo".
|
||||
|
||||
export interface LeadMiDia {
|
||||
id: string
|
||||
nombre: string
|
||||
telefono: string
|
||||
email: string
|
||||
estado: string
|
||||
origen: string
|
||||
updatedAt: string
|
||||
}
|
||||
|
||||
export interface ActividadMiDia {
|
||||
id: string
|
||||
nombre: string
|
||||
tipo: string
|
||||
fecha: string // 'YYYY-MM-DD'
|
||||
estado: string
|
||||
}
|
||||
|
||||
export interface ApartadoPorVencer {
|
||||
id: string
|
||||
nombre: string
|
||||
unidadCodigo: string
|
||||
fechaLimite: string // 'YYYY-MM-DD'
|
||||
estado: string
|
||||
diasRestantes: number
|
||||
}
|
||||
|
||||
export interface VendedorEquipo {
|
||||
mondayUserId: number
|
||||
nombre: string | null
|
||||
leadsAsignados: number
|
||||
leadsNuevosSemana: number
|
||||
}
|
||||
|
||||
export interface ResumenMiDia {
|
||||
generadoEn: string
|
||||
sinMapeoMonday: boolean
|
||||
misLeads: LeadMiDia[]
|
||||
misActividadesHoy: ActividadMiDia[]
|
||||
apartadosPorVencer: ApartadoPorVencer[]
|
||||
misOportunidades: { porEtapa: Record<string, number> } | null
|
||||
notaOportunidades: string | null
|
||||
conteos: {
|
||||
leadsNuevosSemana: number
|
||||
actividadesAbiertas: number
|
||||
}
|
||||
equipo?: {
|
||||
leadsNuevosSinAsignar: number
|
||||
porVendedor: VendedorEquipo[]
|
||||
}
|
||||
}
|
||||
|
||||
const ROLES_CON_EQUIPO = ['coordinador', 'corporativo', 'admin']
|
||||
|
||||
/** ¿El rol ve el tablero general por defecto y la sección de equipo? (misma regla que el API) */
|
||||
export function esRolConEquipo(rol: string): boolean {
|
||||
return ROLES_CON_EQUIPO.includes(rol)
|
||||
}
|
||||
|
||||
export interface EtapaFunnelPersonal {
|
||||
etapa: string
|
||||
valor: number
|
||||
}
|
||||
|
||||
/**
|
||||
* Funnel personal: conteo de mis leads por estado (etiqueta normalizada en
|
||||
* mayúsculas), ordenado de mayor a menor para que la gráfica baje.
|
||||
*/
|
||||
export function funnelMisLeads(misLeads: LeadMiDia[]): EtapaFunnelPersonal[] {
|
||||
const conteo = new Map<string, number>()
|
||||
for (const lead of misLeads) {
|
||||
const estado = lead.estado.trim().toUpperCase() || 'SIN ESTADO'
|
||||
conteo.set(estado, (conteo.get(estado) ?? 0) + 1)
|
||||
}
|
||||
return [...conteo.entries()]
|
||||
.map(([etapa, valor]) => ({ etapa, valor }))
|
||||
.sort((a, b) => b.valor - a.valor || a.etapa.localeCompare(b.etapa))
|
||||
}
|
||||
22
apps/dashboards/src/lib/password.test.ts
Normal file
22
apps/dashboards/src/lib/password.test.ts
Normal file
@@ -0,0 +1,22 @@
|
||||
import { describe, expect, it } from 'vitest'
|
||||
import { validarConfirmacion, validarPasswordNueva } from './password'
|
||||
|
||||
describe('validarPasswordNueva', () => {
|
||||
it('exige ≥8 caracteres y al menos un número (misma regla que el API)', () => {
|
||||
expect(validarPasswordNueva('corta1')).toContain('8 caracteres')
|
||||
expect(validarPasswordNueva('sinnumeros')).toContain('número')
|
||||
expect(validarPasswordNueva('')).toBeTruthy()
|
||||
})
|
||||
|
||||
it('acepta contraseñas que cumplen la regla', () => {
|
||||
expect(validarPasswordNueva('Frasa2026')).toBeNull()
|
||||
expect(validarPasswordNueva('12345678')).toBeNull()
|
||||
})
|
||||
})
|
||||
|
||||
describe('validarConfirmacion', () => {
|
||||
it('null si coinciden; mensaje si difieren', () => {
|
||||
expect(validarConfirmacion('abc12345', 'abc12345')).toBeNull()
|
||||
expect(validarConfirmacion('abc12345', 'abc12346')).toContain('no coincide')
|
||||
})
|
||||
})
|
||||
16
apps/dashboards/src/lib/password.ts
Normal file
16
apps/dashboards/src/lib/password.ts
Normal file
@@ -0,0 +1,16 @@
|
||||
// Validación cliente de la contraseña nueva: misma regla que el API
|
||||
// (api-gateway/src/services/auth.service.ts). El API vuelve a validar;
|
||||
// esto solo evita un viaje de red con errores obvios.
|
||||
|
||||
/** null si cumple; mensaje si no (≥8 caracteres y al menos 1 número) */
|
||||
export function validarPasswordNueva(nueva: string): string | null {
|
||||
if (nueva.length < 8 || !/\d/.test(nueva)) {
|
||||
return 'La nueva contraseña debe tener al menos 8 caracteres y un número'
|
||||
}
|
||||
return null
|
||||
}
|
||||
|
||||
/** null si la confirmación coincide con la nueva; mensaje si difiere */
|
||||
export function validarConfirmacion(nueva: string, confirmar: string): string | null {
|
||||
return nueva === confirmar ? null : 'La confirmación no coincide con la nueva contraseña'
|
||||
}
|
||||
Reference in New Issue
Block a user