@chimera-pe/react-saas 0.6.0 → 3.0.1

package/README.md

@@ -0,0 +1,12 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.

package/dist/react-saas.js

@@ -1,609 +1,322 @@
-import { jsx as a, jsxs as d, Fragment as te } from "react/jsx-runtime";
-import { Box as S, CircularProgress as P, Alert as B, AlertTitle as se, Snackbar as ce, useMediaQuery as le, CssBaseline as de, Container as ue, Grid as b, Typography as z, Card as pe, CardHeader as me, CardContent as ge, AppBar as fe, Toolbar as he, Link as ye, InputAdornment as N, Button as xe } from "@mui/material";
-import { useTranslate as R, I18n as ke } from "react-polyglot";
-import t from "prop-types";
-import { useDispatch as f, useSelector as u, Provider as be } from "react-redux";
-import { createSlice as v, createAsyncThunk as D, configureStore as Te } from "@reduxjs/toolkit";
-import q from "axios";
-import { jwtDecode as _ } from "jwt-decode";
-import { useState as Se, useEffect as T, useMemo as we, useCallback as Ce } from "react";
-import { es as Ie, enGB as Re } from "date-fns/locale";
-import { LocalizationProvider as ve } from "@mui/x-date-pickers";
-import { AdapterDateFns as je } from "@mui/x-date-pickers/AdapterDateFnsV3";
-import Ae from "navigator-languages";
-import { createTheme as ze, ThemeProvider as Le } from "@mui/material/styles";
-import { grey as E } from "@mui/material/colors";
-import { useLocation as M, Navigate as G, BrowserRouter as qe, Routes as De, Route as O } from "react-router-dom";
-import { Email as Ne, Lock as _e } from "@mui/icons-material";
-import { Form as Ee } from "react-final-form";
-import { TextField as U } from "mui-rff";
-import $ from "lodash/memoize";
-const Oe = () => /* @__PURE__ */ a(S, { sx: {
-  display: "flex",
-  flexDirection: "column",
-  flexGrow: 1,
-  justifyContent: "center",
-  alignItems: "center"
-}, children: /* @__PURE__ */ a(P, {}) }), H = ({ titulo: o, texto: e, align: n = "center", severity: r = "error" }) => {
-  const i = R();
-  return /* @__PURE__ */ a(S, { sx: {
-    display: "flex",
-    flexDirection: "column",
-    flexGrow: 1,
-    justifyContent: "center",
-    alignItems: n
-  }, children: /* @__PURE__ */ d(B, { severity: r, children: [
-    /* @__PURE__ */ a(se, { children: i(o) }),
-    e && i(e)
-  ] }) });
-};
-H.propTypes = {
-  titulo: t.string.isRequired,
-  texto: t.string,
-  align: t.string,
-  severity: t.string
-};
-const K = v({
-  name: "ui",
-  initialState: {
-    tema: "light",
-    temaSeleccionado: !1,
-    idioma: "es"
-  },
-  reducers: {
-    cambiarTema: (o, e) => {
-      o.tema = e.payload, o.temaSeleccionado = !0, localStorage.setItem("tema", e.payload);
-    },
-    cambiarIdioma: (o, e) => {
-      o.idioma = e.payload;
-    }
-  }
-}), { cambiarTema: Ue, cambiarIdioma: Fe } = K.actions, Pe = K.reducer, Be = "https://saas.chimera.com.pe/backend", Me = "https://saas.chimera.com.pe/oauth", y = "saas-token", x = "saas-token-expiration", k = "saas-refresh-token", V = (o = Me) => ({
-  login: (e, n) => q({
-    url: `${o}/oauth/token`,
-    headers: {
-      "content-type": "application/x-www-form-urlencoded",
-      Authorization: `Basic ${e}`
-    },
-    method: "post",
-    data: {
-      username: n.correo,
-      password: n.password,
-      grant_type: "password"
-    }
-  }),
-  refreshToken: (e, n) => q({
-    url: `${o}/oauth/token`,
-    headers: {
-      "content-type": "application/x-www-form-urlencoded",
-      Authorization: `Basic ${e}`
-    },
-    method: "post",
-    data: {
-      refresh_token: n,
-      grant_type: "refresh_token"
-    }
-  })
-}), Z = v({
-  name: "login",
-  initialState: {
-    cargando: !1,
-    autenticado: !1,
-    token: null,
-    refreshToken: null,
-    expiracion: null,
-    usuario: null,
-    perfiles: [],
-    error: null
-  },
-  reducers: {
-    login: (o, e) => {
-      const n = e.payload.token, r = _(n), i = /* @__PURE__ */ new Date();
-      i.setSeconds(i.getSeconds() + e.payload.expiracion), o.cargando = !1, o.autenticado = !0, o.token = n, o.refreshToken = e.payload.refreshToken, o.expiracion = i.getTime(), o.usuario = r.name, o.perfiles = r.authorities;
-    },
-    logout: (o) => {
-      o.cargando = !1, o.autenticado = !1, o.token = null, o.refreshToken = null, o.expiracion = null, o.usuario = null, o.perfiles = [], o.error = null, sessionStorage.removeItem(y), sessionStorage.removeItem(k), sessionStorage.removeItem(x);
-    }
-  },
-  extraReducers(o) {
-    o.addCase(w.pending, (e) => {
-      e.cargando = !0, e.error = null;
-    }).addCase(w.fulfilled, (e, n) => {
-      const r = n.payload.access_token, i = _(r), c = /* @__PURE__ */ new Date();
-      c.setSeconds(c.getSeconds() + n.payload.expires_in), e.cargando = !1, e.autenticado = !0, e.token = r, e.refreshToken = n.payload.refresh_token, e.expiracion = c.getTime(), e.usuario = i.name, e.perfiles = i.authorities, sessionStorage.setItem(y, r), sessionStorage.setItem(k, n.payload.refresh_token), sessionStorage.setItem(x, c.getTime());
-    }).addCase(w.rejected, (e, n) => {
-      var r;
-      console.log(n), e.cargando = !1, e.autenticado = !1, e.token = null, e.refreshToken = null, e.expiracion = null, e.usuario = null, e.perfiles = [], e.error = (r = n.error) == null ? void 0 : r.message, sessionStorage.removeItem(y), sessionStorage.removeItem(k), sessionStorage.removeItem(x);
-    }).addCase(C.pending, (e) => {
-      e.cargando = !0;
-    }).addCase(C.fulfilled, (e, n) => {
-      const r = /* @__PURE__ */ new Date();
-      r.setSeconds(r.getSeconds() + n.payload.expires_in), e.token = n.payload.access_token, e.refreshToken = n.payload.refresh_token, e.expiracion = r.getTime(), sessionStorage.setItem(y, n.payload.access_token), sessionStorage.setItem(k, n.payload.refresh_token), sessionStorage.setItem(x, r.getTime());
-    }).addCase(C.rejected, (e, n) => {
-      var r;
-      e.cargando = !1, e.autenticado = !1, e.token = null, e.refreshToken = null, e.expiracion = null, e.usuario = null, e.perfiles = [], e.error = (r = n.error) == null ? void 0 : r.message, sessionStorage.removeItem(y), sessionStorage.removeItem(k), sessionStorage.removeItem(x);
-    });
-  }
-}), w = D("login/requestToken", async (o) => (await V(o.devURL).login(o.clientCredentials, o.data)).data), C = D("login/refreshToken", async (o, e, n) => (await V(o).refreshToken(e, n)).data), { login: Ge, logout: F } = Z.actions, jo = (o) => o.login.token, Ao = (o) => o.login.usuario, zo = (o) => o.login.perfiles, $e = Z.reducer, W = v({
-  name: "notificacion",
-  initialState: [],
-  reducers: {
-    mostrarNotificacion: (o, e) => {
-      o.push(e.payload);
-    },
-    ocultarNotificacion: (o) => {
-      o.pop();
-    }
-  }
-}), { mostrarNotificacion: He, ocultarNotificacion: Ke } = W.actions, Ve = W.reducer, Ze = (o = Be, e) => q({
-  url: `${o}/identidad/`,
-  params: {
-    codigoAplicacion: e
-  }
-}), L = {
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import { useEffect as m, useContext as k } from "react";
+import o from "prop-types";
+import { AuthProvider as q, AuthContext as x } from "react-oauth2-code-pkce";
+import { create as w } from "zustand";
+import { useTranslate as f, I18n as I } from "react-polyglot";
+import { union as U } from "lodash";
+import C from "navigator-languages";
+const O = "https://saas.chimera.com.pe/backend/v3", R = "https://saas.chimera.com.pe/oauth/v3", A = "http://localhost:7000", T = "http://localhost:7777", u = {
   primary: "#1C6CCC",
   secondary: "#17A7FF",
-  error: "#f44336",
-  warning: "#ff9800",
   info: "#2196f3",
-  success: "#4caf50"
-}, We = v({
-  name: "inicializar",
-  initialState: {
+  success: "#4caf50",
+  error: "#f44336",
+  warning: "#ff9800"
+}, d = w((e) => ({
+  inicializado: !1,
+  estado: {
     inicializando: !0,
-    inicializado: !1,
-    instancia: {
-      color: L
-    },
     error: null
   },
-  extraReducers(o) {
-    o.addCase(I.pending, (e) => {
-      e.inicializando = !0;
-    }).addCase(I.fulfilled, (e, n) => {
-      e.inicializando = !1, e.inicializado = !0, e.instancia = {
-        ...n.payload,
-        abreviatura: n.payload.nombre.match(/\b([A-Z])/g).join(""),
-        color: {
-          ...L,
-          ...n.payload.color
+  instancia: {
+    identificador: null,
+    nombre: null,
+    abreviatura: null,
+    requiereLogin: !1,
+    logo: null,
+    color: u
+  },
+  idioma: "en",
+  inicializar: async (i, r) => {
+    e({
+      estado: {
+        inicializando: !0,
+        error: null
+      }
+    });
+    try {
+      const t = await fetch(`${i || O}/identidad/?codigoAplicacion=${r}`);
+      if (!t.ok)
+        throw new Error(`inicializar.error.${t.status}`);
+      const n = await t.json();
+      e({
+        inicializado: !0,
+        estado: {
+          inicializando: !1,
+          error: null
+        },
+        instancia: {
+          identificador: n.identificador,
+          nombre: n.nombre,
+          abreviatura: n.nombre.match(/\b([A-Z])/g).join(""),
+          requiereLogin: n.requiereLogin,
+          logo: n.logo,
+          color: {
+            ...u,
+            ...n.color
+          }
+        }
+      });
+    } catch (t) {
+      e({
+        inicializado: !1,
+        estado: {
+          inicializando: !1,
+          error: t.message
+        },
+        instancia: {
+          identificador: null,
+          nombre: null,
+          abreviatura: null,
+          requiereLogin: !1,
+          logo: null,
+          color: u
         }
-      }, e.error = null;
-    }).addCase(I.rejected, (e, n) => {
-      e.inicializando = !1, e.inicializado = !1, e.instancia = {
-        color: L
-      }, e.error = n.payload;
+      });
+    }
+  },
+  cambiarIdioma: (i) => {
+    e({
+      idioma: i
     });
   }
-}), I = D("inicializar", async (o) => (await Ze(o.devURL, o.aplicacion)).data), Lo = (o) => o.aplicacion.instancia, Xe = We.reducer, Je = (o) => Te({
-  reducer: {
-    ui: Pe,
-    aplicacion: Xe,
-    login: $e,
-    notificaciones: Ve,
-    ...o
-  }
-}), Qe = () => {
-  const [o, e] = Se(!1), n = f(), r = R(), i = u((s) => s.notificaciones[0]);
-  T(() => {
-    e(!!i);
-  }, [i]);
-  const c = () => {
-    e(!1), n(Ke());
-  };
-  return /* @__PURE__ */ a(
-    ce,
+})), E = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20stroke='%23000'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cstyle%3e.spinner_V8m1{transform-origin:center;animation:spinner_zKoa%202s%20linear%20infinite}.spinner_V8m1%20circle{stroke-linecap:round;animation:spinner_YpZS%201.5s%20ease-in-out%20infinite}@keyframes%20spinner_zKoa{100%25{transform:rotate(360deg)}}@keyframes%20spinner_YpZS{0%25{stroke-dasharray:0%20150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42%20150;stroke-dashoffset:-16}95%25,100%25{stroke-dasharray:42%20150;stroke-dashoffset:-59}}%3c/style%3e%3cg%20class='spinner_V8m1'%3e%3ccircle%20cx='12'%20cy='12'%20r='9.5'%20fill='none'%20stroke-width='3'%3e%3c/circle%3e%3c/g%3e%3c/svg%3e", L = () => {
+  const e = f();
+  return /* @__PURE__ */ g(
+    "div",
     {
-      open: o,
-      message: (i == null ? void 0 : i.mensaje) && i.tipo === "default" && r(i.mensaje),
-      autoHideDuration: 5e3,
-      onClose: c,
-      children: (i == null ? void 0 : i.mensaje) && i.tipo !== "default" && /* @__PURE__ */ a(B, { severity: i.tipo, children: r(i.mensaje) })
-    }
-  );
-}, Ye = {
-  inicializar: {
-    error: {
-      titulo: "Error iniciando aplicación",
-      mensaje: "No fue posible conectarnos con el servicio"
-    }
-  },
-  login: {
-    titulo: "Acceder al sistema",
-    correo: "Correo electrónico",
-    password: "Contraseña",
-    ingresar: "Acceder",
-    validacion: {
-      correo: "Debe ingresar una dirección de correo",
-      password: "Debe ingresar una contraseña"
-    },
-    error: "Usuario o contraseña incorrectos"
-  },
-  copy: "Todos los derechos reservados "
-}, eo = {
-  es: Ye
-}, oo = { en: Re, es: Ie }, X = ({ messages: o, children: e }) => {
-  const n = u((r) => r.ui.idioma);
-  return /* @__PURE__ */ a(ke, { locale: n, messages: o[n], children: /* @__PURE__ */ a(ve, { dateAdapter: je, adapterLocale: oo[n], children: e }) });
-};
-X.propTypes = {
-  messages: t.object,
-  children: t.element.isRequired
-};
-const no = () => {
-  const o = Ae();
-  if (!(o != null && o.length))
-    return;
-  const e = o[0];
-  return e.indexOf("-") ? e.substring(0, e.indexOf("-")) : e;
-}, J = ({ messages: o, idiomaDefecto: e, children: n }) => {
-  const r = f(), i = no();
-  T(() => {
-    let s = Reflect.ownKeys(o)[0];
-    i && Object.hasOwn(o, i) ? s = i : e && Object.hasOwn(o, e) && (s = e), r(Fe(s));
-  }, [r, o, e, i]);
-  const c = {};
-  return Object.keys(o).forEach((s) => {
-    c[s] = {
-      ...o[s],
-      saas: eo[s]
-    };
-  }), /* @__PURE__ */ a(X, { messages: c, children: n });
-};
-J.propTypes = {
-  messages: t.object,
-  idiomaDefecto: t.string,
-  children: t.element.isRequired
-};
-const Q = ({ children: o }) => {
-  const e = f(), { instancia: n } = u((s) => s.aplicacion), r = u((s) => s.ui.tema), i = le("(prefers-color-scheme: dark)");
-  T(() => {
-    e(Ue(i ? "dark" : "light"));
-  }, [e, i]);
-  const c = we(() => ze({
-    palette: {
-      mode: r,
-      primary: {
-        main: n.color.primary
-      },
-      secondary: {
-        main: n.color.secondary
-      },
-      error: {
-        main: n.color.error
-      },
-      warning: {
-        main: n.color.warning
-      },
-      info: {
-        main: n.color.info
-      },
-      success: {
-        main: n.color.success
+      style: {
+        display: "flex",
+        gap: "0.5rem"
       },
-      ...r === "light" && {
-        background: {
-          default: E.A200,
-          paper: E[100]
-        }
-      }
-    },
-    shape: {
-      borderRadius: 6
-    }
-  }), [r, n]);
-  return /* @__PURE__ */ d(Le, { theme: c, children: [
-    /* @__PURE__ */ a(de, {}),
-    o
-  ] });
-};
-Q.propTypes = {
-  children: t.element.isRequired
-};
-const Y = (o) => {
-  const e = f(), n = u((i) => i.login), r = u((i) => i.aplicacion.instancia);
-  return T(() => {
-    if (n.autenticado)
-      n.expiracion && new Date(n.expiracion) < /* @__PURE__ */ new Date() && (n.refreshToken ? e(C(o, r.clientCredentials, n.refreshToken)) : e(F()));
-    else {
-      const i = sessionStorage.getItem(y), c = sessionStorage.getItem(x), s = sessionStorage.getItem(k);
-      i && c && (new Date(c) < /* @__PURE__ */ new Date() ? e(s ? s(o, r.clientCredentials, s) : F()) : e(Ge({ token: i, expiracion: c, refreshToken: s })));
-    }
-  }, [o, r.clientCredentials, n, e]), n.autenticado;
-}, ro = () => {
-  const o = f();
-  return Ce((e, n = "default") => {
-    o(He({ mensaje: e, tipo: n }));
-  }, [o]);
-}, ee = ({ devURL: o }) => {
-  const e = f(), n = R(), r = ro(), { cargando: i, error: c } = u((l) => l.login), s = u((l) => l.aplicacion.instancia), h = (l) => {
-    e(w({
-      devURL: o,
-      clientCredentials: s.clientCredentials,
-      data: {
-        correo: l.correo,
-        password: l.password
-      }
-    }));
-  }, j = (l) => {
-    const A = { correo: void 0, password: void 0 };
-    return l.correo || (A.correo = n("saas.login.validacion.correo")), l.password || (A.password = n("saas.login.validacion.password")), A;
-  };
-  return T(() => {
-    c && r("saas.login.error", "error");
-  }, [r, c]), /* @__PURE__ */ a(
-    Ee,
-    {
-      onSubmit: h,
-      validate: j,
-      render: ({ handleSubmit: l }) => /* @__PURE__ */ d("form", { onSubmit: l, children: [
+      children: [
         /* @__PURE__ */ a(
-          U,
+          "img",
           {
-            id: "correo",
-            name: "correo",
-            label: n("saas.login.correo"),
-            variant: "outlined",
-            autoComplete: "off",
-            disabled: i,
-            autoFocus: !0,
-            InputProps: {
-              startAdornment: /* @__PURE__ */ a(N, { position: "start", children: /* @__PURE__ */ a(Ne, { color: "primary" }) })
+            src: E,
+            alt: e("saas.cargando"),
+            style: {
+              filter: "invert(99%) sepia(2%) saturate(740%) hue-rotate(250deg) brightness(93%) contrast(93%)"
             }
           }
         ),
+        /* @__PURE__ */ a("span", { children: e("saas.cargando") })
+      ]
+    }
+  );
+}, h = ({ titulo: e, texto: i }) => {
+  const r = f();
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      style: {
+        borderWidth: "2px",
+        borderStyle: "solid",
+        borderRadius: "7px",
+        backgroundColor: "#f44336",
+        padding: "0.5rem",
+        borderColor: "#8d1108"
+      },
+      children: [
         /* @__PURE__ */ a(
-          U,
+          "h4",
           {
-            id: "password",
-            name: "password",
-            type: "password",
-            label: n("saas.login.password"),
-            variant: "outlined",
-            autoComplete: "current-password",
-            disabled: i,
-            InputProps: {
-              startAdornment: /* @__PURE__ */ a(N, { position: "start", children: /* @__PURE__ */ a(_e, { color: "primary" }) })
-            }
+            style: {
+              marginTop: 0,
+              marginBottom: "0.3rem"
+            },
+            children: r(e)
           }
         ),
-        /* @__PURE__ */ d(b, { container: !0, children: [
-          /* @__PURE__ */ a(b, { item: !0, xs: 6 }),
-          /* @__PURE__ */ a(b, { item: !0, xs: 6, align: "right", children: /* @__PURE__ */ a(
-            xe,
-            {
-              variant: "contained",
-              color: "primary",
-              type: "submit",
-              disabled: i,
-              children: i ? /* @__PURE__ */ a(P, { size: 24, thickness: 4 }) : n("saas.login.ingresar")
-            }
-          ) })
-        ] })
-      ] })
+        i && /* @__PURE__ */ a("p", { children: r(i) })
+      ]
     }
   );
 };
-ee.propTypes = {
-  devURL: t.string
+h.propTypes = {
+  titulo: o.string.isRequired,
+  texto: o.string
 };
-const oe = ({ devURL: o }) => {
-  const e = u((s) => s.aplicacion.instancia), n = R(), r = M(), i = Y(o), { from: c } = r.state || { from: { pathname: "/" } };
-  return !e.requiereLogin || i ? /* @__PURE__ */ a(G, { to: c }) : /* @__PURE__ */ d(S, { sx: {
-    position: "relative",
-    display: "flex",
-    flexDirection: "column",
-    flexGrow: 1,
-    minHeight: "100vh",
-    backgroundColor: "primary.main",
-    "&::before": {
-      content: '""',
-      backgroundImage: `url(${e.logo})`,
-      backgroundSize: "contain",
-      backgroundRepeat: "no-repeat",
-      backgroundPosition: "right",
-      position: "absolute",
-      top: "20%",
-      bottom: 0,
-      right: 0,
-      width: "50%",
-      opacity: 0.02,
-      filter: "grayscale(100%)"
-    }
-  }, children: [
-    /* @__PURE__ */ a(S, { sx: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      flexGrow: 1
-    }, children: /* @__PURE__ */ a(ue, { maxWidth: "md", children: /* @__PURE__ */ d(b, { container: !0, spacing: 3, children: [
-      /* @__PURE__ */ d(b, { item: !0, xs: 12, lg: 5, align: "center", children: [
-        /* @__PURE__ */ a("img", { src: e.logo, alt: e.nombre, style: { maxWidth: "100%" } }),
-        /* @__PURE__ */ a(z, { variant: "h3", align: "center", children: n("aplicacion.nombre", { smart_count: 1 }) }),
-        /* @__PURE__ */ a(z, { variant: "h5", align: "center", children: e.nombre })
-      ] }),
-      /* @__PURE__ */ a(b, { item: !0, xs: 12, lg: 7, sx: {
+const b = ({ devAuthUrl: e, redirectUri: i, children: r }) => {
+  const t = d((n) => n.instancia);
+  if (t.requiereLogin) {
+    const n = e || R;
+    return /* @__PURE__ */ a(
+      q,
+      {
+        authConfig: {
+          clientId: t.identificador,
+          authorizationEndpoint: `${n}/oauth2/authorize`,
+          tokenEndpoint: `${n}/oauth2/token`,
+          logoutEndpoint: `${n}/connect/logout`,
+          redirectUri: i,
+          scope: "openid profile"
+        },
+        children: r
+      }
+    );
+  }
+  return r;
+};
+b.propTypes = {
+  devAuthUrl: o.string,
+  redirectUri: o.string.isRequired,
+  children: o.element.isRequired
+};
+const v = ({ aplicacion: e, devBackendUrl: i }) => {
+  const r = d((n) => n.estado), t = d((n) => n.inicializar);
+  return m(() => {
+    t(i, e);
+  }, [t, i, e]), /* @__PURE__ */ a(
+    "div",
+    {
+      style: {
         display: "flex",
+        flexDirection: "column",
         alignItems: "center",
         justifyContent: "center",
-        zIndex: 5
-      }, children: /* @__PURE__ */ d(pe, { elevation: 5, children: [
-        /* @__PURE__ */ a(me, { title: n("saas.login.titulo"), titleTypographyProps: { align: "center" } }),
-        /* @__PURE__ */ a(ge, { sx: {
-          "& .MuiTextField-root": {
-            mb: 2
-          }
-        }, children: /* @__PURE__ */ a(ee, { devURL: o }) })
-      ] }) })
-    ] }) }) }),
-    /* @__PURE__ */ a(fe, { position: "static", color: "primary", children: /* @__PURE__ */ a(he, { sx: { justifyContent: "center" }, children: /* @__PURE__ */ d(z, { variant: "caption", children: [
-      n("saas.copy"),
-      /* @__PURE__ */ a(ye, { href: "//chimera.com.pe", color: "inherit", target: "_blank", rel: "noreferrer", children: "Chimera Software" })
-    ] }) }) })
-  ] });
-};
-oe.propTypes = {
-  devURL: t.string
-};
-const ne = ({ devURL: o, redirectTo: e, children: n }) => {
-  const r = M();
-  return Y(o) ? n : /* @__PURE__ */ a(G, { to: e, state: { from: r }, replace: !0 });
+        minHeight: "100vh",
+        backgroundColor: "#141316",
+        color: "#e6e1e6"
+      },
+      children: r.inicializando ? /* @__PURE__ */ a(L, {}) : r.error && /* @__PURE__ */ a(h, { titulo: "saas.error.titulo", texto: r.error })
+    }
+  );
 };
-ne.propTypes = {
-  devURL: t.string,
-  redirectTo: t.string.isRequired,
-  children: t.element.isRequired
+v.propTypes = {
+  aplicacion: o.string.isRequired,
+  devBackendUrl: o.string
 };
-const re = ({
-  devURL: o,
-  requiereLogin: e,
-  basename: n,
-  children: r
-}) => /* @__PURE__ */ a(qe, { basename: n, children: /* @__PURE__ */ d(De, { children: [
-  /* @__PURE__ */ a(O, { path: "/login", element: /* @__PURE__ */ a(oe, { devURL: o }) }),
-  /* @__PURE__ */ a(
-    O,
-    {
-      path: "/*",
-      element: e ? /* @__PURE__ */ a(ne, { devURL: o, redirectTo: "/login", children: r }) : r
-    }
-  )
-] }) });
-re.propTypes = {
-  devURL: t.string,
-  requiereLogin: t.bool,
-  basename: t.string,
-  children: t.element.isRequired
+const y = ({
+  aplicacion: e,
+  devBackendUrl: i,
+  devAuthUrl: r,
+  redirectUri: t,
+  children: n
+}) => d((l) => l.inicializado) ? /* @__PURE__ */ a(
+  b,
+  {
+    devAuthUrl: r,
+    redirectUri: t,
+    children: n
+  }
+) : /* @__PURE__ */ a(
+  v,
+  {
+    aplicacion: e,
+    devBackendUrl: i
+  }
+);
+y.propTypes = {
+  aplicacion: o.string.isRequired,
+  devBackendUrl: o.string,
+  devAuthUrl: o.string,
+  redirectUri: o.string.isRequired,
+  children: o.element.isRequired
 };
-const ie = ({ devURL: o, basename: e, children: n }) => {
-  const r = u((i) => i.aplicacion);
-  return /* @__PURE__ */ a(S, { sx: {
-    display: "flex",
-    flexDirection: "column",
-    minHeight: "100vh",
-    justifyContent: "flex-start",
-    backgroundColor: "background.default"
-  }, children: r.inicializando ? /* @__PURE__ */ a(Oe, {}) : r.error || !r.inicializado ? /* @__PURE__ */ a(H, { titulo: "saas.inicializar.error.titulo", texto: "saas.inicializar.error.mensaje" }) : /* @__PURE__ */ d(te, { children: [
-    /* @__PURE__ */ a(
-      re,
-      {
-        devURL: o,
-        requiereLogin: r.instancia.requiereLogin,
-        basename: e,
-        children: n
-      }
-    ),
-    /* @__PURE__ */ a(Qe, {})
-  ] }) });
+const _ = {
+  cargando: "Loading...",
+  error: {
+    titulo: "Could not initialize application"
+  }
+}, B = {
+  cargando: "Cargando...",
+  error: {
+    titulo: "Error iniciando aplicación"
+  }
+}, p = {
+  en: _,
+  es: B
+}, z = ({ mensajes: e, children: i }) => {
+  const r = d((t) => t.idioma);
+  return /* @__PURE__ */ a(I, { locale: r, messages: e[r], children: i });
 };
-ie.propTypes = {
-  devURL: t.string,
-  basename: t.string,
-  children: t.element.isRequired
+z.propTypes = {
+  mensajes: o.object,
+  children: o.element.isRequired
 };
-const ae = ({
-  aplicacion: o,
-  devSaasURL: e,
-  devAuthURL: n,
-  messages: r,
-  idiomaDefecto: i,
-  basename: c,
-  children: s
-}) => {
-  const h = f();
-  return T(() => {
-    h(I({ devURL: e, aplicacion: o }));
-  }, [h, o, e]), /* @__PURE__ */ a(J, { messages: r, idiomaDefecto: i, children: /* @__PURE__ */ a(Q, { children: /* @__PURE__ */ a(
-    ie,
-    {
-      devURL: n,
-      basename: c,
-      children: s
-    }
-  ) }) });
+const S = () => {
+  const e = C();
+  if (!(e != null && e.length))
+    return;
+  const i = e[0];
+  return i.indexOf("-") ? i.substring(0, i.indexOf("-")) : i;
+}, j = ({ mensajes: e, idiomaDefecto: i, children: r }) => {
+  const t = d((s) => s.cambiarIdioma), n = S(), c = U(Object.keys(e), Object.keys(p));
+  m(() => {
+    let s = c[0];
+    n && Object.hasOwn(e, n) ? s = n : i && Object.hasOwn(e, i) && (s = i), t(s);
+  }, [c, e, i, n, t]);
+  const l = {};
+  return c.forEach((s) => {
+    l[s] = {
+      ...Object.hasOwn(e, s) ? e[s] : {},
+      saas: Object.hasOwn(p, s) ? p[s] : {}
+    };
+  }), /* @__PURE__ */ a(z, { mensajes: l, children: r });
 };
-ae.propTypes = {
-  aplicacion: t.string.isRequired,
-  devSaasURL: t.string,
-  devAuthURL: t.string,
-  messages: t.object.isRequired,
-  idiomaDefecto: t.string,
-  basename: t.string,
-  children: t.element.isRequired
+j.propTypes = {
+  mensajes: o.object,
+  idiomaDefecto: o.string,
+  children: o.element.isRequired
 };
-const io = ({
-  customReducers: o,
+const P = ({
   aplicacion: e,
-  devSaasURL: n,
-  devAuthURL: r,
-  dev: i = !1,
-  idiomaDefecto: c,
-  messages: s,
-  basename: h,
-  children: j
-}) => /* @__PURE__ */ a(be, { store: Je(o), children: /* @__PURE__ */ a(
-  ae,
+  devBackendUrl: i = A,
+  devAuthUrl: r = T,
+  dev: t = !1,
+  redirectUri: n,
+  idiomaDefecto: c = "en",
+  mensajes: l = {
+    en: {},
+    es: {}
+  },
+  children: s
+}) => /* @__PURE__ */ a(j, { mensajes: l, children: /* @__PURE__ */ a(
+  y,
   {
     aplicacion: e,
-    devSaasURL: i ? n : void 0,
-    devAuthURL: i ? r : void 0,
+    devBackendUrl: t && i,
+    devAuthUrl: t && r,
+    redirectUri: n,
     idiomaDefecto: c,
-    messages: s,
-    basename: h,
-    children: j
+    children: s
   }
 ) });
-io.propTypes = {
-  customReducers: t.object,
-  aplicacion: t.string.isRequired,
-  devSaasURL: t.string,
-  devAuthURL: t.string,
-  dev: t.bool,
-  idiomaDefecto: t.string,
-  messages: t.object,
-  basename: t.string,
-  children: t.element.isRequired
+P.propTypes = {
+  aplicacion: o.string.isRequired,
+  devBackendUrl: o.string,
+  devAuthUrl: o.string,
+  dev: o.bool,
+  redirectUri: o.string.isRequired,
+  idiomaDefecto: o.string,
+  mensajes: o.object,
+  children: o.element.isRequired
+};
+const W = () => {
+  const {
+    loginInProgress: e,
+    token: i,
+    tokenData: r,
+    logIn: t,
+    logOut: n,
+    error: c
+  } = k(x);
+  return {
+    loginInProgress: e,
+    token: i,
+    logIn: t,
+    logOut: n,
+    error: c,
+    correo: r == null ? void 0 : r.sub,
+    nombre: r == null ? void 0 : r.name,
+    perfiles: r == null ? void 0 : r.profiles
+  };
 };
-const ao = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/, m = (o) => typeof o > "u" || o === null || o === "" || Array.isArray(o) && o.length === 0, p = (o, e, n, r) => typeof o == "function" ? o({ args: e, value: n, values: r }) : e ? { message: o, args: e } : o, g = (o) => $(o, (...e) => JSON.stringify(e)), qo = (...o) => (e, n, r) => (Array.isArray(o[0]) ? o[0] : o).reduce(
-  (c, s) => c || typeof s == "function" && s(e, n, r),
-  void 0
-), Do = g((o = "validacion.obligatorio") => Object.assign(
-  (e, n) => m(e) ? p(o, void 0, e, n) : void 0,
-  { isRequired: !0 }
-)), No = g((o = "validacion.obligatorio") => Object.assign(
-  (e, n) => m(e) || !e ? p(o, void 0, e, n) : void 0,
-  { isRequired: !0 }
-)), _o = g((o = "validacion.numero") => (e, n) => !m(e) && isNaN(e) ? p(o, void 0, e, n) : void 0), Eo = g(
-  (o, e = "validacion.longitud.minima") => (n, r) => !m(n) && n.length < o ? p(e, void 0, n, r) : void 0
-), Oo = g(
-  (o, e = "validacion.longitud.maxima") => (n, r) => !m(n) && n.length > o ? p(e, void 0, n, r) : void 0
-), Uo = g(
-  (o, e = "validacion.minimo") => (n, r) => !m(n) && parseFloat(n) < o ? p(e, void 0, n, r) : void 0
-), Fo = g(
-  (o, e = "validacion.maximo") => (n, r) => !m(n) && parseFloat(n) > o ? p(e, void 0, n, r) : void 0
-), to = $(
-  (o, e = "validacion.regex") => (n, r) => !m(n) && typeof n == "string" && !o.test(n) ? p(e, void 0, n, r) : void 0,
-  (o, e) => o.toString() + e
-), Po = g((o = "validacion.correo") => to(ao, o)), Bo = g((o, e, n = "validacion.remote") => (r, i, c) => c.active && !m(r) && o(r, e).then((s) => s ? p(n, void 0, r, i) : void 0).catch((s) => p(s.message, void 0, r, i)));
 export {
-  Oe as Cargando,
-  H as Error,
-  io as SaasApp,
-  qo as composeValidators,
-  Po as email,
-  Lo as getInstancia,
-  zo as getPerfiles,
-  jo as getToken,
-  Ao as getUsuario,
-  F as logout,
-  Fo as max,
-  Oo as maxLength,
-  Uo as min,
-  Eo as minLength,
-  _o as number,
-  to as regex,
-  Bo as remote,
-  Do as required,
-  No as requiredNotFalse,
-  ro as useNotificar
+  y as Inicializar,
+  P as SaasApp,
+  W as useAuth,
+  d as useSaasStore
 };

package/dist/react-saas.umd.cjs

@@ -1 +1 @@
-(function(a,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("@mui/material"),require("react-polyglot"),require("prop-types"),require("react-redux"),require("@reduxjs/toolkit"),require("axios"),require("jwt-decode"),require("react"),require("date-fns/locale"),require("@mui/x-date-pickers"),require("@mui/x-date-pickers/AdapterDateFnsV3"),require("navigator-languages"),require("@mui/material/styles"),require("@mui/material/colors"),require("react-router-dom"),require("@mui/icons-material"),require("react-final-form"),require("mui-rff"),require("lodash/memoize")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@mui/material","react-polyglot","prop-types","react-redux","@reduxjs/toolkit","axios","jwt-decode","react","date-fns/locale","@mui/x-date-pickers","@mui/x-date-pickers/AdapterDateFnsV3","navigator-languages","@mui/material/styles","@mui/material/colors","react-router-dom","@mui/icons-material","react-final-form","mui-rff","lodash/memoize"],o):(a=typeof globalThis<"u"?globalThis:a||self,o(a["react-saas"]={},a.ReactJSX,a.MuiMaterial,a.ReactPolyglot,a.PropTypes,a.ReactRedux,a.ReduxToolkit,a.Axios,a.JWTDecode,a.React,a.DateFNSLocale,a.MuiXDatePickers,a.MuiXDatePickersAdapter,a.NavigatorLanguages,a.MuiMaterialStyles,a.MuiMaterialColors,a.ReactRouterDom,a.MuiIconsMaterial,a.ReactFinalForm,a.MUIRFF,a.LodashMemoize))})(this,function(a,o,d,q,t,u,S,j,N,p,F,oe,se,ae,E,M,k,_,te,O,U){"use strict";const B=()=>o.jsx(d.Box,{sx:{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:"center"},children:o.jsx(d.CircularProgress,{})}),v=({titulo:n,texto:e,align:i="center",severity:r="error"})=>{const s=q.useTranslate();return o.jsx(d.Box,{sx:{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:i},children:o.jsxs(d.Alert,{severity:r,children:[o.jsx(d.AlertTitle,{children:s(n)}),e&&s(e)]})})};v.propTypes={titulo:t.string.isRequired,texto:t.string,align:t.string,severity:t.string};const G=S.createSlice({name:"ui",initialState:{tema:"light",temaSeleccionado:!1,idioma:"es"},reducers:{cambiarTema:(n,e)=>{n.tema=e.payload,n.temaSeleccionado=!0,localStorage.setItem("tema",e.payload)},cambiarIdioma:(n,e)=>{n.idioma=e.payload}}}),{cambiarTema:ce,cambiarIdioma:de}=G.actions,le=G.reducer,ue="https://saas.chimera.com.pe/backend",fe="https://saas.chimera.com.pe/oauth",y="saas-token",w="saas-token-expiration",x="saas-refresh-token",V=(n=fe)=>({login:(e,i)=>j({url:`${n}/oauth/token`,headers:{"content-type":"application/x-www-form-urlencoded",Authorization:`Basic ${e}`},method:"post",data:{username:i.correo,password:i.password,grant_type:"password"}}),refreshToken:(e,i)=>j({url:`${n}/oauth/token`,headers:{"content-type":"application/x-www-form-urlencoded",Authorization:`Basic ${e}`},method:"post",data:{refresh_token:i,grant_type:"refresh_token"}})}),$=S.createSlice({name:"login",initialState:{cargando:!1,autenticado:!1,token:null,refreshToken:null,expiracion:null,usuario:null,perfiles:[],error:null},reducers:{login:(n,e)=>{const i=e.payload.token,r=N.jwtDecode(i),s=new Date;s.setSeconds(s.getSeconds()+e.payload.expiracion),n.cargando=!1,n.autenticado=!0,n.token=i,n.refreshToken=e.payload.refreshToken,n.expiracion=s.getTime(),n.usuario=r.name,n.perfiles=r.authorities},logout:n=>{n.cargando=!1,n.autenticado=!1,n.token=null,n.refreshToken=null,n.expiracion=null,n.usuario=null,n.perfiles=[],n.error=null,sessionStorage.removeItem(y),sessionStorage.removeItem(x),sessionStorage.removeItem(w)}},extraReducers(n){n.addCase(I.pending,e=>{e.cargando=!0,e.error=null}).addCase(I.fulfilled,(e,i)=>{const r=i.payload.access_token,s=N.jwtDecode(r),l=new Date;l.setSeconds(l.getSeconds()+i.payload.expires_in),e.cargando=!1,e.autenticado=!0,e.token=r,e.refreshToken=i.payload.refresh_token,e.expiracion=l.getTime(),e.usuario=s.name,e.perfiles=s.authorities,sessionStorage.setItem(y,r),sessionStorage.setItem(x,i.payload.refresh_token),sessionStorage.setItem(w,l.getTime())}).addCase(I.rejected,(e,i)=>{var r;console.log(i),e.cargando=!1,e.autenticado=!1,e.token=null,e.refreshToken=null,e.expiracion=null,e.usuario=null,e.perfiles=[],e.error=(r=i.error)==null?void 0:r.message,sessionStorage.removeItem(y),sessionStorage.removeItem(x),sessionStorage.removeItem(w)}).addCase(b.pending,e=>{e.cargando=!0}).addCase(b.fulfilled,(e,i)=>{const r=new Date;r.setSeconds(r.getSeconds()+i.payload.expires_in),e.token=i.payload.access_token,e.refreshToken=i.payload.refresh_token,e.expiracion=r.getTime(),sessionStorage.setItem(y,i.payload.access_token),sessionStorage.setItem(x,i.payload.refresh_token),sessionStorage.setItem(w,r.getTime())}).addCase(b.rejected,(e,i)=>{var r;e.cargando=!1,e.autenticado=!1,e.token=null,e.refreshToken=null,e.expiracion=null,e.usuario=null,e.perfiles=[],e.error=(r=i.error)==null?void 0:r.message,sessionStorage.removeItem(y),sessionStorage.removeItem(x),sessionStorage.removeItem(w)})}}),I=S.createAsyncThunk("login/requestToken",async n=>(await V(n.devURL).login(n.clientCredentials,n.data)).data),b=S.createAsyncThunk("login/refreshToken",async(n,e,i)=>(await V(n).refreshToken(e,i)).data),{login:ge,logout:T}=$.actions,pe=n=>n.login.token,he=n=>n.login.usuario,me=n=>n.login.perfiles,Se=$.reducer,H=S.createSlice({name:"notificacion",initialState:[],reducers:{mostrarNotificacion:(n,e)=>{n.push(e.payload)},ocultarNotificacion:n=>{n.pop()}}}),{mostrarNotificacion:ke,ocultarNotificacion:ye}=H.actions,we=H.reducer,xe=(n=ue,e)=>j({url:`${n}/identidad/`,params:{codigoAplicacion:e}}),L={primary:"#1C6CCC",secondary:"#17A7FF",error:"#f44336",warning:"#ff9800",info:"#2196f3",success:"#4caf50"},Ce=S.createSlice({name:"inicializar",initialState:{inicializando:!0,inicializado:!1,instancia:{color:L},error:null},extraReducers(n){n.addCase(A.pending,e=>{e.inicializando=!0}).addCase(A.fulfilled,(e,i)=>{e.inicializando=!1,e.inicializado=!0,e.instancia={...i.payload,abreviatura:i.payload.nombre.match(/\b([A-Z])/g).join(""),color:{...L,...i.payload.color}},e.error=null}).addCase(A.rejected,(e,i)=>{e.inicializando=!1,e.inicializado=!1,e.instancia={color:L},e.error=i.payload})}}),A=S.createAsyncThunk("inicializar",async n=>(await xe(n.devURL,n.aplicacion)).data),qe=n=>n.aplicacion.instancia,Ie=Ce.reducer,be=n=>S.configureStore({reducer:{ui:le,aplicacion:Ie,login:Se,notificaciones:we,...n}}),Ae=()=>{const[n,e]=p.useState(!1),i=u.useDispatch(),r=q.useTranslate(),s=u.useSelector(c=>c.notificaciones[0]);p.useEffect(()=>{e(!!s)},[s]);const l=()=>{e(!1),i(ye())};return o.jsx(d.Snackbar,{open:n,message:(s==null?void 0:s.mensaje)&&s.tipo==="default"&&r(s.mensaje),autoHideDuration:5e3,onClose:l,children:(s==null?void 0:s.mensaje)&&s.tipo!=="default"&&o.jsx(d.Alert,{severity:s.tipo,children:r(s.mensaje)})})},je={es:{inicializar:{error:{titulo:"Error iniciando aplicación",mensaje:"No fue posible conectarnos con el servicio"}},login:{titulo:"Acceder al sistema",correo:"Correo electrónico",password:"Contraseña",ingresar:"Acceder",validacion:{correo:"Debe ingresar una dirección de correo",password:"Debe ingresar una contraseña"},error:"Usuario o contraseña incorrectos"},copy:"Todos los derechos reservados "}},ve={en:F.enGB,es:F.es},X=({messages:n,children:e})=>{const i=u.useSelector(r=>r.ui.idioma);return o.jsx(q.I18n,{locale:i,messages:n[i],children:o.jsx(oe.LocalizationProvider,{dateAdapter:se.AdapterDateFns,adapterLocale:ve[i],children:e})})};X.propTypes={messages:t.object,children:t.element.isRequired};const Te=()=>{const n=ae();if(!(n!=null&&n.length))return;const e=n[0];return e.indexOf("-")?e.substring(0,e.indexOf("-")):e},K=({messages:n,idiomaDefecto:e,children:i})=>{const r=u.useDispatch(),s=Te();p.useEffect(()=>{let c=Reflect.ownKeys(n)[0];s&&Object.hasOwn(n,s)?c=s:e&&Object.hasOwn(n,e)&&(c=e),r(de(c))},[r,n,e,s]);const l={};return Object.keys(n).forEach(c=>{l[c]={...n[c],saas:je[c]}}),o.jsx(X,{messages:l,children:i})};K.propTypes={messages:t.object,idiomaDefecto:t.string,children:t.element.isRequired};const J=({children:n})=>{const e=u.useDispatch(),{instancia:i}=u.useSelector(c=>c.aplicacion),r=u.useSelector(c=>c.ui.tema),s=d.useMediaQuery("(prefers-color-scheme: dark)");p.useEffect(()=>{e(ce(s?"dark":"light"))},[e,s]);const l=p.useMemo(()=>E.createTheme({palette:{mode:r,primary:{main:i.color.primary},secondary:{main:i.color.secondary},error:{main:i.color.error},warning:{main:i.color.warning},info:{main:i.color.info},success:{main:i.color.success},...r==="light"&&{background:{default:M.grey.A200,paper:M.grey[100]}}},shape:{borderRadius:6}}),[r,i]);return o.jsxs(E.ThemeProvider,{theme:l,children:[o.jsx(d.CssBaseline,{}),n]})};J.propTypes={children:t.element.isRequired};const W=n=>{const e=u.useDispatch(),i=u.useSelector(s=>s.login),r=u.useSelector(s=>s.aplicacion.instancia);return p.useEffect(()=>{if(i.autenticado)i.expiracion&&new Date(i.expiracion)<new Date&&(i.refreshToken?e(b(n,r.clientCredentials,i.refreshToken)):e(T()));else{const s=sessionStorage.getItem(y),l=sessionStorage.getItem(w),c=sessionStorage.getItem(x);s&&l&&(new Date(l)<new Date?e(c?c(n,r.clientCredentials,c):T()):e(ge({token:s,expiracion:l,refreshToken:c})))}},[n,r.clientCredentials,i,e]),i.autenticado},Z=()=>{const n=u.useDispatch();return p.useCallback((e,i="default")=>{n(ke({mensaje:e,tipo:i}))},[n])},Q=({devURL:n})=>{const e=u.useDispatch(),i=q.useTranslate(),r=Z(),{cargando:s,error:l}=u.useSelector(f=>f.login),c=u.useSelector(f=>f.aplicacion.instancia),C=f=>{e(I({devURL:n,clientCredentials:c.clientCredentials,data:{correo:f.correo,password:f.password}}))},z=f=>{const D={correo:void 0,password:void 0};return f.correo||(D.correo=i("saas.login.validacion.correo")),f.password||(D.password=i("saas.login.validacion.password")),D};return p.useEffect(()=>{l&&r("saas.login.error","error")},[r,l]),o.jsx(te.Form,{onSubmit:C,validate:z,render:({handleSubmit:f})=>o.jsxs("form",{onSubmit:f,children:[o.jsx(O.TextField,{id:"correo",name:"correo",label:i("saas.login.correo"),variant:"outlined",autoComplete:"off",disabled:s,autoFocus:!0,InputProps:{startAdornment:o.jsx(d.InputAdornment,{position:"start",children:o.jsx(_.Email,{color:"primary"})})}}),o.jsx(O.TextField,{id:"password",name:"password",type:"password",label:i("saas.login.password"),variant:"outlined",autoComplete:"current-password",disabled:s,InputProps:{startAdornment:o.jsx(d.InputAdornment,{position:"start",children:o.jsx(_.Lock,{color:"primary"})})}}),o.jsxs(d.Grid,{container:!0,children:[o.jsx(d.Grid,{item:!0,xs:6}),o.jsx(d.Grid,{item:!0,xs:6,align:"right",children:o.jsx(d.Button,{variant:"contained",color:"primary",type:"submit",disabled:s,children:s?o.jsx(d.CircularProgress,{size:24,thickness:4}):i("saas.login.ingresar")})})]})]})})};Q.propTypes={devURL:t.string};const Y=({devURL:n})=>{const e=u.useSelector(c=>c.aplicacion.instancia),i=q.useTranslate(),r=k.useLocation(),s=W(n),{from:l}=r.state||{from:{pathname:"/"}};return!e.requiereLogin||s?o.jsx(k.Navigate,{to:l}):o.jsxs(d.Box,{sx:{position:"relative",display:"flex",flexDirection:"column",flexGrow:1,minHeight:"100vh",backgroundColor:"primary.main","&::before":{content:'""',backgroundImage:`url(${e.logo})`,backgroundSize:"contain",backgroundRepeat:"no-repeat",backgroundPosition:"right",position:"absolute",top:"20%",bottom:0,right:0,width:"50%",opacity:.02,filter:"grayscale(100%)"}},children:[o.jsx(d.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",flexGrow:1},children:o.jsx(d.Container,{maxWidth:"md",children:o.jsxs(d.Grid,{container:!0,spacing:3,children:[o.jsxs(d.Grid,{item:!0,xs:12,lg:5,align:"center",children:[o.jsx("img",{src:e.logo,alt:e.nombre,style:{maxWidth:"100%"}}),o.jsx(d.Typography,{variant:"h3",align:"center",children:i("aplicacion.nombre",{smart_count:1})}),o.jsx(d.Typography,{variant:"h5",align:"center",children:e.nombre})]}),o.jsx(d.Grid,{item:!0,xs:12,lg:7,sx:{display:"flex",alignItems:"center",justifyContent:"center",zIndex:5},children:o.jsxs(d.Card,{elevation:5,children:[o.jsx(d.CardHeader,{title:i("saas.login.titulo"),titleTypographyProps:{align:"center"}}),o.jsx(d.CardContent,{sx:{"& .MuiTextField-root":{mb:2}},children:o.jsx(Q,{devURL:n})})]})})]})})}),o.jsx(d.AppBar,{position:"static",color:"primary",children:o.jsx(d.Toolbar,{sx:{justifyContent:"center"},children:o.jsxs(d.Typography,{variant:"caption",children:[i("saas.copy"),o.jsx(d.Link,{href:"//chimera.com.pe",color:"inherit",target:"_blank",rel:"noreferrer",children:"Chimera Software"})]})})})]})};Y.propTypes={devURL:t.string};const P=({devURL:n,redirectTo:e,children:i})=>{const r=k.useLocation();return W(n)?i:o.jsx(k.Navigate,{to:e,state:{from:r},replace:!0})};P.propTypes={devURL:t.string,redirectTo:t.string.isRequired,children:t.element.isRequired};const R=({devURL:n,requiereLogin:e,basename:i,children:r})=>o.jsx(k.BrowserRouter,{basename:i,children:o.jsxs(k.Routes,{children:[o.jsx(k.Route,{path:"/login",element:o.jsx(Y,{devURL:n})}),o.jsx(k.Route,{path:"/*",element:e?o.jsx(P,{devURL:n,redirectTo:"/login",children:r}):r})]})});R.propTypes={devURL:t.string,requiereLogin:t.bool,basename:t.string,children:t.element.isRequired};const ee=({devURL:n,basename:e,children:i})=>{const r=u.useSelector(s=>s.aplicacion);return o.jsx(d.Box,{sx:{display:"flex",flexDirection:"column",minHeight:"100vh",justifyContent:"flex-start",backgroundColor:"background.default"},children:r.inicializando?o.jsx(B,{}):r.error||!r.inicializado?o.jsx(v,{titulo:"saas.inicializar.error.titulo",texto:"saas.inicializar.error.mensaje"}):o.jsxs(o.Fragment,{children:[o.jsx(R,{devURL:n,requiereLogin:r.instancia.requiereLogin,basename:e,children:i}),o.jsx(Ae,{})]})})};ee.propTypes={devURL:t.string,basename:t.string,children:t.element.isRequired};const ne=({aplicacion:n,devSaasURL:e,devAuthURL:i,messages:r,idiomaDefecto:s,basename:l,children:c})=>{const C=u.useDispatch();return p.useEffect(()=>{C(A({devURL:e,aplicacion:n}))},[C,n,e]),o.jsx(K,{messages:r,idiomaDefecto:s,children:o.jsx(J,{children:o.jsx(ee,{devURL:i,basename:l,children:c})})})};ne.propTypes={aplicacion:t.string.isRequired,devSaasURL:t.string,devAuthURL:t.string,messages:t.object.isRequired,idiomaDefecto:t.string,basename:t.string,children:t.element.isRequired};const ie=({customReducers:n,aplicacion:e,devSaasURL:i,devAuthURL:r,dev:s=!1,idiomaDefecto:l,messages:c,basename:C,children:z})=>o.jsx(u.Provider,{store:be(n),children:o.jsx(ne,{aplicacion:e,devSaasURL:s?i:void 0,devAuthURL:s?r:void 0,idiomaDefecto:l,messages:c,basename:C,children:z})});ie.propTypes={customReducers:t.object,aplicacion:t.string.isRequired,devSaasURL:t.string,devAuthURL:t.string,dev:t.bool,idiomaDefecto:t.string,messages:t.object,basename:t.string,children:t.element.isRequired};const Le=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,h=n=>typeof n>"u"||n===null||n===""||Array.isArray(n)&&n.length===0,g=(n,e,i,r)=>typeof n=="function"?n({args:e,value:i,values:r}):e?{message:n,args:e}:n,m=n=>U(n,(...e)=>JSON.stringify(e)),ze=(...n)=>(e,i,r)=>(Array.isArray(n[0])?n[0]:n).reduce((l,c)=>l||typeof c=="function"&&c(e,i,r),void 0),De=m((n="validacion.obligatorio")=>Object.assign((e,i)=>h(e)?g(n,void 0,e,i):void 0,{isRequired:!0})),Ne=m((n="validacion.obligatorio")=>Object.assign((e,i)=>h(e)||!e?g(n,void 0,e,i):void 0,{isRequired:!0})),Fe=m((n="validacion.numero")=>(e,i)=>!h(e)&&isNaN(e)?g(n,void 0,e,i):void 0),Ee=m((n,e="validacion.longitud.minima")=>(i,r)=>!h(i)&&i.length<n?g(e,void 0,i,r):void 0),Me=m((n,e="validacion.longitud.maxima")=>(i,r)=>!h(i)&&i.length>n?g(e,void 0,i,r):void 0),_e=m((n,e="validacion.minimo")=>(i,r)=>!h(i)&&parseFloat(i)<n?g(e,void 0,i,r):void 0),Oe=m((n,e="validacion.maximo")=>(i,r)=>!h(i)&&parseFloat(i)>n?g(e,void 0,i,r):void 0),re=U((n,e="validacion.regex")=>(i,r)=>!h(i)&&typeof i=="string"&&!n.test(i)?g(e,void 0,i,r):void 0,(n,e)=>n.toString()+e),Ue=m((n="validacion.correo")=>re(Le,n)),Be=m((n,e,i="validacion.remote")=>(r,s,l)=>l.active&&!h(r)&&n(r,e).then(c=>c?g(i,void 0,r,s):void 0).catch(c=>g(c.message,void 0,r,s)));a.Cargando=B,a.Error=v,a.SaasApp=ie,a.composeValidators=ze,a.email=Ue,a.getInstancia=qe,a.getPerfiles=me,a.getToken=pe,a.getUsuario=he,a.logout=T,a.max=Oe,a.maxLength=Me,a.min=_e,a.minLength=Ee,a.number=Fe,a.regex=re,a.remote=Be,a.required=De,a.requiredNotFalse=Ne,a.useNotificar=Z,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+(function(s,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("react"),require("prop-types"),require("react-oauth2-code-pkce"),require("zustand"),require("react-polyglot"),require("lodash"),require("navigator-languages")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","prop-types","react-oauth2-code-pkce","zustand","react-polyglot","lodash","navigator-languages"],o):(s=typeof globalThis<"u"?globalThis:s||self,o(s["react-saas"]={},s.ReactJSX,s.React,s.PropTypes,s.ReactOauth2CodePkce,s.Zustand,s.ReactPolyglot,s.Lodash,s.NavigatorLanguages))})(this,function(s,o,g,t,v,x,f,I,U){"use strict";const A="https://saas.chimera.com.pe/backend/v3",C="https://saas.chimera.com.pe/oauth/v3",O="http://localhost:7000",S="http://localhost:7777",h={primary:"#1C6CCC",secondary:"#17A7FF",info:"#2196f3",success:"#4caf50",error:"#f44336",warning:"#ff9800"},l=x.create(e=>({inicializado:!1,estado:{inicializando:!0,error:null},instancia:{identificador:null,nombre:null,abreviatura:null,requiereLogin:!1,logo:null,color:h},idioma:"en",inicializar:async(r,i)=>{e({estado:{inicializando:!0,error:null}});try{const a=await fetch(`${r||A}/identidad/?codigoAplicacion=${i}`);if(!a.ok)throw new Error(`inicializar.error.${a.status}`);const n=await a.json();e({inicializado:!0,estado:{inicializando:!1,error:null},instancia:{identificador:n.identificador,nombre:n.nombre,abreviatura:n.nombre.match(/\b([A-Z])/g).join(""),requiereLogin:n.requiereLogin,logo:n.logo,color:{...h,...n.color}}})}catch(a){e({inicializado:!1,estado:{inicializando:!1,error:a.message},instancia:{identificador:null,nombre:null,abreviatura:null,requiereLogin:!1,logo:null,color:h}})}},cambiarIdioma:r=>{e({idioma:r})}})),y="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20stroke='%23000'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cstyle%3e.spinner_V8m1{transform-origin:center;animation:spinner_zKoa%202s%20linear%20infinite}.spinner_V8m1%20circle{stroke-linecap:round;animation:spinner_YpZS%201.5s%20ease-in-out%20infinite}@keyframes%20spinner_zKoa{100%25{transform:rotate(360deg)}}@keyframes%20spinner_YpZS{0%25{stroke-dasharray:0%20150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42%20150;stroke-dashoffset:-16}95%25,100%25{stroke-dasharray:42%20150;stroke-dashoffset:-59}}%3c/style%3e%3cg%20class='spinner_V8m1'%3e%3ccircle%20cx='12'%20cy='12'%20r='9.5'%20fill='none'%20stroke-width='3'%3e%3c/circle%3e%3c/g%3e%3c/svg%3e",E=()=>{const e=f.useTranslate();return o.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[o.jsx("img",{src:y,alt:e("saas.cargando"),style:{filter:"invert(99%) sepia(2%) saturate(740%) hue-rotate(250deg) brightness(93%) contrast(93%)"}}),o.jsx("span",{children:e("saas.cargando")})]})},b=({titulo:e,texto:r})=>{const i=f.useTranslate();return o.jsxs("div",{style:{borderWidth:"2px",borderStyle:"solid",borderRadius:"7px",backgroundColor:"#f44336",padding:"0.5rem",borderColor:"#8d1108"},children:[o.jsx("h4",{style:{marginTop:0,marginBottom:"0.3rem"},children:i(e)}),r&&o.jsx("p",{children:i(r)})]})};b.propTypes={titulo:t.string.isRequired,texto:t.string};const q=({devAuthUrl:e,redirectUri:r,children:i})=>{const a=l(n=>n.instancia);if(a.requiereLogin){const n=e||C;return o.jsx(v.AuthProvider,{authConfig:{clientId:a.identificador,authorizationEndpoint:`${n}/oauth2/authorize`,tokenEndpoint:`${n}/oauth2/token`,logoutEndpoint:`${n}/connect/logout`,redirectUri:r,scope:"openid profile"},children:i})}return i};q.propTypes={devAuthUrl:t.string,redirectUri:t.string.isRequired,children:t.element.isRequired};const z=({aplicacion:e,devBackendUrl:r})=>{const i=l(n=>n.estado),a=l(n=>n.inicializar);return g.useEffect(()=>{a(r,e)},[a,r,e]),o.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"100vh",backgroundColor:"#141316",color:"#e6e1e6"},children:i.inicializando?o.jsx(E,{}):i.error&&o.jsx(b,{titulo:"saas.error.titulo",texto:i.error})})};z.propTypes={aplicacion:t.string.isRequired,devBackendUrl:t.string};const m=({aplicacion:e,devBackendUrl:r,devAuthUrl:i,redirectUri:a,children:n})=>l(u=>u.inicializado)?o.jsx(q,{devAuthUrl:i,redirectUri:a,children:n}):o.jsx(z,{aplicacion:e,devBackendUrl:r});m.propTypes={aplicacion:t.string.isRequired,devBackendUrl:t.string,devAuthUrl:t.string,redirectUri:t.string.isRequired,children:t.element.isRequired};const p={en:{cargando:"Loading...",error:{titulo:"Could not initialize application"}},es:{cargando:"Cargando...",error:{titulo:"Error iniciando aplicación"}}},j=({mensajes:e,children:r})=>{const i=l(a=>a.idioma);return o.jsx(f.I18n,{locale:i,messages:e[i],children:r})};j.propTypes={mensajes:t.object,children:t.element.isRequired};const L=()=>{const e=U();if(!(e!=null&&e.length))return;const r=e[0];return r.indexOf("-")?r.substring(0,r.indexOf("-")):r},k=({mensajes:e,idiomaDefecto:r,children:i})=>{const a=l(c=>c.cambiarIdioma),n=L(),d=I.union(Object.keys(e),Object.keys(p));g.useEffect(()=>{let c=d[0];n&&Object.hasOwn(e,n)?c=n:r&&Object.hasOwn(e,r)&&(c=r),a(c)},[d,e,r,n,a]);const u={};return d.forEach(c=>{u[c]={...Object.hasOwn(e,c)?e[c]:{},saas:Object.hasOwn(p,c)?p[c]:{}}}),o.jsx(j,{mensajes:u,children:i})};k.propTypes={mensajes:t.object,idiomaDefecto:t.string,children:t.element.isRequired};const w=({aplicacion:e,devBackendUrl:r=O,devAuthUrl:i=S,dev:a=!1,redirectUri:n,idiomaDefecto:d="en",mensajes:u={en:{},es:{}},children:c})=>o.jsx(k,{mensajes:u,children:o.jsx(m,{aplicacion:e,devBackendUrl:a&&r,devAuthUrl:a&&i,redirectUri:n,idiomaDefecto:d,children:c})});w.propTypes={aplicacion:t.string.isRequired,devBackendUrl:t.string,devAuthUrl:t.string,dev:t.bool,redirectUri:t.string.isRequired,idiomaDefecto:t.string,mensajes:t.object,children:t.element.isRequired};const _=()=>{const{loginInProgress:e,token:r,tokenData:i,logIn:a,logOut:n,error:d}=g.useContext(v.AuthContext);return{loginInProgress:e,token:r,logIn:a,logOut:n,error:d,correo:i==null?void 0:i.sub,nombre:i==null?void 0:i.name,perfiles:i==null?void 0:i.profiles}};s.Inicializar=m,s.SaasApp=w,s.useAuth=_,s.useSaasStore=l,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,50 +1,16 @@
 {
 	"name": "@chimera-pe/react-saas",
-	"version": "0.6.0",
+	"description": "Componente integrador con SaaS",
+	"author": "Germán Enríquez",
+	"version": "3.0.1",
 	"type": "module",
-	"scripts": {
-		"dev": "vite",
-		"build": "vite build",
-		"lint": "eslint .",
-		"preview": "vite preview"
-	},
-	"peerDependencies": {
-		"@emotion/react": "^11.14.0",
-		"@emotion/styled": "^11.14.0",
-		"@mui/icons-material": "^6.4.7",
-		"@mui/lab": "^6.0.0-beta.22",
-		"@mui/material": "^6.4.7",
-		"@mui/x-date-pickers": "^7.27.3",
-		"@reduxjs/toolkit": "^2.6.1",
-		"axios": "^1.8.3",
-		"date-fns": "^4.1.0",
-		"final-form": "^4.20.10",
-		"lodash": "^4.17.21",
-		"mui-rff": "^8.0.1",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
-		"react-final-form": "^6.5.9",
-		"react-polyglot": "^0.7.2",
-		"react-redux": "^9.2.0",
-		"react-router-dom": "^7.3.0"
-	},
-	"dependencies": {
-		"jwt-decode": "^4.0.0",
-		"navigator-languages": "^2.0.2"
-	},
-	"devDependencies": {
-		"@eslint/js": "^9.19.0",
-		"@types/react": "^18.3.18",
-		"@types/react-dom": "^18.3.5",
-		"@vitejs/plugin-react": "^4.3.4",
-		"eslint": "^9.22.0",
-		"eslint-plugin-react": "^7.37.4",
-		"eslint-plugin-react-hooks": "^5.2.0",
-		"eslint-plugin-react-refresh": "^0.4.19",
-		"globals": "^15.15.0",
-		"vite": "^6.2.2"
+	"repository": {
+		"type": "git",
+		"url": "https://git.chimera.com.pe/nodejs/react-saas.git"
 	},
-	"description": "Componente integrador con SaaS",
+	"keywords": [
+		"saas"
+	],
 	"main": "./dist/react-saas.umd.cjs",
 	"module": "./dist/react-saas.js",
 	"exports": {
@@ -56,13 +22,31 @@
 	"files": [
 		"dist"
 	],
-	"repository": {
-		"type": "git",
-		"url": "https://git.chimera.com.pe/nodejs/react-saas.git"
+	"scripts": {
+		"dev": "vite",
+		"build": "vite build",
+		"lint": "eslint .",
+		"preview": "vite preview",
+		"prepare": "npm run build"
 	},
-	"keywords": [
-		"saas"
-	],
-	"author": "Germán Enríquez",
-	"license": "ISC"
+	"peerDependencies": {
+		"lodash": "^4.17.21",
+		"navigator-languages": "^2.0.2",
+		"react": "^19.1.0",
+		"react-dom": "^19.1.0",
+		"react-oauth2-code-pkce": "^1.23.0",
+		"react-polyglot": "^0.7.2",
+		"zustand": "^5.0.4"
+	},
+	"devDependencies": {
+		"@eslint/js": "^9.22.0",
+		"@types/react": "^19.1.3",
+		"@types/react-dom": "^19.1.3",
+		"@vitejs/plugin-react": "^4.4.1",
+		"eslint": "^9.26.0",
+		"eslint-plugin-react-hooks": "^5.2.0",
+		"eslint-plugin-react-refresh": "^0.4.20",
+		"globals": "^16.0.0",
+		"vite": "^6.3.5"
+	}
 }