@chimera-pe/react-saas 3.0.5 → 3.0.6

package/dist/react-saas.js

@@ -1,12 +1,12 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import o from "prop-types";
 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", R = "https://saas.chimera.com.pe/v3", E = "http://localhost:7000", T = "http://localhost:7777", u = {
+import q from "navigator-languages";
+const O = "https://saas.chimera.com.pe/backend", E = "https://saas.chimera.com.pe/v3", R = "http://localhost:7000", T = "http://localhost:7777", u = {
   primary: "#1C6CCC",
   secondary: "#17A7FF",
   info: "#2196f3",
@@ -24,10 +24,11 @@ const O = "https://saas.chimera.com.pe/backend", R = "https://saas.chimera.com.p
     nombre: null,
     abreviatura: null,
     requiereLogin: !1,
+    redirectUri: null,
     logo: null,
     color: u
   },
-  inicializar: async (i, r) => {
+  inicializar: async (r, i) => {
     e({
       estado: {
         inicializando: !0,
@@ -35,10 +36,10 @@ const O = "https://saas.chimera.com.pe/backend", R = "https://saas.chimera.com.p
       }
     });
     try {
-      const t = await fetch(`${i || O}/identidad/?codigoAplicacion=${r}`);
-      if (!t.ok)
-        throw new Error(`inicializar.error.${t.status}`);
-      const n = await t.json();
+      const n = await fetch(`${r || O}/identidad/?codigoAplicacion=${i}`);
+      if (!n.ok)
+        throw new Error(`inicializar.error.${n.status}`);
+      const t = await n.json();
       e({
         inicializado: !0,
         estado: {
@@ -46,29 +47,31 @@ const O = "https://saas.chimera.com.pe/backend", R = "https://saas.chimera.com.p
           error: null
         },
         instancia: {
-          identificador: n.identificador,
-          nombre: n.nombre,
-          abreviatura: n.nombre.match(/\b([A-Z])/g).join(""),
-          requiereLogin: n.requiereLogin,
-          logo: n.logo,
+          identificador: t.identificador,
+          nombre: t.nombre,
+          abreviatura: t.nombre.match(/\b([A-Z])/g).join(""),
+          requiereLogin: t.requiereLogin,
+          redirectUri: t.redirectUri,
+          logo: t.logo,
           color: {
             ...u,
-            ...n.color
+            ...t.color
           }
         }
       });
-    } catch (t) {
+    } catch (n) {
       e({
         inicializado: !1,
         estado: {
           inicializando: !1,
-          error: t.message
+          error: n.message
         },
         instancia: {
           identificador: null,
           nombre: null,
           abreviatura: null,
           requiereLogin: !1,
+          redirectUri: null,
           logo: null,
           color: u
         }
@@ -77,7 +80,7 @@ const O = "https://saas.chimera.com.pe/backend", R = "https://saas.chimera.com.p
   }
 })), 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(
+  return /* @__PURE__ */ p(
     "div",
     {
       style: {
@@ -99,9 +102,9 @@ const O = "https://saas.chimera.com.pe/backend", R = "https://saas.chimera.com.p
       ]
     }
   );
-}, b = ({ titulo: e, texto: i }) => {
-  const r = h();
-  return /* @__PURE__ */ m(
+}, b = ({ titulo: e, texto: r }) => {
+  const i = h();
+  return /* @__PURE__ */ p(
     "div",
     {
       style: {
@@ -120,10 +123,10 @@ const O = "https://saas.chimera.com.pe/backend", R = "https://saas.chimera.com.p
               marginTop: 0,
               marginBottom: "0.3rem"
             },
-            children: r(e)
+            children: i(e)
           }
         ),
-        i && /* @__PURE__ */ a("p", { children: r(i) })
+        r && /* @__PURE__ */ a("p", { children: i(r) })
       ]
     }
   );
@@ -132,19 +135,19 @@ b.propTypes = {
   titulo: o.string.isRequired,
   texto: o.string
 };
