@chimera-pe/react-saas 0.0.3 → 0.0.4

package/dist/react-saas.js

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

package/dist/react-saas.umd.cjs

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

package/package.json

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