@m4l/layouts 0.1.14 → 0.1.16

package/components/MFHostApp/index.60578754.js

@@ -0,0 +1,33 @@
+import { unstable_HistoryRouter as c } from "react-router-dom";
+import { LocalesProvider as m, HostThemeProvider as d } from "@m4l/graphics";
+import "../../node_modules.6a6cd7c4.js";
+import { DomainCountryProvider as u } from "@m4l/core";
+import { jsx as r } from "react/jsx-runtime";
+function M(o) {
+  const {
+    children: t,
+    currentLocale: i,
+    hostTheme: e,
+    history: n,
+    domainCountryId: s
+  } = o;
+  return /* @__PURE__ */ r(m, {
+    isMicroFrontEnd: !0,
+    localeHost: i,
+    children: /* @__PURE__ */ r(d, {
+      isMicroFrontEnd: !0,
+      ...e,
+      children: /* @__PURE__ */ r(u, {
+        domainCountryId: s,
+        isMicroFrontEnd: !0,
+        children: /* @__PURE__ */ r(c, {
+          history: n,
+          children: t
+        })
+      })
+    })
+  });
+}
+export {
+  M
+};

package/components/MFHostApp/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MFHostAppProps } from './types';
+export declare function MFHostApp(props: MFHostAppProps): JSX.Element;
+export default MFHostApp;

package/components/MFHostApp/types.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import type { AxiosOperation, EnvironmentType, HostToolsType } from '@m4l/core';
+import { HostThemeType, LocaleType } from '@m4l/graphics';
+import type { BrowserHistory } from 'history';
+export declare type ByHostProps = {
+    environment: EnvironmentType;
+    hostTools: HostToolsType;
+    axiosOperation: AxiosOperation;
+    hostTheme: HostThemeType;
+    currentLocale: LocaleType;
+    domainCountryId: number;
+};
+export declare type MFHostAppProps = {
+    domainCountryId: number;
+    history: BrowserHistory;
+    hostTheme: HostThemeType;
+    currentLocale: LocaleType;
+    children: ReactNode;
+};

package/components/MFIsolationApp/index.967f891d.js