-const v = ({ devAuthUrl: e, redirectUri: i, children: r }) => {
-  const t = d((n) => n.instancia);
-  if (t.requiereLogin) {
-    const n = e || R;
+const v = ({ devAuthUrl: e, children: r }) => {
+  const i = d((n) => n.instancia);
+  if (i.requiereLogin) {
+    const n = e || E;
     return /* @__PURE__ */ a(
       w,
       {
         authConfig: {
-          clientId: t.identificador,
+          clientId: i.identificador,
           authorizationEndpoint: `${n}/oauth2/authorize`,
           tokenEndpoint: `${n}/oauth2/token`,
           logoutEndpoint: `${n}/connect/logout`,
-          redirectUri: i,
+          redirectUri: i.redirectUri,
           scope: "openid profile"
         },
         children: r
@@ -155,14 +158,13 @@ const v = ({ devAuthUrl: e, redirectUri: i, children: r }) => {
 };
 v.propTypes = {
   devAuthUrl: o.string,
-  redirectUri: o.string.isRequired,
   children: o.element.isRequired
 };
-const y = ({ aplicacion: e, devBackendUrl: i }) => {
-  const r = d((n) => n.estado), t = d((n) => n.inicializar);
+const y = ({ aplicacion: e, devBackendUrl: r }) => {
+  const i = d((t) => t.estado), n = d((t) => t.inicializar);
   return g(() => {
-    t(i, e);
-  }, [t, i, e]), /* @__PURE__ */ a(
+    n(r, e);
+  }, [n, r, e]), /* @__PURE__ */ a(
     "div",
     {
       style: {
@@ -174,7 +176,7 @@ const y = ({ aplicacion: e, devBackendUrl: i }) => {
         backgroundColor: "#141316",
         color: "#e6e1e6"
       },
-      children: r.inicializando ? /* @__PURE__ */ a(S, {}) : r.error && /* @__PURE__ */ a(b, { titulo: "saas.error.titulo", texto: r.error })
+      children: i.inicializando ? /* @__PURE__ */ a(S, {}) : i.error && /* @__PURE__ */ a(b, { titulo: "saas.error.titulo", texto: i.error })
     }
   );
 };
@@ -182,31 +184,28 @@ y.propTypes = {
   aplicacion: o.string.isRequired,
   devBackendUrl: o.string
 };
-const z = ({
+const k = ({
   aplicacion: e,
-  devBackendUrl: i,
-  devAuthUrl: r,
-  redirectUri: t,
+  devBackendUrl: r,
+  devAuthUrl: i,
   children: n
-}) => d((l) => l.inicializado) ? /* @__PURE__ */ a(
+}) => d((c) => c.inicializado) ? /* @__PURE__ */ a(
   v,
   {
-    devAuthUrl: r,
-    redirectUri: t,
+    devAuthUrl: i,
     children: n
   }
 ) : /* @__PURE__ */ a(
   y,
   {
     aplicacion: e,
-    devBackendUrl: i
+    devBackendUrl: r
   }
 );
-z.propTypes = {
+k.propTypes = {
   aplicacion: o.string.isRequired,
   devBackendUrl: o.string,
   devAuthUrl: o.string,
-  redirectUri: o.string.isRequired,
   children: o.element.isRequired
 };
 const _ = {
@@ -221,106 +220,103 @@ const _ = {
   error: {
     titulo: "Error iniciando aplicación"
   }
-}, p = {
+}, m = {
   en: _,
   es: B
-}, j = f((e) => ({
+}, z = f((e) => ({
   idiomasDisponibles: ["en", "es"],
   idiomaActual: "en",
-  cambiarIdioma: (i) => {
+  cambiarIdioma: (r) => {
     e({
-      idiomaActual: i
+      idiomaActual: r
     });
   }
-})), k = ({ mensajes: e, children: i }) => {
-  const r = j((t) => t.idiomaActual);
-  return /* @__PURE__ */ a(C, { locale: r, messages: e[r], children: i });
+})), U = ({ mensajes: e, children: r }) => {
+  const i = z((n) => n.idiomaActual);
+  return /* @__PURE__ */ a(C, { locale: i, messages: e[i], children: r });
 };
-k.propTypes = {
+U.propTypes = {
   mensajes: o.object,
   children: o.element.isRequired
 };
-const P = () => {
-  const e = U();
-  if (!(e != null && e.length))
+const D = () => {
+  const e = q();
+  if (!e?.length)
     return;
-  const i = e[0];
-  return i.indexOf("-") ? i.substring(0, i.indexOf("-")) : i;
-}, q = ({ mensajes: e, idiomaDefecto: i, children: r }) => {
-  const t = j((s) => s.cambiarIdioma), n = P(), c = I(Object.keys(e), Object.keys(p));
+  const r = e[0];
+  return r.indexOf("-") ? r.substring(0, r.indexOf("-")) : r;
+}, j = ({ mensajes: e, idiomaDefecto: r, children: i }) => {
+  const n = z((s) => s.cambiarIdioma), t = D(), c = I(Object.keys(e), Object.keys(m));
   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]);
+    t && Object.hasOwn(e, t) ? s = t : r && Object.hasOwn(e, r) && (s = r), n(s);
+  }, [c, e, r, t, n]);
   const l = {};
   return c.forEach((s) => {
     l[s] = {
       ...Object.hasOwn(e, s) ? e[s] : {},
-      saas: Object.hasOwn(p, s) ? p[s] : {}
+      saas: Object.hasOwn(m, s) ? m[s] : {}
     };
-  }), /* @__PURE__ */ a(k, { mensajes: l, children: r });
+  }), /* @__PURE__ */ a(U, { mensajes: l, children: i });
 };
-q.propTypes = {
+j.propTypes = {
   mensajes: o.object,
   idiomaDefecto: o.string,
   children: o.element.isRequired
 };
-const V = ({
+const P = ({
   aplicacion: e,
-  devBackendUrl: i = E,
-  devAuthUrl: r = T,
-  dev: t = !1,
-  redirectUri: n,
-  idiomaDefecto: c = "en",
-  mensajes: l = {
+  dev: r = !1,
+  devBackendUrl: i = R,
+  devAuthUrl: n = T,
+  idiomaDefecto: t = "en",
+  mensajes: c = {
     en: {},
     es: {}
   },
-  children: s
-}) => /* @__PURE__ */ a(q, { mensajes: l, children: /* @__PURE__ */ a(
-  z,
+  children: l
+}) => /* @__PURE__ */ a(j, { mensajes: c, children: /* @__PURE__ */ a(
+  k,
   {
     aplicacion: e,
-    devBackendUrl: t ? i : null,
-    devAuthUrl: t ? r : null,
-    redirectUri: n,
-    idiomaDefecto: c,
-    children: s
+    devBackendUrl: r ? i : null,
+    devAuthUrl: r ? n : null,
+    idiomaDefecto: t,
+    children: l
   }
 ) });
-V.propTypes = {
+P.propTypes = {
   aplicacion: o.string.isRequired,
+  dev: o.bool,
   devBackendUrl: o.string,
   devAuthUrl: o.string,
-  dev: o.bool,
-  redirectUri: o.string.isRequired,
   idiomaDefecto: o.string,
   mensajes: o.object,
   children: o.element.isRequired
 };
-const $ = () => {
+const W = () => {
   const {
     loginInProgress: e,
-    token: i,
-    tokenData: r,
-    logIn: t,
-    logOut: n,
+    token: r,
+    tokenData: i,
+    logIn: n,
+    logOut: t,
     error: c
   } = x(A);
   return {
     loginInProgress: e,
-    token: i,
-    logIn: t,
-    logOut: n,
+    token: r,
+    logIn: n,
+    logOut: t,
     error: c,
-    correo: r == null ? void 0 : r.sub,
-    nombre: r == null ? void 0 : r.name,
-    perfiles: r == null ? void 0 : r.profiles
+    correo: i?.sub,
+    nombre: i?.name,
+    perfiles: i?.profiles
   };
 };
 export {
-  V as SaasApp,
-  $ as useAuth,
-  j as useLangStore,
+  P as SaasApp,
+  W as useAuth,
+  z 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("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,f,C,I){"use strict";const U="https://saas.chimera.com.pe/backend",O="https://saas.chimera.com.pe/v3",S="http://localhost:7000",y="http://localhost:7777",h={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:h},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:{...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}})}}})),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.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=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)})]})};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"],idiomaActual:"en",cambiarIdioma:r=>{e({idiomaActual:r})}})),A=({mensajes:e,children:r})=>{const i=p(a=>a.idiomaActual);return o.jsx(f.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:null,devAuthUrl:a?i:null,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"})});
+(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,f,x,C){"use strict";const I="https://saas.chimera.com.pe/backend",y="https://saas.chimera.com.pe/v3",O="http://localhost:7000",S="http://localhost:7777",h={primary:"#1C6CCC",secondary:"#17A7FF",info:"#2196f3",success:"#4caf50",error:"#f44336",warning:"#ff9800"},d=v.create(e=>({inicializado:!1,estado:{inicializando:!0,error:null},instancia:{identificador:null,nombre:null,abreviatura:null,requiereLogin:!1,redirectUri:null,logo:null,color:h},inicializar:async(i,r)=>{e({estado:{inicializando:!0,error:null}});try{const n=await fetch(`${i||I}/identidad/?codigoAplicacion=${r}`);if(!n.ok)throw new Error(`inicializar.error.${n.status}`);const a=await n.json();e({inicializado:!0,estado:{inicializando:!1,error:null},instancia:{identificador:a.identificador,nombre:a.nombre,abreviatura:a.nombre.match(/\b([A-Z])/g).join(""),requiereLogin:a.requiereLogin,redirectUri:a.redirectUri,logo:a.logo,color:{...h,...a.color}}})}catch(n){e({inicializado:!1,estado:{inicializando:!1,error:n.message},instancia:{identificador:null,nombre:null,abreviatura:null,requiereLogin:!1,redirectUri:null,logo:null,color:h}})}}})),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.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")})]})},k=({titulo:e,texto:i})=>{const r=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:r(e)}),i&&o.jsx("p",{children:r(i)})]})};k.propTypes={titulo:t.string.isRequired,texto:t.string};const z=({devAuthUrl:e,children:i})=>{const r=d(n=>n.instancia);if(r.requiereLogin){const n=e||y;return o.jsx(b.AuthProvider,{authConfig:{clientId:r.identificador,authorizationEndpoint:`${n}/oauth2/authorize`,tokenEndpoint:`${n}/oauth2/token`,logoutEndpoint:`${n}/connect/logout`,redirectUri:r.redirectUri,scope:"openid profile"},children:i})}return i};z.propTypes={devAuthUrl:t.string,children:t.element.isRequired};const q=({aplicacion:e,devBackendUrl:i})=>{const r=d(a=>a.estado),n=d(a=>a.inicializar);return g.useEffect(()=>{n(i,e)},[n,i,e]),o.jsx("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"100vh",backgroundColor:"#141316",color:"#e6e1e6"},children:r.inicializando?o.jsx(L,{}):r.error&&o.jsx(k,{titulo:"saas.error.titulo",texto:r.error})})};q.propTypes={aplicacion:t.string.isRequired,devBackendUrl:t.string};const j=({aplicacion:e,devBackendUrl:i,devAuthUrl:r,children:n})=>d(l=>l.inicializado)?o.jsx(z,{devAuthUrl:r,children:n}):o.jsx(q,{aplicacion:e,devBackendUrl:i});j.propTypes={aplicacion:t.string.isRequired,devBackendUrl:t.string,devAuthUrl:t.string,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"],idiomaActual:"en",cambiarIdioma:i=>{e({idiomaActual:i})}})),U=({mensajes:e,children:i})=>{const r=p(n=>n.idiomaActual);return o.jsx(f.I18n,{locale:r,messages:e[r],children:i})};U.propTypes={mensajes:t.object,children:t.element.isRequired};const _=()=>{const e=C();if(!e?.length)return;const i=e[0];return i.indexOf("-")?i.substring(0,i.indexOf("-")):i},A=({mensajes:e,idiomaDefecto:i,children:r})=>{const n=p(c=>c.cambiarIdioma),a=_(),l=x.union(Object.keys(e),Object.keys(m));g.useEffect(()=>{let c=l[0];a&&Object.hasOwn(e,a)?c=a:i&&Object.hasOwn(e,i)&&(c=i),n(c)},[l,e,i,a,n]);const u={};return l.forEach(c=>{u[c]={...Object.hasOwn(e,c)?e[c]:{},saas:Object.hasOwn(m,c)?m[c]:{}}}),o.jsx(U,{mensajes:u,children:r})};A.propTypes={mensajes:t.object,idiomaDefecto:t.string,children:t.element.isRequired};const w=({aplicacion:e,dev:i=!1,devBackendUrl:r=O,devAuthUrl:n=S,idiomaDefecto:a="en",mensajes:l={en:{},es:{}},children:u})=>o.jsx(A,{mensajes:l,children:o.jsx(j,{aplicacion:e,devBackendUrl:i?r:null,devAuthUrl:i?n:null,idiomaDefecto:a,children:u})});w.propTypes={aplicacion:t.string.isRequired,dev:t.bool,devBackendUrl:t.string,devAuthUrl:t.string,idiomaDefecto:t.string,mensajes:t.object,children:t.element.isRequired};const B=()=>{const{loginInProgress:e,token:i,tokenData:r,logIn:n,logOut:a,error:l}=g.useContext(b.AuthContext);return{loginInProgress:e,token:i,logIn:n,logOut:a,error:l,correo:r?.sub,nombre:r?.name,perfiles:r?.profiles}};s.SaasApp=w,s.useAuth=B,s.useLangStore=p,s.useSaasStore=d,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@chimera-pe/react-saas",
 	"description": "Componente integrador con SaaS",
 	"author": "Germán Enríquez",
-	"version": "3.0.5",
+	"version": "3.0.6",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -34,21 +34,21 @@
 	"peerDependencies": {
 		"lodash": "^4.17.21",
 		"navigator-languages": "^2.0.2",
-		"react": "^19.1.0",
-		"react-dom": "^19.1.0",
-		"react-oauth2-code-pkce": "^1.23.0",
+		"react": "^19.1.1",
+		"react-dom": "^19.1.1",
+		"react-oauth2-code-pkce": "^1.23.1",
 		"react-polyglot": "^0.7.2",
-		"zustand": "^5.0.5"
+		"zustand": "^5.0.8"
 	},
 	"devDependencies": {
 		"@eslint/js": "^9.25.0",
-		"@types/react": "^19.1.6",
-		"@types/react-dom": "^19.1.6",
-		"@vitejs/plugin-react": "^4.5.1",
-		"eslint": "^9.28.0",
+		"@types/react": "^19.1.11",
+		"@types/react-dom": "^19.1.7",
+		"@vitejs/plugin-react": "^4.7.0",
+		"eslint": "^9.34.0",
 		"eslint-plugin-react-hooks": "^5.2.0",
 		"eslint-plugin-react-refresh": "^0.4.20",
-		"globals": "^16.2.0",
-		"vite": "^6.3.5"
+		"globals": "^16.3.0",
+		"vite": "^7.1.3"
 	}
 }