// ─── Selector de parte (paciente/médico/entidad/proveedor) ──────────
// PartySelectorModal: primitivo transversal para "elegir un registro del
// directorio existente" — lo usan Expedientes (alta/detalle, paciente/médico/
// entidad, SIN creación embebida — ver P25 abajo), Compras/Logística/
// Inventario (proveedor, CON creación embebida) y Finanzas (Nota/Factura/
// Recibo/Pago/FacturaRecibida: proveedor con creación; Factura/Recibo
// standalone: entidad con creación). Extraído de screens-nuevo.jsx en P4
// (vivía ahí pese a ser transversal a 5 módulos). Expone a window:
// PartySelectorModal, EmptyPartySlot, FilledPartySlot, PARTY_META,
// MODAL_FIELDS. Consume window.PARTICULARES/MEDICOS/ENTIDADES/PROVEEDORES,
// window.AltaSelect (ui/primitives.jsx, promovida en P6 — antes vivía en
// screens-nuevo.jsx, dependencia ui→screens invertida), formatCuit
// (dominio/formato.js).
// P4: se borró PartySelectorModal.handleDeleteNuevo (muerto+roto — llamaba
// setDelTarget, estado que el componente nunca declaraba, y 0 callers).
// P18 (recorrido §2): "Agregar X" → "Cargar X" en paciente/médico/entidad
// (proveedor no cambia). EmptyPartySlot suma el prop opcional `onCrear`
// (botón "Crear X" debajo del CTA de elegir, ver su header) — lo consume
// screens/expedientes/alta.jsx Y detalle.jsx (P25, ver abajo; el disparo real
// vive en ui/record-form.jsx, RecordFormModal, motor record-form reusado).
// P25 (Fran, 03/07 — "Cargar X" seguía ofreciendo crear con los requeridos
// VIEJOS, ej. DNI/matrícula obligatorios): el modal ahora acepta `allowCrear`
// (default true, preserva TODO caller existente) — Expedientes (alta.jsx Y
// detalle.jsx) lo pasa en `false`: "Cargar X" ahí queda 100% buscar/elegir,
// cero creación embebida (la creación real es el botón "Crear X" aparte, que
// ya reusaba RECORD_FORMS con los requeridos correctos desde P18 — detalle.jsx
// no lo tenía todavía, P25 se lo suma para no dejar el flujo de edición SIN
// ninguna vía de crear una parte nueva). `MODAL_FIELDS.paciente`/`.medico` se
// podan enteras (0 callers reales fuera de este form embebido — confirmado
// `grep type="paciente"|type="medico"` en todo public/erp: solo Expedientes,
// que ahora no los usa más). `editInitial` (la variante "editar un `__nuevo`
// recién creado" del modo `create`) también se poda: su ÚNICO caller era
// Expedientes (`partes.editInit`, partes-editor.js) y con `allowCrear=false`
// ya no tiene sentido — un registro creado por RecordFormModal ya es un dato
// real y persistido del directorio (se edita desde su propia pantalla, regla
// §8). `MODAL_FIELDS.entidad`/`.proveedor` SIGUEN (Finanzas standalone y
// Compras/Logística/Inventario los siguen consumiendo con `allowCrear` en su
// default `true` — sin cambios ahí).
const { useState: _usePSState, useRef: _usePSRef, useEffect: _usePSEffect } = React;
// P18 (recorrido §2): "Agregar X" → "Cargar X" (elegir existente) en las 3
// partes del expediente — proveedor NO cambia (Compras/Logística/Inventario,
// fuera del alcance del recorrido). `crearCta` (nuevo) alimenta el botón
// chico "Crear X" de EmptyPartySlot, debajo del CTA de elegir — solo en las
// 3 partes de expediente (proveedor no lo usa hoy).
const PARTY_META = {
paciente: { icon: IconUser, eyebrow: 'Paciente', cta: 'Cargar paciente', crearCta: 'Crear paciente' },
medico: { icon: IconStethoscope, eyebrow: 'Médico', cta: 'Cargar médico', crearCta: 'Crear médico' },
entidad: { icon: IconBuilding, eyebrow: 'Entidad / Cobertura', cta: 'Cargar entidad', crearCta: 'Crear entidad' },
proveedor: { icon: IconTruck, eyebrow: 'Proveedor', cta: 'Agregar proveedor' },
};
// Campos de cada alta del modal — fuente única, calcada de «Altas (mockup).html».
// (span: fila completa · req: obligatorio · mono · type: select/date)
// P25: `.paciente`/`.medico` se podaron (0 callers reales — la creación de esas
// 2 partes va SOLO por RecordFormModal/RECORD_FORMS, ui/record-form.jsx, con
// los requeridos correctos). `.entidad`/`.proveedor` siguen: Finanzas
// standalone (factura.jsx/recibo.jsx) y Compras/Logística/Inventario/Finanzas
// (nota/pago/factura-recibida) los siguen consumiendo vía `allowCrear` default.
const MODAL_FIELDS = {
entidad: [
{ k: 'razonSocial', label: 'Razón social', req: true, span: true, ph: 'Ej: Galeno Plata' },
{ k: 'tipo', label: 'Tipo', type: 'select', opts: ['Obra social', 'Prepaga', 'Sanatorio', 'Clínica', 'Hospital', 'Mutual'] },
{ k: 'cuit', label: 'CUIT', req: true, mono: true, ph: '30-00000000-0' },
{ k: 'condicionIva', label: 'Condición IVA', req: true, type: 'select', opts: ['Responsable Inscripto', 'Exento', 'Monotributo'] },
{ k: 'condicionVenta', label: 'Condición de venta', type: 'select', opts: ['Contado', 'CC 30 días', 'CC 45 días', 'CC 60 días', 'CC 90 días'] },
{ k: 'convenio', label: 'Convenio / Plan', ph: 'Ej: Convenio Pro-Salud 2025' },
{ k: 'domicilio', label: 'Domicilio', span: true, ph: 'Calle y número' },
{ k: 'localidad', label: 'Localidad', ph: 'Ej: CABA' },
{ k: 'provincia', label: 'Provincia', ph: 'Ej: Buenos Aires' },
{ k: 'telefono', label: 'Teléfono', mono: true, ph: '+54 …' },
{ k: 'email', label: 'Email', ph: 'facturacion@…' },
],
proveedor: [
{ k: 'razonSocial', label: 'Razón social', req: true, span: true, ph: 'Ej: Stryker Argentina S.A.' },
{ k: 'cuit', label: 'CUIT', req: true, mono: true, ph: '30-00000000-0' },
{ k: 'condicionIva', label: 'Condición IVA', req: true, type: 'select', opts: ['Responsable Inscripto', 'Exento', 'Monotributo'] },
{ k: 'condicionVenta', label: 'Condición de venta', type: 'select', opts: ['Contado', 'CC 30 días', 'CC 45 días', 'CC 60 días'] },
{ k: 'rubro', label: 'Rubro', type: 'select', opts: ['Implantes', 'Tornillería', 'Instrumental', 'Insumos', 'Ortopedia', 'Otros'] },
{ k: 'domicilio', label: 'Domicilio', span: true, ph: 'Calle y número' },
{ k: 'localidad', label: 'Localidad', ph: 'Ej: CABA' },
{ k: 'provincia', label: 'Provincia', ph: 'Ej: Buenos Aires' },
{ k: 'telefono', label: 'Teléfono', mono: true, ph: '+54 …' },
{ k: 'email', label: 'Email', ph: 'pedidos@…' },
],
};
// ─── Campo de formulario (módulo: no remonta en cada tecla) — solo del modal ──
function NuevoField({ label, children, error, required }) {
return (
{children}
{error &&
{error}
}
);
}
// Un campo del formulario del modal (label + control), calcado del mockup.
function ModalField({ f, value, onChange, error }) {
let control;
if (f.type === 'select') {
control = (
onChange(f.k, e.target.value)}>
{f.opts.map((o) => )}
);
} else {
control = (
onChange(f.k, e.target.value)} />
);
}
return {control};
}
// ─── Slot vacío (punteado) ───────────────────────
// P18: prop opcional `onCrear` — si viene, suma un botón chico DEBAJO del
// CTA de elegir ("Crear X", motor record-form vía RecordFormModal) del
// mismo ancho (w-full, igual al botón de arriba) y alto de input (.btn ya
// mide 2.5rem, igual que .input — ver styles.css). Sin `onCrear` (default)
// se ve IDÉNTICO a antes — ampliación de API, no rotura de callers
// existentes (detalle.jsx no lo pasa).
function EmptyPartySlot({ type, onClick, onCrear }) {
const m = PARTY_META[type];
const Icon = m.icon;
return (
);
}
// ─── Modal selector: elegir existente o (si `allowCrear`) crear nuevo ──
// P25: `allowCrear` (default true) reemplaza la vieja `editInitial` — ver
// header del archivo. Con `allowCrear=false` el modal SIEMPRE arranca y se
// queda en modo 'list' (buscar/elegir), sin footer de "Crear X nuevo".
function PartySelectorModal({ type, open, onClose, onPick, allowCrear = true }) {
const [mode, setMode] = _usePSState('list');
const [search, setSearch] = _usePSState('');
const [form, setForm] = _usePSState({});
const [touched, setTouched] = _usePSState(false);
const searchRef = _usePSRef(null);
_usePSEffect(() => {
if (!open) return;
setMode('list');
setForm({});
setSearch(''); setTouched(false);
const t = setTimeout(() => searchRef.current?.focus(), 60);
const onKey = (e) => { if (e.key === 'Escape') onClose(); };
document.addEventListener('keydown', onKey);
const prev = document.body.style.overflow;
document.body.style.overflow = 'hidden';
return () => { clearTimeout(t); document.removeEventListener('keydown', onKey); document.body.style.overflow = prev; };
}, [open, type]);
if (!open || !type) return null;
const m = PARTY_META[type];
const titulo = type === 'paciente' ? 'paciente' : type === 'medico' ? 'médico' : type === 'proveedor' ? 'proveedor' : 'entidad';
const isOrg = type === 'entidad' || type === 'proveedor';
const source = type === 'paciente' ? (window.PARTICULARES || [])
: type === 'medico' ? (window.MEDICOS || [])
: type === 'proveedor' ? (window.PROVEEDORES || [])
: (window.ENTIDADES || []);
const q = search.trim().toLowerCase();
const results = source.filter((r) => {
if (!q) return true;
if (isOrg) return `${r.razonSocial} ${r.cuit || ''}`.toLowerCase().includes(q);
return `${r.apellido} ${r.nombre} ${r.dni || ''} ${r.especialidad || ''} ${r.matricula || ''}`.toLowerCase().includes(q);
});
const set = (k, v) => setForm((f) => ({ ...f, [k]: v }));
// ── crear: armar objeto + persistir de verdad (hallazgo #18, auditoría
// 05/07/2026) ──────────────────────────────────────────────────────────
// P25: sin rama de edición (era exclusiva de `editInitial`, podada — ver
// header). Solo llega acá `type === 'entidad' | 'proveedor'` (únicos con
// `MODAL_FIELDS` vivo); igual queda genérico por las dudas.
//
// Antes esto era `arr.unshift(obj)`: SOLO memoria, nunca pegaba al backend
// — el id lo fabricaba `buildAndCreate` a mano ('ent-'/'prv-'+Date.now()).
// El documento que lo referencia (Compras/Logística/Inventario/Finanzas,
// los 4 módulos con `allowCrear`) guarda ESE id como `entidadId`/
// `proveedorId`, una FK uuid real (`compras.proveedor_id references
// proveedores(id)`, etc.) — al guardar, Postgres rechazaba el insert
// ("invalid input syntax for type uuid"). Fix: `MicosStore.create()` (ya
// existe, mismo mecanismo que ya usa ui/record-form.jsx para las altas de
// Directorio) — asigna su propio id temporal optimista (`_tmp-...`),
// dispara el POST real y reconcilia el objeto in-place al uuid real
// cuando el server contesta.
//
// `onPick` se llama DOS VECES (mismo patrón id-race que record-form.jsx/
// app.jsx, 3er argumento `onReconciled` de `create()`): la primera,
// optimista, con el id temporal — cierra el modal al toque, sin esperar
// la red; la segunda, cuando el POST resuelve, con el objeto YA
// reconciliado al uuid real. Los 6 callers existentes (Compras/
// Logística/Inventario/Finanzas×3) ya toleran que `onPick` los llame de
// nuevo — solo hacen `setDraft(...)`/`setPicker(false)`, idempotente —
// así el FK del documento apunta al id real antes de guardar.
const commit = (obj) => {
const key = type === 'proveedor' ? 'proveedores' : 'entidades';
const created = window.MicosStore.create(key, obj, (reconciliado) => onPick(reconciliado));
onPick(created);
};
const buildAndCreate = () => {
setTouched(true);
const spec = MODAL_FIELDS[type] || [];
for (const f of spec) { if (f.req && !String(form[f.k] || '').trim()) return; }
const obj = { __nuevo: true };
spec.forEach((f) => { obj[f.k] = String(form[f.k] || '').trim(); });
if (type === 'entidad') {
if (!obj.convenio) obj.convenio = 'Sin convenio';
if (!obj.condicionVenta) obj.condicionVenta = 'CC 30 días';
obj.expedientesActivos = 0;
obj.saldoCobrar = 0;
} else if (type === 'proveedor') {
obj.estado = 'ACTIVO';
obj.saldoPagar = 0;
}
commit(obj);
};
return (
{ if (e.target === e.currentTarget) onClose(); }}
>
{/* Footer: crear nuevo — P25: gateado por `allowCrear` (Expedientes
lo pasa en false: "Cargar X" ahí es solo buscar/elegir, la
creación real es el botón aparte "Crear X", ver header). */}
{allowCrear && (