dmencu 2.2.7 → 2.2.9

package/dist/client/unlogged/render-formulario.tsx

@@ -4,9 +4,7 @@ import {
     RenderPrincipal,
     adaptarTipoVarCasillero,
     ICON,
-    focusToId,
     scrollToTop,
-    scrollToBottom,
     materialIoIconsSvgPath,
     useOnlineStatus
 } from "./render-general";
@@ -19,14 +17,11 @@ import {
     Opcion, OpcionMultiple, PlainForPk,
     Pregunta, PreguntaConOpciones, PreguntaSimple,
     Respuestas, RespuestaLasUA, RespuestasRaiz, Valor, TEM, IdCarga, Carga, IdFin, IdUnidadAnalisis,
-    ModoAlmacenamiento,
     toPlainForPk,
     IdCasillero,
     PreguntaConSiNo,
-    Texto, Estructura, InformacionHdr, DatosHdrUaPpal, ConfiguracionSorteoFormulario, ResumenEstado, DatosByPassPersistibles, IdOperativo, IdEnc, Libre, UnidadAnalisis,
+    Texto, Estructura, InformacionHdr, ConfiguracionSorteoFormulario, ResumenEstado, IdOperativo, IdEnc, Libre,
     iterator, empty, ConfiguracionHabilitarBotonFormulario,
-    CampoPkRaiz,
-    ValuePkRaiz,
     PMatriz,
     ModoDM
 } from "./tipos";
