// screens_forms.jsx — Selector de atención, Form 008 Emergencia, Evolución 005 const { useState: useStateF, useEffect: useEffectF } = React; // ---- Tipos de atención clínica y sus formularios MSP asociados ---- const TIPOS_ATENCION = [ { id: "emergencia", label: "Emergencia", desc: "Atención de urgencia o emergencia · Form. 008", icon: "alert", tone: "#dc2626" }, { id: "hospitalizacion", label: "Hospitalización", desc: "Ingreso para hospitalización o internamiento", icon: "vitals", tone: "#2563eb" }, { id: "cirugia", label: "Cirugía", desc: "Procedimiento quirúrgico programado o urgente", icon: "heart", tone: "#be123c" }, { id: "consulta", label: "Consulta externa", desc: "Consulta ambulatoria o seguimiento", icon: "stethoscope", tone: "#0891b2" }, { id: "laboratorio", label: "Laboratorio / Imagenología", desc: "Solicitud y resultado de exámenes diagnósticos", icon: "folder", tone: "#15803d" }, ]; // Formularios MSP que aplican a cada tipo de atención const FORMS_BY_TIPO = { emergencia: ["admision","emergencia_08","evoluciones","epicrisis","kardex","oxigeno","ingesta","sol_sangre","transf_sanguinea","interconsulta","solicitud_012a","solicitud_post_012a","informe_012b","informe_post_012b","lab_010a_anv","lab_010a_rev","lab_010b_anv","lab_010b_rev","referencia_053","entrega_documentos"], hospitalizacion: ["admision","emergencia_08","evoluciones","epicrisis","kardex","preparacion_pcte","oxigeno","ingesta","sol_sangre","transf_sanguinea","interconsulta","solicitud_012a","solicitud_post_012a","informe_012b","informe_post_012b","lab_010a_anv","lab_010a_rev","lab_010b_anv","lab_010b_rev","referencia_053","entrega_documentos"], cirugia: ["admision","protocolo","preparacion_pcte","quirofano","recuperacion","evoluciones","epicrisis","kardex","pre_1","pre_2","trans_018a_anv","trans_018a_rev","019_post_anv","019_post_rev","sol_sangre","transf_sanguinea","oxigeno","interconsulta","solicitud_012a","solicitud_post_012a","informe_012b","informe_post_012b","lab_010a_anv","lab_010a_rev","lab_010b_anv","lab_010b_rev","entrega_documentos"], consulta: ["admision","evoluciones","interconsulta","solicitud_012a","solicitud_post_012a","informe_012b","lab_010a_anv","lab_010a_rev","lab_010b_anv","lab_010b_rev","referencia_053","entrega_documentos"], laboratorio: ["solicitud_012a","solicitud_post_012a","informe_012b","informe_post_012b","lab_010a_anv","lab_010a_rev","lab_010b_anv","lab_010b_rev","entrega_documentos"], }; window.FORMS_BY_TIPO = FORMS_BY_TIPO; window.TIPOS_ATENCION = TIPOS_ATENCION; // ---- Modal de nueva atención — crea el expediente en BD y navega a AtencionView ---- function NewAtencionModal({ open, onClose, paciente, onSelect }) { const [busy, setBusy] = useStateF(false); const [error, setError] = useStateF(""); const [conflict, setConflict] = useStateF(null); // { tipo, record } const reset = () => { setConflict(null); setError(""); setBusy(false); }; const handleClose = () => { reset(); onClose(); }; const handleTipoClick = async (tipo) => { if (busy || !paciente?.id) return; setBusy(true); setError(""); try { const records = await window.apiFetch(`/api/records?patient_id=${encodeURIComponent(paciente.id)}`); const today = new Date().toISOString().slice(0, 10); const active = Array.isArray(records) && records.find((r) => r.tipo_atencion === tipo.id && r.estado === "activo" && (r.fecha_ingreso || "").slice(0, 10) === today ); setBusy(false); if (active) { setConflict({ tipo, record: active }); } else { await doCreate(tipo); } } catch (e) { setBusy(false); setError(e.message || "Error verificando atenciones activas."); } }; const doCreate = async (tipo) => { setBusy(true); setError(""); try { const record = await window.apiFetch("/api/records", { method: "POST", body: JSON.stringify({ patient_id: paciente.id, tipo_atencion: tipo.id }), }); reset(); onSelect(record); } catch (e) { setError(e.message || "No se pudo crear la atención. Intente nuevamente."); setBusy(false); } }; // ── Pantalla de conflicto: atención activa del mismo tipo ya existe hoy ── if (conflict) { const { tipo, record: activeRec } = conflict; const t = TIPOS_ATENCION.find((x) => x.id === tipo.id) || tipo; const hora = activeRec.hora_ingreso || (activeRec.fecha_ingreso || "").slice(11, 16) || "—"; return (
Ya existe una atención de {t.label} abierta hoy a las {hora}
N° {activeRec.record_number} · {activeRec.medico_nombre || "Sin médico asignado"}
{error &&
{error}
} ); } // ── Pantalla principal: selección de tipo ── return (

