@chimera-pe/react-saas 0.0.6 → 0.0.7

package/dist/react-saas.js

@@ -1,48 +1,48 @@
-import { jsx as i, jsxs as d, Fragment as V } from "react/jsx-runtime";
-import { Box as g, CircularProgress as q, Alert as I, AlertTitle as X, Snackbar as Y, useMediaQuery as ee, CssBaseline as re, Container as oe, Grid as m, Typography as C, Card as ie, CardHeader as ne, CardContent as ae, AppBar as te, Toolbar as se, Link as ce, InputAdornment as j, Button as le } from "@mui/material";
-import { useTranslate as b, I18n as de } from "react-polyglot";
+import { jsx as i, jsxs as d, Fragment as J } from "react/jsx-runtime";
+import { Box as g, CircularProgress as q, Alert as I, AlertTitle as V, Snackbar as X, useMediaQuery as Y, CssBaseline as ee, Container as re, Grid as m, Typography as C, Card as oe, CardHeader as ie, CardContent as ne, AppBar as ae, Toolbar as te, Link as se, InputAdornment as j, Button as ce } from "@mui/material";
+import { useTranslate as b, I18n as le } from "react-polyglot";
 import t from "prop-types";
-import { useDispatch as p, useSelector as u, Provider as ue } from "react-redux";
-import { createSlice as k, createAsyncThunk as S, configureStore as pe } from "@reduxjs/toolkit";
+import { useDispatch as p, useSelector as u, Provider as de } from "react-redux";
+import { createSlice as k, createAsyncThunk as S, configureStore as ue } from "@reduxjs/toolkit";
 import R from "axios";
-import me from "jwt-decode";
-import { useState as fe, useEffect as f, useMemo as ge, useCallback as he } from "react";
-import { enGB as ye, es as xe } from "date-fns/locale";
-import { LocalizationProvider as be } from "@mui/x-date-pickers";
-import { AdapterDateFns as ke } from "@mui/x-date-pickers/AdapterDateFns";
-import Te from "navigator-languages";
-import { createTheme as we, ThemeProvider as Ce } from "@mui/material/styles";
+import pe from "jwt-decode";
+import { useState as me, useEffect as f, useMemo as fe, useCallback as ge } from "react";
+import { enGB as he, es as ye } from "date-fns/locale";
+import { LocalizationProvider as xe } from "@mui/x-date-pickers";
+import { AdapterDateFns as be } from "@mui/x-date-pickers/AdapterDateFns";
+import ke from "navigator-languages";
+import { createTheme as Te, ThemeProvider as we } from "@mui/material/styles";
 import { grey as L } from "@mui/material/colors";
-import { useLocation as D, Navigate as U, BrowserRouter as ve, Routes as Re, Route as z } from "react-router-dom";
-import { Email as Se, Lock as je } from "@mui/icons-material";
-import { Form as Le } from "react-final-form";
+import { useLocation as D, Navigate as U, BrowserRouter as Ce, Routes as ve, Route as z } from "react-router-dom";
+import { Email as Re, Lock as Se } from "@mui/icons-material";
+import { Form as je } from "react-final-form";
 import { TextField as A } from "mui-rff";
