@chimera-pe/react-saas 0.2.0 → 0.2.1

package/dist/react-saas.js

@@ -5,7 +5,7 @@ import t from "prop-types";
 import { useDispatch as g, useSelector as u, Provider as ge } from "react-redux";
 import { createSlice as C, createAsyncThunk as L, configureStore as he } from "@reduxjs/toolkit";
 import A from "axios";
-import ye from "jwt-decode";
+import { jwtDecode as ye } from "jwt-decode";
 import { useState as xe, useEffect as x, useMemo as ke, useCallback as be } from "react";
 import { enGB as Se, es as Te } from "date-fns/locale";
 import { LocalizationProvider as we } from "@mui/x-date-pickers";

package/dist/react-saas.umd.cjs

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

package/package.json

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