Selecciona el tipo de atención. Si ya existe una atención activa del mismo tipo hoy, podrás continuar con ella o crear una nueva.

{error && (
{error}
)}
{TIPOS_ATENCION.map((t) => ( ))}
); } // ---- Shell de formulario clínico ---- function FormShell({ paciente, record, title, form, secciones, activeSec, onSec, children, onBack, onSign, onSave, signed, saving, progress }) { return (
{/* Barra superior sticky */}

{title}

Form. {form}
{paciente.apellidos} {paciente.nombres} · {record?.record_number || paciente.hc || "—"}{window.calcEdad(paciente.fecha_nacimiento) !== null ? ` · ${window.calcEdad(paciente.fecha_nacimiento)} años` : (paciente.edad ? ` · ${paciente.edad} años` : "")}
{progress}%
{saving ? "Guardando…" : "Guardar borrador"} {signed ? Firmado : {saving ? "Guardando…" : "Firmar y cerrar"}}
{/* Navegación de secciones */}
{children}
); } function FormSection({ id, title, letter, children, action }) { return (
{letter && {letter}}

{title}

{action}
{children}
); } const grid2 = { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 14 }; const grid3 = { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: 14 }; // ---- Formulario 008 Emergencia ---- function FormEmergencia({ paciente, record, onBack, onSign }) { const [sec, setSec] = useStateF("datos"); const [dxs, setDxs] = useStateF([]); const [signed, setSigned] = useStateF(false); const [saving, setSaving] = useStateF(false); const [saveError, setSaveError] = useStateF(""); // Único objeto de estado controlado para todos los campos del formulario const [fd, setFd] = useStateF({ servicio: record?.servicio || "", forma_llegada: record?.via_ingreso || "", nivel_triaje: "", fecha: (record?.fecha_ingreso || "").slice(0, 10) || new Date().toISOString().slice(0, 10), hora: record?.hora_ingreso || new Date().toTimeString().slice(0, 5), acompanante: "", ta: "", fc: "", fr: "", temperatura: "", spo2: "", glasgow: "", peso: "", talla: "", ant_alergicos: "", ant_clinicos: "", motivo_consulta: "", examen_fisico: "", indicaciones: "", }); const set = (k, v) => setFd((prev) => ({ ...prev, [k]: v })); const d = (k) => fd[k] !== undefined ? fd[k] : ""; const secciones = [ { id: "datos", label: "Datos y prioridad" }, { id: "vitales", label: "Constantes vitales" }, { id: "antecedentes", label: "Antecedentes" }, { id: "actual", label: "Enfermedad actual" }, { id: "examen", label: "Examen físico" }, { id: "dx", label: "Diagnósticos" }, { id: "plan", label: "Plan y prescripción" }, ]; const aiSug = [ { c: "I20.0", n: "Angina inestable", matchPct: 94 }, { c: "I21.9", n: "Infarto agudo de miocardio", matchPct: 71 }, { c: "R07.2", n: "Dolor precordial", matchPct: 88 }, ]; const alergias = typeof paciente.alergias === "string" ? (function(s) { try { return JSON.parse(s||"null")||[]; } catch { return []; } })(paciente.alergias) : (paciente.alergias || []); const antPers = typeof paciente.antecedentes_personales === "string" ? (function(s) { try { return JSON.parse(s||"null")||{}; } catch { return {}; } })(paciente.antecedentes_personales) : (paciente.antecedentes_personales || {}); const scrollTo = (id) => { setSec(id); const el = document.getElementById("sec-" + id); if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 100, behavior: "smooth" }); }; const progress = signed ? 100 : Math.min(95, (d("motivo_consulta") ? 20 : 0) + (d("ta") || d("fc") ? 20 : 0) + (dxs.length > 0 ? 20 : 0) + (d("examen_fisico") ? 15 : 0) + (d("fecha") ? 10 : 0) + 15 ); // Carga datos guardados desde la BD useEffectF(() => { if (!record?.id) return; window.apiFetch(`/api/forms?record_id=${record.id}&form_type=emergencia_08`) .then((forms) => { if (!Array.isArray(forms) || !forms.length) return; try { const raw = forms[0].form_data; const saved = (typeof raw === "string" ? JSON.parse(raw) : raw) || {}; if (Array.isArray(saved.diagnosticos) && saved.diagnosticos.length) setDxs(saved.diagnosticos); // Restaurar todos los campos controlados setFd((prev) => ({ ...prev, servicio: saved.servicio || prev.servicio, forma_llegada: saved.forma_llegada || prev.forma_llegada, nivel_triaje: saved.nivel_triaje || prev.nivel_triaje, fecha: saved.fecha || prev.fecha, hora: saved.hora || prev.hora, acompanante: saved.acompanante !== undefined ? saved.acompanante : prev.acompanante, ta: saved.ta || prev.ta, fc: saved.fc || prev.fc, fr: saved.fr || prev.fr, temperatura: saved.temperatura || prev.temperatura, spo2: saved.spo2 || prev.spo2, glasgow: saved.glasgow || prev.glasgow, peso: saved.peso || prev.peso, talla: saved.talla || prev.talla, ant_alergicos: saved.ant_alergicos || alergias.join(", "), ant_clinicos: saved.ant_clinicos || antPers.patologicos || "", motivo_consulta:saved.motivo_consulta|| prev.motivo_consulta, examen_fisico: saved.examen_fisico || prev.examen_fisico, indicaciones: saved.indicaciones || prev.indicaciones, })); if (forms[0].status === "firmado") setSigned(true); } catch (_) {} }).catch(() => {}); }, [record?.id]); const save = async (sign = false) => { if (!record?.id) return; if (record.estado && record.estado !== "activo") { onBack(); return; } setSaving(true); setSaveError(""); try { await window.apiFetch("/api/forms", { method: "POST", body: JSON.stringify({ record_id: record.id, form_type: "emergencia_08", form_data: { ...fd, diagnosticos: dxs }, }), }); if (sign) setSigned(true); setTimeout(() => onBack(), 400); } catch (e) { setSaveError(e.message || "Error al guardar"); } finally { setSaving(false); } }; const canEdit = !signed && (!record?.estado || record.estado === "activo"); return ( save(false)} onSign={() => save(true)} progress={progress}> {saveError && (
{saveError}
)}
set("fecha", e.target.value)} disabled={!canEdit} /> set("hora", e.target.value)} disabled={!canEdit} /> set("acompanante", e.target.value)} disabled={!canEdit} />
{[["ta","T/A (mmHg)"],["fc","FC (lpm)"],["fr","FR (rpm)"],["temperatura","Temp (°C)"],["spo2","SatO₂ (%)"],["glasgow","Glasgow"],["peso","Peso (kg)"],["talla","Talla (cm)"]].map(([k, label]) => ( set(k, e.target.value)} disabled={!canEdit} placeholder="—" /> ))}
set("ant_alergicos", e.target.value)} disabled={!canEdit} style={alergias.length ? { borderColor: "var(--danger)", background: "var(--danger-soft)" } : {}} /> {alergias.length > 0 && Alergia conocida} set("ant_clinicos", e.target.value)} disabled={!canEdit} />