@chimera-pe/react-saas 3.0.1 → 3.0.2

package/dist/react-saas.js

@@ -1,19 +1,19 @@
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { useEffect as m, useContext as k } from "react";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import o from "prop-types";
-import { AuthProvider as q, AuthContext as x } from "react-oauth2-code-pkce";
-import { create as w } from "zustand";
-import { useTranslate as f, I18n as I } from "react-polyglot";
-import { union as U } from "lodash";
-import C from "navigator-languages";
-const O = "https://saas.chimera.com.pe/backend/v3", R = "https://saas.chimera.com.pe/oauth/v3", A = "http://localhost:7000", T = "http://localhost:7777", u = {
+import { useEffect as g, useContext as x } from "react";
+import { AuthProvider as w, AuthContext as A } from "react-oauth2-code-pkce";
+import { create as f } from "zustand";
+import { useTranslate as h, I18n as C } from "react-polyglot";
+import { union as I } from "lodash";
+import U from "navigator-languages";
+const O = "https://saas.chimera.com.pe/backend/v3", R = "https://saas.chimera.com.pe/oauth/v3", E = "http://localhost:7000", T = "http://localhost:7777", u = {
   primary: "#1C6CCC",
   secondary: "#17A7FF",
   info: "#2196f3",
   success: "#4caf50",
   error: "#f44336",
   warning: "#ff9800"
-}, d = w((e) => ({
+}, d = f((e) => ({
   inicializado: !1,
   estado: {
     inicializando: !0,
@@ -27,7 +27,6 @@ const O = "https://saas.chimera.com.pe/backend/v3", R = "https://saas.chimera.co
     logo: null,
     color: u
   },
-  idioma: "en",
   inicializar: async (i, r) => {
     e({
       estado: {
@@ -75,15 +74,10 @@ const O = "https://saas.chimera.com.pe/backend/v3", R = "https://saas.chimera.co
         }
       });
     }
-  },
-  cambiarIdioma: (i) => {
-    e({
-      idioma: i
-    });
   }
-})), E = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20stroke='%23000'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cstyle%3e.spinner_V8m1{transform-origin:center;animation:spinner_zKoa%202s%20linear%20infinite}.spinner_V8m1%20circle{stroke-linecap:round;animation:spinner_YpZS%201.5s%20ease-in-out%20infinite}@keyframes%20spinner_zKoa{100%25{transform:rotate(360deg)}}@keyframes%20spinner_YpZS{0%25{stroke-dasharray:0%20150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42%20150;stroke-dashoffset:-16}95%25,100%25{stroke-dasharray:42%20150;stroke-dashoffset:-59}}%3c/style%3e%3cg%20class='spinner_V8m1'%3e%3ccircle%20cx='12'%20cy='12'%20r='9.5'%20fill='none'%20stroke-width='3'%3e%3c/circle%3e%3c/g%3e%3c/svg%3e", L = () => {
-  const e = f();
-  return /* @__PURE__ */ g(
+})), L = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20stroke='%23000'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cstyle%3e.spinner_V8m1{transform-origin:center;animation:spinner_zKoa%202s%20linear%20infinite}.spinner_V8m1%20circle{stroke-linecap:round;animation:spinner_YpZS%201.5s%20ease-in-out%20infinite}@keyframes%20spinner_zKoa{100%25{transform:rotate(360deg)}}@keyframes%20spinner_YpZS{0%25{stroke-dasharray:0%20150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42%20150;stroke-dashoffset:-16}95%25,100%25{stroke-dasharray:42%20150;stroke-dashoffset:-59}}%3c/style%3e%3cg%20class='spinner_V8m1'%3e%3ccircle%20cx='12'%20cy='12'%20r='9.5'%20fill='none'%20stroke-width='3'%3e%3c/circle%3e%3c/g%3e%3c/svg%3e", S = () => {
+  const e = h();
+  return /* @__PURE__ */ m(
     "div",
     {
       style: {
@@ -94,7 +88,7 @@ const O = "https://saas.chimera.com.pe/backend/v3", R = "https://saas.chimera.co
         /* @__PURE__ */ a(
           "img",
           {
-            src: E,
+            src: L,
             alt: e("saas.cargando"),
             style: {
               filter: "invert(99%) sepia(2%) saturate(740%) hue-rotate(250deg) brightness(93%) contrast(93%)"
@@ -105,9 +99,9 @@ const O = "https://saas.chimera.com.pe/backend/v3", R = "https://saas.chimera.co
       ]
     }
   );
-}, h = ({ titulo: e, texto: i }) => {
-  const r = f();
-  return /* @__PURE__ */ g(
+}, b = ({ titulo: e, texto: i }) => {
+  const r = h();
+  return /* @__PURE__ */ m(
     "div",
     {
       style: {
@@ -134,16 +128,16 @@ const O = "https://saas.chimera.com.pe/backend/v3", R = "https://saas.chimera.co
     }
   );
 };
-h.propTypes = {
+b.propTypes = {
   titulo: o.string.isRequired,
   texto: o.string
 };
-const b = ({ devAuthUrl: e, redirectUri: i, children: r }) => {
+const v = ({ devAuthUrl: e, redirectUri: i, children: r }) => {
   const t = d((n) => n.instancia);
   if (t.requiereLogin) {
     const n = e || R;
     return /* @__PURE__ */ a(
-      q,
+      w,
       {
         authConfig: {
           clientId: t.identificador,
@@ -159,14 +153,14 @@ const b = ({ devAuthUrl: e, redirectUri: i, children: r }) => {
   }
   return r;
 };
-b.propTypes = {
+v.propTypes = {
   devAuthUrl: o.string,
   redirectUri: o.string.isRequired,
   children: o.element.isRequired
 };
-const v = ({ aplicacion: e, devBackendUrl: i }) => {
+const y = ({ aplicacion: e, devBackendUrl: i }) => {
   const r = d((n) => n.estado), t = d((n) => n.inicializar);
-  return m(() => {
+  return g(() => {
     t(i, e);
   }, [t, i, e]), /* @__PURE__ */ a(
     "div",
@@ -180,35 +174,35 @@ const v = ({ aplicacion: e, devBackendUrl: i }) => {
         backgroundColor: "#141316",
         color: "#e6e1e6"
       },
-      children: r.inicializando ? /* @__PURE__ */ a(L, {}) : r.error && /* @__PURE__ */ a(h, { titulo: "saas.error.titulo", texto: r.error })
+      children: r.inicializando ? /* @__PURE__ */ a(S, {}) : r.error && /* @__PURE__ */ a(b, { titulo: "saas.error.titulo", texto: r.error })
     }
   );
 };
-v.propTypes = {
+y.propTypes = {
   aplicacion: o.string.isRequired,
   devBackendUrl: o.string
 };
-const y = ({
+const z = ({
   aplicacion: e,
   devBackendUrl: i,
   devAuthUrl: r,
   redirectUri: t,
   children: n
 }) => d((l) => l.inicializado) ? /* @__PURE__ */ a(
-  b,
+  v,
   {
     devAuthUrl: r,
     redirectUri: t,
     children: n
   }
 ) : /* @__PURE__ */ a(
-  v,
+  y,
   {
     aplicacion: e,
     devBackendUrl: i
   }
 );
-y.propTypes = {
+z.propTypes = {
   aplicacion: o.string.isRequired,
   devBackendUrl: o.string,
   devAuthUrl: o.string,
@@ -216,11 +210,13 @@ y.propTypes = {
   children: o.element.isRequired
 };
 const _ = {
+  nombre: "English",
   cargando: "Loading...",
   error: {
     titulo: "Could not initialize application"
   }
 }, B = {
+  nombre: "Castellano",
   cargando: "Cargando...",
   error: {
     titulo: "Error iniciando aplicación"
@@ -228,23 +224,31 @@ const _ = {
 }, p = {
   en: _,
   es: B
-}, z = ({ mensajes: e, children: i }) => {
-  const r = d((t) => t.idioma);
-  return /* @__PURE__ */ a(I, { locale: r, messages: e[r], children: i });
+}, j = f((e) => ({
+  idiomasDisponibles: ["en", "es"],
+  idiomanActual: "en",
+  cambiarIdioma: (i) => {
+    e({
+      idiomaActual: i
+    });
+  }
+})), k = ({ mensajes: e, children: i }) => {
+  const r = j((t) => t.idiomaActual);
+  return /* @__PURE__ */ a(C, { locale: r, messages: e[r], children: i });
 };
-z.propTypes = {
+k.propTypes = {
   mensajes: o.object,
   children: o.element.isRequired
 };
-const S = () => {
-  const e = C();
+const P = () => {
+  const e = U();
   if (!(e != null && e.length))
     return;
   const i = e[0];
   return i.indexOf("-") ? i.substring(0, i.indexOf("-")) : i;
-}, j = ({ mensajes: e, idiomaDefecto: i, children: r }) => {
-  const t = d((s) => s.cambiarIdioma), n = S(), c = U(Object.keys(e), Object.keys(p));
-  m(() => {
+}, q = ({ mensajes: e, idiomaDefecto: i, children: r }) => {
+  const t = j((s) => s.cambiarIdioma), n = P(), c = I(Object.keys(e), Object.keys(p));
+  g(() => {
     let s = c[0];
     n && Object.hasOwn(e, n) ? s = n : i && Object.hasOwn(e, i) && (s = i), t(s);
   }, [c, e, i, n, t]);
@@ -254,16 +258,16 @@ const S = () => {
       ...Object.hasOwn(e, s) ? e[s] : {},
       saas: Object.hasOwn(p, s) ? p[s] : {}
     };
-  }), /* @__PURE__ */ a(z, { mensajes: l, children: r });
+  }), /* @__PURE__ */ a(k, { mensajes: l, children: r });
 };
-j.propTypes = {
+q.propTypes = {
   mensajes: o.object,
   idiomaDefecto: o.string,
   children: o.element.isRequired
 };
-const P = ({
+const V = ({
   aplicacion: e,
-  devBackendUrl: i = A,
+  devBackendUrl: i = E,
   devAuthUrl: r = T,
   dev: t = !1,
   redirectUri: n,
@@ -273,8 +277,8 @@ const P = ({
     es: {}
   },
   children: s
-}) => /* @__PURE__ */ a(j, { mensajes: l, children: /* @__PURE__ */ a(
-  y,
+}) => /* @__PURE__ */ a(q, { mensajes: l, children: /* @__PURE__ */ a(
+  z,
   {
     aplicacion: e,
     devBackendUrl: t && i,
@@ -284,7 +288,7 @@ const P = ({
     children: s
   }
 ) });
-P.propTypes = {
+V.propTypes = {
   aplicacion: o.string.isRequired,
   devBackendUrl: o.string,
   devAuthUrl: o.string,
@@ -294,7 +298,7 @@ P.propTypes = {
   mensajes: o.object,
   children: o.element.isRequired
 };
-const W = () => {
+const $ = () => {
   const {
     loginInProgress: e,
     token: i,
@@ -302,7 +306,7 @@ const W = () => {
     logIn: t,
     logOut: n,
     error: c
-  } = k(x);
+  } = x(A);
   return {
     loginInProgress: e,
     token: i,
@@ -315,8 +319,8 @@ const W = () => {
   };
 };
 export {
-  y as Inicializar,
-  P as SaasApp,
-  W as useAuth,
+  V as SaasApp,
+  $ as useAuth,
+  j as useLangStore,
   d as useSaasStore
 };

package/dist/react-saas.umd.cjs

@@ -1 +1 @@
-(function(s,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("react"),require("prop-types"),require("react-oauth2-code-pkce"),require("zustand"),require("react-polyglot"),require("lodash"),require("navigator-languages")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","prop-types","react-oauth2-code-pkce","zustand","react-polyglot","lodash","navigator-languages"],o):(s=typeof globalThis<"u"?globalThis:s||self,o(s["react-saas"]={},s.ReactJSX,s.React,s.PropTypes,s.ReactOauth2CodePkce,s.Zustand,s.ReactPolyglot,s.Lodash,s.NavigatorLanguages))})(this,function(s,o,g,t,v,x,f,I,U){"use strict";const A="https://saas.chimera.com.pe/backend/v3",C="https://saas.chimera.com.pe/oauth/v3",O="http://localhost:7000",S="http://localhost:7777",h={primary:"#1C6CCC",secondary:"#17A7FF",info:"#2196f3",success:"#4caf50",error:"#f44336",warning:"#ff9800"},l=x.create(e=>({inicializado:!1,estado:{inicializando:!0,error:null},instancia:{identificador:null,nombre:null,abreviatura:null,requiereLogin:!1,logo:null,color:h},idioma:"en",inicializar:async(r,i)=>{e({estado:{inicializando:!0,error:null}});try{const a=await fetch(`${r||A}/identidad/?codigoAplicacion=${i}`);if(!a.ok)throw new Error(`inicializar.error.${a.status}`);const n=await a.json();e({inicializado:!0,estado:{inicializando:!1,error:null},instancia:{identificador:n.identificador,nombre:n.nombre,abreviatura:n.nombre.match(/\b([A-Z])/g).join(""),requiereLogin:n.requiereLogin,logo:n.logo,color:{...h,...n.color}}})}catch(a){e({inicializado:!1,estado:{inicializando:!1,error:a.message},instancia:{identificador:null,nombre:null,abreviatura:null,requiereLogin:!1,logo:null,color:h}})}},cambiarIdioma:r=>{e({idioma:r})}})),y="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20stroke='%23000'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cstyle%3e.spinner_V8m1{transform-origin:center;animation:spinner_zKoa%202s%20linear%20infinite}.spinner_V8m1%20circle{stroke-linecap:round;animation:spinner_YpZS%201.5s%20ease-in-out%20infinite}@keyframes%20spinner_zKoa{100%25{transform:rotate(360deg)}}@keyframes%20spinner_YpZS{0%25{stroke-dasharray:0%20150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42%20150;stroke-dashoffset:-16}95%25,100%25{stroke-dasharray:42%20150;stroke-dashoffset:-59}}%3c/style%3e%3cg%20class='spinner_V8m1'%3e%3ccircle%20cx='12'%20cy='12'%20r='9.5'%20fill='none'%20stroke-width='3'%3e%3c/circle%3e%3c/g%3e%3c/svg%3e",E=()=>{const e=f.useTranslate();return o.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[o.jsx("img",{src:y,alt:e("saas.cargando"),style:{filter:"invert(99%) sepia(2%) saturate(740%) hue-rotate(250deg) brightness(93%) contrast(93%)"}}),o.jsx("span",{children:e("saas.cargando")})]})},b=({titulo:e,texto:r})=>{const i=f.useTranslate();return o.jsxs("div",{style:{borderWidth:"2px",borderStyle:"solid",borderRadius:"7px",backgroundColor:"#f44336",padding:"0.5rem",borderColor:"#8d1108"},children:[o.jsx("h4",{style:{marginTop:0,marginBottom:"0.3rem"},children:i(e)}),r&&o.jsx("p",{children:i(r)})]})};b.propTypes={titulo:t.string.isRequired,texto:t.string};const q=({devAuthUrl:e,redirectUri:r,children:i})=>{const a=l(n=>n.instancia);if(a.requiereLogin){const n=e||C;return o.jsx(v.AuthProvider,{authConfig:{clientId:a.identificador,authorizationEndpoint:`${n}/oauth2/authorize`,tokenEndpoint:`${n}/oauth2/token`,logoutEndpoint:`${n}/connect/logout`,redirectUri:r,scope:"openid profile"},children:i})}return i};q.propTypes={devAuthUrl:t.string,redirectUri:t.string.isRequired,children:t.element.isRequired};const z=({aplicacion:e,devBackendUrl:r})=>{const i=l(n=>n.estado),a=l(n=>n.inicializar);return g.useEffect(()=>{a(r,e)},[a,r,e]),o.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"100vh",backgroundColor:"#141316",color:"#e6e1e6"},children:i.inicializando?o.jsx(E,{}):i.error&&o.jsx(b,{titulo:"saas.error.titulo",texto:i.error})})};z.propTypes={aplicacion:t.string.isRequired,devBackendUrl:t.string};const m=({aplicacion:e,devBackendUrl:r,devAuthUrl:i,redirectUri:a,children:n})=>l(u=>u.inicializado)?o.jsx(q,{devAuthUrl:i,redirectUri:a,children:n}):o.jsx(z,{aplicacion:e,devBackendUrl:r});m.propTypes={aplicacion:t.string.isRequired,devBackendUrl:t.string,devAuthUrl:t.string,redirectUri:t.string.isRequired,children:t.element.isRequired};const p={en:{cargando:"Loading...",error:{titulo:"Could not initialize application"}},es:{cargando:"Cargando...",error:{titulo:"Error iniciando aplicación"}}},j=({mensajes:e,children:r})=>{const i=l(a=>a.idioma);return o.jsx(f.I18n,{locale:i,messages:e[i],children:r})};j.propTypes={mensajes:t.object,children:t.element.isRequired};const L=()=>{const e=U();if(!(e!=null&&e.length))return;const r=e[0];return r.indexOf("-")?r.substring(0,r.indexOf("-")):r},k=({mensajes:e,idiomaDefecto:r,children:i})=>{const a=l(c=>c.cambiarIdioma),n=L(),d=I.union(Object.keys(e),Object.keys(p));g.useEffect(()=>{let c=d[0];n&&Object.hasOwn(e,n)?c=n:r&&Object.hasOwn(e,r)&&(c=r),a(c)},[d,e,r,n,a]);const u={};return d.forEach(c=>{u[c]={...Object.hasOwn(e,c)?e[c]:{},saas:Object.hasOwn(p,c)?p[c]:{}}}),o.jsx(j,{mensajes:u,children:i})};k.propTypes={mensajes:t.object,idiomaDefecto:t.string,children:t.element.isRequired};const w=({aplicacion:e,devBackendUrl:r=O,devAuthUrl:i=S,dev:a=!1,redirectUri:n,idiomaDefecto:d="en",mensajes:u={en:{},es:{}},children:c})=>o.jsx(k,{mensajes:u,children:o.jsx(m,{aplicacion:e,devBackendUrl:a&&r,devAuthUrl:a&&i,redirectUri:n,idiomaDefecto:d,children:c})});w.propTypes={aplicacion:t.string.isRequired,devBackendUrl:t.string,devAuthUrl:t.string,dev:t.bool,redirectUri:t.string.isRequired,idiomaDefecto:t.string,mensajes:t.object,children:t.element.isRequired};const _=()=>{const{loginInProgress:e,token:r,tokenData:i,logIn:a,logOut:n,error:d}=g.useContext(v.AuthContext);return{loginInProgress:e,token:r,logIn:a,logOut:n,error:d,correo:i==null?void 0:i.sub,nombre:i==null?void 0:i.name,perfiles:i==null?void 0:i.profiles}};s.Inicializar=m,s.SaasApp=w,s.useAuth=_,s.useSaasStore=l,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+(function(s,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("prop-types"),require("react"),require("react-oauth2-code-pkce"),require("zustand"),require("react-polyglot"),require("lodash"),require("navigator-languages")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","prop-types","react","react-oauth2-code-pkce","zustand","react-polyglot","lodash","navigator-languages"],o):(s=typeof globalThis<"u"?globalThis:s||self,o(s["react-saas"]={},s.ReactJSX,s.PropTypes,s.React,s.ReactOauth2CodePkce,s.Zustand,s.ReactPolyglot,s.Lodash,s.NavigatorLanguages))})(this,function(s,o,t,g,b,v,h,C,I){"use strict";const U="https://saas.chimera.com.pe/backend/v3",O="https://saas.chimera.com.pe/oauth/v3",S="http://localhost:7000",y="http://localhost:7777",f={primary:"#1C6CCC",secondary:"#17A7FF",info:"#2196f3",success:"#4caf50",error:"#f44336",warning:"#ff9800"},u=v.create(e=>({inicializado:!1,estado:{inicializando:!0,error:null},instancia:{identificador:null,nombre:null,abreviatura:null,requiereLogin:!1,logo:null,color:f},inicializar:async(r,i)=>{e({estado:{inicializando:!0,error:null}});try{const a=await fetch(`${r||U}/identidad/?codigoAplicacion=${i}`);if(!a.ok)throw new Error(`inicializar.error.${a.status}`);const n=await a.json();e({inicializado:!0,estado:{inicializando:!1,error:null},instancia:{identificador:n.identificador,nombre:n.nombre,abreviatura:n.nombre.match(/\b([A-Z])/g).join(""),requiereLogin:n.requiereLogin,logo:n.logo,color:{...f,...n.color}}})}catch(a){e({inicializado:!1,estado:{inicializando:!1,error:a.message},instancia:{identificador:null,nombre:null,abreviatura:null,requiereLogin:!1,logo:null,color:f}})}}})),E="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20stroke='%23000'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cstyle%3e.spinner_V8m1{transform-origin:center;animation:spinner_zKoa%202s%20linear%20infinite}.spinner_V8m1%20circle{stroke-linecap:round;animation:spinner_YpZS%201.5s%20ease-in-out%20infinite}@keyframes%20spinner_zKoa{100%25{transform:rotate(360deg)}}@keyframes%20spinner_YpZS{0%25{stroke-dasharray:0%20150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42%20150;stroke-dashoffset:-16}95%25,100%25{stroke-dasharray:42%20150;stroke-dashoffset:-59}}%3c/style%3e%3cg%20class='spinner_V8m1'%3e%3ccircle%20cx='12'%20cy='12'%20r='9.5'%20fill='none'%20stroke-width='3'%3e%3c/circle%3e%3c/g%3e%3c/svg%3e",L=()=>{const e=h.useTranslate();return o.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[o.jsx("img",{src:E,alt:e("saas.cargando"),style:{filter:"invert(99%) sepia(2%) saturate(740%) hue-rotate(250deg) brightness(93%) contrast(93%)"}}),o.jsx("span",{children:e("saas.cargando")})]})},q=({titulo:e,texto:r})=>{const i=h.useTranslate();return o.jsxs("div",{style:{borderWidth:"2px",borderStyle:"solid",borderRadius:"7px",backgroundColor:"#f44336",padding:"0.5rem",borderColor:"#8d1108"},children:[o.jsx("h4",{style:{marginTop:0,marginBottom:"0.3rem"},children:i(e)}),r&&o.jsx("p",{children:i(r)})]})};q.propTypes={titulo:t.string.isRequired,texto:t.string};const z=({devAuthUrl:e,redirectUri:r,children:i})=>{const a=u(n=>n.instancia);if(a.requiereLogin){const n=e||O;return o.jsx(b.AuthProvider,{authConfig:{clientId:a.identificador,authorizationEndpoint:`${n}/oauth2/authorize`,tokenEndpoint:`${n}/oauth2/token`,logoutEndpoint:`${n}/connect/logout`,redirectUri:r,scope:"openid profile"},children:i})}return i};z.propTypes={devAuthUrl:t.string,redirectUri:t.string.isRequired,children:t.element.isRequired};const j=({aplicacion:e,devBackendUrl:r})=>{const i=u(n=>n.estado),a=u(n=>n.inicializar);return g.useEffect(()=>{a(r,e)},[a,r,e]),o.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"100vh",backgroundColor:"#141316",color:"#e6e1e6"},children:i.inicializando?o.jsx(L,{}):i.error&&o.jsx(q,{titulo:"saas.error.titulo",texto:i.error})})};j.propTypes={aplicacion:t.string.isRequired,devBackendUrl:t.string};const k=({aplicacion:e,devBackendUrl:r,devAuthUrl:i,redirectUri:a,children:n})=>u(d=>d.inicializado)?o.jsx(z,{devAuthUrl:i,redirectUri:a,children:n}):o.jsx(j,{aplicacion:e,devBackendUrl:r});k.propTypes={aplicacion:t.string.isRequired,devBackendUrl:t.string,devAuthUrl:t.string,redirectUri:t.string.isRequired,children:t.element.isRequired};const m={en:{nombre:"English",cargando:"Loading...",error:{titulo:"Could not initialize application"}},es:{nombre:"Castellano",cargando:"Cargando...",error:{titulo:"Error iniciando aplicación"}}},p=v.create(e=>({idiomasDisponibles:["en","es"],idiomanActual:"en",cambiarIdioma:r=>{e({idiomaActual:r})}})),A=({mensajes:e,children:r})=>{const i=p(a=>a.idiomaActual);return o.jsx(h.I18n,{locale:i,messages:e[i],children:r})};A.propTypes={mensajes:t.object,children:t.element.isRequired};const _=()=>{const e=I();if(!(e!=null&&e.length))return;const r=e[0];return r.indexOf("-")?r.substring(0,r.indexOf("-")):r},w=({mensajes:e,idiomaDefecto:r,children:i})=>{const a=p(c=>c.cambiarIdioma),n=_(),l=C.union(Object.keys(e),Object.keys(m));g.useEffect(()=>{let c=l[0];n&&Object.hasOwn(e,n)?c=n:r&&Object.hasOwn(e,r)&&(c=r),a(c)},[l,e,r,n,a]);const d={};return l.forEach(c=>{d[c]={...Object.hasOwn(e,c)?e[c]:{},saas:Object.hasOwn(m,c)?m[c]:{}}}),o.jsx(A,{mensajes:d,children:i})};w.propTypes={mensajes:t.object,idiomaDefecto:t.string,children:t.element.isRequired};const x=({aplicacion:e,devBackendUrl:r=S,devAuthUrl:i=y,dev:a=!1,redirectUri:n,idiomaDefecto:l="en",mensajes:d={en:{},es:{}},children:c})=>o.jsx(w,{mensajes:d,children:o.jsx(k,{aplicacion:e,devBackendUrl:a&&r,devAuthUrl:a&&i,redirectUri:n,idiomaDefecto:l,children:c})});x.propTypes={aplicacion:t.string.isRequired,devBackendUrl:t.string,devAuthUrl:t.string,dev:t.bool,redirectUri:t.string.isRequired,idiomaDefecto:t.string,mensajes:t.object,children:t.element.isRequired};const B=()=>{const{loginInProgress:e,token:r,tokenData:i,logIn:a,logOut:n,error:l}=g.useContext(b.AuthContext);return{loginInProgress:e,token:r,logIn:a,logOut:n,error:l,correo:i==null?void 0:i.sub,nombre:i==null?void 0:i.name,perfiles:i==null?void 0:i.profiles}};s.SaasApp=x,s.useAuth=B,s.useLangStore=p,s.useSaasStore=u,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -2,14 +2,16 @@
 	"name": "@chimera-pe/react-saas",
 	"description": "Componente integrador con SaaS",
 	"author": "Germán Enríquez",
-	"version": "3.0.1",
+	"version": "3.0.2",
 	"type": "module",
 	"repository": {
 		"type": "git",
 		"url": "https://git.chimera.com.pe/nodejs/react-saas.git"
 	},
 	"keywords": [
-		"saas"
+		"Chimera Software",
+		"saas",
+		"oAuth2"
 	],
 	"main": "./dist/react-saas.umd.cjs",
 	"module": "./dist/react-saas.js",