sixseconds-modules 1.4.9 → 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 +7 -7
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +7 -7
- 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
|
});
|
|
@@ -4316,7 +4316,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
|
|
|
4316
4316
|
},
|
|
4317
4317
|
children: [
|
|
4318
4318
|
/* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: userData?.fullName }),
|
|
4319
|
-
/* @__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: [
|
|
4320
4320
|
truncateValUtil(userData?.email),
|
|
4321
4321
|
" ",
|
|
4322
4322
|
/* @__PURE__ */ jsxRuntime.jsx("br", {}),
|
|
@@ -4337,7 +4337,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
|
|
|
4337
4337
|
alignItems: "center",
|
|
4338
4338
|
component: material.Link,
|
|
4339
4339
|
href: SSO_ROUTES(userData.appName).viewProfile,
|
|
4340
|
-
target: "_blank",
|
|
4340
|
+
target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
|
|
4341
4341
|
sx: { color: "#1A1919", cursor: "pointer", textDecoration: "none" },
|
|
4342
4342
|
children: [
|
|
4343
4343
|
/* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
|
|
@@ -4364,7 +4364,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
|
|
|
4364
4364
|
alignItems: "center",
|
|
4365
4365
|
component: material.Link,
|
|
4366
4366
|
href: SSO_ROUTES(userData.appName).editProfile,
|
|
4367
|
-
target: "_blank",
|
|
4367
|
+
target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
|
|
4368
4368
|
sx: { color: "#1A1919", textDecoration: "none" },
|
|
4369
4369
|
children: [
|
|
4370
4370
|
/* @__PURE__ */ jsxRuntime.jsx(SVG.UserEdit, {}),
|
|
@@ -4391,7 +4391,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
|
|
|
4391
4391
|
alignItems: "center",
|
|
4392
4392
|
component: material.Link,
|
|
4393
4393
|
href: SSO_ROUTES(userData.appName).changePasswordDialog,
|
|
4394
|
-
target: "_blank",
|
|
4394
|
+
target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
|
|
4395
4395
|
sx: { cursor: "pointer", textDecoration: "none" },
|
|
4396
4396
|
children: [
|
|
4397
4397
|
/* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
|
|
@@ -5383,7 +5383,7 @@ const Header = ({
|
|
|
5383
5383
|
}, [isMenu]);
|
|
5384
5384
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
5385
5385
|
/* @__PURE__ */ jsxRuntime.jsx(SubHeaderStyled, { sx, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
5386
|
-
/* @__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: [
|
|
5387
5387
|
logo,
|
|
5388
5388
|
frontCustomComponent
|
|
5389
5389
|
] }),
|