sixseconds-modules 1.4.8 → 1.5.0
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/README.md +50 -50
- package/dist/components/header/type.d.ts +66 -64
- package/dist/components/header/userProfile.d.ts +2 -2
- package/dist/index.cjs.js +11 -28
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +11 -28
- package/dist/index.es.js.map +1 -1
- package/dist/types/custom.d.ts +25 -23
- package/dist/types/htmlElements.d.ts +7 -5
- package/dist/types/index.d.ts +4 -4
- package/dist/types/reactTypes.d.ts +5 -3
- package/dist/vite-env.d.ts +2 -2
- package/package.json +97 -95
package/README.md
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
# React + TypeScript + Vite
|
|
2
|
-
|
|
3
|
-
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
4
|
-
|
|
5
|
-
Currently, two official plugins are available:
|
|
6
|
-
|
|
7
|
-
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
|
8
|
-
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
9
|
-
|
|
10
|
-
## Expanding the ESLint configuration
|
|
11
|
-
|
|
12
|
-
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
|
|
13
|
-
|
|
14
|
-
- Configure the top-level `parserOptions` property like this:
|
|
15
|
-
|
|
16
|
-
```js
|
|
17
|
-
export default tseslint.config({
|
|
18
|
-
languageOptions: {
|
|
19
|
-
// other options...
|
|
20
|
-
parserOptions: {
|
|
21
|
-
project: ["./tsconfig.node.json", "./tsconfig.app.json"],
|
|
22
|
-
tsconfigRootDir: import.meta.dirname,
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
})
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
|
|
29
|
-
- Optionally add `...tseslint.configs.stylisticTypeChecked`
|
|
30
|
-
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
|
|
31
|
-
|
|
32
|
-
```js
|
|
33
|
-
// eslint.config.js
|
|
34
|
-
import react from "eslint-plugin-react"
|
|
35
|
-
|
|
36
|
-
export default tseslint.config({
|
|
37
|
-
// Set the react version
|
|
38
|
-
settings: { react: { version: "18.3" } },
|
|
39
|
-
plugins: {
|
|
40
|
-
// Add the react plugin
|
|
41
|
-
react,
|
|
42
|
-
},
|
|
43
|
-
rules: {
|
|
44
|
-
// other rules...
|
|
45
|
-
// Enable its recommended rules
|
|
46
|
-
...react.configs.recommended.rules,
|
|
47
|
-
...react.configs["jsx-runtime"].rules,
|
|
48
|
-
},
|
|
49
|
-
})
|
|
50
|
-
```
|
|
1
|
+
# React + TypeScript + Vite
|
|
2
|
+
|
|
3
|
+
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
4
|
+
|
|
5
|
+
Currently, two official plugins are available:
|
|
6
|
+
|
|
7
|
+
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
|
8
|
+
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
9
|
+
|
|
10
|
+
## Expanding the ESLint configuration
|
|
11
|
+
|
|
12
|
+
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
|
|
13
|
+
|
|
14
|
+
- Configure the top-level `parserOptions` property like this:
|
|
15
|
+
|
|
16
|
+
```js
|
|
17
|
+
export default tseslint.config({
|
|
18
|
+
languageOptions: {
|
|
19
|
+
// other options...
|
|
20
|
+
parserOptions: {
|
|
21
|
+
project: ["./tsconfig.node.json", "./tsconfig.app.json"],
|
|
22
|
+
tsconfigRootDir: import.meta.dirname,
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
})
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
|
|
29
|
+
- Optionally add `...tseslint.configs.stylisticTypeChecked`
|
|
30
|
+
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
|
|
31
|
+
|
|
32
|
+
```js
|
|
33
|
+
// eslint.config.js
|
|
34
|
+
import react from "eslint-plugin-react"
|
|
35
|
+
|
|
36
|
+
export default tseslint.config({
|
|
37
|
+
// Set the react version
|
|
38
|
+
settings: { react: { version: "18.3" } },
|
|
39
|
+
plugins: {
|
|
40
|
+
// Add the react plugin
|
|
41
|
+
react,
|
|
42
|
+
},
|
|
43
|
+
rules: {
|
|
44
|
+
// other rules...
|
|
45
|
+
// Enable its recommended rules
|
|
46
|
+
...react.configs.recommended.rules,
|
|
47
|
+
...react.configs["jsx-runtime"].rules,
|
|
48
|
+
},
|
|
49
|
+
})
|
|
50
|
+
```
|
|
@@ -1,66 +1,68 @@
|
|
|
1
1
|
import { APP_NAMES } from '../../constants';
|
|
2
2
|
import { SxProps } from '@mui/material';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
//
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
export interface IState {
|
|
6
|
+
languages: string[]
|
|
7
|
+
menuData: []
|
|
8
|
+
toggles: {
|
|
9
|
+
appMenus: boolean
|
|
10
|
+
notification: boolean
|
|
11
|
+
logout: boolean
|
|
12
|
+
lang: boolean
|
|
13
|
+
dropDownMenu: boolean
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface INotificationState {
|
|
18
|
+
notificationData: Notification[]
|
|
19
|
+
page: number
|
|
20
|
+
currentPage: number
|
|
21
|
+
lastPage: number
|
|
22
|
+
requestAcceptedDialog?: boolean
|
|
23
|
+
userRequest?: any
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export interface IUserDataProps {
|
|
27
|
+
userprofile: string
|
|
28
|
+
email: string
|
|
29
|
+
role: string
|
|
30
|
+
fullName: string
|
|
31
|
+
appName: (typeof APP_NAMES)[keyof typeof APP_NAMES]
|
|
32
|
+
appAccess: {
|
|
33
|
+
name: item.appAccess
|
|
34
|
+
icon: item.appIcon
|
|
35
|
+
link: item.redirectUrl
|
|
36
|
+
type: item.type
|
|
37
|
+
}[]
|
|
38
|
+
notificationCount: number
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export interface IInterFaceLang {
|
|
42
|
+
label: item.label
|
|
43
|
+
value: item.value
|
|
44
|
+
flag: item.getFlagUrl
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
export interface IHeaderProps {
|
|
48
|
+
userData?: IUserDataProps
|
|
49
|
+
interFaceLangList?: IInterFaceLang[]
|
|
50
|
+
// toggleSiderMenu,
|
|
51
|
+
// updateInterfaceLang,
|
|
52
|
+
// logoutHandler
|
|
53
|
+
selectedInterFaceLang: IInterFaceLang
|
|
54
|
+
isNotification: boolean
|
|
55
|
+
isMenu: boolean
|
|
56
|
+
isAccessAppMenu: boolean
|
|
57
|
+
extraMenuOptions: {
|
|
58
|
+
components: React.ReactNode
|
|
59
|
+
isViewProfile: boolean
|
|
60
|
+
isChangePassword: boolean
|
|
61
|
+
isEditProfile: boolean
|
|
62
|
+
}
|
|
63
|
+
sx?: SxProps
|
|
64
|
+
logo: React.ReactNode
|
|
65
|
+
frontCustomComponent?: React.ReactNode
|
|
66
|
+
centerCustomComponents?: React.ReactNode
|
|
67
|
+
endCustomComponents?: React.ReactNode
|
|
68
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { IState } from './type';
|
|
1
|
+
import { IState, IUserDataProps } from './type';
|
|
2
2
|
import { SetStateAction } from '../../types';
|
|
3
3
|
interface IProps {
|
|
4
|
-
userData:
|
|
4
|
+
userData: IUserDataProps;
|
|
5
5
|
initialState: IState;
|
|
6
6
|
setInitialState?: SetStateAction<IState>;
|
|
7
7
|
extraMenuOptions?: any;
|
package/dist/index.cjs.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
try {
|
|
4
4
|
if (typeof document != "undefined") {
|
|
5
5
|
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");\n\n:root {\n --background: #ffffff;\n --foreground: #171717;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --background: #0a0a0a;\n --foreground: #ededed;\n }\n}\n\nbody {\n font-family: "Inter", serif !important;\n margin: 0;\n padding: 0;\n color: var(--foreground);\n background: var(--background);\n}\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n font-family: "Inter", serif !important;\n}\n\n.MuiTypography-root {\n font-family: "Inter", serif !important;\n}\n\n.search input {\n padding: 8.5px 6px 8.5px 33px !important;\n}\n\n.MuiAutocomplete-root .MuiOutlinedInput-root {\n padding: 2px 10px !important;\n}\n\ninput {\n height: 36px;\n}\n\n.activeUrl {\n color: #007fc0;\n}\n\n/* .login_page:has(.MuiContainer-root) {\n width: 100% !important;\n padding: 0;\n background-color: pink;\n} */\n\n.MuiAutocomplete-input {\n padding: 4.5px !important;\n}\n\n.upload_div {\n cursor: pointer;\n width: 125px;\n}\n\n.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {\n width: 100% !important;\n}\n\n.upload_button {\n background-color: #007fc0;\n color: #fff;\n border-radius: 5px;\n white-space: nowrap;\n padding: 7px 10px;\n cursor: pointer;\n width: 100%;\n}\n\n.upload_div input {\n position: absolute;\n left: 0;\n width: 100%;\n opacity: 0;\n}\n\n.upload_div .delete_btn {\n background-color: #ddd;\n border: 1px solid #ccc;\n margin-top: 10px;\n border-radius: 5px;\n text-align: center;\n width: 100%;\n}\n\nbody {\n background-color: #f6f6f6;\n}\n\n.login_page:has body {\n background-color: #f6f6f6 !important;\n}\n\n.MuiTableHead-root,\n.MuiTableCell-root,\n.MuiInputBase-formControl {\n font-family: "Inter", serif !important;\n}\n\ninput:-webkit-autofill {\n padding: 0 10px;\n}\n\n.MuiPagination-root.MuiPagination-outlined {\n /* margin-top: 10px; */\n display: flex;\n justify-content: end;\n}\n\n.pagination {\n margin-top: 10px;\n}\n\n.tox-statusbar {\n display: none !important;\n}\n\n.tox-tinymce {\n border: 1px solid #0000003b !important;\n}\n\n.manage_payment tr th:nth-child(2) {\n text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) {\n text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) div {\n display: flex;\n justify-content: center;\n}\n\n.MuiTableContainer-root::-webkit-scrollbar {\n width: 5px;\n height: 8px;\n}\n\n.main.login_page .loginBody {\n width: 800px !important;\n}\n\n.main_list_Menu {\n display: flex;\n}\n\n.main_list_Menu li {\n padding: 0.5rem 0.5rem;\n}\n\n.main_list_Menu li a {\n padding: 0 0.25rem;\n font-weight: 600;\n font-size: 14px;\n}\n\n.main_list_Menu .menu-item {\n position: relative;\n padding: 15px;\n}\n\n.main_list_Menu .menu-link {\n text-decoration: none;\n color: #2c2e35;\n transition: color 0.3s ease;\n}\n\n.main_list_Menu .menu-link:hover {\n color: #2ea3f2;\n}\n\n/* Submenu (Dropdown) */\n\n.main_list_Menu .submenuData {\n position: absolute;\n top: 85%;\n left: 0;\n background: white;\n border-top: 3px solid #2ea3f2;\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n display: none;\n min-width: 200px;\n z-index: 10;\n}\n\n.main_list_Menu .submenuData li {\n list-style: none;\n}\n\n.main_list_Menu .submenu-link {\n display: block;\n padding: 1px 15px;\n text-decoration: none;\n color: rgba(0, 0, 0, 0.7);\n font-weight: 600;\n}\n\n.main_list_Menu .submenu-link:hover {\n background: #f1f1f1;\n}\n\n/* Show dropdown on hover */\n\n.main_list_Menu .menu-item:hover .submenuData {\n display: block;\n}\n\n.smallDeviceMenu {\n display: none;\n width: 100%;\n left: 0;\n top: 72px;\n background-color: #fff;\n position: fixed;\n overflow-y: auto;\n height: 95vh;\n}\n\n.smallDeviceMenu a.bg_main_menu {\n display: block;\n}\n\n.layout_mobile_menu {\n padding-bottom: 12px;\n padding-inline: 0;\n height: 95vh;\n overflow-y: auto;\n padding-top: 8px;\n}\n\n.smallDeviceMenu a {\n background-color: rgba(0, 0, 0, 0.03);\n font-size: 15px;\n font-weight: 600;\n color: #2c2e35;\n margin-bottom: 4px;\n padding: 12px 8px;\n}\n\n.smallDeviceMenu .submenu_child {\n padding-left: 15px;\n min-width: 90%;\n max-width: 90%;\n top: 57px;\n margin-top: 8px;\n background-color: #fff;\n color: #000;\n margin-inline: auto;\n}\n\n.smallDeviceMenu ul li .submenu_child_link {\n padding: 12px 20px;\n}\n\n.smallDeviceMenu ul li a {\n background-color: transparent;\n color: #000000b3;\n}\n\n.smallDeviceMenu ul {\n padding-left: 15px;\n}\n\n.desktopMenu {\n display: flex;\n}\n\n.button_hamburger {\n display: none;\n position: absolute;\n right: 20px;\n top: 25px;\n z-index: 9;\n}\n\n.tox-editor-header {\n background-color: transparent;\n}\n\n.hamburger-icon-btn {\n padding: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.desktopMenu .menu-item .menu-link {\n font-size: 15px;\n}\n\n.smallDeviceMenu {\n padding-inline: 20px;\n}\n\n::-webkit-scrollbar {\n width: 10px;\n background-color: #aaa;\n border-radius: 10px;\n}\n\n/* Track */\n\n::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px grey;\n border-radius: 10px;\n}\n\n/* Handle */\n\n::-webkit-scrollbar-thumb {\n background: #717070;\n border-radius: 10px;\n}\n\n/* Handle on hover */\n\n::-webkit-scrollbar-thumb:hover {\n background: #b30000;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n .notification_icon_error .MuiBadge-badge {\n font-size: 11px;\n padding: 0 3px;\n min-width: 16px;\n right: 5px;\n }\n\n .submenu nav {\n padding: 0 !important;\n }\n\n .MuiPagination-root.MuiPagination-outlined {\n /* margin-top: 10px; */\n display: flex;\n justify-content: center;\n margin-left: 0;\n }\n\n .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n z-index: 99;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 69px;\n }\n\n .main.login_page .loginBody {\n width: 400px !important;\n }\n\n .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .logo_header {\n opacity: 1;\n }\n\n .profile.headerMenu {\n min-width: 320px;\n width: auto !important;\n }\n}\n\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n }\n\n .main.login_page .loginBody {\n width: 500px !important;\n }\n\n .banner {\n margin-left: 0 !important;\n }\n\n .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .logo_header {\n opacity: 1;\n }\n\n .profile.headerMenu {\n min-width: 320px;\n width: auto !important;\n }\n}\n\n@media screen and (max-width: 1380px) and (min-width: 1024px) {\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 72px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n}'));
|
|
6
|
+
elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");\r\n\r\n:root {\r\n --background: #ffffff;\r\n --foreground: #171717;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n :root {\r\n --background: #0a0a0a;\r\n --foreground: #ededed;\r\n }\r\n}\r\n\r\nbody {\r\n font-family: "Inter", serif !important;\r\n margin: 0;\r\n padding: 0;\r\n color: var(--foreground);\r\n background: var(--background);\r\n}\r\n\r\nblockquote,\r\ndl,\r\ndd,\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\nhr,\r\nfigure,\r\np,\r\npre {\r\n font-family: "Inter", serif !important;\r\n}\r\n\r\n.MuiTypography-root {\r\n font-family: "Inter", serif !important;\r\n}\r\n\r\n.search input {\r\n padding: 8.5px 6px 8.5px 33px !important;\r\n}\r\n\r\n.MuiAutocomplete-root .MuiOutlinedInput-root {\r\n padding: 2px 10px !important;\r\n}\r\n\r\ninput {\r\n height: 36px;\r\n}\r\n\r\n.activeUrl {\r\n color: #007fc0;\r\n}\r\n\r\n/* .login_page:has(.MuiContainer-root) {\r\n width: 100% !important;\r\n padding: 0;\r\n background-color: pink;\r\n} */\r\n\r\n.MuiAutocomplete-input {\r\n padding: 4.5px !important;\r\n}\r\n\r\n.upload_div {\r\n cursor: pointer;\r\n width: 125px;\r\n}\r\n\r\n.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {\r\n width: 100% !important;\r\n}\r\n\r\n.upload_button {\r\n background-color: #007fc0;\r\n color: #fff;\r\n border-radius: 5px;\r\n white-space: nowrap;\r\n padding: 7px 10px;\r\n cursor: pointer;\r\n width: 100%;\r\n}\r\n\r\n.upload_div input {\r\n position: absolute;\r\n left: 0;\r\n width: 100%;\r\n opacity: 0;\r\n}\r\n\r\n.upload_div .delete_btn {\r\n background-color: #ddd;\r\n border: 1px solid #ccc;\r\n margin-top: 10px;\r\n border-radius: 5px;\r\n text-align: center;\r\n width: 100%;\r\n}\r\n\r\nbody {\r\n background-color: #f6f6f6;\r\n}\r\n\r\n.login_page:has body {\r\n background-color: #f6f6f6 !important;\r\n}\r\n\r\n.MuiTableHead-root,\r\n.MuiTableCell-root,\r\n.MuiInputBase-formControl {\r\n font-family: "Inter", serif !important;\r\n}\r\n\r\ninput:-webkit-autofill {\r\n padding: 0 10px;\r\n}\r\n\r\n.MuiPagination-root.MuiPagination-outlined {\r\n /* margin-top: 10px; */\r\n display: flex;\r\n justify-content: end;\r\n}\r\n\r\n.pagination {\r\n margin-top: 10px;\r\n}\r\n\r\n.tox-statusbar {\r\n display: none !important;\r\n}\r\n\r\n.tox-tinymce {\r\n border: 1px solid #0000003b !important;\r\n}\r\n\r\n.manage_payment tr th:nth-child(2) {\r\n text-align: center !important;\r\n}\r\n\r\n.manage_payment tr td:nth-child(2) {\r\n text-align: center !important;\r\n}\r\n\r\n.manage_payment tr td:nth-child(2) div {\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.MuiTableContainer-root::-webkit-scrollbar {\r\n width: 5px;\r\n height: 8px;\r\n}\r\n\r\n.main.login_page .loginBody {\r\n width: 800px !important;\r\n}\r\n\r\n.main_list_Menu {\r\n display: flex;\r\n}\r\n\r\n.main_list_Menu li {\r\n padding: 0.5rem 0.5rem;\r\n}\r\n\r\n.main_list_Menu li a {\r\n padding: 0 0.25rem;\r\n font-weight: 600;\r\n font-size: 14px;\r\n}\r\n\r\n.main_list_Menu .menu-item {\r\n position: relative;\r\n padding: 15px;\r\n}\r\n\r\n.main_list_Menu .menu-link {\r\n text-decoration: none;\r\n color: #2c2e35;\r\n transition: color 0.3s ease;\r\n}\r\n\r\n.main_list_Menu .menu-link:hover {\r\n color: #2ea3f2;\r\n}\r\n\r\n/* Submenu (Dropdown) */\r\n\r\n.main_list_Menu .submenuData {\r\n position: absolute;\r\n top: 85%;\r\n left: 0;\r\n background: white;\r\n border-top: 3px solid #2ea3f2;\r\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\r\n display: none;\r\n min-width: 200px;\r\n z-index: 10;\r\n}\r\n\r\n.main_list_Menu .submenuData li {\r\n list-style: none;\r\n}\r\n\r\n.main_list_Menu .submenu-link {\r\n display: block;\r\n padding: 1px 15px;\r\n text-decoration: none;\r\n color: rgba(0, 0, 0, 0.7);\r\n font-weight: 600;\r\n}\r\n\r\n.main_list_Menu .submenu-link:hover {\r\n background: #f1f1f1;\r\n}\r\n\r\n/* Show dropdown on hover */\r\n\r\n.main_list_Menu .menu-item:hover .submenuData {\r\n display: block;\r\n}\r\n\r\n.smallDeviceMenu {\r\n display: none;\r\n width: 100%;\r\n left: 0;\r\n top: 72px;\r\n background-color: #fff;\r\n position: fixed;\r\n overflow-y: auto;\r\n height: 95vh;\r\n}\r\n\r\n.smallDeviceMenu a.bg_main_menu {\r\n display: block;\r\n}\r\n\r\n.layout_mobile_menu {\r\n padding-bottom: 12px;\r\n padding-inline: 0;\r\n height: 95vh;\r\n overflow-y: auto;\r\n padding-top: 8px;\r\n}\r\n\r\n.smallDeviceMenu a {\r\n background-color: rgba(0, 0, 0, 0.03);\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #2c2e35;\r\n margin-bottom: 4px;\r\n padding: 12px 8px;\r\n}\r\n\r\n.smallDeviceMenu .submenu_child {\r\n padding-left: 15px;\r\n min-width: 90%;\r\n max-width: 90%;\r\n top: 57px;\r\n margin-top: 8px;\r\n background-color: #fff;\r\n color: #000;\r\n margin-inline: auto;\r\n}\r\n\r\n.smallDeviceMenu ul li .submenu_child_link {\r\n padding: 12px 20px;\r\n}\r\n\r\n.smallDeviceMenu ul li a {\r\n background-color: transparent;\r\n color: #000000b3;\r\n}\r\n\r\n.smallDeviceMenu ul {\r\n padding-left: 15px;\r\n}\r\n\r\n.desktopMenu {\r\n display: flex;\r\n}\r\n\r\n.button_hamburger {\r\n display: none;\r\n position: absolute;\r\n right: 20px;\r\n top: 25px;\r\n z-index: 9;\r\n}\r\n\r\n.tox-editor-header {\r\n background-color: transparent;\r\n}\r\n\r\n.hamburger-icon-btn {\r\n padding: 8px;\r\n color: rgba(0, 0, 0, 0.54);\r\n}\r\n\r\n.desktopMenu .menu-item .menu-link {\r\n font-size: 15px;\r\n}\r\n\r\n.smallDeviceMenu {\r\n padding-inline: 20px;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n width: 10px;\r\n background-color: #aaa;\r\n border-radius: 10px;\r\n}\r\n\r\n/* Track */\r\n\r\n::-webkit-scrollbar-track {\r\n box-shadow: inset 0 0 5px grey;\r\n border-radius: 10px;\r\n}\r\n\r\n/* Handle */\r\n\r\n::-webkit-scrollbar-thumb {\r\n background: #717070;\r\n border-radius: 10px;\r\n}\r\n\r\n/* Handle on hover */\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n background: #b30000;\r\n}\r\n\r\n@media screen and (max-width: 600px) and (min-width: 320px) {\r\n .notification_icon_error .MuiBadge-badge {\r\n font-size: 11px;\r\n padding: 0 3px;\r\n min-width: 16px;\r\n right: 5px;\r\n }\r\n\r\n .submenu nav {\r\n padding: 0 !important;\r\n }\r\n\r\n .MuiPagination-root.MuiPagination-outlined {\r\n /* margin-top: 10px; */\r\n display: flex;\r\n justify-content: center;\r\n margin-left: 0;\r\n }\r\n\r\n .toogle_btn_menu {\r\n position: absolute;\r\n right: 20px;\r\n top: 18px;\r\n z-index: 99;\r\n }\r\n\r\n .right_header_icons {\r\n padding-right: 25px;\r\n }\r\n\r\n .button_hamburger {\r\n display: block;\r\n }\r\n\r\n .desktopMenu {\r\n display: none;\r\n }\r\n\r\n .smallDeviceMenu {\r\n display: block;\r\n width: 100%;\r\n position: fixed;\r\n left: 0;\r\n background: #fff;\r\n top: 69px;\r\n }\r\n\r\n .main.login_page .loginBody {\r\n width: 400px !important;\r\n }\r\n\r\n .submenu {\r\n width: 100%;\r\n max-width: 100% !important;\r\n }\r\n\r\n .sideBar {\r\n width: 300px !important;\r\n background-color: #fff;\r\n z-index: 99;\r\n }\r\n\r\n .sideMenu {\r\n width: 300px;\r\n background-color: #fff;\r\n }\r\n\r\n .logo_header {\r\n opacity: 1;\r\n }\r\n\r\n .profile.headerMenu {\r\n min-width: 320px;\r\n width: auto !important;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 1024px) and (min-width: 600px) {\r\n .toogle_btn_menu {\r\n position: absolute;\r\n right: 20px;\r\n top: 18px;\r\n }\r\n\r\n .right_header_icons {\r\n padding-right: 25px;\r\n }\r\n\r\n .button_hamburger {\r\n display: block;\r\n }\r\n\r\n .desktopMenu {\r\n display: none;\r\n }\r\n\r\n .smallDeviceMenu {\r\n display: block;\r\n }\r\n\r\n .main.login_page .loginBody {\r\n width: 500px !important;\r\n }\r\n\r\n .banner {\r\n margin-left: 0 !important;\r\n }\r\n\r\n .submenu {\r\n width: 100%;\r\n max-width: 100% !important;\r\n }\r\n\r\n .sideBar {\r\n width: 300px !important;\r\n background-color: #fff;\r\n z-index: 99;\r\n }\r\n\r\n .sideMenu {\r\n width: 300px;\r\n background-color: #fff;\r\n }\r\n\r\n .logo_header {\r\n opacity: 1;\r\n }\r\n\r\n .profile.headerMenu {\r\n min-width: 320px;\r\n width: auto !important;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 1380px) and (min-width: 1024px) {\r\n .right_header_icons {\r\n padding-right: 25px;\r\n }\r\n\r\n .button_hamburger {\r\n display: block;\r\n }\r\n\r\n .desktopMenu {\r\n display: none;\r\n }\r\n\r\n .smallDeviceMenu {\r\n display: block;\r\n width: 100%;\r\n position: fixed;\r\n left: 0;\r\n background: #fff;\r\n top: 72px;\r\n }\r\n\r\n .button_hamburger {\r\n display: block;\r\n }\r\n\r\n .right_header_icons {\r\n padding-right: 25px;\r\n }\r\n}'));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|
|
@@ -148,7 +148,7 @@ function createEnv(opts) {
|
|
|
148
148
|
}
|
|
149
149
|
return runtimeEnv;
|
|
150
150
|
}
|
|
151
|
-
const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "
|
|
151
|
+
const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
|
|
152
152
|
const env = createEnv({
|
|
153
153
|
runtimeEnv: __vite_import_meta_env__
|
|
154
154
|
});
|
|
@@ -4291,7 +4291,6 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
|
|
|
4291
4291
|
sx: {
|
|
4292
4292
|
display: "flex",
|
|
4293
4293
|
alignItems: "center",
|
|
4294
|
-
ml: { md: 1.5, lg: 1.5, xs: "5px" },
|
|
4295
4294
|
cursor: "pointer",
|
|
4296
4295
|
width: "auto",
|
|
4297
4296
|
height: "auto"
|
|
@@ -4317,7 +4316,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
|
|
|
4317
4316
|
},
|
|
4318
4317
|
children: [
|
|
4319
4318
|
/* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: userData?.fullName }),
|
|
4320
|
-
/* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", sx: { m: 0, fontSize: "14px", color: "#666666" }, children: [
|
|
4319
|
+
Boolean(userData?.role) && /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", sx: { m: 0, fontSize: "14px", color: "#666666" }, children: [
|
|
4321
4320
|
truncateValUtil(userData?.email),
|
|
4322
4321
|
" ",
|
|
4323
4322
|
/* @__PURE__ */ jsxRuntime.jsx("br", {}),
|
|
@@ -4338,7 +4337,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
|
|
|
4338
4337
|
alignItems: "center",
|
|
4339
4338
|
component: material.Link,
|
|
4340
4339
|
href: SSO_ROUTES(userData.appName).viewProfile,
|
|
4341
|
-
target: "_blank",
|
|
4340
|
+
target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
|
|
4342
4341
|
sx: { color: "#1A1919", cursor: "pointer", textDecoration: "none" },
|
|
4343
4342
|
children: [
|
|
4344
4343
|
/* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
|
|
@@ -4365,7 +4364,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
|
|
|
4365
4364
|
alignItems: "center",
|
|
4366
4365
|
component: material.Link,
|
|
4367
4366
|
href: SSO_ROUTES(userData.appName).editProfile,
|
|
4368
|
-
target: "_blank",
|
|
4367
|
+
target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
|
|
4369
4368
|
sx: { color: "#1A1919", textDecoration: "none" },
|
|
4370
4369
|
children: [
|
|
4371
4370
|
/* @__PURE__ */ jsxRuntime.jsx(SVG.UserEdit, {}),
|
|
@@ -4392,7 +4391,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
|
|
|
4392
4391
|
alignItems: "center",
|
|
4393
4392
|
component: material.Link,
|
|
4394
4393
|
href: SSO_ROUTES(userData.appName).changePasswordDialog,
|
|
4395
|
-
target: "_blank",
|
|
4394
|
+
target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
|
|
4396
4395
|
sx: { cursor: "pointer", textDecoration: "none" },
|
|
4397
4396
|
children: [
|
|
4398
4397
|
/* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
|
|
@@ -4529,10 +4528,6 @@ const DropdownMenu = ({ headerMenuArray, initialState }) => {
|
|
|
4529
4528
|
Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "submenu_child", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: items2.value || "", target: items2.target, className: "submenu_child_link ", children: items2.label }) }, index2) })) })
|
|
4530
4529
|
] })) }) }) });
|
|
4531
4530
|
};
|
|
4532
|
-
const Us = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA1CAMAAACA7r40AAAA/FBMVEWyIjNPN2Y8O27///8/PnBOTXxycpY9PG9RUX5HR3dIR3dLSnlPTny4uMpWVYFFRHVwb5VlZIx7e52DgqOIh6aIiKc+PXBJSHhTUn9hYYqyIjReXohgX4lYV4Lr6/C2tcjPdYB0c5haWYRYV4Nra5GJiac+PW/FxdTHYG1RUH3eoajltbtOTXvty89BQHHg3+hSUX6GYoC6usyVlbFycZa7u8yUk6+sq8FCQXO0tMe1tMhiYYpMS3pDQnNvbpTExNN8fJ7GxdTGxtWCgqLHx9WXlrLXi5SYl7Kiobrg4Oiiorrn5u3n5+2jo7ukpLvw8PTx8fX09Pf19firqsC5sMNxAAAAAnRSTlPQ9qN1Xw4AAAGlSURBVHhe7ZXFiiRBFEVjznvp5W7t7j3u7m7//y8D1dAMGbnI4jW5KOpsgjibCxFcrrtVEmcBGAGQJHB98d3EgEM/ygsg/nwRAy15rxQ4Ywh3JQX49hVgKA/Ad1hDkkGTMSQJjGkOEmo133FmwAEQyl8FfSj3gFgkzjsQAw6AZ796AP2fGcDBS8/ZQ7ZQlJ2d+bEFqp6zhuh9Cf9/pDtKkTs04KBTD4jgx3eICOodoshz1p7M6UUAUQ+Ap2Pf2UMI5UBBX18/Ut7ZQ84Jui10QKsbcA7dt77jxIBDt+sxMNzrD4HL+rZS4Iw9iTZkCjRFmsBUHkcUOGMI7dkpKezuQsrprM3zR76zN572ekdBX623gaONJ0d5B5sGHAA1+QTwRQJgX2Q/7+w9GZGlDZKERpoxgkbDc8s0WscGSo+WGMiNVlgwWuFNjdafPsDe7wzg3RvP2UNCFGVtbX6EoOo7PhgoO1rGnswHiquB4mqgfIcxpBTGkNslMf2JVMAShRxXgJtUwBKFbFbAqicL4U4qYNWThXCHFbDqyUK4swpY9WQhXBX8A2rVjaQ6HWXmAAAAAElFTkSuQmCC";
|
|
4533
|
-
const IMAGES = {
|
|
4534
|
-
Us
|
|
4535
|
-
};
|
|
4536
4531
|
const DangerDialog = ({
|
|
4537
4532
|
open,
|
|
4538
4533
|
setInitialState,
|
|
@@ -5388,7 +5383,7 @@ const Header = ({
|
|
|
5388
5383
|
}, [isMenu]);
|
|
5389
5384
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
5390
5385
|
/* @__PURE__ */ jsxRuntime.jsx(SubHeaderStyled, { sx, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
5391
|
-
/* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center" }, children: [
|
|
5386
|
+
/* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex !important", alignItems: "center !important" }, children: [
|
|
5392
5387
|
logo,
|
|
5393
5388
|
frontCustomComponent
|
|
5394
5389
|
] }),
|
|
@@ -5403,17 +5398,15 @@ const Header = ({
|
|
|
5403
5398
|
margin: { md: "10px", lg: "10px", xs: "10px 0" },
|
|
5404
5399
|
position: "relative"
|
|
5405
5400
|
},
|
|
5406
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "notification", children: [
|
|
5401
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "notification", sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
|
|
5407
5402
|
endCustomComponents,
|
|
5408
5403
|
isAccessAppMenu && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
|
|
5409
5404
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5410
5405
|
material.Box,
|
|
5411
5406
|
{
|
|
5412
5407
|
sx: {
|
|
5413
|
-
mr: { md: 2, lg: 2, xs: "0px" },
|
|
5414
5408
|
display: "flex",
|
|
5415
5409
|
alignItems: "center",
|
|
5416
|
-
ml: { md: 1.5, lg: 1.5, xs: "5px" },
|
|
5417
5410
|
cursor: "pointer",
|
|
5418
5411
|
width: "auto",
|
|
5419
5412
|
height: "auto",
|
|
@@ -5435,12 +5428,7 @@ const Header = ({
|
|
|
5435
5428
|
material.Typography,
|
|
5436
5429
|
{
|
|
5437
5430
|
sx: {
|
|
5438
|
-
cursor: "pointer"
|
|
5439
|
-
margin: {
|
|
5440
|
-
md: "10px",
|
|
5441
|
-
lg: "10px",
|
|
5442
|
-
xs: "10px 3px!important"
|
|
5443
|
-
}
|
|
5431
|
+
cursor: "pointer"
|
|
5444
5432
|
},
|
|
5445
5433
|
"data-toggle-name": "notification",
|
|
5446
5434
|
onClick: (e) => handleOpenUtil(e, setState),
|
|
@@ -5460,15 +5448,10 @@ const Header = ({
|
|
|
5460
5448
|
gap: "5px",
|
|
5461
5449
|
alignItems: "center",
|
|
5462
5450
|
color: "#777777",
|
|
5463
|
-
cursor: "pointer"
|
|
5464
|
-
margin: {
|
|
5465
|
-
md: "10px",
|
|
5466
|
-
lg: "10px",
|
|
5467
|
-
xs: "10px 3px!important"
|
|
5468
|
-
}
|
|
5451
|
+
cursor: "pointer"
|
|
5469
5452
|
},
|
|
5470
5453
|
children: [
|
|
5471
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { width: 40, height: 30, alt: "lang", src: selectedInterFaceLang?.flag
|
|
5454
|
+
/* @__PURE__ */ jsxRuntime.jsx("img", { width: 40, height: 30, alt: "lang", src: selectedInterFaceLang?.flag }),
|
|
5472
5455
|
/* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { margin: "2px 0px 0px 2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Dawn, {}) })
|
|
5473
5456
|
]
|
|
5474
5457
|
}
|