feat(afluencia): el campo de interes muestra los modelos del desarrollo

'Al departamento o casa de interes' ahora es un select dependiente:
al elegir desarrollo se cargan sus modelos (MODELOS_POR_PROYECTO) y al
cambiar de desarrollo se resetea. En Monday la columna 'Tipo de
Propiedad' se renombro a 'Modelo de Interes' con los 16 modelos como
labels del status.

api-gateway/src/controllers/leads.controller.test.ts

@@ -105,7 +105,7 @@ describe('crearLead (POST /api/leads)', () => {
     const monday = mondayMock()
     const r = await crearLead(monday, {
       ...datosBase,
-      tipoPropiedad: 'Casa',
+      modelo: 'HIMALAYA',
       medioContacto: 'WhatsApp',
       edad: 35,
       estadoCivil: 'Casado(a)',
@@ -119,7 +119,7 @@ describe('crearLead (POST /api/leads)', () => {
     })
     expect(r).toEqual({ id: 'lead-nuevo-1', oportunidadId: null })
     expect(monday.leadsCreados[0]).toMatchObject({
-      tipoPropiedadLabel: 'Casa',
+      modeloLabel: 'HIMALAYA',
       medioContacto: 'WhatsApp',
       edad: 35,
       estadoCivilLabel: 'Casado(a)',

api-gateway/src/controllers/leads.controller.ts

@@ -24,7 +24,7 @@ const crearLeadSchema = z.object({
   notas: z.string().trim().min(1).optional(),
   // Campos de calificación de la afluencia (opcionales; los labels fijos del
   // front coinciden con los sembrados en Monday, no se validan contra el board)
-  tipoPropiedad: z.string().trim().min(1).optional(),
+  modelo: z.string().trim().min(1).optional(),
   medioContacto: z.string().trim().min(1).optional(),
   edad: z.coerce.number().int().min(15).max(120).optional(),
   estadoCivil: z.string().trim().min(1).optional(),
@@ -125,7 +125,7 @@ export async function crearLead(
     origenLabel: datos.origen,
     desarrolloLabel: datos.desarrollo,
     notas: datos.notas,
-    tipoPropiedadLabel: datos.tipoPropiedad,
+    modeloLabel: datos.modelo,
     medioContacto: datos.medioContacto,
     edad: datos.edad,
     estadoCivilLabel: datos.estadoCivil,

api-gateway/src/services/monday.service.ts

@@ -882,7 +882,7 @@ export class MondayService {
       Origen: datos.origenLabel,
       Desarrollo: datos.desarrolloLabel,
       Notas: datos.notas,
-      'Tipo de Propiedad': datos.tipoPropiedadLabel,
+      'Modelo de Interés': datos.modeloLabel,
       'Medio de Contacto': datos.medioContacto,
       Edad: datos.edad,
       'Estado Civil': datos.estadoCivilLabel,
@@ -1095,7 +1095,7 @@ export interface DatosLead {
   desarrolloLabel?: string | undefined // label real de la columna status 'Desarrollo' del board Leads
   notas?: string | undefined
   // Campos de calificación del interesado (labels reales de las columnas status del board Leads)
-  tipoPropiedadLabel?: string | undefined
+  modeloLabel?: string | undefined // label de la columna status 'Modelo de Interés' (modelo según desarrollo)
   medioContacto?: string | undefined
   edad?: number | undefined
   estadoCivilLabel?: string | undefined

apps/alta-clientes/src/components/AltaAfluenciaForm.test.tsx

@@ -71,7 +71,19 @@ describe('AltaAfluenciaForm', () => {
     const opcionesDe = (label: RegExp) =>
       Array.from((screen.getByLabelText(label) as HTMLSelectElement).options).map((o) => o.value)
 
-    expect(opcionesDe(/Departamento o casa de interés/)).toEqual(['', 'Casa', 'Departamento'])
+    // El select de modelo arranca deshabilitado hasta elegir desarrollo
+    const selectModelo = screen.getByLabelText(/Departamento o casa de interés/) as HTMLSelectElement
+    expect(selectModelo.disabled).toBe(true)
+    fireEvent.change(screen.getByLabelText(/Desarrollo de interés/), { target: { value: 'SENDA' } })
+    expect(selectModelo.disabled).toBe(false)
+    expect(opcionesDe(/Departamento o casa de interés/)).toEqual([
+      '',
+      'HIMALAYA',
+      'SANTIAGO',
+      'ESMERALDA PA',
+      'ESMERALDA PB',
+      'SANTA CRUZ',
+    ])
     expect(opcionesDe(/^Estado civil/)).toEqual(['', 'Soltero(a)', 'Casado(a)', 'Unión libre', 'Divorciado(a)', 'Viudo(a)'])
     expect(opcionesDe(/Tipo de empleo/)).toEqual(['', 'Asalariado', 'Independiente'])
     expect(opcionesDe(/^Crédito/)).toEqual([
@@ -93,7 +105,8 @@ describe('AltaAfluenciaForm', () => {
     fetchMock.mockResolvedValueOnce(respuesta({ id: 'l-1', estado: 'NUEVO', oportunidadId: 'op-1' }))
     render(<AltaAfluenciaForm onVolver={() => undefined} onPasarAAltaCliente={() => undefined} />)
     llenarRequeridos()
-    fireEvent.change(screen.getByLabelText(/Departamento o casa de interés/), { target: { value: 'Casa' } })
+    fireEvent.change(screen.getByLabelText(/Desarrollo de interés/), { target: { value: 'SENDA' } })
+    fireEvent.change(screen.getByLabelText(/Departamento o casa de interés/), { target: { value: 'HIMALAYA' } })
     fireEvent.change(screen.getByLabelText(/Medio de contacto/), { target: { value: 'Llamada' } })
     fireEvent.change(screen.getByLabelText(/^Edad/), { target: { value: '35' } })
     fireEvent.change(screen.getByLabelText(/^Estado civil/), { target: { value: 'Casado(a)' } })
@@ -109,7 +122,7 @@ describe('AltaAfluenciaForm', () => {
     await screen.findByRole('status')
     const [, init] = fetchMock.mock.calls[0] as [string, RequestInit]
     expect(JSON.parse(String(init.body))).toMatchObject({
-      tipoPropiedad: 'Casa',
+      modelo: 'HIMALAYA',
       medioContacto: 'Llamada',
       edad: '35',
       estadoCivil: 'Casado(a)',

apps/alta-clientes/src/components/AltaAfluenciaForm.tsx

@@ -4,12 +4,12 @@ import { crearLead, type LeadResumen } from '../services/api'
 import {
   DESARROLLOS_LEAD,
   ESTADOS_CIVILES,
+  MODELOS_POR_PROYECTO,
   OPCIONES_CALIFICA,
   ORIGENES_LEAD,
   TIPOS_CREDITO,
   TIPOS_ECONOMIA,
   TIPOS_EMPLEO,
-  TIPOS_PROPIEDAD_LEAD,
 } from '../data/constantes'
 
 interface Props {
@@ -38,7 +38,7 @@ const FORM_INICIAL = {
   email: '',
   origen: '',
   desarrollo: '',
-  tipoPropiedad: '',
+  modelo: '',
   medioContacto: '',
   edad: '',
   estadoCivil: '',
@@ -69,6 +69,14 @@ export default function AltaAfluenciaForm({ onVolver, onPasarAAltaCliente }: Pro
     setErrores((prev) => ({ ...prev, [campo]: undefined }))
   }
 
+  // Al cambiar de desarrollo se resetea el modelo (las opciones dependen de él)
+  const cambiarDesarrollo = (e: { target: { value: string } }) => {
+    setForm((prev) => ({ ...prev, desarrollo: e.target.value, modelo: '' }))
+  }
+
+  const modelosDelDesarrollo =
+    MODELOS_POR_PROYECTO[form.desarrollo as keyof typeof MODELOS_POR_PROYECTO] ?? []
+
   const validar = (): boolean => {
     const nuevos: Errores = {}
     if (!form.nombre.trim()) nuevos.nombre = 'El nombre es obligatorio'
@@ -91,7 +99,7 @@ export default function AltaAfluenciaForm({ onVolver, onPasarAAltaCliente }: Pro
       ...(form.email.trim() ? { email: form.email.trim() } : {}),
       ...(form.origen ? { origen: form.origen } : {}),
       ...(form.desarrollo ? { desarrollo: form.desarrollo } : {}),
-      ...(form.tipoPropiedad ? { tipoPropiedad: form.tipoPropiedad } : {}),
+      ...(form.modelo ? { modelo: form.modelo } : {}),
       ...(form.medioContacto.trim() ? { medioContacto: form.medioContacto.trim() } : {}),
       ...(form.edad.trim() ? { edad: form.edad.trim() } : {}),
       ...(form.estadoCivil ? { estadoCivil: form.estadoCivil } : {}),
@@ -212,7 +220,7 @@ export default function AltaAfluenciaForm({ onVolver, onPasarAAltaCliente }: Pro
           <select
             id="afluencia-desarrollo"
             value={form.desarrollo}
-            onChange={cambiar('desarrollo')}
+            onChange={cambiarDesarrollo}
             className={inputClase}
           >
             <option value="">Sin especificar</option>
@@ -224,18 +232,21 @@ export default function AltaAfluenciaForm({ onVolver, onPasarAAltaCliente }: Pro
           </select>
         </label>
 
-        <label htmlFor="afluencia-tipo-propiedad" className="block">
+        <label htmlFor="afluencia-modelo" className="block">
           <span className={labelClase}>Departamento o casa de interés</span>
           <select
-            id="afluencia-tipo-propiedad"
+            id="afluencia-modelo"
-            value={form.tipoPropiedad}
+            value={form.modelo}
-            onChange={cambiar('tipoPropiedad')}
+            onChange={cambiar('modelo')}
-            className={inputClase}
+            disabled={form.desarrollo === ''}
+            className={`${inputClase} disabled:bg-neutral-100 disabled:text-neutral-400`}
           >
-            <option value="">— Selecciona —</option>
+            <option value="">
-            {TIPOS_PROPIEDAD_LEAD.map((t) => (
+              {form.desarrollo === '' ? 'Selecciona primero el desarrollo' : '— Selecciona —'}
-              <option key={t} value={t}>
+            </option>
-                {t}
+            {modelosDelDesarrollo.map((m) => (
+              <option key={m} value={m}>
+                {m}
               </option>
             ))}
           </select>

apps/alta-clientes/src/data/constantes.ts

@@ -97,8 +97,8 @@ export const TAMANO_MAX_DOCUMENTO = 10 * 1024 * 1024 // 10 MB
 export const ORIGENES_LEAD = ['WhatsApp', 'Web', 'Recomendado', 'Facebook', 'Otro'] as const
 export const DESARROLLOS_LEAD = ['ATELIER', 'DIAGONAL', 'ESTANZA', 'SENDA', 'SOLANA'] as const
 
-// Labels de las columnas status nuevas del tablero Leads (captura de afluencia)
+// Label de la columna status 'Califica' del tablero Leads (captura de afluencia).
-export const TIPOS_PROPIEDAD_LEAD = ['Casa', 'Departamento'] as const
+// El modelo de interés sale de MODELOS_POR_PROYECTO según el desarrollo elegido.
 export const OPCIONES_CALIFICA = ['Sí', 'No', 'Por confirmar'] as const
 
 export const ASESOR_DEFAULT = 'ESMERALDA BECERRA DOMINGUEZ'

apps/alta-clientes/src/services/api.ts

@@ -259,7 +259,7 @@ export async function crearLead(payload: {
   origen?: string
   desarrollo?: string
   notas?: string
-  tipoPropiedad?: string
+  modelo?: string
   medioContacto?: string
   edad?: string
   estadoCivil?: string