@@ -48,21 +43,20 @@ import {
 import {
     dmTraerDatosFormulario, dispatchers,
     gotoSincronizar,
-    getCacheVersion,
     gotoConsistir,
 } from "./redux-formulario";
-import { useState, useEffect, useLayoutEffect } from "react";
+import { useState, useEffect } from "react";
 import { useSelector, useDispatch } from "react-redux";
-import { strict as likeAr, beingArray } from "like-ar";
+import { strict as likeAr } from "like-ar";
 import { sleep, coalesce, datetime } from "best-globals";
 import { unexpected } from "cast-error";
 
 import {
-    AppBar, ButtonGroup, CircularProgress, Checkbox,
+    AppBar, ButtonGroup, Checkbox,
     Dialog, DialogActions, DialogContent, DialogContentText,
-    DialogTitle, Divider, Fab, IconButton,
+    DialogTitle, Divider, Fab,
     Menu, MenuItem, Paper, Popover,
-    Table, TableBody, TableCell, TableHead, TableRow, Toolbar, CssBaselineProps
+    Table, TableBody, TableCell, TableHead, TableRow, Toolbar
 } from "@mui/material";
 import { EstadoVariable, FormStructureState } from "row-validator";
 
@@ -87,9 +81,9 @@ import { html, HtmlTag } from "js-to-html";
 
 const DELAY_SCROLL_3 = 50;
 
-function breakeableText(text: string | null): string | undefined;
+function breakeableText(text: string | null): string | null;
 function breakeableText(text: string | null, diccionario?: { [clave: string]: React.ReactNode }) {
-    if (typeof text != "string") return undefined;
+    if (typeof text != "string") return null;
     text = text.replace(/\//g, "/\u2063").replace(/\/\u2063(\w)\b/g, '/$1');
     text = text.replace(/___*/g, (todo) => `[${todo}]`).replace(/\@\w+\@/g, (todo) => `[${todo}]`);
     if (!diccionario || true) return text;
@@ -255,8 +249,6 @@ var sp3 = 'sp3' as IdVariable;
 var sp4 = 'sp4' as IdVariable;
 var sp5 = 'sp5' as IdVariable;
 
-var diccionario = {}
-
 /*
 // const takeElementOrDefault<K, T extends [K in], D>()
 function isIn<V, T>(k:keyof T, object:T): object[k] is V{
@@ -338,7 +330,6 @@ function OpcionDespliegue(props: { casillero: Opcion, valorOpcion: number, varia
                 if (botonStyle) botonStyle.color = 'green';
                 await sleep(DELAY_SCROLL_3);
                 if (botonStyle) botonStyle.color = '';
-                //@ts-ignore algunos casilleros tienen especial y otros no
                 (casillero.especial?.noScroll == true) ? null : enfocarElementoDeVariable(casillero.especial?.scrollTo ?? siguienteVariable);
             }
         }
@@ -435,7 +426,6 @@ function registradorDeVariable(pregunta: Pregunta | OpcionMultiple | ConjuntoPre
 function OpcionMultipleDespliegue(props: { opcionM: OpcionMultiple, forPk: ForPk }) {
     const { opcionM } = props;
     var id = `opcionM-${opcionM.id_casillero}`;
-    //@ts-ignore altunos casilleros no tienen especial, no importa, es solo para poner los metadatos
     var styles: React.CSSProperties = opcionM.especial?.flexDirection ? { flexDirection: opcionM.especial.flexDirection } : { flexWrap: 'wrap' };
     registrarElemento({
         id,
@@ -446,7 +436,7 @@ function OpcionMultipleDespliegue(props: { opcionM: OpcionMultiple, forPk: ForPk
         setWindowWidth(window.innerWidth);
     }
 
-    const [windowWidth, setWindowWidth] = useState();
+    const [windowWidth, setWindowWidth] = useState(window.innerWidth);
     window.addEventListener('resize', updateWindowWidth);
     return <DesplegarCasillero
         id={id}
@@ -477,15 +467,11 @@ const getLosMetadatos = (casillero: CasilleroEncabezable): React.JSX.Element =>
         {casillero.tipovar && casillero.tipovar != 'opciones' && casillero.tipovar != 'si_no' ?
             <span el-metadato="tipovar">{casillero.tipovar}</span>
             : null}
-        {   //@ts-ignore una opción múltiple nunca lo a a ser, no tiene el campo, no importa
-            casillero.optativo ? <span el-metadato="optativa">optativa</span> : null
-        }
+        {casillero.var_name && casillero.optativo ? <span el-metadato="optativa">optativa</span> : null}
         {casillero.calculada ? <span el-metadato="calculada">calculada</span> : null}
         {casillero.despliegueOculta ? <span el-metadato="oculta">oculta</span> : null}
         {casillero.expresion_habilitar ? <span el-metadato="expresion_habilitar">habilita: {casillero.expresion_habilitar}</span> : null}
-        {   //@ts-ignore altunos casilleros no tienen especial, no importa, es solo para poner los metadatos
-            casillero.especial?.autoing ? <span el-metadato="expresion_autoing">autoing: {casillero.especial?.autoing}</span> : null
-        }
+        {casillero.especial?.autoing ? <span el-metadato="expresion_autoing">autoing: {casillero.especial?.autoing}</span> : null}
     </div>
 
 function EncabezadoDespliegue(props: {
@@ -501,7 +487,6 @@ function EncabezadoDespliegue(props: {
         dispatchByPass(accion_registrar_respuesta, { respuesta: null, variable: casillero.var_name as IdVariable, forPk: forPk })
     };
     var ver_id = casillero.ver_id ?? casillero.casillero;
-    // @ts-ignore no está en todos los casilleros pero acá para el despliegue de metadatos no importa
     var calculada = casillero.calculada;
     var id = `id-div-${casillero.var_name || casillero.casillero}`;
     var idAcciones = "acciones-" + id;
@@ -521,7 +506,7 @@ function EncabezadoDespliegue(props: {
             <div className="id">
                 {ver_id}
             </div>
-            {(casillero.tipovar == "si_no" || casillero.tipovar == "opciones") ? <Campo disabled={false} pregunta={casillero} forPk={forPk} mini={true} hidden={!conCampoOpciones && 'quitar'} /> : null}
+            {(casillero.tipovar == "si_no" || casillero.tipovar == "opciones") ? <Campo disabled={false} pregunta={casillero as unknown as PreguntaSimple} forPk={forPk} mini={true} hidden={!conCampoOpciones && 'quitar'} /> : null}
             <div className="acciones-pregunta" id={idAcciones} accion-visible="0">
                 {casillero.var_name ? <div><Button
                     id={"borrar-pregunta-" + casillero.var_name}
@@ -550,30 +535,37 @@ function EncabezadoDespliegue(props: {
                 {casillero.especial?.gps ?
                     <span>
                         <Button color="primary" variant="outlined" style={{ marginLeft: '10px' }} onClick={(_event) => {
-                            const { respuestas } = respuestasForPk(forPk);
-                            const agregarInfoGPS = (respuestaGPS: Valor, info: string) => {
-                                let aux = JSON.parse(respuestaGPS || JSON.stringify([]));
+                            const varName = casillero.var_name!;
+                            const agregarInfoGPS = (info: string) => {
+                                const { respuestas: rActuales } = respuestasForPk(forPk);
+                                const valorActual = rActuales[varName];
+                                let aux = JSON.parse(valorActual?.toString() || "[]");
                                 aux.unshift(info);
-                                respuestaGPS = JSON.stringify(aux);
-                                return dispatchByPass(accion_registrar_respuesta, { forPk: props.forPk, variable: casillero.var_name, respuesta: respuestaGPS });
+                                return dispatchByPass(accion_registrar_respuesta, { forPk: props.forPk, variable: varName, respuesta: JSON.stringify(aux) });
                             }
-                            let { siguienteVariable } = agregarInfoGPS(respuestas[casillero.var_name!], `${datetime.now().toYmdHms()} - esperando punto gps`);
+                            let { siguienteVariable } = agregarInfoGPS(`${datetime.now().toYmdHms()} - esperando punto gps`) || {};
                             if (siguienteVariable) {
                                 enfocarElementoDeVariable(siguienteVariable);
                             }
                             navigator.geolocation.getCurrentPosition(position => {
-                                agregarInfoGPS(respuestas[casillero.var_name!], JSON.stringify(position));
+                                const { latitude, longitude, altitude, accuracy, altitudeAccuracy, heading, speed } = position.coords;
+                                const dataToSave = {
+                                    coords: { latitude, longitude, altitude, accuracy, altitudeAccuracy, heading, speed },
+                                    timestamp: position.timestamp
+                                };
+                                agregarInfoGPS(JSON.stringify(dataToSave));
                             }, e => {
-                                agregarInfoGPS(respuestas[casillero.var_name!], e.message);
-                            });
-                        }}><ICON.Location /></Button>
+                                agregarInfoGPS(e.message);
+                            }, { enableHighAccuracy: true, timeout: 10000 });
+                        }
+                        }><ICON.Location /></Button>
                     </span>
                     : null}
             </div>
             {casillero.aclaracion ?
                 <div className="aclaracion">
                     {casillero.salto && casillero.tipoc == 'FILTRO' ?
-                        <SaltoDespliegue casillero={casillero} prefijo={breakeableText(casillero.aclaracion)} />
+                        <SaltoDespliegue casillero={casillero} prefijo={breakeableText(casillero.aclaracion)!} />
                         :
                         breakeableText(casillero.aclaracion)
                     }
@@ -617,7 +609,7 @@ function DesplegarConfirmarBorrarRespuesta(props: { forPk: ForPk, variableBorrar
     </Popover>;
 }
 
-function calcularNuestraLongitud(longitud: string | null) {
+function calcularNuestraLongitud(longitud: string | number | null | undefined) {
     return longitud;
 }
 
@@ -634,7 +626,6 @@ function Campo(props: { disabled: boolean, pregunta: PreguntaSimple | PreguntaCo
     var { pregunta, disabled, mini } = props;
     var { saltoAutomatico, conCampoOpciones } = useSelector((state: CasoState) => state.opciones);
     const longitud = mini ? pregunta.casilleros.reduce((acum, o) => Math.max(o.casillero.toString().length, acum), 0) :
-        // @ts-ignore mini es para los otros
         pregunta.longitud;
     // var [valor, setValor] = useState(props.valor);
     var [editando, setEditando] = useState(false);
@@ -645,9 +636,8 @@ function Campo(props: { disabled: boolean, pregunta: PreguntaSimple | PreguntaCo
         maxLength: longitud,
     };
     const onChange = (nuevoValor: Valor | typeof NO_CAMBIAR__VERIFICAR_SI_ES_NECESARIO) => {
-        var { siguienteVariable } = dispatchByPass(accion_registrar_respuesta, { forPk: props.forPk, variable: pregunta.var_name, respuesta: nuevoValor });
+        var { siguienteVariable } = dispatchByPass(accion_registrar_respuesta, { forPk: props.forPk, variable: pregunta.var_name as IdVariable, respuesta: nuevoValor });
         if (siguienteVariable && debeSaltar) {
-            //@ts-ignore algunos casilleros tienen especial y otros no
             (pregunta.especial?.noScroll == true) ? null : enfocarElementoDeVariable(pregunta.especial?.scrollTo ?? siguienteVariable);
         }
     };
@@ -660,8 +650,7 @@ function Campo(props: { disabled: boolean, pregunta: PreguntaSimple | PreguntaCo
         />}
         <div className="input-campo">
             <TextField
-                id={`var-${pregunta.var_name}`}
-                //@ts-ignore algunos casilleros tienen especial y otros no
+                id={`var-${pregunta.var_name || ''}`}
                 disabled={disabled || pregunta.especial?.gps}
                 className="variable"
                 //var-length={pregunta.longitud} 
@@ -805,7 +794,7 @@ function PreguntaDespliegue(props: {
             {getLosMetadatos(pregunta)}
             <Campo
                 disabled={pregunta.calculada ? true : false}
-                pregunta={pregunta}
+                pregunta={pregunta as unknown as PreguntaSimple}
                 forPk={props.forPk}
                 mini={true}
             />
@@ -911,9 +900,9 @@ function PMatrizDespliegue(props: {
                                 registrarElemento({
                                     id,
                                     direct: true,
-                                    fun: registradorDeVariable(pregunta)
+                                    fun: registradorDeVariable(pregunta as unknown as Pregunta)
                                 })
-                                return <td key={id} id={id}><PreguntaDespliegue forPk={props.forPk} pregunta={pregunta} despliegueEncabezado="superior" paraPMatriz={true} /></td>
+                                return <td key={id} id={id}><PreguntaDespliegue forPk={props.forPk} pregunta={pregunta as unknown as Pregunta} despliegueEncabezado="superior" paraPMatriz={true} /></td>
                             })}
                         </tr>
 
@@ -1081,7 +1070,7 @@ type DefinicionFormularioAbrir =
     { forPk: ForPk, num: number, actual: boolean, previo: false, esConfirmar: true } |
     { forPk: ForPk, num: number, actual: boolean, previo: false, permiteBorrar: boolean } |
     { forPk: ForPk, num: false, actual: boolean, previo: true, unico: true })
-    & { esConfirmar?: true, esAgregar?: true, permiteBorrar?: boolean, disabled?: boolean | undefined };
+    & { esConfirmar?: true, esAgregar?: true, permiteBorrar?: boolean, permiteBorrarGabinete?: boolean, disabled?: boolean | undefined };
 
 
 var botonFormularioConResumen = (
@@ -1091,7 +1080,8 @@ var botonFormularioConResumen = (
     casillero: { despliegueOculta?: boolean | null, expresion_habilitar_js?: string, aclaracion: string | null, expresion_habilitar?: string, nombre?: string, salto: string | null, especial?: any },
     forPkPadre: ForPk,
     idButton: string,
-    formularioAAbrir: Formulario
+    formularioAAbrir: Formulario,
+    pedirConfirmacionBorrado?: (defBoton: DefinicionFormularioAbrir, forPkPadre: ForPk) => void
 ) => {
     var forPk: ForPk = defBoton.forPk;
     var sufijoIdElemento = toPlainForPk(forPk) + (defBoton.esConfirmar ? '-listo' : '');
@@ -1149,7 +1139,7 @@ var botonFormularioConResumen = (
                     ])
                 ]
             }),
-            (defBoton.permiteBorrar ?
+            (defBoton.permiteBorrar || defBoton.permiteBorrarGabinete ?
                 Button2({
                     className: "boton-borrar-ua-vacia",
                     color: "default",
@@ -1159,14 +1149,18 @@ var botonFormularioConResumen = (
                             html.path({ d: materialIoIconsSvgPath.DeleteForever, style: styleToCss({ fill: 'currentColor' }) })
                         ]),
                     onClick: () => {
-                        accion_borrar_formulario({ forPk, forPkPadre });
-                        const { listo, agregar } = getBFVarNames(casillero.salto);
-                        if (defBoton.num === 1) {
-                            dispatchByPass(accion_registrar_respuesta, { forPk: forPkPadre, variable: agregar, respuesta: null as unknown as Valor });
-                        }
-                        dispatchByPass(accion_registrar_respuesta, { forPk: forPkPadre, variable: listo, respuesta: null as unknown as Valor });
-                        if (casillero.expresion_habilitar) {
-                            dispatchByPass(accion_registrar_respuesta, { forPk: forPkPadre, variable: casillero.expresion_habilitar as IdVariable, respuesta: null as unknown as Valor });
+                        if (defBoton.permiteBorrar) {
+                            accion_borrar_formulario({ forPk, forPkPadre });
+                            const { listo, agregar } = getBFVarNames(casillero.salto);
+                            if (defBoton.num === 1) {
+                                dispatchByPass(accion_registrar_respuesta, { forPk: forPkPadre, variable: agregar, respuesta: null as unknown as Valor });
+                            }
+                            dispatchByPass(accion_registrar_respuesta, { forPk: forPkPadre, variable: listo, respuesta: null as unknown as Valor });
+                            if (casillero.expresion_habilitar) {
+                                dispatchByPass(accion_registrar_respuesta, { forPk: forPkPadre, variable: casillero.expresion_habilitar as IdVariable, respuesta: null as unknown as Valor });
+                            }
+                        } else if (defBoton.permiteBorrarGabinete && pedirConfirmacionBorrado) {
+                            pedirConfirmacionBorrado(defBoton, forPkPadre);
                         }
                     }
                 })
@@ -1196,7 +1190,7 @@ var botonFormularioConResumen = (
         ]),
         (defBoton.num !== false && !defBoton.esAgregar && !defBoton.esConfirmar ?
             (casillero.especial?.camposResumen ?? [/*defBoton.num.toString()*/]).map(
-                (campo: string) => html.td(respuestasAumentadas[formularioAAbrir.unidad_analisis][defBoton.num - 1][campo as IdVariable])
+                (campo: string) => html.td((respuestasAumentadas[formularioAAbrir.unidad_analisis][defBoton.num - 1][campo as IdVariable] ?? '').toString())
             )
             : null)
         // html.div({class:'inline-dialog', $attrs:{"inline-dialog-open": confirmarForzarIr == defBoton.num?'visible':'hidden'}},[                ])
