@m4l/core 0.1.13 → 0.1.15
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.
- package/contexts/DomainContext/index.d.ts +5 -0
- package/contexts/DomainContext/index.js +54 -0
- package/contexts/DomainContext/types.d.ts +10 -0
- package/contexts/FlagsContext/index.js +1 -0
- package/contexts/ModuleDictionaryContext/index.js +7 -3
- package/contexts/ModulePrivilegesContext/index.js +1 -0
- package/contexts/ModuleSkeletonContext/index.js +1 -0
- package/contexts/index.d.ts +1 -0
- package/hooks/index.d.ts +1 -0
- package/hooks/useDomain/index.d.ts +2 -0
- package/hooks/useDomain/index.js +9 -0
- package/hooks/useModuleSkeleton/index.js +1 -0
- package/index.js +3 -0
- package/package.json +1 -1
- package/utils/axiosOperation.js +3 -1
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DomainProviderProps, Domain } from './types';
|
|
3
|
+
declare const DomainContext: import("react").Context<Domain>;
|
|
4
|
+
declare function DomainProvider(props: DomainProviderProps): JSX.Element;
|
|
5
|
+
export { DomainProvider, DomainContext };
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { createContext, useState, useEffect } from "react";
|
|
2
|
+
import { useEnvironment, useFlags, useNetwork } from "@m4l/core";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
const initialState = {
|
|
5
|
+
company_logo_small_url: "",
|
|
6
|
+
company_logo_normal_url: "",
|
|
7
|
+
name: ""
|
|
8
|
+
};
|
|
9
|
+
console.log("DomainContext createContext");
|
|
10
|
+
const DomainContext = createContext(initialState);
|
|
11
|
+
function DomainProvider(props) {
|
|
12
|
+
const {
|
|
13
|
+
children
|
|
14
|
+
} = props;
|
|
15
|
+
const {
|
|
16
|
+
domain_token
|
|
17
|
+
} = useEnvironment();
|
|
18
|
+
const {
|
|
19
|
+
addFlag
|
|
20
|
+
} = useFlags();
|
|
21
|
+
const [domain, setDomain] = useState({
|
|
22
|
+
company_logo_small_url: "",
|
|
23
|
+
company_logo_normal_url: "",
|
|
24
|
+
name: ""
|
|
25
|
+
});
|
|
26
|
+
const {
|
|
27
|
+
networkOperation
|
|
28
|
+
} = useNetwork();
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
let mounted = true;
|
|
31
|
+
networkOperation({
|
|
32
|
+
method: "GET",
|
|
33
|
+
endPoint: `na/info/${domain_token}`
|
|
34
|
+
}).then((response) => {
|
|
35
|
+
if (mounted) {
|
|
36
|
+
setDomain({
|
|
37
|
+
...response.data
|
|
38
|
+
});
|
|
39
|
+
addFlag("domain_loaded");
|
|
40
|
+
}
|
|
41
|
+
}).finally(() => {
|
|
42
|
+
});
|
|
43
|
+
return function cleanUp() {
|
|
44
|
+
mounted = false;
|
|
45
|
+
};
|
|
46
|
+
}, []);
|
|
47
|
+
return /* @__PURE__ */ jsx(DomainContext.Provider, {
|
|
48
|
+
value: {
|
|
49
|
+
...domain
|
|
50
|
+
},
|
|
51
|
+
children
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
export { DomainContext as D, DomainProvider as a };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface Domain {
|
|
3
|
+
name: string;
|
|
4
|
+
company_logo_small_url: string;
|
|
5
|
+
company_logo_normal_url: string;
|
|
6
|
+
}
|
|
7
|
+
export interface DomainProviderProps {
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare type DomainContextProps = Domain;
|
|
@@ -2,6 +2,7 @@ import { createContext, useState, useEffect, useCallback } from "react";
|
|
|
2
2
|
import { u as useEnvironment } from "../../hooks/useEnvironment/index.js";
|
|
3
3
|
import { u as useFlags } from "../../hooks/useFlags/index.js";
|
|
4
4
|
import { u as useHostTools } from "../../hooks/useHostTools/index.js";
|
|
5
|
+
import "../DomainContext/index.js";
|
|
5
6
|
import "../ModulePrivilegesContext/index.js";
|
|
6
7
|
import "../ModuleSkeletonContext/index.js";
|
|
7
8
|
import { u as useNetwork } from "../../hooks/useNetwork/index.js";
|
|
@@ -10,6 +11,7 @@ const initialState = {
|
|
|
10
11
|
getLabel: () => "..",
|
|
11
12
|
getModuleLabel: () => "No dictionary context"
|
|
12
13
|
};
|
|
14
|
+
console.log("ModuleDictionaryContext createContext");
|
|
13
15
|
const ModuleDictionaryContext = createContext(initialState);
|
|
14
16
|
function ModuleDictionaryProvider(props) {
|
|
15
17
|
const {
|
|
@@ -17,7 +19,7 @@ function ModuleDictionaryProvider(props) {
|
|
|
17
19
|
componentsDictionary,
|
|
18
20
|
moduleId,
|
|
19
21
|
moduleName = "module_name",
|
|
20
|
-
currentLang = "
|
|
22
|
+
currentLang = "en",
|
|
21
23
|
isAuth = true
|
|
22
24
|
} = props;
|
|
23
25
|
const {
|
|
@@ -43,11 +45,13 @@ function ModuleDictionaryProvider(props) {
|
|
|
43
45
|
parms: {
|
|
44
46
|
comps: componentsDictionary,
|
|
45
47
|
...isAuth ? {} : {
|
|
46
|
-
domain_token
|
|
48
|
+
domain_token,
|
|
49
|
+
lang: currentLang
|
|
47
50
|
}
|
|
48
51
|
}
|
|
49
52
|
}).then((response) => {
|
|
50
53
|
if (mounted) {
|
|
54
|
+
console.log("useEffect - ModuleProvider - response");
|
|
51
55
|
setModuleDictionary({
|
|
52
56
|
...response
|
|
53
57
|
});
|
|
@@ -62,7 +66,7 @@ function ModuleDictionaryProvider(props) {
|
|
|
62
66
|
}, [currentLang]);
|
|
63
67
|
const getLabel = useCallback((key) => {
|
|
64
68
|
if (moduleDictionary === void 0)
|
|
65
|
-
return "
|
|
69
|
+
return "";
|
|
66
70
|
if (key === void 0)
|
|
67
71
|
return "No key";
|
|
68
72
|
const parts = key.split(".");
|
|
@@ -2,6 +2,7 @@ import { createContext, useState, useEffect, useCallback } from "react";
|
|
|
2
2
|
import "../EnvironmentContext/index.js";
|
|
3
3
|
import { u as useFlags } from "../../hooks/useFlags/index.js";
|
|
4
4
|
import { u as useHostTools } from "../../hooks/useHostTools/index.js";
|
|
5
|
+
import "../DomainContext/index.js";
|
|
5
6
|
import "../ModuleDictionaryContext/index.js";
|
|
6
7
|
import "../ModuleSkeletonContext/index.js";
|
|
7
8
|
import { u as useNetwork } from "../../hooks/useNetwork/index.js";
|
|
@@ -2,6 +2,7 @@ import { createContext } from "react";
|
|
|
2
2
|
import "../EnvironmentContext/index.js";
|
|
3
3
|
import { a as useFlagsPresent } from "../../hooks/useFlags/index.js";
|
|
4
4
|
import "../HostToolsContext/index.js";
|
|
5
|
+
import "../DomainContext/index.js";
|
|
5
6
|
import "../ModuleDictionaryContext/index.js";
|
|
6
7
|
import "../ModulePrivilegesContext/index.js";
|
|
7
8
|
import "../NetworkContext/index.js";
|
package/contexts/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export { EnvironmentContext, EnvironmentProvider } from './EnvironmentContext';
|
|
|
2
2
|
export { HostToolsContext, HostToolsProvider } from './HostToolsContext';
|
|
3
3
|
export { NetworkContext, NetworkProvider } from './NetworkContext';
|
|
4
4
|
export { FlagsContext, FlagsProvider } from './FlagsContext';
|
|
5
|
+
export { DomainContext, DomainProvider } from './DomainContext';
|
|
5
6
|
export { ModuleDictionaryContext, ModuleDictionaryProvider } from './ModuleDictionaryContext';
|
|
6
7
|
export { ModulePrivilegesContext, ModulePrivilegesProvider } from './ModulePrivilegesContext';
|
|
7
8
|
export { ModuleSkeletonContext, ModuleSkeletonProvider } from './ModuleSkeletonContext';
|
package/hooks/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { useEnvironment } from './useEnvironment';
|
|
2
2
|
export { useFlags, useFlagsPresent } from './useFlags';
|
|
3
3
|
export { useHostTools } from './useHostTools';
|
|
4
|
+
export { useDomain } from './useDomain';
|
|
4
5
|
export { useLocalStorage } from './useLocalStorage';
|
|
5
6
|
export { useModuleDictionary } from './useModuleDictionary';
|
|
6
7
|
export { useModulePrivileges } from './useModulePrivileges';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { useContext } from "react";
|
|
2
|
+
import { D as DomainContext } from "../../contexts/DomainContext/index.js";
|
|
3
|
+
const useDomain = () => {
|
|
4
|
+
const context = useContext(DomainContext);
|
|
5
|
+
if (!context)
|
|
6
|
+
throw new Error("useDomain context must be use inside DomainContext");
|
|
7
|
+
return context;
|
|
8
|
+
};
|
|
9
|
+
export { useDomain as u };
|
|
@@ -2,6 +2,7 @@ import { useContext } from "react";
|
|
|
2
2
|
import { M as ModuleSkeletonContext } from "../../contexts/ModuleSkeletonContext/index.js";
|
|
3
3
|
const useModuleSkeleton = () => {
|
|
4
4
|
const context = useContext(ModuleSkeletonContext);
|
|
5
|
+
console.log("useModuleSkeleton", context);
|
|
5
6
|
if (!context)
|
|
6
7
|
throw new Error("useModuleSkeleton context must be use inside ModuleSkeletonContext");
|
|
7
8
|
return context.isSkeleton;
|
package/index.js
CHANGED
|
@@ -2,6 +2,7 @@ import "react";
|
|
|
2
2
|
export { E as EnvironmentContext, a as EnvironmentProvider } from "./contexts/EnvironmentContext/index.js";
|
|
3
3
|
export { F as FlagsContext, a as FlagsProvider } from "./contexts/FlagsContext/index.js";
|
|
4
4
|
export { H as HostToolsContext, a as HostToolsProvider } from "./contexts/HostToolsContext/index.js";
|
|
5
|
+
export { D as DomainContext, a as DomainProvider } from "./contexts/DomainContext/index.js";
|
|
5
6
|
export { M as ModuleDictionaryContext, a as ModuleDictionaryProvider } from "./contexts/ModuleDictionaryContext/index.js";
|
|
6
7
|
export { M as ModulePrivilegesContext, a as ModulePrivilegesProvider } from "./contexts/ModulePrivilegesContext/index.js";
|
|
7
8
|
export { M as ModuleSkeletonContext, a as ModuleSkeletonProvider } from "./contexts/ModuleSkeletonContext/index.js";
|
|
@@ -9,6 +10,7 @@ export { N as NetworkContext, a as NetworkProvider } from "./contexts/NetworkCon
|
|
|
9
10
|
export { u as useEnvironment } from "./hooks/useEnvironment/index.js";
|
|
10
11
|
export { u as useFlags, a as useFlagsPresent } from "./hooks/useFlags/index.js";
|
|
11
12
|
export { u as useHostTools } from "./hooks/useHostTools/index.js";
|
|
13
|
+
export { u as useDomain } from "./hooks/useDomain/index.js";
|
|
12
14
|
export { u as useLocalStorage } from "./hooks/useLocalStorage/index.js";
|
|
13
15
|
export { u as useModuleDictionary } from "./hooks/useModuleDictionary/index.js";
|
|
14
16
|
export { u as useModulePrivileges } from "./hooks/useModulePrivileges/index.js";
|
|
@@ -19,5 +21,6 @@ export { E as EmitEvents } from "./types/index.js";
|
|
|
19
21
|
export { a as getLocalStorage, g as getPropertyByString, s as setLocalStorage, v as voidFunction } from "./utils/index.js";
|
|
20
22
|
export { a as axiosOperation } from "./utils/axiosOperation.js";
|
|
21
23
|
import "react/jsx-runtime";
|
|
24
|
+
import "@m4l/core";
|
|
22
25
|
import "./external/axios.js";
|
|
23
26
|
import "qs";
|
package/package.json
CHANGED
package/utils/axiosOperation.js
CHANGED
|
@@ -2,7 +2,6 @@ import { a as axios } from "../external/axios.js";
|
|
|
2
2
|
import qs from "qs";
|
|
3
3
|
import { E as EmitEvents } from "../types/index.js";
|
|
4
4
|
function getResponse(endPoint, response, hostTools) {
|
|
5
|
-
console.log("Axios response", response, typeof response.data);
|
|
6
5
|
const { toast } = hostTools;
|
|
7
6
|
if (response && response.data && typeof response.data === "object") {
|
|
8
7
|
if (response.data.error && response.data.error?.code && response.data.error?.msg !== void 0) {
|
|
@@ -48,6 +47,9 @@ function getError(error, hostTools, checkUnAuthorized = true) {
|
|
|
48
47
|
err.status = 0;
|
|
49
48
|
err.code = -2;
|
|
50
49
|
}
|
|
50
|
+
if (error?.response?.data?.error?.message) {
|
|
51
|
+
err.message = error?.response?.data?.error.message;
|
|
52
|
+
}
|
|
51
53
|
if (checkUnAuthorized) {
|
|
52
54
|
toast(`${err.message} - status: ${err.status} - code: ${err.code}`, { type: "error" });
|
|
53
55
|
}
|