npm - @chimera-pe/react-saas - Versions diffs - 3.0.0 → 3.0.1 - Mend

@chimera-pe/react-saas 3.0.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/react-saas.js ADDED Viewed

@@ -0,0 +1,322 @@
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import { useEffect as m, useContext as k } from "react";
+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 = {
+  primary: "#1C6CCC",
+  secondary: "#17A7FF",
+  info: "#2196f3",
+  success: "#4caf50",
+  error: "#f44336",
+  warning: "#ff9800"
+}, d = w((e) => ({
+  inicializado: !1,
+  estado: {
+    inicializando: !0,
+    error: null
+  },
+  instancia: {
+    identificador: null,
+    nombre: null,
+    abreviatura: null,
+    requiereLogin: !1,
+    logo: null,
+    color: u
+  },
+  idioma: "en",
+  inicializar: async (i, r) => {
+    e({
+      estado: {
+        inicializando: !0,
+        error: null
+      }
+    });
+    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();
+      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: {
+            ...u,
+            ...n.color
+          }
+        }
+      });
+    } catch (t) {
+      e({
+        inicializado: !1,
+        estado: {
+          inicializando: !1,
+          error: t.message
+        },
+        instancia: {
+          identificador: null,
+          nombre: null,
+          abreviatura: null,
+          requiereLogin: !1,
+          logo: null,
+          color: u
+        }
+      });
+    }
+  },
+  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(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: "0.5rem"
+      },
+      children: [
+        /* @__PURE__ */ a(
+          "img",
+          {
+            src: E,
+            alt: e("saas.cargando"),
+            style: {
+              filter: "invert(99%) sepia(2%) saturate(740%) hue-rotate(250deg) brightness(93%) contrast(93%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ a("span", { children: e("saas.cargando") })
+      ]
+    }
+  );
+}, h = ({ titulo: e, texto: i }) => {
+  const r = f();
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      style: {
+        borderWidth: "2px",
+        borderStyle: "solid",
+        borderRadius: "7px",
+        backgroundColor: "#f44336",
+        padding: "0.5rem",
+        borderColor: "#8d1108"
+      },
+      children: [
+        /* @__PURE__ */ a(
+          "h4",
+          {
+            style: {
+              marginTop: 0,
+              marginBottom: "0.3rem"
+            },
+            children: r(e)
+          }
+        ),
+        i && /* @__PURE__ */ a("p", { children: r(i) })
+      ]
+    }
+  );
+};
+h.propTypes = {
+  titulo: o.string.isRequired,
+  texto: o.string
+};
+const b = ({ devAuthUrl: e, redirectUri: i, children: r }) => {
+  const t = d((n) => n.instancia);
+  if (t.requiereLogin) {
+    const n = e || R;
+    return /* @__PURE__ */ a(
+      q,
+      {
+        authConfig: {
+          clientId: t.identificador,
+          authorizationEndpoint: `${n}/oauth2/authorize`,
+          tokenEndpoint: `${n}/oauth2/token`,
+          logoutEndpoint: `${n}/connect/logout`,
+          redirectUri: i,
+          scope: "openid profile"
+        },
+        children: r
+      }
+    );
+  }
+  return r;
+};
+b.propTypes = {
+  devAuthUrl: o.string,
+  redirectUri: o.string.isRequired,
+  children: o.element.isRequired
+};
+const v = ({ aplicacion: e, devBackendUrl: i }) => {
+  const r = d((n) => n.estado), t = d((n) => n.inicializar);
+  return m(() => {
+    t(i, e);
+  }, [t, i, e]), /* @__PURE__ */ a(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        minHeight: "100vh",
+        backgroundColor: "#141316",
+        color: "#e6e1e6"
+      },
+      children: r.inicializando ? /* @__PURE__ */ a(L, {}) : r.error && /* @__PURE__ */ a(h, { titulo: "saas.error.titulo", texto: r.error })
+    }
+  );
+};
+v.propTypes = {
+  aplicacion: o.string.isRequired,
+  devBackendUrl: o.string
+};
+const y = ({
+  aplicacion: e,
+  devBackendUrl: i,
+  devAuthUrl: r,
+  redirectUri: t,
+  children: n
+}) => d((l) => l.inicializado) ? /* @__PURE__ */ a(
+  b,
+  {
+    devAuthUrl: r,
+    redirectUri: t,
+    children: n
+  }
+) : /* @__PURE__ */ a(
+  v,
+  {
+    aplicacion: e,
+    devBackendUrl: i
+  }
+);
+y.propTypes = {
+  aplicacion: o.string.isRequired,
+  devBackendUrl: o.string,
+  devAuthUrl: o.string,
+  redirectUri: o.string.isRequired,
+  children: o.element.isRequired
+};
+const _ = {
+  cargando: "Loading...",
+  error: {
+    titulo: "Could not initialize application"
+  }
+}, B = {
+  cargando: "Cargando...",
+  error: {
+    titulo: "Error iniciando aplicación"
+  }
+}, 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 });
+};
+z.propTypes = {
+  mensajes: o.object,
+  children: o.element.isRequired
+};
+const S = () => {
+  const e = C();
+  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(() => {
+    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]);
+  const l = {};
+  return c.forEach((s) => {
+    l[s] = {
+      ...Object.hasOwn(e, s) ? e[s] : {},
+      saas: Object.hasOwn(p, s) ? p[s] : {}
+    };
+  }), /* @__PURE__ */ a(z, { mensajes: l, children: r });
+};
+j.propTypes = {
+  mensajes: o.object,
+  idiomaDefecto: o.string,
+  children: o.element.isRequired
+};
+const P = ({
+  aplicacion: e,
+  devBackendUrl: i = A,
+  devAuthUrl: r = T,
+  dev: t = !1,
+  redirectUri: n,
+  idiomaDefecto: c = "en",
+  mensajes: l = {
+    en: {},
+    es: {}
+  },
+  children: s
+}) => /* @__PURE__ */ a(j, { mensajes: l, children: /* @__PURE__ */ a(
+  y,
+  {
+    aplicacion: e,
+    devBackendUrl: t && i,
+    devAuthUrl: t && r,
+    redirectUri: n,
+    idiomaDefecto: c,
+    children: s
+  }
+) });
+P.propTypes = {
+  aplicacion: o.string.isRequired,
+  devBackendUrl: o.string,
+  devAuthUrl: o.string,
+  dev: o.bool,
+  redirectUri: o.string.isRequired,
+  idiomaDefecto: o.string,
+  mensajes: o.object,
+  children: o.element.isRequired
+};
+const W = () => {
+  const {
+    loginInProgress: e,
+    token: i,
+    tokenData: r,
+    logIn: t,
+    logOut: n,
+    error: c
+  } = k(x);
+  return {
+    loginInProgress: e,
+    token: i,
+    logIn: t,
+    logOut: n,
+    error: c,
+    correo: r == null ? void 0 : r.sub,
+    nombre: r == null ? void 0 : r.name,
+    perfiles: r == null ? void 0 : r.profiles
+  };
+};
+export {
+  y as Inicializar,
+  P as SaasApp,
+  W as useAuth,
+  d as useSaasStore
+};

package/dist/react-saas.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
 	"name": "@chimera-pe/react-saas",
 	"description": "Componente integrador con SaaS",
 	"author": "Germán Enríquez",
-	"version": "3.0.0",
+	"version": "3.0.1",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -26,7 +26,8 @@
 		"dev": "vite",
 		"build": "vite build",
 		"lint": "eslint .",
-		"preview": "vite preview"
+		"preview": "vite preview",
+		"prepare": "npm run build"
 	},
 	"peerDependencies": {
 		"lodash": "^4.17.21",