@@ -1217,7 +1211,7 @@ var buscarHnosFormulario = (idFormularioDestino: IdFormulario) => {
     var estructura = getEstructura();
     var ua = estructura.formularios[idFormularioDestino].casilleros.unidad_analisis;
     return likeAr(estructura.formularios)
-        .filter((infoFormulario: InfoFormulario, idForm: IdFormulario) =>
+        .filter((infoFormulario: InfoFormulario, _idForm: IdFormulario) =>
             infoFormulario.casilleros.unidad_analisis == ua
         ).map((_infoFormulario: InfoFormulario, idForm: IdFormulario) =>
             idForm
@@ -1260,6 +1254,17 @@ function BotonFormularioDespliegue(props: { casillero: BotonFormulario, formular
     */
     const dispatch = useDispatch();
     var [confirmarForzarIr, setConfirmarForzarIr] = useState<DefinicionFormularioAbrir | false | null>(null);
+    var [confirmacionBorrado, setConfirmacionBorrado] = useState<{defBoton: DefinicionFormularioAbrir, forPkPadre: ForPk, datos: any} | null>(null);
+    var [fraseBorrado, setFraseBorrado] = useState('');
+    var [errorFraseBorrado, setErrorFraseBorrado] = useState(false);
+    var permiteBorrarGabinete = getDatosByPass().permiteBorrarElementosUA ?? false;
+    var pedirConfirmacionBorrado = (defBoton: DefinicionFormularioAbrir, forPkPadre: ForPk) => {
+        const {respuestas} = respuestasForPk(forPkPadre)
+        var datosHijos = respuestas[formularioAAbrir.unidad_analisis][(defBoton.num || 1) - 1];
+        setConfirmacionBorrado({ defBoton, forPkPadre, datos: datosHijos });
+        setFraseBorrado('');
+        setErrorFraseBorrado(false);
+    };
     var multipleFormularios = formularioAAbrir.unidad_analisis != props.formulario.unidad_analisis;
     var nuevoCampoPk = defOperativo.defUA[formularioAAbrir.unidad_analisis].pk;
     // var var_name='$B.'+casillero.salto; //original
@@ -1316,10 +1321,11 @@ function BotonFormularioDespliegue(props: { casillero: BotonFormulario, formular
                             permiteBorrar: likeAr(conjunto).array().length == Number(i) + 1 &&
                                 checkFormsVacios(formHnos, feedbackAll, forPk) &&
                                 calcularPermiteBorrarBF(configSorteoFormulario, idFormularioDestino),
+                            permiteBorrarGabinete,
                             disabled: calcularDisabledBF(configSorteoFormulario, habilitacionBotonFormulario, num, idFormularioDestino, respuestasAumentadas)
                         }
                     }).array();
-                    if ("puede agregar //TODO VER ESTO" && (conjunto instanceof Array || conjunto == null)) {
+                    if (true /*"puede agregar //TODO VER ESTO"*/ && (conjunto instanceof Array || conjunto == null)) {
                         let nuevoValorPk = (conjunto == null ? 0 : conjunto.length) + 1;
                         let forPk = { ...props.forPk, formulario: idFormularioDestino, [nuevoCampoPk]: nuevoValorPk };
                         let listoPresionado = respuestasAumentadas[BF_listo] != null;
@@ -1351,7 +1357,7 @@ function BotonFormularioDespliegue(props: { casillero: BotonFormulario, formular
                 }
                 var todosLosBotones = listaDeBotonesAbrir.map(defBoton =>
                     botonFormularioConResumen(defBoton, feedbackAll[toPlainForPk(defBoton.forPk)] ?? { resumen: 'vacio' }, respuestasAumentadas,
-                        casillero, props.forPk, idButton, formularioAAbrir
+                        casillero, props.forPk, idButton, formularioAAbrir, pedirConfirmacionBorrado
                     )
                 )
                 let nombresCamposResumen = likeAr((casillero.especial?.camposResumen || [])).array().map(c => c);
@@ -1362,11 +1368,11 @@ function BotonFormularioDespliegue(props: { casillero: BotonFormulario, formular
                         html.tr([
                             casillero.aclaracion ? html.th() : null,
                             html.th(casillero.nombre),
-                            nombresCamposResumen.map((nombreCampo) => html.th(nombreCampo)),
+                            ...nombresCamposResumen.map((nombreCampo) => html.th(nombreCampo as string)),
                         ])
                     ]),
                     html.tbody([
-                        todosLosBotones
+                        ...todosLosBotones
                     ])
                 ]).create());
             } catch (err) {
@@ -1386,8 +1392,7 @@ function BotonFormularioDespliegue(props: { casillero: BotonFormulario, formular
             var nuevaForPk = { ...forPk, formulario: idFormularioDestino };
             var { listo: BF_listo, agregar: BF_agregar } = getBFVarNames(casillero.salto);
             if (multipleFormularios) {
-                // @ts-ignore forPk y sus componentes
-                nuevaForPk[nuevoCampoPk] = defBoton.num
+                (nuevaForPk as any)[nuevoCampoPk] = defBoton.num
                 if (defBoton.esAgregar) {
                     dispatchByPass(accion_agregar_formulario, { forPk: nuevaForPk });
                     dispatchByPass(accion_registrar_respuesta, { forPk: props.forPk, variable: BF_agregar, respuesta: 1 as Valor });
@@ -1430,6 +1435,86 @@ function BotonFormularioDespliegue(props: { casillero: BotonFormulario, formular
             <Button color="secondary" onClick={() => confirmarForzarIr && ir(confirmarForzarIr)}>forzar</Button>
             <Button color="primary" variant="contained" onClick={() => setConfirmarForzarIr(null)}>Entendido</Button>
         </Dialog>
+        {confirmacionBorrado && (
+            <Dialog open={true} onClose={() => { 
+                setConfirmacionBorrado(null); 
+                setFraseBorrado(''); 
+                setErrorFraseBorrado(false); 
+            }}>
+                <DialogTitle>Advertencia: Se perderán datos</DialogTitle>
+                <DialogContent>
+                    <DialogContentText>
+                        Está por borrar un formulario que no cumple las condiciones habituales de borrado. Los datos a continuación y todos sus registros asociados se perderán por completo. ¿Desea continuar?
+                    </DialogContentText>
+                    
+                    <div style={{ marginTop: '20px', marginBottom: '20px' }}>
+                        <DialogContentText>
+                            Para confirmar el borrado, escriba la frase <strong>"forzar borrado"</strong> a continuación:
+                        </DialogContentText>
+                        <input 
+                            id="input-forzar-borrado"
+                            type="text" 
+                            value={fraseBorrado} 
+                            onChange={e => {
+                                setFraseBorrado(e.target.value);
+                                setErrorFraseBorrado(false);
+                            }} 
+                            style={{width: '100%', padding: '8px', border: errorFraseBorrado ? '1px solid red' : '1px solid #ccc', borderRadius: '4px'}}
+                            placeholder="forzar borrado"
+                            autoComplete="off"
+                        />
+                        {errorFraseBorrado && <div style={{color: 'red', marginTop: '5px', fontSize: '0.85em'}}>La frase ingresada es incorrecta.</div>}
+                    </div>
+
+                    <Typography variant="h6" style={{ marginTop: '10px', fontWeight: 'bold' }}>Datos que se perderán:</Typography>
+                    <pre style={{maxWidth: '100%', overflowX: 'auto', background: '#f5f5f5', padding: '10px', marginTop: '10px', marginBottom: '20px'}}>
+                        {JSON.stringify(confirmacionBorrado.datos, null, 2)}
+                    </pre>
+                </DialogContent>
+                <DialogActions>
+                    <Button 
+                        color="primary" 
+                        variant="outlined" 
+                        onClick={() => { 
+                            setConfirmacionBorrado(null); 
+                            setFraseBorrado(''); 
+                            setErrorFraseBorrado(false); 
+                        }}
+                    >
+                        Cancelar
+                    </Button>
+                    <Button color="secondary" variant="contained" onClick={() => {
+                        if (!confirmacionBorrado) return;
+                        
+                        if (fraseBorrado.trim().toLowerCase() !== "forzar borrado") {
+                            setErrorFraseBorrado(true);
+                            setTimeout(() => {
+                                const input = document.getElementById('input-forzar-borrado');
+                                if (input) {
+                                    input.focus();
+                                    input.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                                }
+                            }, 100);
+                            return;
+                        }
+                        const {defBoton, forPkPadre} = confirmacionBorrado;
+                        const forPk = defBoton.forPk;
+                        accion_borrar_formulario({ forPk, forPkPadre });
+                        const { listo, agregar } = getBFVarNames(casillero.salto);
+                        if (defBoton.num === 1) {
+                            dispatchByPass(accion_registrar_respuesta, { forPk: forPkPadre, variable: agregar, respuesta: null as unknown as Valor });
+                        }
+                        dispatchByPass(accion_registrar_respuesta, { forPk: forPkPadre, variable: listo, respuesta: null as unknown as Valor });
+                        if (casillero.expresion_habilitar) {
+                            dispatchByPass(accion_registrar_respuesta, { forPk: forPkPadre, variable: casillero.expresion_habilitar as IdVariable, respuesta: null as unknown as Valor });
+                        }
+                        setConfirmacionBorrado(null);
+                        setFraseBorrado('');
+                        setErrorFraseBorrado(false);
+                    }}>Borrar de todas formas</Button>
+                </DialogActions>
+            </Dialog>
+        )}
     </DesplegarCasillero>
 }
 
@@ -2441,9 +2526,9 @@ setCalcularVariables((respuestasRaiz: RespuestasRaiz, forPk: ForPk) => {
             }
         }
     }
-    var uasIterar: {
+    var uasIterar: Partial<{
         [key in IdUnidadAnalisis]: ConfigPadre
-    };
+    }>;
     var configEncu: ConfigPadre = {
         uaPersonas: 'personas',
         varSexoPersona: 'sexo' as IdVariable,
@@ -2463,8 +2548,9 @@ setCalcularVariables((respuestasRaiz: RespuestasRaiz, forPk: ForPk) => {
             ["hogares_sup" as IdUnidadAnalisis]: configSupe
         }
         likeAr(uasIterar).forEach((configPadre, uaPadre) => {
-            autoCargarPersonas(configPadre, uaPadre, estructura)
-
+            if (configPadre) {
+                autoCargarPersonas(configPadre, uaPadre as IdUnidadAnalisis, estructura)
+            }
         })
     } else {
         var configPadres: ConfigPadre[] = [configEncu, configSupe];
@@ -2474,10 +2560,10 @@ setCalcularVariables((respuestasRaiz: RespuestasRaiz, forPk: ForPk) => {
     }
     respuestasRaiz.vdominio = getDatosByPass().informacionHdr[forPk[estructura.pkAgregadaUaPpal]].tem.dominio;
     //TODO: MEJORAR EN ALGUN MOMENTO EL BOTON LISTO
-    let totalH = respuestasRaiz['total_h' as IdVariable];
-    respuestasRaiz['$B.F:S1' as IdVariable] = (respuestasRaiz['hogares'] || []).length == totalH ? 'ok' : null;
-    let totalHsup = respuestasRaiz['total_h_sup' as IdVariable];
-    respuestasRaiz['$B.F:S1_SUP' as IdVariable] = (respuestasRaiz['hogares_sup' as IdUnidadAnalisis] || []).length == totalHsup ? 'ok' : null;
+    //let totalH = respuestasRaiz['total_h' as IdVariable];
+    //respuestasRaiz['$B.F:S1' as IdVariable] = (respuestasRaiz['hogares'] || []).length == totalH ? 'ok' : null;
+    //let totalHsup = respuestasRaiz['total_h_sup' as IdVariable];
+    //respuestasRaiz['$B.F:S1_SUP' as IdVariable] = (respuestasRaiz['hogares_sup' as IdUnidadAnalisis] || []).length == totalHsup ? 'ok' : null;
 })
 
 window.addEventListener('load', function () {