@@ -0,0 +1,105 @@
+import { useEffect as v, useMemo as d } from "react";
+import { unstable_HistoryRouter as y } from "react-router-dom";
+import { ToastContainer as P, toast as M } from "react-toastify";
+import { HostThemeProvider as w, defaultThemeOptions as F, fnComponentsOverrides as H, ProgressBarStyle as g, LocalesProvider as A, getLocaleFromNetwork as k } from "@m4l/graphics";
+import { A as T } from "../../contexts/AuthContext/index.6f966215.js";
+import { voidFunction as m, EnvironmentProvider as x, HostToolsProvider as E, NetworkProvider as C, axiosOperation as N, DomainCountryProvider as O } from "@m4l/core";
+import { c as I, f as L, N as _ } from "../../node_modules.6a6cd7c4.js";
+import { u as b } from "../../hooks/useAuth/index.cb6a3420.js";
+import { jsx as o, jsxs as j } from "react/jsx-runtime";
+function B(r) {
+  const {
+    children: s,
+    user: i,
+    pwd: n
+  } = r, {
+    isAuthenticated: t,
+    isInitialized: e,
+    login: a
+  } = b();
+  return v(() => {
+    e && t === !1 && a(i, n, !1);
+  }, [e, t]), t ? /* @__PURE__ */ j(w, {
+    hostThemeOptions: F,
+    fnComponentsOverrides: H,
+    isMicroFrontEnd: !0,
+    children: [/* @__PURE__ */ o(g, {}), /* @__PURE__ */ o(P, {}), s]
+  }) : /* @__PURE__ */ o("div", {
+    children: "Pendiente x atenticar"
+  });
+}
+const c = I({
+  window
+});
+function U(r) {
+  const {
+    children: s,
+    user: i,
+    pwd: n,
+    host_api_local: t,
+    host_api_remote: e,
+    host_static_assets: a,
+    environment_assets: l
+  } = r, f = () => {
+    _.configure({
+      showSpinner: !0
+    }), _.start();
+  }, h = () => {
+    _.done();
+  }, u = d(() => ({
+    host: "",
+    isLocalhost: !0,
+    domain_token: "lab1",
+    host_api_local: t,
+    host_api_remote: e,
+    host_static_assets: a,
+    environment_assets: l,
+    dfnsFormat: {
+      date_format: "yyyy-MM-dd",
+      date_mask: "____-__-__",
+      time_format: "HH:mm:ss",
+      time_mask: "__:__:__",
+      datetime_format: "yyyy-MM-dd HH:mm:ss",
+      datetime_mask: "____-__-__ __:__:__"
+    }
+  }), []), p = d(() => ({
+    history: c,
+    toast: M,
+    startProgress: f,
+    stopProgress: h,
+    events_add_listener: m,
+    events_remove_listener: m,
+    events_emit: m,
+    formatDate: L
+  }), []);
+  return /* @__PURE__ */ o(x, {
+    ...u,
+    children: /* @__PURE__ */ o(E, {
+      ...p,
+      children: /* @__PURE__ */ o(C, {
+        axiosOperation: N,
+        children: /* @__PURE__ */ o(y, {
+          history: c,
+          children: /* @__PURE__ */ o(A, {
+            isMicroFrontEnd: !1,
+            getLocaleFromNetwork: k,
+            children: /* @__PURE__ */ o(O, {
+              domainCountryId: 1,
+              isMicroFrontEnd: !1,
+              children: /* @__PURE__ */ o(T, {
+                children: /* @__PURE__ */ o(B, {
+                  user: i,
+                  pwd: n,
+                  children: s
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  });
+}
+export {
+  U as M
+};

package/components/MFIsolationApp/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MFIsolationAppProps } from './types';
+export declare function MFIsolationApp(props: MFIsolationAppProps): JSX.Element;
+export default MFIsolationApp;

package/components/MFIsolationApp/subcomponents/MFAuthApp/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MFAuthAppProps } from './types';
+export declare function MFAuthApp(props: MFAuthAppProps): JSX.Element;
+export default MFAuthApp;

package/components/MFIsolationApp/subcomponents/MFAuthApp/types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare type MFAuthAppProps = {
+    user: string;
+    pwd: string;
+    children: ReactNode;
+};

package/components/MFIsolationApp/types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export declare type MFIsolationAppProps = {
+    host_api_local: string;
+    host_api_remote: string;
+    host_static_assets: string;
+    environment_assets: string;
+    user: string;
+    pwd: string;
+    children: ReactNode;
+};

package/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './MFIsolationApp';
+export * from './MFHostApp';
+export type { ByHostProps } from './MFHostApp/types';

package/contexts/AuthContext/index.6f966215.js

@@ -0,0 +1,130 @@
+import { createContext as T, useReducer as y, useEffect as d } from "react";
+import { useHostTools as E, useNetwork as S, useEnvironment as v, useLocalStorageWithListener as N, EmitEvents as O, getLocalStorage as w, setLocalStorage as r } from "@m4l/core";
+import { jsx as D } from "react/jsx-runtime";
+var n = /* @__PURE__ */ ((e) => (e.Initial = "INITIALIZE", e.Login = "LOGIN", e.Logout = "LOGOUT", e))(n || {});
+const _ = {
+  isAuthenticated: !1,
+  isInitialized: !1,
+  user: null
+}, P = (e, t) => {
+  switch (t.type) {
+    case "INITIALIZE":
+      return {
+        isAuthenticated: t.payload.isAuthenticated,
+        isInitialized: !0,
+        user: t.payload.user
+      };
+    case "LOGIN":
+      return {
+        ...e,
+        isAuthenticated: !0,
+        user: t.payload.user
+      };
+    case "LOGOUT":
+      return {
+        ...e,
+        isAuthenticated: !1,
+        user: null
+      };
+    default:
+      return e;
+  }
+}, x = T(null);
+function z(e) {
+  e({
+    type: n.Initial,
+    payload: {
+      isAuthenticated: !1,
+      user: null
+    }
+  });
+}
+function R(e) {
+  const {
+    children: t
+  } = e, [h, s] = y(P, _), {
+    events_add_listener: I
+  } = E(), {
+    networkOperation: u
+  } = S(), {
+    domain_token: m
+  } = v(), [f, l] = N(
+    "vSession",
+    new Date().getTime() + ""
+  );
+  d(() => {
+    (async () => {
+      u({
+        method: "GET",
+        endPoint: "auth/login",
+        parms: {
+          user_data: !0
+        },
+        checkUnAuthorized: !1
+      }).then((a) => {
+        s({
+          type: n.Initial,
+          payload: {
+            isAuthenticated: !0,
+            user: a.user
+          }
+        }), w("userData", {
+          email: a.user.email,
+          remember: !0
+        })?.email !== a.user.email && r("userData", {
+          email: a.user.email
+        }, !0);
+      }).catch(() => {
+        z(s);
+      });
+    })();
+  }, [f]);
+  const g = async (i, a, o) => {
+    await u({
+      endPoint: "auth/login",
+      method: "POST",
+      data: {
+        email: i,
+        password: a,
+        domain_token: m
+      }
+    }).then((A) => {
+      const L = A.data;
+      o ? r("userData", {
+        email: i,
+        remember: o
+      }) : r("userData", {
+        email: "",
+        remember: o
+      }), s({
+        type: n.Login,
+        payload: {
+          user: L
+        }
+      }), l(new Date().getTime() + "");
+    });
+  }, c = async (i) => {
+    i && await u({
+      endPoint: "auth/logout",
+      method: "POST"
+    }), s({
+      type: n.Logout
+    }), l(new Date().getTime() + "");
+  }, p = () => {
+    c(!1);
+  };
+  return d(() => {
+    I(O.EMMIT_EVENT_NET_SERVICE_UNAUTHORIZED, p);
+  }, []), /* @__PURE__ */ D(x.Provider, {
+    value: {
+      ...h,
+      login: g,
+      logout: c
+    },
+    children: t
+  });
+}
+export {
+  R as A,
+  x as a
+};

package/contexts/AuthContext/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { AuthProviderProps, SessionContextType } from './types';
+declare const AuthContext: import("react").Context<SessionContextType | null>;
+declare function AuthProvider(props: AuthProviderProps): JSX.Element;
+export { AuthContext, AuthProvider };

package/contexts/AuthContext/types.d.ts

@@ -0,0 +1,54 @@
+import { Maybe } from '@m4l/core';
+import { ReactNode } from 'react';
+export declare enum EnumTypes {
+    Initial = "INITIALIZE",
+    Login = "LOGIN",
+    Logout = "LOGOUT"
+}
+export declare type AuthProviderProps = {
+    children: ReactNode;
+};
+export declare type ActionMap<M extends {
+    [index: string]: any;
+}> = {
+    [Key in keyof M]: M[Key] extends undefined ? {
+        type: Key;
+    } : {
+        type: Key;
+        payload: M[Key];
+    };
+};
+export declare type SessionAuthPayload = {
+    [EnumTypes.Initial]: {
+        isAuthenticated: boolean;
+        user: AuthUser;
+    };
+    [EnumTypes.Login]: {
+        user: AuthUser;
+    };
+    [EnumTypes.Logout]: undefined;
+};
+export declare type SessionActions = ActionMap<SessionAuthPayload>[keyof ActionMap<SessionAuthPayload>];
+export declare type AuthStoreState = {
+    user: User;
+    remember?: boolean;
+};
+export interface User {
+    email: string;
+    id: number;
+    first_name: string;
+    last_name: string;
+    account_id: number;
+    domain_country_id: number;
+    avatar_url?: Maybe<string>;
+}
+export declare type AuthUser = Maybe<User>;
+export declare type AuthState = {
+    isAuthenticated: boolean;
+    isInitialized: boolean;
+    user: AuthUser;
+};
+export interface SessionContextType extends AuthState {
+    login: (email: string, password: string, remember: boolean) => object | undefined;
+    logout: (isAuthenticated: boolean) => Promise<void>;
+}

package/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from './AuthContext';

package/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useMasterDetail';
+export * from './useAuth';
 export * from './useModule';

package/hooks/useAuth/index.cb6a3420.js

@@ -0,0 +1,11 @@
+import { useContext as o } from "react";
+import { a as e } from "../../contexts/AuthContext/index.6f966215.js";
+const n = () => {
+  const t = o(e);
+  if (!t)
+    throw new Error("Auth context must be use inside AuthProvider");
+  return t;
+};
+export {
+  n as u
+};

package/hooks/useAuth/index.d.ts

@@ -0,0 +1,2 @@
+export declare const useAuth: () => import("../../contexts/AuthContext/types").SessionContextType;
+export default useAuth;

package/index.d.ts

@@ -1,2 +1,4 @@
+export * from './components';
+export * from './contexts';
 export * from './layouts';
 export * from './hooks';

package/index.js

@@ -1,25 +1,38 @@
-import { a as p, d as l, g as y } from "./layouts/ModuleLayout/index.842072c5.js";
-import "@m4l/components";
+import { M as n } from "./components/MFIsolationApp/index.967f891d.js";
+import { M as f } from "./components/MFHostApp/index.60578754.js";
+import { a as D, A } from "./contexts/AuthContext/index.6f966215.js";
+import { a as c, d as g, g as h } from "./layouts/ModuleLayout/index.842072c5.js";
+import { a as N, d as F, g as v } from "./layouts/MasterDetailLayout/index.71de0dc7.js";
+import { N as I, d as P, g as b } from "./layouts/NoAuthModuleLayout/index.5d1098ef.js";
+import { u as k } from "./hooks/useMasterDetail/index.8e9e900b.js";
+import { u as w } from "./hooks/useAuth/index.cb6a3420.js";
+import { u as B } from "./hooks/useModule/index.096d7d13.js";
 import "react";
-import "@m4l/core";
-import { a as n, d as M, g as D } from "./layouts/MasterDetailLayout/index.71de0dc7.js";
+import "react-router-dom";
+import "react-toastify";
 import "@m4l/graphics";
-import "@mui/material";
+import "@m4l/core";
+import "./node_modules.6a6cd7c4.js";
+import "./vendor.9dd106b8.js";
 import "react/jsx-runtime";
-import { N as L, d as c, g } from "./layouts/NoAuthModuleLayout/index.5d1098ef.js";
-import { u as N } from "./hooks/useMasterDetail/index.8e9e900b.js";
-import { u as A } from "./hooks/useModule/index.096d7d13.js";
+import "@m4l/components";
+import "@mui/material";
 import "@mui/material/styles";
 export {
-  n as MasterDetailLayout,
-  p as ModuleLayout,
-  L as NoAuthModuleLayout,
-  M as defaultMasterDetailDictionary,
-  l as defaultModuleLayoutDictionary,
-  c as defaultNoAuthModuleLayoutDictionary,
-  D as getMasterDetailLayoutComponentsDictionary,
-  y as getModuleLayoutComponentsDictionary,
-  g as getNoAuthModuleLayoutComponentsDictionary,
-  N as useMasterDetail,
-  A as useModule
+  D as AuthContext,
+  A as AuthProvider,
+  f as MFHostApp,
+  n as MFIsolationApp,
+  N as MasterDetailLayout,
+  c as ModuleLayout,
+  I as NoAuthModuleLayout,
+  F as defaultMasterDetailDictionary,
+  g as defaultModuleLayoutDictionary,
+  P as defaultNoAuthModuleLayoutDictionary,
+  v as getMasterDetailLayoutComponentsDictionary,
+  h as getModuleLayoutComponentsDictionary,
+  b as getNoAuthModuleLayoutComponentsDictionary,
+  w as useAuth,
+  k as useMasterDetail,
+  B as useModule
 };