@chimera-pe/react-saas 0.2.1 → 0.3.0

package/dist/react-saas.js

@@ -1,49 +1,49 @@
-import { jsx as a, jsxs as d, Fragment as oe } from "react/jsx-runtime";
-import { Box as k, CircularProgress as U, Alert as N, AlertTitle as re, Snackbar as ne, useMediaQuery as ie, CssBaseline as ae, Container as te, Grid as y, Typography as v, Card as se, CardHeader as ce, CardContent as le, AppBar as de, Toolbar as ue, Link as pe, InputAdornment as z, Button as me } from "@mui/material";
-import { useTranslate as w, I18n as fe } from "react-polyglot";
+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 g, useSelector as u, Provider as ge } from "react-redux";
-import { createSlice as C, createAsyncThunk as L, configureStore as he } from "@reduxjs/toolkit";
-import A from "axios";
-import { jwtDecode as ye } from "jwt-decode";
-import { useState as xe, useEffect as x, useMemo as ke, useCallback as be } from "react";
-import { enGB as Se, es as Te } from "date-fns/locale";
-import { LocalizationProvider as we } from "@mui/x-date-pickers";
-import { AdapterDateFns as Ce } from "@mui/x-date-pickers/AdapterDateFns";
-import Re from "navigator-languages";
-import { createTheme as Ie, ThemeProvider as ve } from "@mui/material/styles";
-import { grey as q } from "@mui/material/colors";
-import { useLocation as F, Navigate as O, BrowserRouter as je, Routes as Ae, Route as D } from "react-router-dom";
-import { Email as Le, Lock as ze } from "@mui/icons-material";
-import { Form as qe } from "react-final-form";
-import { TextField as _ } from "mui-rff";
-import E from "lodash/memoize";
-const De = () => /* @__PURE__ */ a(k, { sx: {
+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 { enGB as Ie, es as Re } from "date-fns/locale";
+import { LocalizationProvider as ve } from "@mui/x-date-pickers";
+import { AdapterDateFns as je } from "@mui/x-date-pickers/AdapterDateFns";
+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(U, {}) }), P = ({ titulo: o, texto: e, align: r = "center", severity: n = "error" }) => {
-  const i = w();
-  return /* @__PURE__ */ a(k, { sx: {
+}, 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: r
-  }, children: /* @__PURE__ */ d(N, { severity: n, children: [
-    /* @__PURE__ */ a(re, { children: i(o) }),
+    alignItems: n
+  }, children: /* @__PURE__ */ d(B, { severity: r, children: [
+    /* @__PURE__ */ a(se, { children: i(o) }),
     e && i(e)
   ] }) });
 };
-P.propTypes = {
+H.propTypes = {
   titulo: t.string.isRequired,
   texto: t.string,
   align: t.string,
   severity: t.string
 };
-const B = C({
+const K = v({
   name: "ui",
   initialState: {
     tema: "light",
@@ -58,8 +58,8 @@ const B = C({
       o.idioma = e.payload;
     }
   }
-}), { cambiarTema: _e, cambiarIdioma: Ue } = B.actions, Ne = B.reducer, Fe = "https://saas.chimera.com.pe/backend", Oe = "https://saas.chimera.com.pe/oauth", M = (o = Oe) => ({
-  login: (e, r) => A({
+}), { 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",
@@ -67,12 +67,12 @@ const B = C({
     },
     method: "post",
     data: {
-      username: r.correo,
-      password: r.password,
+      username: n.correo,
+      password: n.password,
       grant_type: "password"
     }
   }),
-  refreshToken: (e, r) => A({
+  refreshToken: (e, n) => q({
     url: `${o}/oauth/token`,
     headers: {
       "content-type": "application/x-www-form-urlencoded",
@@ -80,11 +80,11 @@ const B = C({
     },
     method: "post",
     data: {
-      refresh_token: r,
+      refresh_token: n,
       grant_type: "refresh_token"
     }
   })
-}), G = C({
+}), Z = v({
   name: "login",
   initialState: {
     cargando: !1,
@@ -97,30 +97,34 @@ const B = C({
     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("saas-token"), sessionStorage.removeItem("saas-refresh-token"), sessionStorage.removeItem("saas-expiration");
+      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(b.pending, (e) => {
+    o.addCase(w.pending, (e) => {
       e.cargando = !0, e.error = null;
-    }).addCase(b.fulfilled, (e, r) => {
-      const n = r.payload.access_token, i = ye(n), c = /* @__PURE__ */ new Date();
-      c.setSeconds(c.getSeconds() + r.payload.expires_in), e.cargando = !1, e.autenticado = !0, e.token = n, e.refreshToken = r.payload.refresh_token, e.expiracion = c.getTime(), e.usuario = i.name, e.perfiles = i.authorities, sessionStorage.setItem("saas-token", n), sessionStorage.setItem("saas-refresh-token", r.payload.refresh_token), sessionStorage.setItem("saas-expiration", c.getTime());
-    }).addCase(b.rejected, (e, r) => {
-      var n;
-      console.log(r), e.cargando = !1, e.autenticado = !1, e.token = null, e.refreshToken = null, e.expiracion = null, e.usuario = null, e.perfiles = [], e.error = (n = r.error) == null ? void 0 : n.message, sessionStorage.removeItem("saas-token"), sessionStorage.removeItem("saas-refresh-token"), sessionStorage.removeItem("saas-expiration");
-    }).addCase(S.pending, (e) => {
+    }).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(S.fulfilled, (e, r) => {
-      const n = /* @__PURE__ */ new Date();
-      n.setSeconds(n.getSeconds() + r.payload.expires_in), e.token = r.payload.access_token, e.refreshToken = r.payload.refresh_token, e.expiracion = n.getTime(), sessionStorage.setItem("saas-token", r.payload.access_token), sessionStorage.setItem("saas-refresh-token", r.payload.refresh_token), sessionStorage.setItem("saas-expiration", n.getTime());
-    }).addCase(S.rejected, (e, r) => {
-      var n;
-      e.cargando = !1, e.autenticado = !1, e.token = null, e.refreshToken = null, e.expiracion = null, e.usuario = null, e.perfiles = [], e.error = (n = r.error) == null ? void 0 : n.message, sessionStorage.removeItem("saas-token"), sessionStorage.removeItem("saas-refresh-token"), sessionStorage.removeItem("saas-expiration");
+    }).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);
     });
   }
-}), b = L("login/requestToken", async (o) => (await M(o.devURL).login(o.clientCredentials, o.data)).data), S = L("login/refreshToken", async (o, e, r) => (await M(o).refreshToken(e, r)).data), { logout: Ee } = G.actions, Co = (o) => o.login.token, Ro = (o) => o.login.usuario, Io = (o) => o.login.perfiles, Pe = G.reducer, $ = C({
+}), 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: {
@@ -131,73 +135,73 @@ const B = C({
       o.pop();
     }
   }
-}), { mostrarNotificacion: Be, ocultarNotificacion: Me } = $.actions, Ge = $.reducer, $e = (o = Fe, e) => A({
+}), { mostrarNotificacion: He, ocultarNotificacion: Ke } = W.actions, Ve = W.reducer, Ze = (o = Be, e) => q({
   url: `${o}/identidad/`,
   params: {
     codigoAplicacion: e
   }
-}), j = {
+}), L = {
   primary: "#1C6CCC",
   secondary: "#17A7FF",
   error: "#f44336",
   warning: "#ff9800",
   info: "#2196f3",
   success: "#4caf50"
-}, He = C({
+}, We = v({
   name: "inicializar",
   initialState: {
     inicializando: !0,
     inicializado: !1,
     instancia: {
-      color: j
+      color: L
     },
     error: null
   },
   extraReducers(o) {
-    o.addCase(T.pending, (e) => {
+    o.addCase(I.pending, (e) => {
       e.inicializando = !0;
-    }).addCase(T.fulfilled, (e, r) => {
+    }).addCase(I.fulfilled, (e, n) => {
       e.inicializando = !1, e.inicializado = !0, e.instancia = {
-        ...r.payload,
-        abreviatura: r.payload.nombre.match(/\b([A-Z])/g).join(""),
+        ...n.payload,
+        abreviatura: n.payload.nombre.match(/\b([A-Z])/g).join(""),
         color: {
-          ...j,
-          ...r.payload.color
+          ...L,
+          ...n.payload.color
         }
       }, e.error = null;
-    }).addCase(T.rejected, (e, r) => {
+    }).addCase(I.rejected, (e, n) => {
       e.inicializando = !1, e.inicializado = !1, e.instancia = {
-        color: j
-      }, e.error = r.payload;
+        color: L
+      }, e.error = n.payload;
     });
   }
-}), T = L("inicializar", async (o) => (await $e(o.devURL, o.aplicacion)).data), vo = (o) => o.aplicacion.instancia, Ve = He.reducer, Ze = (o) => he({
+}), 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: Ne,
-    aplicacion: Ve,
-    login: Pe,
-    notificaciones: Ge,
+    ui: Pe,
+    aplicacion: Xe,
+    login: $e,
+    notificaciones: Ve,
     ...o
   }
-}), We = () => {
-  const [o, e] = xe(!1), r = g(), n = w(), i = u((s) => s.notificaciones[0]);
-  x(() => {
+}), Qe = () => {
+  const [o, e] = Se(!1), n = f(), r = R(), i = u((s) => s.notificaciones[0]);
+  T(() => {
     e(!!i);
   }, [i]);
   const c = () => {
-    e(!1), r(Me());
+    e(!1), n(Ke());
   };
   return /* @__PURE__ */ a(
-    ne,
+    ce,
     {
       open: o,
-      message: (i == null ? void 0 : i.mensaje) && i.tipo === "default" && n(i.mensaje),
+      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(N, { severity: i.tipo, children: n(i.mensaje) })
+      children: (i == null ? void 0 : i.mensaje) && i.tipo !== "default" && /* @__PURE__ */ a(B, { severity: i.tipo, children: r(i.mensaje) })
     }
   );
-}, Je = {
+}, Ye = {
   inicializar: {
     error: {
       titulo: "Error iniciando aplicación",
@@ -216,99 +220,104 @@ const B = C({
     error: "Usuario o contraseña incorrectos"
   },
   copy: "Todos los derechos reservados "
-}, Ke = {
-  es: Je
-}, Qe = { en: Se, es: Te }, H = ({ messages: o, children: e }) => {
-  const r = u((n) => n.ui.idioma);
-  return /* @__PURE__ */ a(fe, { locale: r, messages: o[r], children: /* @__PURE__ */ a(we, { dateAdapter: Ce, adapterLocale: Qe[r], children: e }) });
+}, eo = {
+  es: Ye
+}, oo = { en: Ie, es: Re }, 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 }) });
 };
-H.propTypes = {
+X.propTypes = {
   messages: t.object,
   children: t.element.isRequired
 };
-const Xe = () => {
-  const o = Re();
+const no = () => {
+  const o = Ae();
   if (!(o != null && o.length))
     return;
   const e = o[0];
   return e.indexOf("-") ? e.substring(0, e.indexOf("-")) : e;
-}, V = ({ messages: o, idiomaDefecto: e, children: r }) => {
-  const n = g(), i = Xe();
-  x(() => {
+}, 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), n(Ue(s));
-  }, [n, o, e, i]);
+    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: Ke[s]
+      saas: eo[s]
     };
-  }), /* @__PURE__ */ a(H, { messages: c, children: r });
+  }), /* @__PURE__ */ a(X, { messages: c, children: n });
 };
-V.propTypes = {
+J.propTypes = {
   messages: t.object,
   idiomaDefecto: t.string,
   children: t.element.isRequired
 };
-const Z = ({ children: o }) => {
-  const e = g(), { instancia: r } = u((s) => s.aplicacion), n = u((s) => s.ui.tema), i = ie("(prefers-color-scheme: dark)");
-  x(() => {
-    e(_e(i ? "dark" : "light"));
+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 = ke(() => Ie({
+  const c = we(() => ze({
     palette: {
-      mode: n,
+      mode: r,
       primary: {
-        main: r.color.primary
+        main: n.color.primary
       },
       secondary: {
-        main: r.color.secondary
+        main: n.color.secondary
       },
       error: {
-        main: r.color.error
+        main: n.color.error
       },
       warning: {
-        main: r.color.warning
+        main: n.color.warning
       },
       info: {
-        main: r.color.info
+        main: n.color.info
       },
       success: {
-        main: r.color.success
+        main: n.color.success
       },
-      ...n === "light" && {
+      ...r === "light" && {
         background: {
-          default: q.A200,
-          paper: q[100]
+          default: E.A200,
+          paper: E[100]
         }
       }
     },
     shape: {
       borderRadius: 6
     }
-  }), [n, r]);
-  return /* @__PURE__ */ d(ve, { theme: c, children: [
-    /* @__PURE__ */ a(ae, {}),
+  }), [r, n]);
+  return /* @__PURE__ */ d(Le, { theme: c, children: [
+    /* @__PURE__ */ a(de, {}),
     o
   ] });
 };
-Z.propTypes = {
+Q.propTypes = {
   children: t.element.isRequired
 };
-const W = (o) => {
-  const e = g(), r = u((i) => i.login), n = u((i) => i.aplicacion.instancia);
-  return x(() => {
-    r.autenticado && r.expiracion && new Date(r.expiracion) < /* @__PURE__ */ new Date() && (r.refreshToken ? e(S(o, n.clientCredentials, r.refreshToken)) : e(Ee()));
-  }, [o, n.clientCredentials, r, e]), r.autenticado;
-}, Ye = () => {
-  const o = g();
-  return be((e, r = "default") => {
-    o(Be({ mensaje: e, tipo: r }));
+const Y = (o) => {
+  const e = f(), n = u((i) => i.loginStatus), 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]);
-}, J = ({ devURL: o }) => {
-  const e = g(), r = w(), n = Ye(), { cargando: i, error: c } = u((l) => l.login), s = u((l) => l.aplicacion.instancia), h = (l) => {
-    e(b({
+}, 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: {
@@ -316,58 +325,58 @@ const W = (o) => {
         password: l.password
       }
     }));
-  }, R = (l) => {
-    const I = { correo: void 0, password: void 0 };
-    return l.correo || (I.correo = r("saas.login.validacion.correo")), l.password || (I.password = r("saas.login.validacion.password")), I;
+  }, 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 x(() => {
-    c && n("saas.login.error", "error");
-  }, [n, c]), /* @__PURE__ */ a(
-    qe,
+  return T(() => {
+    c && r("saas.login.error", "error");
+  }, [r, c]), /* @__PURE__ */ a(
+    Ee,
     {
       onSubmit: h,
-      validate: R,
+      validate: j,
       render: ({ handleSubmit: l }) => /* @__PURE__ */ d("form", { onSubmit: l, children: [
         /* @__PURE__ */ a(
-          _,
+          U,
           {
             id: "correo",
             name: "correo",
-            label: r("saas.login.correo"),
+            label: n("saas.login.correo"),
             variant: "outlined",
             autoComplete: "off",
             disabled: i,
             autoFocus: !0,
             InputProps: {
-              startAdornment: /* @__PURE__ */ a(z, { position: "start", children: /* @__PURE__ */ a(Le, { color: "primary" }) })
+              startAdornment: /* @__PURE__ */ a(N, { position: "start", children: /* @__PURE__ */ a(Ne, { color: "primary" }) })
             }
           }
         ),
         /* @__PURE__ */ a(
-          _,
+          U,
           {
             id: "password",
             name: "password",
             type: "password",
-            label: r("saas.login.password"),
+            label: n("saas.login.password"),
             variant: "outlined",
             autoComplete: "current-password",
             disabled: i,
             InputProps: {
-              startAdornment: /* @__PURE__ */ a(z, { position: "start", children: /* @__PURE__ */ a(ze, { color: "primary" }) })
+              startAdornment: /* @__PURE__ */ a(N, { position: "start", children: /* @__PURE__ */ a(_e, { color: "primary" }) })
             }
           }
         ),
-        /* @__PURE__ */ d(y, { container: !0, children: [
-          /* @__PURE__ */ a(y, { item: !0, xs: 6 }),
-          /* @__PURE__ */ a(y, { item: !0, xs: 6, align: "right", children: /* @__PURE__ */ a(
-            me,
+        /* @__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(U, { size: 24, thickness: 4 }) : r("saas.login.ingresar")
+              children: i ? /* @__PURE__ */ a(P, { size: 24, thickness: 4 }) : n("saas.login.ingresar")
             }
           ) })
         ] })
@@ -375,12 +384,12 @@ const W = (o) => {
     }
   );
 };
-J.propTypes = {
+ee.propTypes = {
   devURL: t.string
 };
-const K = ({ devURL: o }) => {
-  const e = u((s) => s.aplicacion.instancia), r = w(), n = F(), i = W(o), { from: c } = n.state || { from: { pathname: "/" } };
-  return !e.requiereLogin || i ? /* @__PURE__ */ a(O, { to: c }) : /* @__PURE__ */ d(k, { sx: {
+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",
@@ -402,118 +411,118 @@ const K = ({ devURL: o }) => {
       filter: "grayscale(100%)"
     }
   }, children: [
-    /* @__PURE__ */ a(k, { sx: {
+    /* @__PURE__ */ a(S, { sx: {
       display: "flex",
       justifyContent: "center",
       alignItems: "center",
       flexGrow: 1
-    }, children: /* @__PURE__ */ a(te, { maxWidth: "md", children: /* @__PURE__ */ d(y, { container: !0, spacing: 3, children: [
-      /* @__PURE__ */ d(y, { item: !0, xs: 12, lg: 5, align: "center", children: [
+    }, 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(v, { variant: "h3", align: "center", children: r("aplicacion.nombre", { smart_count: 1 }) }),
-        /* @__PURE__ */ a(v, { variant: "h5", align: "center", children: e.nombre })
+        /* @__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(y, { item: !0, xs: 12, lg: 7, sx: {
+      /* @__PURE__ */ a(b, { item: !0, xs: 12, lg: 7, sx: {
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
         zIndex: 5
-      }, children: /* @__PURE__ */ d(se, { elevation: 5, children: [
-        /* @__PURE__ */ a(ce, { title: r("saas.login.titulo"), titleTypographyProps: { align: "center" } }),
-        /* @__PURE__ */ a(le, { sx: {
+      }, 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(J, { devURL: o }) })
+        }, children: /* @__PURE__ */ a(ee, { devURL: o }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ a(de, { position: "static", color: "primary", children: /* @__PURE__ */ a(ue, { sx: { justifyContent: "center" }, children: /* @__PURE__ */ d(v, { variant: "caption", children: [
-      r("saas.copy"),
-      /* @__PURE__ */ a(pe, { href: "//chimera.com.pe", color: "inherit", target: "_blank", rel: "noreferrer", children: "Chimera Software" })
+    /* @__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" })
     ] }) }) })
   ] });
 };
-K.propTypes = {
+oe.propTypes = {
   devURL: t.string
 };
-const Q = ({ devURL: o, redirectTo: e, children: r }) => {
-  const n = F();
-  return W(o) ? r : /* @__PURE__ */ a(O, { to: e, state: { from: n }, replace: !0 });
+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 });
 };
-Q.propTypes = {
+ne.propTypes = {
   devURL: t.string,
   redirectTo: t.string.isRequired,
   children: t.element.isRequired
 };
-const X = ({
+const re = ({
   devURL: o,
   requiereLogin: e,
-  basename: r,
-  children: n
-}) => /* @__PURE__ */ a(je, { basename: r, children: /* @__PURE__ */ d(Ae, { children: [
-  /* @__PURE__ */ a(D, { path: "/login", element: /* @__PURE__ */ a(K, { devURL: o }) }),
+  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(
-    D,
+    O,
     {
       path: "/*",
-      element: e ? /* @__PURE__ */ a(Q, { devURL: o, redirectTo: "/login", children: n }) : n
+      element: e ? /* @__PURE__ */ a(ne, { devURL: o, redirectTo: "/login", children: r }) : r
     }
   )
 ] }) });
-X.propTypes = {
+re.propTypes = {
   devURL: t.string,
   requiereLogin: t.bool,
   basename: t.string,
   children: t.element.isRequired
 };
-const Y = ({ devURL: o, basename: e, children: r }) => {
-  const n = u((i) => i.aplicacion);
-  return /* @__PURE__ */ a(k, { sx: {
+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: n.inicializando ? /* @__PURE__ */ a(De, {}) : n.error || !n.inicializado ? /* @__PURE__ */ a(P, { titulo: "saas.inicializar.error.titulo", texto: "saas.inicializar.error.mensaje" }) : /* @__PURE__ */ d(oe, { children: [
+  }, 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(
-      X,
+      re,
       {
         devURL: o,
-        requiereLogin: n.instancia.requiereLogin,
+        requiereLogin: r.instancia.requiereLogin,
         basename: e,
-        children: r
+        children: n
       }
     ),
-    /* @__PURE__ */ a(We, {})
+    /* @__PURE__ */ a(Qe, {})
   ] }) });
 };
-Y.propTypes = {
+ie.propTypes = {
   devURL: t.string,
   basename: t.string,
   children: t.element.isRequired
 };
-const ee = ({
+const ae = ({
   aplicacion: o,
   devSaasURL: e,
-  devAuthURL: r,
-  messages: n,
+  devAuthURL: n,
+  messages: r,
   idiomaDefecto: i,
   basename: c,
   children: s
 }) => {
-  const h = g();
-  return x(() => {
-    h(T({ devURL: e, aplicacion: o }));
-  }, [h, o, e]), /* @__PURE__ */ a(V, { messages: n, idiomaDefecto: i, children: /* @__PURE__ */ a(Z, { children: /* @__PURE__ */ a(
-    Y,
+  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: r,
+      devURL: n,
       basename: c,
       children: s
     }
   ) }) });
 };
-ee.propTypes = {
+ae.propTypes = {
   aplicacion: t.string.isRequired,
   devSaasURL: t.string,
   devAuthURL: t.string,
@@ -522,29 +531,29 @@ ee.propTypes = {
   basename: t.string,
   children: t.element.isRequired
 };
-const eo = ({
+const io = ({
   customReducers: o,
   aplicacion: e,
-  devSaasURL: r,
-  devAuthURL: n,
+  devSaasURL: n,
+  devAuthURL: r,
   dev: i = !1,
   idiomaDefecto: c,
   messages: s,
   basename: h,
-  children: R
-}) => /* @__PURE__ */ a(ge, { store: Ze(o), children: /* @__PURE__ */ a(
-  ee,
+  children: j
+}) => /* @__PURE__ */ a(be, { store: Je(o), children: /* @__PURE__ */ a(
+  ae,
   {
     aplicacion: e,
-    devSaasURL: i ? r : void 0,
-    devAuthURL: i ? n : void 0,
+    devSaasURL: i ? n : void 0,
+    devAuthURL: i ? r : void 0,
     idiomaDefecto: c,
     messages: s,
     basename: h,
-    children: R
+    children: j
   }
 ) });
-eo.propTypes = {
+io.propTypes = {
   customReducers: t.object,
   aplicacion: t.string.isRequired,
   devSaasURL: t.string,
@@ -555,46 +564,46 @@ eo.propTypes = {
   basename: t.string,
   children: t.element.isRequired
 };
-const oo = /^(([^<>()[\]\\.,;:\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, r, n) => typeof o == "function" ? o({ args: e, value: r, values: n }) : e ? { message: o, args: e } : o, f = (o) => E(o, (...e) => JSON.stringify(e)), jo = (...o) => (e, r, n) => (Array.isArray(o[0]) ? o[0] : o).reduce(
-  (c, s) => c || typeof s == "function" && s(e, r, n),
+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
-), Ao = f((o = "validacion.obligatorio") => Object.assign(
-  (e, r) => m(e) ? p(o, void 0, e, r) : void 0,
+), Do = g((o = "validacion.obligatorio") => Object.assign(
+  (e, n) => m(e) ? p(o, void 0, e, n) : void 0,
   { isRequired: !0 }
-)), Lo = f((o = "validacion.obligatorio") => Object.assign(
-  (e, r) => m(e) || !e ? p(o, void 0, e, r) : void 0,
+)), No = g((o = "validacion.obligatorio") => Object.assign(
+  (e, n) => m(e) || !e ? p(o, void 0, e, n) : void 0,
   { isRequired: !0 }
-)), zo = f((o = "validacion.numero") => (e, r) => !m(e) && isNaN(e) ? p(o, void 0, e, r) : void 0), qo = f(
-  (o, e = "validacion.longitud.minima") => (r, n) => !m(r) && r.length < o ? p(e, void 0, r, n) : void 0
-), Do = f(
-  (o, e = "validacion.longitud.maxima") => (r, n) => !m(r) && r.length > o ? p(e, void 0, r, n) : void 0
-), _o = f(
-  (o, e = "validacion.minimo") => (r, n) => !m(r) && parseFloat(r) < o ? p(e, void 0, r, n) : void 0
-), Uo = f(
-  (o, e = "validacion.maximo") => (r, n) => !m(r) && parseFloat(r) > o ? p(e, void 0, r, n) : void 0
-), ro = E(
-  (o, e = "validacion.regex") => (r, n) => !m(r) && typeof r == "string" && !o.test(r) ? p(e, void 0, r, n) : void 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
-), No = f((o = "validacion.correo") => ro(oo, o)), Fo = f((o, e, r = "validacion.remote") => (n, i, c) => c.active && !m(n) && o(n, e).then((s) => s ? p(r, void 0, n, i) : void 0).catch((s) => p(s.message, void 0, n, i)));
+), 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 {
-  De as Cargando,
-  P as Error,
-  eo as SaasApp,
-  jo as composeValidators,
-  No as email,
-  vo as getInstancia,
-  Io as getPerfiles,
-  Co as getToken,
-  Ro as getUsuario,
-  Ee as logout,
-  Uo as max,
-  Do as maxLength,
-  _o as min,
-  qo as minLength,
-  zo as number,
-  ro as regex,
-  Fo as remote,
-  Ao as required,
-  Lo as requiredNotFalse,
-  Ye as useNotificar
+  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
 };

package/dist/react-saas.umd.cjs

@@ -1 +1 @@
-(function(s,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/AdapterDateFns"),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/AdapterDateFns","navigator-languages","@mui/material/styles","@mui/material/colors","react-router-dom","@mui/icons-material","react-final-form","mui-rff","lodash/memoize"],o):(s=typeof globalThis<"u"?globalThis:s||self,o(s["react-saas"]={},s.ReactJSX,s.MuiMaterial,s.ReactPolyglot,s.PropTypes,s.ReactRedux,s.ReduxToolkit,s.Axios,s.JWTDecode,s.React,s.DateFNSLocale,s.MuiXDatePickers,s.MuiXDatePickersAdapter,s.NavigatorLanguages,s.MuiMaterialStyles,s.MuiMaterialColors,s.ReactRouterDom,s.MuiIconsMaterial,s.ReactFinalForm,s.MUIRFF,s.LodashMemoize))})(this,function(s,o,c,x,t,u,k,b,ee,h,L,ne,re,ie,z,T,S,D,oe,F,N){"use strict";const M=()=>o.jsx(c.Box,{sx:{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:"center"},children:o.jsx(c.CircularProgress,{})}),I=({titulo:n,texto:e,align:r="center",severity:i="error"})=>{const a=x.useTranslate();return o.jsx(c.Box,{sx:{display:"flex",flexDirection:"column",flexGrow:1,justifyContent:"center",alignItems:r},children:o.jsxs(c.Alert,{severity:i,children:[o.jsx(c.AlertTitle,{children:a(n)}),e&&a(e)]})})};I.propTypes={titulo:t.string.isRequired,texto:t.string,align:t.string,severity:t.string};const U=k.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:ae,cambiarIdioma:se}=U.actions,te=U.reducer,ce="https://saas.chimera.com.pe/backend",de="https://saas.chimera.com.pe/oauth",_=(n=de)=>({login:(e,r)=>b({url:`${n}/oauth/token`,headers:{"content-type":"application/x-www-form-urlencoded",Authorization:`Basic ${e}`},method:"post",data:{username:r.correo,password:r.password,grant_type:"password"}}),refreshToken:(e,r)=>b({url:`${n}/oauth/token`,headers:{"content-type":"application/x-www-form-urlencoded",Authorization:`Basic ${e}`},method:"post",data:{refresh_token:r,grant_type:"refresh_token"}})}),E=k.createSlice({name:"login",initialState:{cargando:!1,autenticado:!1,token:null,refreshToken:null,expiracion:null,usuario:null,perfiles:[],error:null},reducers:{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("saas-token"),sessionStorage.removeItem("saas-refresh-token"),sessionStorage.removeItem("saas-expiration")}},extraReducers(n){n.addCase(q.pending,e=>{e.cargando=!0,e.error=null}).addCase(q.fulfilled,(e,r)=>{const i=r.payload.access_token,a=ee.jwtDecode(i),l=new Date;l.setSeconds(l.getSeconds()+r.payload.expires_in),e.cargando=!1,e.autenticado=!0,e.token=i,e.refreshToken=r.payload.refresh_token,e.expiracion=l.getTime(),e.usuario=a.name,e.perfiles=a.authorities,sessionStorage.setItem("saas-token",i),sessionStorage.setItem("saas-refresh-token",r.payload.refresh_token),sessionStorage.setItem("saas-expiration",l.getTime())}).addCase(q.rejected,(e,r)=>{var i;console.log(r),e.cargando=!1,e.autenticado=!1,e.token=null,e.refreshToken=null,e.expiracion=null,e.usuario=null,e.perfiles=[],e.error=(i=r.error)==null?void 0:i.message,sessionStorage.removeItem("saas-token"),sessionStorage.removeItem("saas-refresh-token"),sessionStorage.removeItem("saas-expiration")}).addCase(w.pending,e=>{e.cargando=!0}).addCase(w.fulfilled,(e,r)=>{const i=new Date;i.setSeconds(i.getSeconds()+r.payload.expires_in),e.token=r.payload.access_token,e.refreshToken=r.payload.refresh_token,e.expiracion=i.getTime(),sessionStorage.setItem("saas-token",r.payload.access_token),sessionStorage.setItem("saas-refresh-token",r.payload.refresh_token),sessionStorage.setItem("saas-expiration",i.getTime())}).addCase(w.rejected,(e,r)=>{var i;e.cargando=!1,e.autenticado=!1,e.token=null,e.refreshToken=null,e.expiracion=null,e.usuario=null,e.perfiles=[],e.error=(i=r.error)==null?void 0:i.message,sessionStorage.removeItem("saas-token"),sessionStorage.removeItem("saas-refresh-token"),sessionStorage.removeItem("saas-expiration")})}}),q=k.createAsyncThunk("login/requestToken",async n=>(await _(n.devURL).login(n.clientCredentials,n.data)).data),w=k.createAsyncThunk("login/refreshToken",async(n,e,r)=>(await _(n).refreshToken(e,r)).data),{logout:B}=E.actions,le=n=>n.login.token,ue=n=>n.login.usuario,fe=n=>n.login.perfiles,ge=E.reducer,G=k.createSlice({name:"notificacion",initialState:[],reducers:{mostrarNotificacion:(n,e)=>{n.push(e.payload)},ocultarNotificacion:n=>{n.pop()}}}),{mostrarNotificacion:he,ocultarNotificacion:pe}=G.actions,me=G.reducer,ke=(n=ce,e)=>b({url:`${n}/identidad/`,params:{codigoAplicacion:e}}),A={primary:"#1C6CCC",secondary:"#17A7FF",error:"#f44336",warning:"#ff9800",info:"#2196f3",success:"#4caf50"},Se=k.createSlice({name:"inicializar",initialState:{inicializando:!0,inicializado:!1,instancia:{color:A},error:null},extraReducers(n){n.addCase(C.pending,e=>{e.inicializando=!0}).addCase(C.fulfilled,(e,r)=>{e.inicializando=!1,e.inicializado=!0,e.instancia={...r.payload,abreviatura:r.payload.nombre.match(/\b([A-Z])/g).join(""),color:{...A,...r.payload.color}},e.error=null}).addCase(C.rejected,(e,r)=>{e.inicializando=!1,e.inicializado=!1,e.instancia={color:A},e.error=r.payload})}}),C=k.createAsyncThunk("inicializar",async n=>(await ke(n.devURL,n.aplicacion)).data),ye=n=>n.aplicacion.instancia,xe=Se.reducer,qe=n=>k.configureStore({reducer:{ui:te,aplicacion:xe,login:ge,notificaciones:me,...n}}),we=()=>{const[n,e]=h.useState(!1),r=u.useDispatch(),i=x.useTranslate(),a=u.useSelector(d=>d.notificaciones[0]);h.useEffect(()=>{e(!!a)},[a]);const l=()=>{e(!1),r(pe())};return o.jsx(c.Snackbar,{open:n,message:(a==null?void 0:a.mensaje)&&a.tipo==="default"&&i(a.mensaje),autoHideDuration:5e3,onClose:l,children:(a==null?void 0:a.mensaje)&&a.tipo!=="default"&&o.jsx(c.Alert,{severity:a.tipo,children:i(a.mensaje)})})},Ce={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 "}},be={en:L.enGB,es:L.es},O=({messages:n,children:e})=>{const r=u.useSelector(i=>i.ui.idioma);return o.jsx(x.I18n,{locale:r,messages:n[r],children:o.jsx(ne.LocalizationProvider,{dateAdapter:re.AdapterDateFns,adapterLocale:be[r],children:e})})};O.propTypes={messages:t.object,children:t.element.isRequired};const Ie=()=>{const n=ie();if(!(n!=null&&n.length))return;const e=n[0];return e.indexOf("-")?e.substring(0,e.indexOf("-")):e},$=({messages:n,idiomaDefecto:e,children:r})=>{const i=u.useDispatch(),a=Ie();h.useEffect(()=>{let d=Reflect.ownKeys(n)[0];a&&Object.hasOwn(n,a)?d=a:e&&Object.hasOwn(n,e)&&(d=e),i(se(d))},[i,n,e,a]);const l={};return Object.keys(n).forEach(d=>{l[d]={...n[d],saas:Ce[d]}}),o.jsx(O,{messages:l,children:r})};$.propTypes={messages:t.object,idiomaDefecto:t.string,children:t.element.isRequired};const H=({children:n})=>{const e=u.useDispatch(),{instancia:r}=u.useSelector(d=>d.aplicacion),i=u.useSelector(d=>d.ui.tema),a=c.useMediaQuery("(prefers-color-scheme: dark)");h.useEffect(()=>{e(ae(a?"dark":"light"))},[e,a]);const l=h.useMemo(()=>z.createTheme({palette:{mode:i,primary:{main:r.color.primary},secondary:{main:r.color.secondary},error:{main:r.color.error},warning:{main:r.color.warning},info:{main:r.color.info},success:{main:r.color.success},...i==="light"&&{background:{default:T.grey.A200,paper:T.grey[100]}}},shape:{borderRadius:6}}),[i,r]);return o.jsxs(z.ThemeProvider,{theme:l,children:[o.jsx(c.CssBaseline,{}),n]})};H.propTypes={children:t.element.isRequired};const V=n=>{const e=u.useDispatch(),r=u.useSelector(a=>a.login),i=u.useSelector(a=>a.aplicacion.instancia);return h.useEffect(()=>{r.autenticado&&r.expiracion&&new Date(r.expiracion)<new Date&&(r.refreshToken?e(w(n,i.clientCredentials,r.refreshToken)):e(B()))},[n,i.clientCredentials,r,e]),r.autenticado},X=()=>{const n=u.useDispatch();return h.useCallback((e,r="default")=>{n(he({mensaje:e,tipo:r}))},[n])},J=({devURL:n})=>{const e=u.useDispatch(),r=x.useTranslate(),i=X(),{cargando:a,error:l}=u.useSelector(f=>f.login),d=u.useSelector(f=>f.aplicacion.instancia),y=f=>{e(q({devURL:n,clientCredentials:d.clientCredentials,data:{correo:f.correo,password:f.password}}))},v=f=>{const j={correo:void 0,password:void 0};return f.correo||(j.correo=r("saas.login.validacion.correo")),f.password||(j.password=r("saas.login.validacion.password")),j};return h.useEffect(()=>{l&&i("saas.login.error","error")},[i,l]),o.jsx(oe.Form,{onSubmit:y,validate:v,render:({handleSubmit:f})=>o.jsxs("form",{onSubmit:f,children:[o.jsx(F.TextField,{id:"correo",name:"correo",label:r("saas.login.correo"),variant:"outlined",autoComplete:"off",disabled:a,autoFocus:!0,InputProps:{startAdornment:o.jsx(c.InputAdornment,{position:"start",children:o.jsx(D.Email,{color:"primary"})})}}),o.jsx(F.TextField,{id:"password",name:"password",type:"password",label:r("saas.login.password"),variant:"outlined",autoComplete:"current-password",disabled:a,InputProps:{startAdornment:o.jsx(c.InputAdornment,{position:"start",children:o.jsx(D.Lock,{color:"primary"})})}}),o.jsxs(c.Grid,{container:!0,children:[o.jsx(c.Grid,{item:!0,xs:6}),o.jsx(c.Grid,{item:!0,xs:6,align:"right",children:o.jsx(c.Button,{variant:"contained",color:"primary",type:"submit",disabled:a,children:a?o.jsx(c.CircularProgress,{size:24,thickness:4}):r("saas.login.ingresar")})})]})]})})};J.propTypes={devURL:t.string};const W=({devURL:n})=>{const e=u.useSelector(d=>d.aplicacion.instancia),r=x.useTranslate(),i=S.useLocation(),a=V(n),{from:l}=i.state||{from:{pathname:"/"}};return!e.requiereLogin||a?o.jsx(S.Navigate,{to:l}):o.jsxs(c.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(c.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",flexGrow:1},children:o.jsx(c.Container,{maxWidth:"md",children:o.jsxs(c.Grid,{container:!0,spacing:3,children:[o.jsxs(c.Grid,{item:!0,xs:12,lg:5,align:"center",children:[o.jsx("img",{src:e.logo,alt:e.nombre,style:{maxWidth:"100%"}}),o.jsx(c.Typography,{variant:"h3",align:"center",children:r("aplicacion.nombre",{smart_count:1})}),o.jsx(c.Typography,{variant:"h5",align:"center",children:e.nombre})]}),o.jsx(c.Grid,{item:!0,xs:12,lg:7,sx:{display:"flex",alignItems:"center",justifyContent:"center",zIndex:5},children:o.jsxs(c.Card,{elevation:5,children:[o.jsx(c.CardHeader,{title:r("saas.login.titulo"),titleTypographyProps:{align:"center"}}),o.jsx(c.CardContent,{sx:{"& .MuiTextField-root":{mb:2}},children:o.jsx(J,{devURL:n})})]})})]})})}),o.jsx(c.AppBar,{position:"static",color:"primary",children:o.jsx(c.Toolbar,{sx:{justifyContent:"center"},children:o.jsxs(c.Typography,{variant:"caption",children:[r("saas.copy"),o.jsx(c.Link,{href:"//chimera.com.pe",color:"inherit",target:"_blank",rel:"noreferrer",children:"Chimera Software"})]})})})]})};W.propTypes={devURL:t.string};const Z=({devURL:n,redirectTo:e,children:r})=>{const i=S.useLocation();return V(n)?r:o.jsx(S.Navigate,{to:e,state:{from:i},replace:!0})};Z.propTypes={devURL:t.string,redirectTo:t.string.isRequired,children:t.element.isRequired};const K=({devURL:n,requiereLogin:e,basename:r,children:i})=>o.jsx(S.BrowserRouter,{basename:r,children:o.jsxs(S.Routes,{children:[o.jsx(S.Route,{path:"/login",element:o.jsx(W,{devURL:n})}),o.jsx(S.Route,{path:"/*",element:e?o.jsx(Z,{devURL:n,redirectTo:"/login",children:i}):i})]})});K.propTypes={devURL:t.string,requiereLogin:t.bool,basename:t.string,children:t.element.isRequired};const Q=({devURL:n,basename:e,children:r})=>{const i=u.useSelector(a=>a.aplicacion);return o.jsx(c.Box,{sx:{display:"flex",flexDirection:"column",minHeight:"100vh",justifyContent:"flex-start",backgroundColor:"background.default"},children:i.inicializando?o.jsx(M,{}):i.error||!i.inicializado?o.jsx(I,{titulo:"saas.inicializar.error.titulo",texto:"saas.inicializar.error.mensaje"}):o.jsxs(o.Fragment,{children:[o.jsx(K,{devURL:n,requiereLogin:i.instancia.requiereLogin,basename:e,children:r}),o.jsx(we,{})]})})};Q.propTypes={devURL:t.string,basename:t.string,children:t.element.isRequired};const Y=({aplicacion:n,devSaasURL:e,devAuthURL:r,messages:i,idiomaDefecto:a,basename:l,children:d})=>{const y=u.useDispatch();return h.useEffect(()=>{y(C({devURL:e,aplicacion:n}))},[y,n,e]),o.jsx($,{messages:i,idiomaDefecto:a,children:o.jsx(H,{children:o.jsx(Q,{devURL:r,basename:l,children:d})})})};Y.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 P=({customReducers:n,aplicacion:e,devSaasURL:r,devAuthURL:i,dev:a=!1,idiomaDefecto:l,messages:d,basename:y,children:v})=>o.jsx(u.Provider,{store:qe(n),children:o.jsx(Y,{aplicacion:e,devSaasURL:a?r:void 0,devAuthURL:a?i:void 0,idiomaDefecto:l,messages:d,basename:y,children:v})});P.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 Ae=/^(([^<>()[\]\\.,;:\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,}))$/,p=n=>typeof n>"u"||n===null||n===""||Array.isArray(n)&&n.length===0,g=(n,e,r,i)=>typeof n=="function"?n({args:e,value:r,values:i}):e?{message:n,args:e}:n,m=n=>N(n,(...e)=>JSON.stringify(e)),ve=(...n)=>(e,r,i)=>(Array.isArray(n[0])?n[0]:n).reduce((l,d)=>l||typeof d=="function"&&d(e,r,i),void 0),je=m((n="validacion.obligatorio")=>Object.assign((e,r)=>p(e)?g(n,void 0,e,r):void 0,{isRequired:!0})),Le=m((n="validacion.obligatorio")=>Object.assign((e,r)=>p(e)||!e?g(n,void 0,e,r):void 0,{isRequired:!0})),ze=m((n="validacion.numero")=>(e,r)=>!p(e)&&isNaN(e)?g(n,void 0,e,r):void 0),Te=m((n,e="validacion.longitud.minima")=>(r,i)=>!p(r)&&r.length<n?g(e,void 0,r,i):void 0),De=m((n,e="validacion.longitud.maxima")=>(r,i)=>!p(r)&&r.length>n?g(e,void 0,r,i):void 0),Fe=m((n,e="validacion.minimo")=>(r,i)=>!p(r)&&parseFloat(r)<n?g(e,void 0,r,i):void 0),Ne=m((n,e="validacion.maximo")=>(r,i)=>!p(r)&&parseFloat(r)>n?g(e,void 0,r,i):void 0),R=N((n,e="validacion.regex")=>(r,i)=>!p(r)&&typeof r=="string"&&!n.test(r)?g(e,void 0,r,i):void 0,(n,e)=>n.toString()+e),Me=m((n="validacion.correo")=>R(Ae,n)),Ue=m((n,e,r="validacion.remote")=>(i,a,l)=>l.active&&!p(i)&&n(i,e).then(d=>d?g(r,void 0,i,a):void 0).catch(d=>g(d.message,void 0,i,a)));s.Cargando=M,s.Error=I,s.SaasApp=P,s.composeValidators=ve,s.email=Me,s.getInstancia=ye,s.getPerfiles=fe,s.getToken=le,s.getUsuario=ue,s.logout=B,s.max=Ne,s.maxLength=De,s.min=Fe,s.minLength=Te,s.number=ze,s.regex=R,s.remote=Ue,s.required=je,s.requiredNotFalse=Le,s.useNotificar=X,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(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/AdapterDateFns"),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/AdapterDateFns","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",$=(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"}})}),H=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 $(n.devURL).login(n.clientCredentials,n.data)).data),b=S.createAsyncThunk("login/refreshToken",async(n,e,i)=>(await $(n).refreshToken(e,i)).data),{login:ge,logout:T}=H.actions,pe=n=>n.login.token,he=n=>n.login.usuario,me=n=>n.login.perfiles,Se=H.reducer,X=S.createSlice({name:"notificacion",initialState:[],reducers:{mostrarNotificacion:(n,e)=>{n.push(e.payload)},ocultarNotificacion:n=>{n.pop()}}}),{mostrarNotificacion:ke,ocultarNotificacion:ye}=X.actions,we=X.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},K=({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})})};K.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},V=({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(K,{messages:l,children:i})};V.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.loginStatus),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(V,{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"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chimera-pe/react-saas",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -8,42 +8,38 @@
     "lint": "eslint src --ext js,jsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
-  "dependencies": {
-    "@emotion/react": "^11.11.4",
-    "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.15.11",
-    "@mui/lab": "^5.0.0-alpha.166",
-    "@mui/material": "^5.15.11",
-    "@mui/x-date-pickers": "^6.19.5",
-    "@reduxjs/toolkit": "^2.2.1",
-    "axios": "^1.6.7",
+  "peerDependencies": {
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
+    "@mui/icons-material": "^5.16.5",
+    "@mui/lab": "^5.0.0-alpha.171",
+    "@mui/material": "^5.16.5",
+    "@mui/x-date-pickers": "^7.11.1",
+    "@reduxjs/toolkit": "^2.2.7",
+    "axios": "^1.7.2",
     "date-fns": "^2.30.0",
     "final-form": "^4.20.10",
     "jwt-decode": "^4.0.0",
     "lodash": "^4.17.21",
-    "mui-rff": "^7.3.0",
+    "mui-rff": "^7.4.1",
     "navigator-languages": "^2.0.2",
-    "node-polyglot": "^2.5.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "node-polyglot": "^2.6.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-final-form": "^6.5.9",
     "react-polyglot": "^0.7.2",
-    "react-redux": "^9.1.0",
-    "react-router-dom": "^6.22.2"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-redux": "^9.1.2",
+    "react-router-dom": "^6.25.1"
   },
   "devDependencies": {
-    "@types/react": "^18.2.56",
-    "@types/react-dom": "^18.2.19",
-    "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.56.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "vite": "^5.1.4"
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.9",
+    "vite": "^5.3.5"
   },
   "description": "Componente integrador con SaaS",
   "main": "./dist/react-saas.umd.cjs",