-const ze = () => /* @__PURE__ */ i(g, { sx: {
+const Le = () => /* @__PURE__ */ i(g, { sx: {
   display: "flex",
   flexDirection: "column",
   flexGrow: 1,
   justifyContent: "center",
   alignItems: "center"
-}, children: /* @__PURE__ */ i(q, {}) }), _ = ({ titulo: r, texto: e, align: o = "center", severity: n = "error" }) => {
-  const a = b();
+}, children: /* @__PURE__ */ i(q, {}) }), ze = ({ titulo: r, texto: e, align: o = "center", severity: a = "error" }) => {
+  const n = b();
   return /* @__PURE__ */ i(g, { sx: {
     display: "flex",
     flexDirection: "column",
     flexGrow: 1,
     justifyContent: "center",
     alignItems: o
-  }, children: /* @__PURE__ */ d(I, { severity: n, children: [
-    /* @__PURE__ */ i(X, { children: a(r) }),
-    e && a(e)
+  }, children: /* @__PURE__ */ d(I, { severity: a, children: [
+    /* @__PURE__ */ i(V, { children: n(r) }),
+    e && n(e)
   ] }) });
 };
-_.propTypes = {
+Error.propTypes = {
   titulo: t.string.isRequired,
   texto: t.string,
   align: t.string,
   severity: t.string
 };
-const N = k({
+const _ = k({
   name: "ui",
   initialState: {
     tema: "light",
@@ -57,7 +57,7 @@ const N = k({
       r.idioma = e.payload;
     }
   }
-}), { cambiarTema: Ae, cambiarIdioma: qe } = N.actions, Ie = N.reducer, De = "https://saas.chimera.com.pe/backend", Ue = "https://saas.chimera.com.pe/oauth", F = (r = Ue) => ({
+}), { cambiarTema: Ae, cambiarIdioma: qe } = _.actions, Ie = _.reducer, De = "https://saas.chimera.com.pe/backend", Ue = "https://saas.chimera.com.pe/oauth", N = (r = Ue) => ({
   login: (e, o) => R({
     url: `${r}/oauth/token`,
     headers: {
@@ -83,7 +83,7 @@ const N = k({
       grant_type: "refresh_token"
     }
   })
-}), P = k({
+}), F = k({
   name: "login",
   initialState: {
     cargando: !1,
@@ -104,22 +104,22 @@ const N = k({
     r.addCase(h.pending, (e) => {
       e.cargando = !0, e.error = null;
     }).addCase(h.fulfilled, (e, o) => {
-      const n = o.payload.access_token, a = me(n), c = /* @__PURE__ */ new Date();
-      c.setSeconds(c.getSeconds() + o.payload.expires_in), e.cargando = !1, e.autenticado = !0, e.token = n, e.refreshToken = o.payload.refresh_token, e.expiracion = c.getTime(), e.usuario = a.name, e.perfiles = a.authorities;
+      const a = o.payload.access_token, n = pe(a), c = /* @__PURE__ */ new Date();
+      c.setSeconds(c.getSeconds() + o.payload.expires_in), e.cargando = !1, e.autenticado = !0, e.token = a, e.refreshToken = o.payload.refresh_token, e.expiracion = c.getTime(), e.usuario = n.name, e.perfiles = n.authorities;
     }).addCase(h.rejected, (e, o) => {
-      var n;
-      console.log(o), e.cargando = !1, e.autenticado = !1, e.token = null, e.refreshToken = null, e.expiracion = null, e.usuario = null, e.perfiles = [], e.error = (n = o.error) == null ? void 0 : n.message;
+      var a;
+      console.log(o), e.cargando = !1, e.autenticado = !1, e.token = null, e.refreshToken = null, e.expiracion = null, e.usuario = null, e.perfiles = [], e.error = (a = o.error) == null ? void 0 : a.message;
     }).addCase(y.pending, (e) => {
       e.cargando = !0;
     }).addCase(y.fulfilled, (e, o) => {
-      const n = /* @__PURE__ */ new Date();
-      n.setSeconds(n.getSeconds() + o.payload.expires_in), e.token = o.payload.access_token, e.refreshToken = o.payload.refresh_token, e.expiracion = n.getTime();
+      const a = /* @__PURE__ */ new Date();
+      a.setSeconds(a.getSeconds() + o.payload.expires_in), e.token = o.payload.access_token, e.refreshToken = o.payload.refresh_token, e.expiracion = a.getTime();
     }).addCase(y.rejected, (e, o) => {
-      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 = o.error) == null ? void 0 : n.message;
+      var a;
+      e.cargando = !1, e.autenticado = !1, e.token = null, e.refreshToken = null, e.expiracion = null, e.usuario = null, e.perfiles = [], e.error = (a = o.error) == null ? void 0 : a.message;
     });
   }
-}), h = S("login/requestToken", async (r) => (await F(r.devURL).login(r.clientCredentials, r.data)).data), y = S("login/refreshToken", async (r, e, o) => (await F(r).refreshToken(e, o)).data), { logout: _e } = P.actions, Ne = P.reducer, B = k({
+}), h = S("login/requestToken", async (r) => (await N(r.devURL).login(r.clientCredentials, r.data)).data), y = S("login/refreshToken", async (r, e, o) => (await N(r).refreshToken(e, o)).data), { logout: _e } = F.actions, Ne = F.reducer, P = k({
   name: "notificacion",
   initialState: [],
   reducers: {
@@ -130,7 +130,7 @@ const N = k({
       r.pop();
     }
   }
-}), { mostrarNotificacion: Fe, ocultarNotificacion: Pe } = B.actions, Be = B.reducer, Oe = (r = De, e) => R({
+}), { mostrarNotificacion: Fe, ocultarNotificacion: Pe } = P.actions, Be = P.reducer, Oe = (r = De, e) => R({
   url: `${r}/identidad/`,
   params: {
     codigoAplicacion: e
@@ -142,7 +142,7 @@ const N = k({
   warning: "#ff9800",
   info: "#2196f3",
   success: "#4caf50"
-}, Ge = k({
+}, Ee = k({
   name: "inicializar",
   initialState: {
     inicializando: !0,
@@ -170,30 +170,30 @@ const N = k({
       }, e.error = o.payload;
     });
   }
-}), x = S("inicializar", async (r) => (await Oe(r.devURL, r.aplicacion)).data), $e = Ge.reducer, Ee = (r) => pe({
+}), x = S("inicializar", async (r) => (await Oe(r.devURL, r.aplicacion)).data), Ge = Ee.reducer, $e = (r) => ue({
   reducer: {
     ui: Ie,
-    aplicacion: $e,
+    aplicacion: Ge,
     login: Ne,
     notificaciones: Be,
     ...r
   }
 }), Me = () => {
-  const [r, e] = fe(!1), o = p(), n = b(), a = u((s) => s.notificaciones[0]);
+  const [r, e] = me(!1), o = p(), a = b(), n = u((s) => s.notificaciones[0]);
   f(() => {
-    e(!!a);
-  }, [a]);
+    e(!!n);
+  }, [n]);
   const c = () => {
     e(!1), o(Pe());
   };
   return /* @__PURE__ */ i(
-    Y,
+    X,
     {
       open: r,
-      message: a && a.mensaje && a.tipo === "default" && n(a.mensaje),
+      message: (n == null ? void 0 : n.mensaje) && n.tipo === "default" && a(n.mensaje),
       autoHideDuration: 5e3,
       onClose: c,
-      children: a && a.mensaje && a.tipo !== "default" && /* @__PURE__ */ i(I, { severity: a.tipo, children: n(a.mensaje) })
+      children: (n == null ? void 0 : n.mensaje) && n.tipo !== "default" && /* @__PURE__ */ i(I, { severity: n.tipo, children: a(n.mensaje) })
     }
   );
 }, He = {
@@ -217,47 +217,47 @@ const N = k({
   copy: "Todos los derechos reservados "
 }, We = {
   es: He
-}, Ke = { en: ye, es: xe }, O = ({ messages: r, children: e }) => {
-  const o = u((n) => n.ui.idioma);
-  return /* @__PURE__ */ i(de, { locale: o, messages: r[o], children: /* @__PURE__ */ i(be, { dateAdapter: ke, adapterLocale: Ke[o], children: e }) });
+}, Ke = { en: he, es: ye }, B = ({ messages: r, children: e }) => {
+  const o = u((a) => a.ui.idioma);
+  return /* @__PURE__ */ i(le, { locale: o, messages: r[o], children: /* @__PURE__ */ i(xe, { dateAdapter: be, adapterLocale: Ke[o], children: e }) });
 };
-O.propTypes = {
+B.propTypes = {
   messages: t.object,
   children: t.element.isRequired
 };
 const Qe = () => {
-  const r = Te();
+  const r = ke();
   if (!(r != null && r.length))
     return;
   const e = r[0];
   return e.indexOf("-") ? e.substring(0, e.indexOf("-")) : e;
-}, G = ({ messages: r, idiomaDefecto: e, children: o }) => {
-  const n = p(), a = Qe();
+}, O = ({ messages: r, idiomaDefecto: e, children: o }) => {
+  const a = p(), n = Qe();
   f(() => {
     let s = Reflect.ownKeys(r)[0];
-    a && Object.hasOwn(r, a) ? s = a : e && Object.hasOwn(r, e) && (s = e), n(qe(s));
-  }, [n, r, e, a]);
+    n && Object.hasOwn(r, n) ? s = n : e && Object.hasOwn(r, e) && (s = e), a(qe(s));
+  }, [a, r, e, n]);
   const c = {};
   return Object.keys(r).forEach((s) => {
     c[s] = {
       ...r[s],
       saas: We[s]
     };
-  }), /* @__PURE__ */ i(O, { messages: c, children: o });
+  }), /* @__PURE__ */ i(B, { messages: c, children: o });
 };
-G.propTypes = {
+O.propTypes = {
   messages: t.object,
   idiomaDefecto: t.string,
   children: t.element.isRequired
 };
-const $ = ({ children: r }) => {
-  const e = p(), { instancia: o } = u((s) => s.aplicacion), n = u((s) => s.ui.tema), a = ee("(prefers-color-scheme: dark)");
+const E = ({ children: r }) => {
+  const e = p(), { instancia: o } = u((s) => s.aplicacion), a = u((s) => s.ui.tema), n = Y("(prefers-color-scheme: dark)");
   f(() => {
-    e(Ae(a ? "dark" : "light"));
-  }, [e, a]);
-  const c = ge(() => we({
+    e(Ae(n ? "dark" : "light"));
+  }, [e, n]);
+  const c = fe(() => Te({
     palette: {
-      mode: n,
+      mode: a,
       primary: {
         main: o.color.primary
       },
@@ -276,7 +276,7 @@ const $ = ({ children: r }) => {
       success: {
         main: o.color.success
       },
-      ...n === "light" && {
+      ...a === "light" && {
         background: {
           default: L.A200,
           paper: L[100]
@@ -286,27 +286,27 @@ const $ = ({ children: r }) => {
     shape: {
       borderRadius: 6
     }
-  }), [n, o]);
-  return /* @__PURE__ */ d(Ce, { theme: c, children: [
-    /* @__PURE__ */ i(re, {}),
+  }), [a, o]);
+  return /* @__PURE__ */ d(we, { theme: c, children: [
+    /* @__PURE__ */ i(ee, {}),
     r
   ] });
 };
-$.propTypes = {
+E.propTypes = {
   children: t.element.isRequired
 };
-const E = (r) => {
-  const e = p(), o = u((a) => a.login), n = u((a) => a.aplicacion.instancia);
+const G = (r) => {
+  const e = p(), o = u((n) => n.login), a = u((n) => n.aplicacion.instancia);
   return f(() => {
-    o.autenticado && o.expiracion && new Date(o.expiracion) < /* @__PURE__ */ new Date() && (o.refreshToken ? e(y(r, n.clientCredentials, o.refreshToken)) : e(_e()));
-  }, [r, n.clientCredentials, o, e]), o.autenticado;
+    o.autenticado && o.expiracion && new Date(o.expiracion) < /* @__PURE__ */ new Date() && (o.refreshToken ? e(y(r, a.clientCredentials, o.refreshToken)) : e(_e()));
+  }, [r, a.clientCredentials, o, e]), o.autenticado;
 }, Ze = () => {
   const r = p();
-  return he((e, o = "default") => {
+  return ge((e, o = "default") => {
     r(Fe({ mensaje: e, tipo: o }));
   }, [r]);
-}, M = ({ devURL: r }) => {
-  const e = p(), o = b(), n = Ze(), { cargando: a, error: c } = u((l) => l.login), s = u((l) => l.aplicacion.instancia), T = (l) => {
+}, $ = ({ devURL: r }) => {
+  const e = p(), o = b(), a = Ze(), { cargando: n, error: c } = u((l) => l.login), s = u((l) => l.aplicacion.instancia), T = (l) => {
     e(h({
       devURL: r,
       clientCredentials: s.clientCredentials,
@@ -315,17 +315,17 @@ const E = (r) => {
         password: l.password
       }
     }));
-  }, J = (l) => {
+  }, Z = (l) => {
     const w = { correo: void 0, password: void 0 };
     return l.correo || (w.correo = o("saas.login.validacion.correo")), l.password || (w.password = o("saas.login.validacion.password")), w;
   };
   return f(() => {
-    c && n("saas.login.error", "error");
-  }, [n, c]), /* @__PURE__ */ i(
-    Le,
+    c && a("saas.login.error", "error");
+  }, [a, c]), /* @__PURE__ */ i(
+    je,
     {
       onSubmit: T,
-      validate: J,
+      validate: Z,
       render: ({ handleSubmit: l }) => /* @__PURE__ */ d("form", { onSubmit: l, children: [
         /* @__PURE__ */ i(
           A,
@@ -335,10 +335,10 @@ const E = (r) => {
             label: o("saas.login.correo"),
             variant: "outlined",
             autoComplete: "off",
-            disabled: a,
+            disabled: n,
             autoFocus: !0,
             InputProps: {
-              startAdornment: /* @__PURE__ */ i(j, { position: "start", children: /* @__PURE__ */ i(Se, { color: "primary" }) })
+              startAdornment: /* @__PURE__ */ i(j, { position: "start", children: /* @__PURE__ */ i(Re, { color: "primary" }) })
             }
           }
         ),
@@ -351,22 +351,22 @@ const E = (r) => {
             label: o("saas.login.password"),
             variant: "outlined",
             autoComplete: "current-password",
-            disabled: a,
+            disabled: n,
             InputProps: {
-              startAdornment: /* @__PURE__ */ i(j, { position: "start", children: /* @__PURE__ */ i(je, { color: "primary" }) })
+              startAdornment: /* @__PURE__ */ i(j, { position: "start", children: /* @__PURE__ */ i(Se, { color: "primary" }) })
             }
           }
         ),
         /* @__PURE__ */ d(m, { container: !0, children: [
           /* @__PURE__ */ i(m, { item: !0, xs: 6 }),
           /* @__PURE__ */ i(m, { item: !0, xs: 6, align: "right", children: /* @__PURE__ */ i(
-            le,
+            ce,
             {
               variant: "contained",
               color: "primary",
               type: "submit",
-              disabled: a,
-              children: a ? /* @__PURE__ */ i(q, { size: 24, thickness: 4 }) : o("saas.login.ingresar")
+              disabled: n,
+              children: n ? /* @__PURE__ */ i(q, { size: 24, thickness: 4 }) : o("saas.login.ingresar")
             }
           ) })
         ] })
@@ -374,12 +374,12 @@ const E = (r) => {
     }
   );
 };
-M.propTypes = {
+$.propTypes = {
   devURL: t.string
 };
-const H = ({ devURL: r }) => {
-  const e = u((s) => s.aplicacion.instancia), o = b(), n = D(), a = E(r), { from: c } = n.state || { from: { pathname: "/" } };
-  return !e.requiereLogin || a ? /* @__PURE__ */ i(U, { to: c }) : /* @__PURE__ */ d(g, { sx: {
+const M = ({ devURL: r }) => {
+  const e = u((s) => s.aplicacion.instancia), o = b(), a = D(), n = G(r), { from: c } = a.state || { from: { pathname: "/" } };
+  return !e.requiereLogin || n ? /* @__PURE__ */ i(U, { to: c }) : /* @__PURE__ */ d(g, { sx: {
     position: "relative",
     display: "flex",
     flexDirection: "column",
@@ -406,7 +406,7 @@ const H = ({ devURL: r }) => {
       justifyContent: "center",
       alignItems: "center",
       flexGrow: 1
-    }, children: /* @__PURE__ */ i(oe, { maxWidth: "md", children: /* @__PURE__ */ d(m, { container: !0, spacing: 3, children: [
+    }, children: /* @__PURE__ */ i(re, { maxWidth: "md", children: /* @__PURE__ */ d(m, { container: !0, spacing: 3, children: [
       /* @__PURE__ */ d(m, { item: !0, xs: 12, lg: 5, align: "center", children: [
         /* @__PURE__ */ i("img", { src: e.logo, alt: e.nombre, style: { maxWidth: "100%" } }),
         /* @__PURE__ */ i(C, { variant: "h3", align: "center", children: o("aplicacion.nombre", { smart_count: 1 }) }),
@@ -417,79 +417,79 @@ const H = ({ devURL: r }) => {
         alignItems: "center",
         justifyContent: "center",
         zIndex: 5
-      }, children: /* @__PURE__ */ d(ie, { elevation: 5, children: [
-        /* @__PURE__ */ i(ne, { title: o("saas.login.titulo"), titleTypographyProps: { align: "center" } }),
-        /* @__PURE__ */ i(ae, { sx: {
+      }, children: /* @__PURE__ */ d(oe, { elevation: 5, children: [
+        /* @__PURE__ */ i(ie, { title: o("saas.login.titulo"), titleTypographyProps: { align: "center" } }),
+        /* @__PURE__ */ i(ne, { sx: {
           "& .MuiTextField-root": {
             mb: 2
           }
-        }, children: /* @__PURE__ */ i(M, { devURL: r }) })
+        }, children: /* @__PURE__ */ i($, { devURL: r }) })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ i(te, { position: "static", color: "primary", children: /* @__PURE__ */ i(se, { sx: { justifyContent: "center" }, children: /* @__PURE__ */ d(C, { variant: "caption", children: [
+    /* @__PURE__ */ i(ae, { position: "static", color: "primary", children: /* @__PURE__ */ i(te, { sx: { justifyContent: "center" }, children: /* @__PURE__ */ d(C, { variant: "caption", children: [
       o("saas.copy"),
-      /* @__PURE__ */ i(ce, { href: "//chimera.com.pe", color: "inherit", target: "_blank", rel: "noreferrer", children: "Chimera Software" })
+      /* @__PURE__ */ i(se, { href: "//chimera.com.pe", color: "inherit", target: "_blank", rel: "noreferrer", children: "Chimera Software" })
     ] }) }) })
   ] });
 };
-H.propTypes = {
+M.propTypes = {
   devURL: t.string
 };
-const W = ({ devURL: r, redirectTo: e, children: o }) => {
-  const n = D();
-  return E(r) ? o : /* @__PURE__ */ i(U, { to: e, state: { from: n }, replace: !0 });
+const H = ({ devURL: r, redirectTo: e, children: o }) => {
+  const a = D();
+  return G(r) ? o : /* @__PURE__ */ i(U, { to: e, state: { from: a }, replace: !0 });
 };
-W.propTypes = {
+H.propTypes = {
   devURL: t.string,
   redirectTo: t.string.isRequired,
   children: t.element.isRequired
 };
-const K = ({ devURL: r, requiereLogin: e, children: o }) => /* @__PURE__ */ i(ve, { children: /* @__PURE__ */ d(Re, { children: [
-  /* @__PURE__ */ i(z, { path: "/login", element: /* @__PURE__ */ i(H, { devURL: r }) }),
+const W = ({ devURL: r, requiereLogin: e, children: o }) => /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ d(ve, { children: [
+  /* @__PURE__ */ i(z, { path: "/login", element: /* @__PURE__ */ i(M, { devURL: r }) }),
   /* @__PURE__ */ i(
     z,
     {
       path: "/*",
-      element: e ? /* @__PURE__ */ i(W, { devURL: r, redirectTo: "/login", children: o }) : o
+      element: e ? /* @__PURE__ */ i(H, { devURL: r, redirectTo: "/login", children: o }) : o
     }
   )
 ] }) });
-K.propTypes = {
+W.propTypes = {
   devURL: t.string,
   requiereLogin: t.bool,
   children: t.element.isRequired
 };
-const Q = ({ devURL: r, children: e }) => {
-  const o = u((n) => n.aplicacion);
+const K = ({ devURL: r, children: e }) => {
+  const o = u((a) => a.aplicacion);
   return /* @__PURE__ */ i(g, { sx: {
     display: "flex",
     flexDirection: "column",
     minHeight: "100vh",
     justifyContent: "flex-start",
     backgroundColor: "background.default"
-  }, children: o.inicializando ? /* @__PURE__ */ i(ze, {}) : o.error || !o.inicializado ? /* @__PURE__ */ i(_, { titulo: "saas.inicializar.error.titulo", texto: "saas.inicializar.error.mensaje" }) : /* @__PURE__ */ d(V, { children: [
-    /* @__PURE__ */ i(K, { devURL: r, requiereLogin: o.instancia.requiereLogin, children: e }),
+  }, children: o.inicializando ? /* @__PURE__ */ i(Le, {}) : o.error || !o.inicializado ? /* @__PURE__ */ i(ze, { titulo: "saas.inicializar.error.titulo", texto: "saas.inicializar.error.mensaje" }) : /* @__PURE__ */ d(J, { children: [
+    /* @__PURE__ */ i(W, { devURL: r, requiereLogin: o.instancia.requiereLogin, children: e }),
     /* @__PURE__ */ i(Me, {})
   ] }) });
 };
-Q.propTypes = {
+K.propTypes = {
   devURL: t.string,
   children: t.element.isRequired
 };
-const Z = ({
+const Q = ({
   aplicacion: r,
   devSaasURL: e,
   devAuthURL: o,
-  messages: n,
-  idiomaDefecto: a,
+  messages: a,
+  idiomaDefecto: n,
   children: c
 }) => {
   const s = p();
   return f(() => {
     s(x({ devURL: e, aplicacion: r }));
-  }, [s, r, e]), /* @__PURE__ */ i(G, { messages: n, idiomaDefecto: a, children: /* @__PURE__ */ i($, { children: /* @__PURE__ */ i(Q, { devURL: o, children: c }) }) });
+  }, [s, r, e]), /* @__PURE__ */ i(O, { messages: a, idiomaDefecto: n, children: /* @__PURE__ */ i(E, { children: /* @__PURE__ */ i(K, { devURL: o, children: c }) }) });
 };
-Z.propTypes = {
+Q.propTypes = {
   aplicacion: t.string.isRequired,
   devSaasURL: t.string,
   devAuthURL: t.string,
@@ -501,17 +501,17 @@ const Je = ({
   customReducers: r,
   aplicacion: e,
   devSaasURL: o,
-  devAuthURL: n,
-  dev: a = !1,
+  devAuthURL: a,
+  dev: n = !1,
   idiomaDefecto: c,
   messages: s,
   children: T
-}) => /* @__PURE__ */ i(ue, { store: Ee(r), children: /* @__PURE__ */ i(
-  Z,
+}) => /* @__PURE__ */ i(de, { store: $e(r), children: /* @__PURE__ */ i(
+  Q,
   {
     aplicacion: e,
-    devSaasURL: a ? o : void 0,
-    devAuthURL: a ? n : void 0,
+    devSaasURL: n ? o : void 0,
+    devAuthURL: n ? a : void 0,
     idiomaDefecto: c,
     messages: s,
     children: T
@@ -528,8 +528,8 @@ Je.propTypes = {
   children: t.element.isRequired
 };
 export {
-  ze as Cargando,
-  _ as Error,
+  Le as Cargando,
+  ze as Error,
   Je as SaasApp,
   _e as logout,
   Ze as useNotificar

package/dist/react-saas.umd.cjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chimera-pe/react-saas",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "type": "module",
   "scripts": {
     "dev": "vite",