frontend-plus-react 0.3.0 → 0.4.0

package/dist/index.d.cts

@@ -277,7 +277,10 @@ declare const FrontendPlusProviders: React$1.FC<{
     children: React$1.ReactNode;
     publicPaths: string[];
 }>;
-declare const App: ({ myRoutes, myUnloggedRoutes, unloggedLayout, myWScreens, myClientSides, myResultsOk, myConditions }: AppProps) => react_jsx_runtime.JSX.Element;
+declare const App: ({ myRoutes, myUnloggedRoutes, unloggedLayout, myWScreens, myClientSides, myResultsOk, myConditions, puenteBP }: AppProps & {
+    /** Las wScreens que la aplicación no registró se piden al cliente de backend-plus (mismo origen que el backend) */
+    puenteBP?: boolean;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const MainLayout: React$1.FC;
 
@@ -316,4 +319,13 @@ type ResultComponentMap = {
 declare let resultsOk: ResultComponentMap;
 declare const extendResultsOk: (newComponents: ResultComponentMap) => void;
 
-export { type Ancestor, App, type AppContextType, type AppProps, AppProvider, type AppProviderProps, type CallApiOptions, type CellFeedback, type CellFeedbackMap, type ClientContextState, type ClientSideProps, type ClientSidesMap, type CondicionDeDetalle, type CondicionesMap, ConfirmDialog, type ConfirmDialogProps, type CustomCellProps, type CustomHeaderCellProps, DOM_TEMP_ID, type DataGridOption, type EntradaDeTotal, type FetchApiOptions, type FilaDeDatos, type FilaDeFiltros, type FilaDeResumen, type FilaDeTotales, type FilterRendererProps, type FiltroDeColumna, type FiltrosDeGrilla, type FixedField, FrontendPlusProviders, FrontendPlusReactRoutes, GenericDataGrid, type GenericDataGridForDetailProps, type GenericDataGridProps$1 as GenericDataGridProps, type InputRendererProps, MainLayout, type MenuListItemProps, type MenuUiState, type ParametrosDeProcedimiento, type PrivateRouteProps, type ResultOkProps, type ResultsOksMap, type RouterState, type SideMenuProps, type SnackbarContextType, SnackbarProvider, type SnackbarProviderProps, type SnackbarState, type TeclaDeEditor, type UseApiCallResult, type WScreenMap, type WScreenProps, cambiarGuionesBajosPorEspacios, clientSides, extendClientSides, extendConditions, extendResultsOk, extendWScreens, extractPathsFromRoutes, resultsOk as resultComponents, useApiCall, useApiCallWithoutSnackbar, useApp, useLogout, useSnackbar, wScreens };
+interface GrillaBPProps {
+    tabla: string;
+    fixedFields?: FixedField[];
+}
+/** La grilla de backend-plus (`myOwn.tableGrid`) dentro de una página React: conserva todo lo que ya hace esa grilla */
+declare const GrillaBP: React$1.FC<GrillaBPProps>;
+
+declare const habilitarPuenteBP: () => void;
+
+export { type Ancestor, App, type AppContextType, type AppProps, AppProvider, type AppProviderProps, type CallApiOptions, type CellFeedback, type CellFeedbackMap, type ClientContextState, type ClientSideProps, type ClientSidesMap, type CondicionDeDetalle, type CondicionesMap, ConfirmDialog, type ConfirmDialogProps, type CustomCellProps, type CustomHeaderCellProps, DOM_TEMP_ID, type DataGridOption, type EntradaDeTotal, type FetchApiOptions, type FilaDeDatos, type FilaDeFiltros, type FilaDeResumen, type FilaDeTotales, type FilterRendererProps, type FiltroDeColumna, type FiltrosDeGrilla, type FixedField, FrontendPlusProviders, FrontendPlusReactRoutes, GenericDataGrid, type GenericDataGridForDetailProps, type GenericDataGridProps$1 as GenericDataGridProps, GrillaBP, type InputRendererProps, MainLayout, type MenuListItemProps, type MenuUiState, type ParametrosDeProcedimiento, type PrivateRouteProps, type ResultOkProps, type ResultsOksMap, type RouterState, type SideMenuProps, type SnackbarContextType, SnackbarProvider, type SnackbarProviderProps, type SnackbarState, type TeclaDeEditor, type UseApiCallResult, type WScreenMap, type WScreenProps, cambiarGuionesBajosPorEspacios, clientSides, extendClientSides, extendConditions, extendResultsOk, extendWScreens, extractPathsFromRoutes, habilitarPuenteBP, resultsOk as resultComponents, useApiCall, useApiCallWithoutSnackbar, useApp, useLogout, useSnackbar, wScreens };

package/dist/index.d.ts

@@ -277,7 +277,10 @@ declare const FrontendPlusProviders: React$1.FC<{
     children: React$1.ReactNode;
     publicPaths: string[];
 }>;
-declare const App: ({ myRoutes, myUnloggedRoutes, unloggedLayout, myWScreens, myClientSides, myResultsOk, myConditions }: AppProps) => react_jsx_runtime.JSX.Element;
+declare const App: ({ myRoutes, myUnloggedRoutes, unloggedLayout, myWScreens, myClientSides, myResultsOk, myConditions, puenteBP }: AppProps & {
+    /** Las wScreens que la aplicación no registró se piden al cliente de backend-plus (mismo origen que el backend) */
+    puenteBP?: boolean;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const MainLayout: React$1.FC;
 
@@ -316,4 +319,13 @@ type ResultComponentMap = {
 declare let resultsOk: ResultComponentMap;
 declare const extendResultsOk: (newComponents: ResultComponentMap) => void;
 
-export { type Ancestor, App, type AppContextType, type AppProps, AppProvider, type AppProviderProps, type CallApiOptions, type CellFeedback, type CellFeedbackMap, type ClientContextState, type ClientSideProps, type ClientSidesMap, type CondicionDeDetalle, type CondicionesMap, ConfirmDialog, type ConfirmDialogProps, type CustomCellProps, type CustomHeaderCellProps, DOM_TEMP_ID, type DataGridOption, type EntradaDeTotal, type FetchApiOptions, type FilaDeDatos, type FilaDeFiltros, type FilaDeResumen, type FilaDeTotales, type FilterRendererProps, type FiltroDeColumna, type FiltrosDeGrilla, type FixedField, FrontendPlusProviders, FrontendPlusReactRoutes, GenericDataGrid, type GenericDataGridForDetailProps, type GenericDataGridProps$1 as GenericDataGridProps, type InputRendererProps, MainLayout, type MenuListItemProps, type MenuUiState, type ParametrosDeProcedimiento, type PrivateRouteProps, type ResultOkProps, type ResultsOksMap, type RouterState, type SideMenuProps, type SnackbarContextType, SnackbarProvider, type SnackbarProviderProps, type SnackbarState, type TeclaDeEditor, type UseApiCallResult, type WScreenMap, type WScreenProps, cambiarGuionesBajosPorEspacios, clientSides, extendClientSides, extendConditions, extendResultsOk, extendWScreens, extractPathsFromRoutes, resultsOk as resultComponents, useApiCall, useApiCallWithoutSnackbar, useApp, useLogout, useSnackbar, wScreens };
+interface GrillaBPProps {
+    tabla: string;
+    fixedFields?: FixedField[];
+}
+/** La grilla de backend-plus (`myOwn.tableGrid`) dentro de una página React: conserva todo lo que ya hace esa grilla */
+declare const GrillaBP: React$1.FC<GrillaBPProps>;
+
+declare const habilitarPuenteBP: () => void;
+
+export { type Ancestor, App, type AppContextType, type AppProps, AppProvider, type AppProviderProps, type CallApiOptions, type CellFeedback, type CellFeedbackMap, type ClientContextState, type ClientSideProps, type ClientSidesMap, type CondicionDeDetalle, type CondicionesMap, ConfirmDialog, type ConfirmDialogProps, type CustomCellProps, type CustomHeaderCellProps, DOM_TEMP_ID, type DataGridOption, type EntradaDeTotal, type FetchApiOptions, type FilaDeDatos, type FilaDeFiltros, type FilaDeResumen, type FilaDeTotales, type FilterRendererProps, type FiltroDeColumna, type FiltrosDeGrilla, type FixedField, FrontendPlusProviders, FrontendPlusReactRoutes, GenericDataGrid, type GenericDataGridForDetailProps, type GenericDataGridProps$1 as GenericDataGridProps, GrillaBP, type InputRendererProps, MainLayout, type MenuListItemProps, type MenuUiState, type ParametrosDeProcedimiento, type PrivateRouteProps, type ResultOkProps, type ResultsOksMap, type RouterState, type SideMenuProps, type SnackbarContextType, SnackbarProvider, type SnackbarProviderProps, type SnackbarState, type TeclaDeEditor, type UseApiCallResult, type WScreenMap, type WScreenProps, cambiarGuionesBajosPorEspacios, clientSides, extendClientSides, extendConditions, extendResultsOk, extendWScreens, extractPathsFromRoutes, habilitarPuenteBP, resultsOk as resultComponents, useApiCall, useApiCallWithoutSnackbar, useApp, useLogout, useSnackbar, wScreens };

package/dist/index.js

@@ -3457,6 +3457,10 @@ var VerticalEditorPage = ({
   ] });
 };
 
+// src/rutaBase.ts
+var baseDelBundler = import.meta.env?.BASE_URL ?? "/";
+var rutaBase = baseDelBundler.replace(/\/+$/, "");
+
 // src/components/grid/GenericDataGrid.tsx
 import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var SUMMARY_ROW_HEIGHT = 35;
@@ -3846,7 +3850,7 @@ var GenericDataGrid = ({
   const abrirWScreenEnPestana = useCallback11((row, detailTable) => {
     const parametros = new URLSearchParams();
     calcularFixedFieldsDetalle(detailTable, row).forEach((ff) => parametros.set(ff.fieldName, String(ff.value)));
-    window.open(`${window.location.origin}/wScreens/${detailTable.wScreen}?${parametros}`, "_blank");
+    window.open(`${window.location.origin}${rutaBase}/wScreens/${detailTable.wScreen}?${parametros}`, "_blank");
   }, []);
   const alternarDetalle = useCallback11((row, rowId, detailTable, enOtraPestana) => {
     if (enOtraPestana && detailTable.wScreen) {
@@ -4189,8 +4193,8 @@ var GenericDataGrid = ({
 var GenericDataGrid_default = GenericDataGrid;
 
 // src/App.tsx
-import React25, { useEffect as useEffect13, useMemo as useMemo14 } from "react";
-import { BrowserRouter, Routes, Route, useLocation as useLocation6, Navigate as Navigate2, Outlet as Outlet2 } from "react-router-dom";
+import React27, { useEffect as useEffect15, useMemo as useMemo14 } from "react";
+import { BrowserRouter, Routes, Route, useLocation as useLocation7, Navigate as Navigate3, Outlet as Outlet2 } from "react-router-dom";
 
 // src/components/MainLayout.tsx
 import { useEffect as useEffect8 } from "react";
@@ -5632,62 +5636,330 @@ var MenuTablePage = () => {
 };
 var MenuTablePage_default = MenuTablePage;
 
+// src/puente/PantallaBP.tsx
+import { useEffect as useEffect13, useRef as useRef9, useState as useState17 } from "react";
+import { Navigate as Navigate2, useLocation as useLocation6, useNavigate as useNavigate6, useParams as useParams4 } from "react-router-dom";
+import { Alert as Alert7, Box as Box24, CircularProgress as CircularProgress8 } from "@mui/material";
+
+// src/puente/clienteBP.ts
+function extraerRecursos(html) {
+  const documento = new DOMParser().parseFromString(html, "text/html");
+  const referencias = (selector, atributo) => Array.from(documento.querySelectorAll(selector)).map((elemento) => elemento.getAttribute(atributo)).filter((ruta) => !!ruta);
+  return {
+    hojasDeEstilo: referencias("link[rel=stylesheet]", "href"),
+    scripts: referencias("script[src]", "src")
+  };
+}
+function fijarBase(urlBackend) {
+  const href = new URL(urlBackend.replace(/\/*$/, "/"), window.location.href).href;
+  let base = document.querySelector("base");
+  if (!base) {
+    base = document.createElement("base");
+    document.head.prepend(base);
+  }
+  base.href = href;
+}
+function cargarScript(ruta) {
+  return new Promise((resolver, rechazar) => {
+    const script = document.createElement("script");
+    script.async = false;
+    script.src = ruta;
+    script.onload = () => resolver();
+    script.onerror = () => rechazar(new Error(`No se pudo cargar ${ruta}`));
+    document.head.appendChild(script);
+  });
+}
+var carga = null;
+function cargarClienteBP(urlBackend) {
+  if (!carga) {
+    carga = cargarSinMemoria(urlBackend).catch((error) => {
+      carga = null;
+      throw error;
+    });
+  }
+  return carga;
+}
+async function cargarSinMemoria(urlBackend) {
+  const destino = new URL(urlBackend, window.location.href);
+  if (destino.origin !== window.location.origin) {
+    throw new Error(`El cliente de backend-plus solo se puede usar desde el mismo origen que el backend (${destino.origin} no es ${window.location.origin}).`);
+  }
+  fijarBase(urlBackend);
+  const respuesta = await fetch(`${destino.pathname.replace(/\/*$/, "")}/menu`, { credentials: "include" });
+  if (!respuesta.ok || /\/login\/?$/.test(new URL(respuesta.url).pathname)) {
+    throw new Error("No hay una sesi\xF3n iniciada en el backend.");
+  }
+  const recursos = extraerRecursos(await respuesta.text());
+  recursos.hojasDeEstilo.forEach((ruta) => {
+    const enlace = document.createElement("link");
+    enlace.rel = "stylesheet";
+    enlace.href = ruta;
+    document.head.appendChild(enlace);
+  });
+  for (const ruta of recursos.scripts) {
+    await cargarScript(ruta);
+  }
+  const myOwn = window.myOwn;
+  if (!myOwn) throw new Error("El backend no defini\xF3 myOwn.");
+  window.my = myOwn;
+  await myOwn.autoSetup();
+  return myOwn;
+}
+
+// src/puente/pantallaDeBP.ts
+var RUTA_PANTALLA_BP = "/bp/menu";
+function rutaDePantallaBP(nombre, parametros = "") {
+  const resto = parametros.replace(/^[#?]/, "").replace(/(^|&)w=[^&]*/, "").replace(/^&/, "");
+  return `${RUTA_PANTALLA_BP}#w=${encodeURIComponent(nombre)}${resto ? `&${resto}` : ""}`;
+}
+function rutaDeEnlaceBP(href, baseDelDocumento, urlBackend) {
+  const enlace = new URL(href, baseDelDocumento);
+  const base = `${urlBackend.replace(/\/*$/, "/")}`;
+  const pagina = (nombre2) => new URL(`${base}${nombre2}`, baseDelDocumento);
+  if (enlace.origin !== pagina("menu").origin) return null;
+  if (enlace.pathname === pagina("login").pathname) return "/login";
+  if (enlace.pathname === pagina("logout").pathname) return "/logout";
+  if (enlace.pathname !== pagina("menu").pathname) return null;
+  const texto = (enlace.hash || enlace.search).slice(1);
+  const nombre = new URLSearchParams(texto).get("w");
+  return nombre ? rutaDePantallaBP(nombre, texto) : null;
+}
+function resolverPantallaBP(myOwn, nombre, contenedor) {
+  const registrada = myOwn.wScreens[nombre];
+  if (!registrada) return null;
+  if (typeof registrada === "function") {
+    return { definicion: { mainFunction: registrada }, ejecutar: registrada };
+  }
+  if (registrada.mainFunction) {
+    return { definicion: registrada, ejecutar: registrada.mainFunction };
+  }
+  const { parameters, mainAction, resultClass, proceedLabel } = registrada;
+  const procAux = myOwn.wScreens.procAux;
+  const mostrarParametros = typeof procAux === "object" ? procAux.showParams : void 0;
+  if (parameters && mostrarParametros) {
+    return {
+      definicion: registrada,
+      ejecutar: (parametros) => mostrarParametros({ parameters, resultClass, proceedLabel }, contenedor, parametros, mainAction)
+    };
+  }
+  return null;
+}
+
+// src/puente/capturaDeNavegacion.ts
+function apiDeNavegacion() {
+  const api = Reflect.get(window, "navigation");
+  return typeof api === "object" && api !== null && "addEventListener" in api && typeof api.addEventListener === "function" ? api : null;
+}
+function capturarNavegacionBP(urlBackend, navegar) {
+  const alHacerClick = (evento) => {
+    if (evento.defaultPrevented || evento.button !== 0 || evento.ctrlKey || evento.metaKey || evento.shiftKey) return;
+    const enlace = evento.target instanceof Element ? evento.target.closest("a[href]") : null;
+    if (!enlace || enlace.hasAttribute("download") || (enlace.getAttribute("target") ?? "_self") !== "_self") return;
+    const ruta = rutaDeEnlaceBP(enlace.getAttribute("href") ?? "", document.baseURI, urlBackend);
+    if (ruta) {
+      evento.preventDefault();
+      evento.stopPropagation();
+      navegar(ruta);
+    }
+  };
+  document.addEventListener("click", alHacerClick, true);
+  const navegacion = apiDeNavegacion();
+  const alNavegar = (evento) => {
+    if (!evento.cancelable || evento.destination.sameDocument || evento.downloadRequest !== null) return;
+    const ruta = rutaDeEnlaceBP(evento.destination.url, document.baseURI, urlBackend);
+    if (ruta) {
+      evento.preventDefault();
+      navegar(ruta);
+    }
+  };
+  navegacion?.addEventListener("navigate", alNavegar);
+  return () => {
+    document.removeEventListener("click", alHacerClick, true);
+    navegacion?.removeEventListener("navigate", alNavegar);
+  };
+}
+
+// src/puente/habilitacion.ts
+var habilitado = false;
+var habilitarPuenteBP = () => {
+  habilitado = true;
+};
+var puenteBPHabilitado = () => habilitado;
+
+// src/puente/PantallaBP.tsx
+import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+function buscarItemDeMenu(items, tipo) {
+  for (const item of items) {
+    if (item.menuType === tipo) return item;
+    if (item.menuType === "menu") {
+      const encontrado = buscarItemDeMenu(item.menuContent, tipo);
+      if (encontrado) return encontrado;
+    }
+  }
+  return void 0;
+}
+var PantallaBP = ({ nombre, direccion }) => {
+  const navigate = useNavigate6();
+  const { clientContext } = useApp();
+  const [cargando, setCargando] = useState17(true);
+  const [error, setError] = useState17(null);
+  const [noExiste, setNoExiste] = useState17(false);
+  const contenedor = useRef9(null);
+  const menu = clientContext.menu;
+  useEffect13(() => {
+    const elemento = contenedor.current;
+    if (!elemento) return;
+    let vigente = true;
+    setError(null);
+    setNoExiste(false);
+    setCargando(true);
+    const dejarDeCapturar = capturarNavegacionBP(envConfig.backendUrl, navigate);
+    cargarClienteBP(envConfig.backendUrl).then((myOwn) => {
+      if (!vigente) return;
+      setCargando(false);
+      const pantalla = resolverPantallaBP(myOwn, nombre, elemento);
+      if (!pantalla) {
+        setNoExiste(true);
+        return;
+      }
+      elemento.replaceChildren();
+      const item = menu ? buscarItemDeMenu(menu, nombre) : void 0;
+      const desdeLaDireccion = myOwn.UriSearchToObject?.(direccion) ?? Object.fromEntries(new URLSearchParams(direccion.replace(/^[#?]/, "")).entries());
+      const parametros = { ...item, ...desdeLaDireccion };
+      myOwn.preDisplayPage?.(parametros, pantalla.definicion, nombre);
+      pantalla.ejecutar.call(myOwn, parametros);
+    }).catch((err) => {
+      if (!vigente) return;
+      setCargando(false);
+      setError(mensajeDeError(err));
+    });
+    return () => {
+      vigente = false;
+      dejarDeCapturar();
+      elemento.replaceChildren();
+    };
+  }, [nombre, direccion, menu, navigate]);
+  if (noExiste) return /* @__PURE__ */ jsx32(FallbackWScreen, { screenName: nombre });
+  return /* @__PURE__ */ jsxs24(Box24, { children: [
+    cargando && /* @__PURE__ */ jsx32(CircularProgress8, { size: 24, sx: { m: 2 } }),
+    error && /* @__PURE__ */ jsx32(Alert7, { severity: "error", sx: { m: 2 }, children: error }),
+    /* @__PURE__ */ jsx32("div", { id: "main_layout", ref: contenedor })
+  ] });
+};
+var PantallaDeRespaldo = () => {
+  const { screenName = "" } = useParams4();
+  const { search } = useLocation6();
+  if (!puenteBPHabilitado()) {
+    return /* @__PURE__ */ jsx32(Box24, { sx: { p: 3 }, children: /* @__PURE__ */ jsx32(FallbackWScreen, { screenName }) });
+  }
+  return /* @__PURE__ */ jsx32(Navigate2, { to: rutaDePantallaBP(screenName, search), replace: true });
+};
+var PaginaBP = () => {
+  const { hash, search } = useLocation6();
+  const direccion = hash || search;
+  const nombre = new URLSearchParams(direccion.replace(/^[#?]/, "")).get("w");
+  if (!puenteBPHabilitado()) return /* @__PURE__ */ jsx32(Navigate2, { to: "/", replace: true });
+  if (!nombre) return /* @__PURE__ */ jsx32(Box24, { sx: { p: 3 }, children: /* @__PURE__ */ jsxs24(Alert7, { severity: "warning", children: [
+    "Falta la pantalla de backend-plus (",
+    /* @__PURE__ */ jsx32("code", { children: "#w=..." }),
+    ")."
+  ] }) });
+  return /* @__PURE__ */ jsx32(PantallaBP, { nombre, direccion }, nombre);
+};
+
+// src/puente/GrillaBP.tsx
+import { useEffect as useEffect14, useRef as useRef10, useState as useState18 } from "react";
+import { useParams as useParams5 } from "react-router-dom";
+import { Alert as Alert8, Box as Box25, CircularProgress as CircularProgress9 } from "@mui/material";
+import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+var GrillaBP = ({ tabla, fixedFields }) => {
+  const contenedor = useRef10(null);
+  const [cargando, setCargando] = useState18(true);
+  const [error, setError] = useState18(null);
+  const clave = JSON.stringify(fixedFields ?? []);
+  useEffect14(() => {
+    const elemento = contenedor.current;
+    if (!elemento) return;
+    let vigente = true;
+    setError(null);
+    setCargando(true);
+    cargarClienteBP(envConfig.backendUrl).then((myOwn) => {
+      if (!vigente) return;
+      setCargando(false);
+      elemento.replaceChildren();
+      myOwn.tableGrid(tabla, elemento, { fixedFields: JSON.parse(clave) });
+    }).catch((err) => {
+      if (!vigente) return;
+      setCargando(false);
+      setError(mensajeDeError(err));
+    });
+    return () => {
+      vigente = false;
+      elemento.replaceChildren();
+    };
+  }, [tabla, clave]);
+  return /* @__PURE__ */ jsxs25(Box25, { children: [
+    cargando && /* @__PURE__ */ jsx33(CircularProgress9, { size: 24, sx: { m: 2 } }),
+    error && /* @__PURE__ */ jsx33(Alert8, { severity: "error", sx: { m: 2 }, children: error }),
+    /* @__PURE__ */ jsx33("div", { ref: contenedor })
+  ] });
+};
+var PaginaGrillaBP = () => {
+  const { tableName = "" } = useParams5();
+  return /* @__PURE__ */ jsx33(GrillaBP, { tabla: tableName }, tableName);
+};
+
 // src/App.tsx
-import { Box as Box24 } from "@mui/material";
 import typeStore6 from "type-store";
-import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 var LocationTracker = () => {
-  const location = useLocation6();
+  const location = useLocation7();
   const dispatch = useAppDispatch();
-  useEffect13(() => {
+  useEffect15(() => {
     dispatch(setCurrentPath(location.pathname + location.search));
   }, [location, dispatch]);
   return null;
 };
 function FrontendPlusReactRoutes({ myRoutes, myUnloggedRoutes, layout: Layout = MainLayout_default, unloggedLayout: UnloggedLayout }) {
-  return /* @__PURE__ */ jsxs24(Fragment5, { children: [
-    /* @__PURE__ */ jsx32(InitialRedirectHandler_default, {}),
-    /* @__PURE__ */ jsxs24(Routes, { children: [
-      /* @__PURE__ */ jsxs24(Route, { element: UnloggedLayout ? /* @__PURE__ */ jsx32(UnloggedLayout, {}) : /* @__PURE__ */ jsx32(Outlet2, {}), children: [
-        /* @__PURE__ */ jsx32(Route, { path: "/login", element: /* @__PURE__ */ jsx32(LoginPage_default, {}) }),
-        /* @__PURE__ */ jsx32(Route, { path: "/logout", element: /* @__PURE__ */ jsx32(LogoutPage_default, {}) }),
+  return /* @__PURE__ */ jsxs26(Fragment5, { children: [
+    /* @__PURE__ */ jsx34(InitialRedirectHandler_default, {}),
+    /* @__PURE__ */ jsxs26(Routes, { children: [
+      /* @__PURE__ */ jsxs26(Route, { element: UnloggedLayout ? /* @__PURE__ */ jsx34(UnloggedLayout, {}) : /* @__PURE__ */ jsx34(Outlet2, {}), children: [
+        /* @__PURE__ */ jsx34(Route, { path: "/login", element: /* @__PURE__ */ jsx34(LoginPage_default, {}) }),
+        /* @__PURE__ */ jsx34(Route, { path: "/logout", element: /* @__PURE__ */ jsx34(LogoutPage_default, {}) }),
         myUnloggedRoutes
       ] }),
-      /* @__PURE__ */ jsxs24(Route, { element: /* @__PURE__ */ jsx32(PrivateRoute_default, { children: /* @__PURE__ */ jsx32(Layout, {}) }), children: [
-        /* @__PURE__ */ jsx32(Route, { path: "/", element: /* @__PURE__ */ jsx32(HomePage_default, {}) }),
-        /* @__PURE__ */ jsx32(Route, { path: "/home", element: /* @__PURE__ */ jsx32(HomePage_default, {}) }),
-        /* @__PURE__ */ jsx32(Route, { path: "/table/:tableName", element: /* @__PURE__ */ jsx32(GenericDataGridPage_default, {}) }),
-        /* @__PURE__ */ jsx32(Route, { path: "/menu/:menuName", element: /* @__PURE__ */ jsx32(MenuTablePage_default, {}) }),
-        /* @__PURE__ */ jsx32(Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ jsx32(ProcedureForm_default, {}) }),
-        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsxs26(Route, { element: /* @__PURE__ */ jsx34(PrivateRoute_default, { children: /* @__PURE__ */ jsx34(Layout, {}) }), children: [
+        /* @__PURE__ */ jsx34(Route, { path: "/", element: /* @__PURE__ */ jsx34(HomePage_default, {}) }),
+        /* @__PURE__ */ jsx34(Route, { path: "/home", element: /* @__PURE__ */ jsx34(HomePage_default, {}) }),
+        /* @__PURE__ */ jsx34(Route, { path: "/table/:tableName", element: /* @__PURE__ */ jsx34(GenericDataGridPage_default, {}) }),
+        /* @__PURE__ */ jsx34(Route, { path: "/menu/:menuName", element: /* @__PURE__ */ jsx34(MenuTablePage_default, {}) }),
+        /* @__PURE__ */ jsx34(Route, { path: "/procedures/:procedureName", element: /* @__PURE__ */ jsx34(ProcedureForm_default, {}) }),
+        Object.keys(wScreens).map((screenName) => /* @__PURE__ */ jsx34(
           Route,
           {
             path: `/wScreens/${screenName}`,
-            element: /* @__PURE__ */ jsx32(PantallaDeRuta, { screenName })
+            element: /* @__PURE__ */ jsx34(PantallaDeRuta, { screenName })
           },
           screenName
         )),
-        /* @__PURE__ */ jsx32(
-          Route,
-          {
-            path: "/wScreens-fallback/:screenName",
-            element: /* @__PURE__ */ jsx32(Box24, { sx: { p: 3 }, children: /* @__PURE__ */ jsx32(FallbackWScreen, { screenName: ":screenName" }) })
-          }
-        ),
+        /* @__PURE__ */ jsx34(Route, { path: "/wScreens-fallback/:screenName", element: /* @__PURE__ */ jsx34(PantallaDeRespaldo, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ jsx34(Route, { path: "/bp/menu", element: /* @__PURE__ */ jsx34(PaginaBP, {}) }),
+        puenteBPHabilitado() && /* @__PURE__ */ jsx34(Route, { path: "/bp/table/:tableName", element: /* @__PURE__ */ jsx34(PaginaGrillaBP, {}) }),
         myRoutes,
-        /* @__PURE__ */ jsx32(Route, { path: "*", element: /* @__PURE__ */ jsx32("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
+        /* @__PURE__ */ jsx34(Route, { path: "*", element: /* @__PURE__ */ jsx34("div", { style: { marginTop: "20px", marginLeft: "10px" }, children: "404 - Recurso No Encontrado" }) })
       ] }),
-      /* @__PURE__ */ jsx32(Route, { path: "*", element: /* @__PURE__ */ jsx32(Navigate2, { to: "/", replace: true }) })
+      /* @__PURE__ */ jsx34(Route, { path: "*", element: /* @__PURE__ */ jsx34(Navigate3, { to: "/", replace: true }) })
     ] })
   ] });
 }
 var FrontendPlusProviders = ({ children, publicPaths }) => {
-  return /* @__PURE__ */ jsx32(Provider, { store, children: /* @__PURE__ */ jsx32(PersistGate, { loading: null, persistor, children: /* @__PURE__ */ jsxs24(BrowserRouter, { children: [
-    /* @__PURE__ */ jsx32(LocationTracker, {}),
+  return /* @__PURE__ */ jsx34(Provider, { store, children: /* @__PURE__ */ jsx34(PersistGate, { loading: null, persistor, children: /* @__PURE__ */ jsxs26(BrowserRouter, { basename: rutaBase, children: [
+    /* @__PURE__ */ jsx34(LocationTracker, {}),
     " ",
-    /* @__PURE__ */ jsx32(AppProvider, { publicPaths, children: /* @__PURE__ */ jsxs24(SnackbarProvider, { children: [
+    /* @__PURE__ */ jsx34(AppProvider, { publicPaths, children: /* @__PURE__ */ jsxs26(SnackbarProvider, { children: [
       children,
-      /* @__PURE__ */ jsx32(SessionExpiredMessage_default, {})
+      /* @__PURE__ */ jsx34(SessionExpiredMessage_default, {})
     ] }) })
   ] }) }) });
 };
@@ -5698,7 +5970,8 @@ var App = ({
   myWScreens,
   myClientSides,
   myResultsOk,
-  myConditions
+  myConditions,
+  puenteBP
 }) => {
   useMemo14(() => {
     if (myClientSides) {
@@ -5713,8 +5986,11 @@ var App = ({
     if (myConditions) {
       extendConditions(myConditions);
     }
-  }, [myClientSides, myResultsOk, myWScreens, myConditions]);
-  useEffect13(() => {
+    if (puenteBP) {
+      habilitarPuenteBP();
+    }
+  }, [myClientSides, myResultsOk, myWScreens, myConditions, puenteBP]);
+  useEffect15(() => {
     typeStore6.messages = typeStore6.i18n.messages.es;
     typeStore6.locale = typeStore6.i18n.locale.es;
     const link = document.querySelector("link[rel*='icon']") || document.createElement("link");
@@ -5723,11 +5999,11 @@ var App = ({
     link.href = `${envConfig.backendUrl}/img/logo-128.png`;
     document.getElementsByTagName("head")[0].appendChild(link);
   }, []);
-  const safePaths = React25.useMemo(() => {
+  const safePaths = React27.useMemo(() => {
     const extracted = extractPathsFromRoutes(myUnloggedRoutes);
     return ["/login", "/logout", ...extracted];
   }, [myUnloggedRoutes]);
-  return /* @__PURE__ */ jsx32(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(FrontendPlusProviders, { publicPaths: safePaths, children: /* @__PURE__ */ jsx34(
     FrontendPlusReactRoutes,
     {
       myRoutes,
@@ -5745,6 +6021,7 @@ export {
   FrontendPlusProviders,
   FrontendPlusReactRoutes,
   GenericDataGrid_default as GenericDataGrid,
+  GrillaBP,
   MainLayout_default as MainLayout,
   SnackbarProvider,
   cambiarGuionesBajosPorEspacios,
@@ -5754,6 +6031,7 @@ export {
   extendResultsOk,
   extendWScreens,
   extractPathsFromRoutes,
+  habilitarPuenteBP,
   resultsOk as resultComponents,
   useApiCall,
   useApiCallWithoutSnackbar,