sixseconds-modules 1.6.24 → 1.6.26

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 (14) hide show
  1. package/dist/assets/svg/index.d.ts +6 -0
  2. package/dist/components/header/appMenus.d.ts +1 -1
  3. package/dist/components/header/index.d.ts +1 -1
  4. package/dist/components/header/type.d.ts +88 -85
  5. package/dist/index.cjs.js +28 -23
  6. package/dist/index.cjs.js.map +1 -1
  7. package/dist/index.es.js +28 -23
  8. package/dist/index.es.js.map +1 -1
  9. package/dist/types/custom.d.ts +25 -23
  10. package/dist/types/htmlElements.d.ts +7 -5
  11. package/dist/types/index.d.ts +4 -4
  12. package/dist/types/reactTypes.d.ts +5 -3
  13. package/dist/vite-env.d.ts +2 -2
  14. package/package.json +99 -99
package/dist/assets/svg/index.d.ts CHANGED
@@ -737,5 +737,11 @@ declare const SVG: {
737
737
  desc?: string;
738
738
  descId?: string;
739
739
  }>;
740
+ SmallLogo: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
741
+ title?: string;
742
+ titleId?: string;
743
+ desc?: string;
744
+ descId?: string;
745
+ }>;
740
746
  };
741
747
  export default SVG;
package/dist/components/header/appMenus.d.ts CHANGED
@@ -2,7 +2,7 @@ import { SetStateAction, t } from '../../types';
2
2
  import { default as React } from 'react';
3
3
  import { IState } from './type';
4
4
  interface HeaderMenuProps {
5
- menuItems: any;
5
+ menuItems?: any;
6
6
  setInitialState: SetStateAction<IState>;
7
7
  t: t;
8
8
  appName: string;
package/dist/components/header/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { IHeaderProps } from './type';
2
- export declare const Header: ({ router, frontCustomComponent, endCustomComponents, userData, interFaceLangList, centerCustomComponents, updateInterfaceLang, selectedInterFaceLang, logoutHandler, logo, isNotification, extraMenuOptions, isMenu, isAccessAppMenu, notificationAccessApps, sx, t, }: IHeaderProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const Header: ({ router, frontCustomComponent, endCustomComponents, totallyEndCustomComponent, userData, interFaceLangList, centerCustomComponents, updateInterfaceLang, selectedInterFaceLang, logoutHandler, logo, isNotification, extraMenuOptions, isMenu, isAccessAppMenu, notificationAccessApps, sx, t, }: IHeaderProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/header/type.d.ts CHANGED
@@ -1,88 +1,91 @@
1
1
  import { APP_NAMES } from '../../constants';
2
2
  import { t } from '../../types';
3
3
  import { SxProps } from '@mui/material';
4
- export interface IState {
5
- languages: string[]
6
- menuData: []
7
- isMenuIconsShow: boolean
8
- toggles: {
9
- appMenus: boolean
10
- notification: boolean
11
- logout: boolean
12
- lang: boolean
13
- dropDownMenu: boolean
14
- changePassword: boolean
15
- viewProfile: boolean
16
- }
17
- }
18
-
19
- export interface INotificationState {
20
- notificationData: Notification[]
21
- page: number
22
- currentPage: number
23
- lastPage: number
24
- requestAcceptedDialog?: boolean
25
- userRequest?: any
26
- }
27
-
28
- export interface IUserDataProps {
29
- userprofile: string
30
- certId: string | number
31
- email: string
32
- role: string
33
- fullName: string
34
- appName: (typeof APP_NAMES)[keyof typeof APP_NAMES]
35
- appAccess: {
36
- name: string
37
- icon: string
38
- link: string
39
- type: "tab" | "app"
40
- }[]
41
- bio: string
42
- title: string
43
- company: string
44
- certBio: string
45
- certProfileUrl: string
46
- certOfferToHelp: string
47
- certification: string[]
48
- country: string
49
- languages: string[]
50
- areaOfWork: string[]
51
- linkedInUrl: string
52
- notificationCount: number
53
- }
54
-
55
- export interface IInterFaceLang {
56
- id: number
57
- label: string
58
- value: string | number
59
- flag: string
60
- }
61
-
62
- export interface IHeaderProps {
63
- t: t
64
- router?: any
65
- notificationAccessApps?: {
66
- name: string
67
- }[]
68
- userData?: IUserDataProps
69
- interFaceLangList?: IInterFaceLang[]
70
- toggleSiderMenu?: any
71
- updateInterfaceLang?: any
72
- logoutHandler?: any
73
- selectedInterFaceLang?: IInterFaceLang
74
- isNotification?: boolean
75
- isMenu?: boolean
76
- isAccessAppMenu?: boolean
77
- extraMenuOptions?: {
78
- components: React.ReactNode
79
- isViewProfile: boolean
80
- isChangePassword: boolean
81
- isEditProfile: boolean
82
- }
83
- sx?: SxProps
84
- logo?: React.ReactNode
85
- frontCustomComponent?: React.ReactNode
86
- centerCustomComponents?: React.ReactNode
87
- endCustomComponents?: React.ReactNode
88
- }
4
+
5
+
6
+ export interface IState {
7
+ languages: string[]
8
+ menuData: []
9
+ isMenuIconsShow: boolean
10
+ toggles: {
11
+ appMenus: boolean
12
+ notification: boolean
13
+ logout: boolean
14
+ lang: boolean
15
+ dropDownMenu: boolean
16
+ changePassword: boolean
17
+ viewProfile: boolean
18
+ }
19
+ }
20
+
21
+ export interface INotificationState {
22
+ notificationData: Notification[]
23
+ page: number
24
+ currentPage: number
25
+ lastPage: number
26
+ requestAcceptedDialog?: boolean
27
+ userRequest?: any
28
+ }
29
+
30
+ export interface IUserDataProps {
31
+ userprofile: string
32
+ certId: string | number
33
+ email: string
34
+ role: string
35
+ fullName: string
36
+ appName: (typeof APP_NAMES)[keyof typeof APP_NAMES]
37
+ appAccess?: {
38
+ name: string
39
+ icon: string
40
+ link: string
41
+ type: "tab" | "app"
42
+ }[]
43
+ bio: string
44
+ title: string
45
+ company: string
46
+ certBio: string
47
+ certProfileUrl: string
48
+ certOfferToHelp: string
49
+ certification: string[]
50
+ country: string
51
+ languages: string[]
52
+ areaOfWork: string[]
53
+ linkedInUrl: string
54
+ notificationCount: number
55
+ }
56
+
57
+ export interface IInterFaceLang {
58
+ id: number
59
+ label: string
60
+ value: string | number
61
+ flag: string
62
+ }
63
+
64
+ export interface IHeaderProps {
65
+ t: t
66
+ router?: any
67
+ notificationAccessApps?: {
68
+ name: string
69
+ }[]
70
+ userData?: IUserDataProps
71
+ interFaceLangList?: IInterFaceLang[]
72
+ toggleSiderMenu?: any
73
+ updateInterfaceLang?: any
74
+ logoutHandler?: any
75
+ selectedInterFaceLang?: IInterFaceLang
76
+ isNotification?: boolean
77
+ isMenu?: boolean
78
+ isAccessAppMenu?: boolean
79
+ extraMenuOptions?: {
80
+ components: React.ReactNode
81
+ isViewProfile: boolean
82
+ isChangePassword: boolean
83
+ isEditProfile: boolean
84
+ }
85
+ sx?: SxProps
86
+ logo?: React.ReactNode
87
+ frontCustomComponent?: React.ReactNode
88
+ centerCustomComponents?: React.ReactNode
89
+ endCustomComponents?: React.ReactNode
90
+ totallyEndCustomComponent?: React.ReactNode
91
+ }
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: 0px;\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: 500px !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: 500px !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 text-decoration: none;\r\n}\r\n\r\n.submenu_child li {\r\n padding: 0.5rem 0;\r\n}\r\n\r\n.submenu_child li a {\r\n text-decoration: none;\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: 0px;\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.bg_main_menu {\r\n background-color: red;\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: 500px !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: 500px !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) {
@@ -55,6 +55,7 @@ const SvgScanner = (props) => /* @__PURE__ */ React__namespace.createElement("sv
55
55
  const SvgStoke = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: 42, height: 42, viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 42, height: 42, rx: 21, fill: "#F8F8F8" }), /* @__PURE__ */ React__namespace.createElement("rect", { width: 20, height: 20, transform: "translate(11 11)", fill: "white", fillOpacity: 0.01 }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M20.2614 17.0441C20.1684 16.7502 19.9051 16.5431 19.5975 16.522C19.29 16.501 19.0008 16.6703 18.8687 16.9488L17.4273 19.9867H16.0658C15.6516 19.9867 15.3158 20.3225 15.3158 20.7367C15.3158 21.1509 15.6516 21.4867 16.0658 21.4867H17.9016C18.1913 21.4867 18.455 21.3199 18.5792 21.0582L19.4063 19.3149L21.1902 24.9556C21.2807 25.2418 21.5332 25.4465 21.8319 25.4758C22.1307 25.5052 22.4181 25.3536 22.5627 25.0905L24.542 21.4867H25.934C26.3482 21.4867 26.684 21.1509 26.684 20.7367C26.684 20.3225 26.3482 19.9867 25.934 19.9867H24.0982C23.8245 19.9867 23.5726 20.1358 23.4408 20.3756L22.0918 22.8319L20.2614 17.0441Z", fill: "#777777" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.9999 11.3213C18.9769 11.3213 17.0085 11.5495 15.1542 11.7645L15.1522 11.7647C13.3678 11.9716 11.9439 13.3929 11.7433 15.1814C11.5359 17.03 11.3213 18.9876 11.3213 20.9999C11.3213 23.0121 11.5359 24.9697 11.7433 26.8184C11.9439 28.6068 13.3678 30.0281 15.1522 30.235L15.1542 30.2352C17.0085 30.4502 18.9769 30.6784 20.9999 30.6784C23.0228 30.6784 24.9911 30.4502 26.8454 30.2352L26.8475 30.235C28.632 30.0281 30.0558 28.6068 30.2565 26.8184C30.4639 24.9697 30.6784 23.0121 30.6784 20.9999C30.6784 18.9876 30.4639 17.03 30.2565 15.1814C30.0558 13.3929 28.632 11.9716 26.8475 11.7647L26.8456 11.7645C24.9912 11.5495 23.0228 11.3213 20.9999 11.3213ZM15.3249 13.2547C17.1919 13.0383 19.0765 12.8213 20.9999 12.8213C22.9232 12.8213 24.8078 13.0383 26.6748 13.2547C27.7688 13.3816 28.6434 14.2573 28.7658 15.3486C28.9741 17.205 29.1784 19.0833 29.1784 20.9999C29.1784 22.9164 28.9741 24.7947 28.7658 26.6511C28.6434 27.7424 27.7688 28.6181 26.6748 28.745C24.8078 28.9614 22.9232 29.1784 20.9999 29.1784C19.0765 29.1784 17.1919 28.9614 15.3249 28.745C14.2309 28.6181 13.3563 27.7424 13.2339 26.6511C13.0256 24.7947 12.8213 22.9164 12.8213 20.9999C12.8213 19.0833 13.0256 17.205 13.2339 15.3486C13.3563 14.2573 14.2309 13.3816 15.3249 13.2547Z", fill: "#777777" }));
56
56
  const SvgUserEdit = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M10 9.99984C12.3012 9.99984 14.1667 8.13436 14.1667 5.83317C14.1667 3.53198 12.3012 1.6665 10 1.6665C7.69885 1.6665 5.83337 3.53198 5.83337 5.83317C5.83337 8.13436 7.69885 9.99984 10 9.99984Z", stroke: "#BEBEBE", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M16.0084 13.1167L13.0584 16.0667C12.9417 16.1834 12.8334 16.4 12.8084 16.5584L12.6501 17.6833C12.5917 18.0917 12.8751 18.375 13.2834 18.3167L14.4084 18.1583C14.5667 18.1333 14.7917 18.025 14.9001 17.9084L17.8501 14.9584C18.3584 14.45 18.6001 13.8583 17.8501 13.1083C17.1084 12.3667 16.5168 12.6083 16.0084 13.1167Z", stroke: "#BEBEBE", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.5834 13.5415C15.8334 14.4415 16.5333 15.1415 17.4333 15.3915", stroke: "#BEBEBE", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M2.84155 18.3333C2.84155 15.1083 6.04991 12.5 9.99991 12.5C10.8666 12.5 11.6999 12.625 12.4749 12.8583", stroke: "#BEBEBE", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
57
57
  const SvgGridIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { stroke: "currentColor", fill: "none", strokeWidth: 0, viewBox: "0 0 24 24", height: "40px", width: "40px", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 6C8 7.10457 7.10457 8 6 8C4.89543 8 4 7.10457 4 6C4 4.89543 4.89543 4 6 4C7.10457 4 8 4.89543 8 6Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 12C8 13.1046 7.10457 14 6 14C4.89543 14 4 13.1046 4 12C4 10.8954 4.89543 10 6 10C7.10457 10 8 10.8954 8 12Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6 20C7.10457 20 8 19.1046 8 18C8 16.8954 7.10457 16 6 16C4.89543 16 4 16.8954 4 18C4 19.1046 4.89543 20 6 20Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M18 8C19.1046 8 20 7.10457 20 6C20 4.89543 19.1046 4 18 4C16.8954 4 16 4.89543 16 6C16 7.10457 16.8954 8 18 8Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M20 12C20 13.1046 19.1046 14 18 14C16.8954 14 16 13.1046 16 12C16 10.8954 16.8954 10 18 10C19.1046 10 20 10.8954 20 12Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M18 20C19.1046 20 20 19.1046 20 18C20 16.8954 19.1046 16 18 16C16.8954 16 16 16.8954 16 18C16 19.1046 16.8954 20 18 20Z", fill: "currentColor" }));
58
+ const SvgSmallLogo = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 35, height: 55, viewBox: "0 0 57.000000 75.000000", preserveAspectRatio: "xMidYMid meet", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { transform: "translate(0.000000,75.000000) scale(0.100000,-0.100000)", fill: "#1976d2", stroke: "none" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M195 617 c-50 -28 -85 -89 -92 -163 l-6 -55 38 25 c29 20 50 26 92 26 109 0 165 -57 166 -169 0 -61 -11 -90 -52 -135 l-26 -29 34 7 c19 3 46 13 59 22 75 49 95 294 34 413 -38 75 -164 105 -247 58z" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M165 400 c-11 -4 -31 -19 -44 -34 -21 -23 -23 -31 -17 -83 12 -98 61 -152 126 -138 114 25 96 267 -19 264 -14 0 -35 -4 -46 -9z" })));
58
59
  const SVG = {
59
60
  UserEdit: SvgUserEdit,
60
61
  Logout: SvgLogout,
@@ -68,7 +69,8 @@ const SVG = {
68
69
  Printer: SvgPrinter,
69
70
  Stock: SvgStoke,
70
71
  Scanner: SvgScanner,
71
- GridIcon: SvgGridIcon
72
+ GridIcon: SvgGridIcon,
73
+ SmallLogo: SvgSmallLogo
72
74
  };
73
75
  var isMergeableObject = function isMergeableObject2(value) {
74
76
  return isNonNullObject(value) && !isSpecial(value);
@@ -2492,7 +2494,7 @@ function createEnv(opts) {
2492
2494
  }
2493
2495
  return runtimeEnv;
2494
2496
  }
2495
- const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_MODULES_CARDS_ADMIN_FRONTEND_BASE_URL": "https://admin-cards.6seconds.org", "VITE_MODULES_CARDS_HOME_FRONTEND_BASE_URL": "https://cards.6seconds.org", "VITE_MODULES_CERT_FRONTEND_BASE_URL": "https://cert.6seconds.org", "VITE_MODULES_EVENTS_FRONTEND_BASE_URL": "https://newevents.6seconds.org", "VITE_MODULES_SSO_BACKEND_BASE_URL": "https://ssoapi.6seconds.org", "VITE_MODULES_SSO_FRONTEND_BASE_URL": "https://sso.6seconds.org", "VITE_MODULES_TOOLS_FRONTEND_BASE_URL": "https://newtools.6seconds.org" };
2497
+ const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "qa", "PROD": true, "SSR": false, "VITE_MODULES_CARDS_ADMIN_FRONTEND_BASE_URL": "https://qa-sso.6seconds.org", "VITE_MODULES_CARDS_HOME_FRONTEND_BASE_URL": "https://qa-sso.6seconds.org", "VITE_MODULES_CERT_FRONTEND_BASE_URL": "https://qa-sso.6seconds.org", "VITE_MODULES_EVENTS_FRONTEND_BASE_URL": "https://qa-sso.6seconds.org", "VITE_MODULES_SSO_BACKEND_BASE_URL": "https://qa-ssoapi.6seconds.org", "VITE_MODULES_SSO_FRONTEND_BASE_URL": "https://qa-sso.6seconds.org", "VITE_MODULES_TOOLS_FRONTEND_BASE_URL": "https://qa-sso.6seconds.org" };
2496
2498
  const env = createEnv({
2497
2499
  runtimeEnv: __vite_import_meta_env__
2498
2500
  });
@@ -8987,7 +8989,7 @@ function Language({
8987
8989
  setInitialState((p) => ({ ...p, toggles: { ...p.toggles, lang: false } }));
8988
8990
  },
8989
8991
  children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 2, children: [
8990
- /* @__PURE__ */ jsxRuntime.jsx("img", { src: lang2?.flag, alt: lang2?.label, width: 32, height: 30 }),
8992
+ /* @__PURE__ */ jsxRuntime.jsx("img", { src: lang2?.flag, alt: lang2?.label, width: 40, height: 25 }),
8991
8993
  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: t2(lang2?.label) }),
8992
8994
  selectedInterFaceLang?.value === lang2?.value && /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { sx: { color: "#007FC0", fontSize: "30px" } })
8993
8995
  ] }) })
@@ -9002,7 +9004,7 @@ function Language({
9002
9004
  const DropdownMenu = ({ headerMenuArray, initialState }) => {
9003
9005
  const pathname = window.location.pathname;
9004
9006
  const isMobile = material.useMediaQuery("(max-width: 1324px)");
9005
- return /* @__PURE__ */ jsxRuntime.jsx("nav", { style: { backgroundColor: "#fff", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: " main_list_Menu desktopMenu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "menu-item", children: [
9007
+ return /* @__PURE__ */ jsxRuntime.jsx("nav", { style: { backgroundColor: "transparent", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: " main_list_Menu desktopMenu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "menu-item", style: { listStyle: "none" }, children: [
9006
9008
  /* @__PURE__ */ jsxRuntime.jsx("a", { href: items.value || "", target: items.target, className: `menu-link`, children: items.label }),
9007
9009
  Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "submenuData ", children: items.children?.map((child, index2) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: child.value || "", target: child.target, className: "submenu-link", children: child.label }) }, index2) })) })
9008
9010
  ] }, index) })) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden smallDeviceMenu", id: "mobile-menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: " layout_mobile_menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -9015,7 +9017,7 @@ const DropdownMenu = ({ headerMenuArray, initialState }) => {
9015
9017
  },
9016
9018
  index
9017
9019
  ),
9018
- 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", { style: { listStyleType: "none", marginLeft: "-30px" }, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: items2.value || "", target: items2.target, className: "submenu_child_link ", children: items2.label }) }, index2) })) })
9020
+ 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", { style: { listStyleType: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: items2.value || "", target: items2.target, className: "submenu_child_link ", children: items2.label }) }, index2) })) })
9019
9021
  ] })) }) }) });
9020
9022
  };
9021
9023
  const DangerDialog = ({
@@ -9487,7 +9489,7 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
9487
9489
  material.Dialog,
9488
9490
  {
9489
9491
  fullWidth: false,
9490
- sx: { "& .MuiPaper-root": { maxWidth: "600px", borderRadius: "12px" } },
9492
+ sx: { "& .MuiPaper-root": { maxWidth: "800px", borderRadius: "12px" } },
9491
9493
  onClose: () => handleCloseUtil(setInitialState),
9492
9494
  open: isOpen,
9493
9495
  "aria-labelledby": "draggable-dialog-title",
@@ -9503,7 +9505,7 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
9503
9505
  }
9504
9506
  ) }),
9505
9507
  /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 2, children: [
9506
- /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 6, children: [
9508
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 5, children: [
9507
9509
  /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
9508
9510
  material.Avatar,
9509
9511
  {
@@ -9574,7 +9576,7 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
9574
9576
  LinkComponent: material.Link,
9575
9577
  href: userData?.linkedInUrl || "#",
9576
9578
  target: "_blank",
9577
- children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.LinkedIn, {})
9579
+ children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.LinkedIn, { fontSize: "small" })
9578
9580
  }
9579
9581
  ),
9580
9582
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -9600,7 +9602,7 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
9600
9602
  ] })
9601
9603
  ] })
9602
9604
  ] }),
9603
- /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 6, children: [
9605
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 7, children: [
9604
9606
  /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 1, sx: { color: "#222222", fontSize: "14px", lineHeight: "24px" }, children: [
9605
9607
  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h3", sx: { fontSize: "30px", fontWeight: "500", color: "black" }, children: userData?.fullName }),
9606
9608
  /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: userData?.bio }),
@@ -10228,7 +10230,7 @@ const Notification = ({ setInitialState, notificationAccessApps, initialState, t
10228
10230
  position: "absolute"
10229
10231
  },
10230
10232
  children: [
10231
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", borderBottom: "1px solid #ddd" }, children: notificationAccessApps?.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
10233
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", borderBottom: "1px solid #007fc0" }, children: notificationAccessApps?.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
10232
10234
  material.Button,
10233
10235
  {
10234
10236
  onClick: () => setActiveTab(tab.name),
@@ -10240,8 +10242,8 @@ const Notification = ({ setInitialState, notificationAccessApps, initialState, t
10240
10242
  color: activeTab === tab.name ? "#fff" : "#007fc0",
10241
10243
  borderRadius: "0px",
10242
10244
  borderTopLeftRadius: "5px",
10243
- borderTopRightRadius: "5px",
10244
- borderBottom: "1px solid #007fc0"
10245
+ borderTopRightRadius: "5px"
10246
+ // borderBottom: "1px solid #007fc0",
10245
10247
  },
10246
10248
  children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { textWrap: "nowrap" }, children: t2(tab.name) })
10247
10249
  },
@@ -10332,7 +10334,7 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
10332
10334
  }
10333
10335
  }
10334
10336
  };
10335
- return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { container: true, rowGap: 3, children: menuItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
10337
+ return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { container: true, rowGap: 3, children: menuItems?.length > 0 && menuItems?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
10336
10338
  material.Grid,
10337
10339
  {
10338
10340
  onClick: () => handleRedirection2(appName, item.link, item.type),
@@ -10480,6 +10482,7 @@ const Header = ({
10480
10482
  router,
10481
10483
  frontCustomComponent,
10482
10484
  endCustomComponents,
10485
+ totallyEndCustomComponent,
10483
10486
  userData,
10484
10487
  interFaceLangList,
10485
10488
  centerCustomComponents,
@@ -10544,7 +10547,7 @@ const Header = ({
10544
10547
  },
10545
10548
  children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "notification", sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
10546
10549
  endCustomComponents,
10547
- isAccessAppMenu && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
10550
+ isAccessAppMenu && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
10548
10551
  /* @__PURE__ */ jsxRuntime.jsx(
10549
10552
  material.Box,
10550
10553
  {
@@ -10565,7 +10568,7 @@ const Header = ({
10565
10568
  children: /* @__PURE__ */ jsxRuntime.jsx(SVG.GridIcon, {})
10566
10569
  }
10567
10570
  ),
10568
- state.toggles.appMenus && userData?.appAccess?.length && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "profile headerMenu", sx: { width: "400px !important", p: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
10571
+ state.toggles.appMenus && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "profile headerMenu", sx: { width: "400px !important", p: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
10569
10572
  AppMenus,
10570
10573
  {
10571
10574
  router,
@@ -10612,7 +10615,7 @@ const Header = ({
10612
10615
  cursor: "pointer"
10613
10616
  },
10614
10617
  children: [
10615
- /* @__PURE__ */ jsxRuntime.jsx("img", { width: 40, height: 30, alt: "lang", src: selectedInterFaceLang?.flag }),
10618
+ /* @__PURE__ */ jsxRuntime.jsx("img", { width: 40, height: 25, alt: "lang", src: selectedInterFaceLang?.flag }),
10616
10619
  /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { margin: "2px 0px 0px 2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Dawn, {}) })
10617
10620
  ]
10618
10621
  }
@@ -10641,9 +10644,11 @@ const Header = ({
10641
10644
  extraMenuOptions
10642
10645
  }
10643
10646
  ),
10647
+ Boolean(totallyEndCustomComponent) && totallyEndCustomComponent,
10644
10648
  isMobile && isMenu && state.isMenuIconsShow && /* @__PURE__ */ jsxRuntime.jsx(
10645
10649
  material.IconButton,
10646
10650
  {
10651
+ style: { paddingRight: 0 },
10647
10652
  className: "hamburger-icon-btn",
10648
10653
  onClick: () => setState((p) => ({ ...p, toggles: { ...p.toggles, dropDownMenu: !p.toggles.dropDownMenu } })),
10649
10654
  children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { style: { width: "1em", height: "1em" } })
@@ -10965,19 +10970,21 @@ function Button({ isLoading = false, btnTitle, className, disabled = false, ...r
10965
10970
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ButtonStyled, { children: /* @__PURE__ */ jsxRuntime.jsx(material.Button, { disabled, className: `btn ${className}`, ...rest, size: "small", children: isLoading ? ALERT_MESSAGES.commonLoadingMessage : btnTitle }) }) });
10966
10971
  }
10967
10972
  function Logo({ sx }) {
10968
- return /* @__PURE__ */ jsxRuntime.jsx(
10973
+ return /* @__PURE__ */ jsxRuntime.jsxs(
10969
10974
  material.Box,
10970
10975
  {
10971
10976
  sx: {
10972
10977
  cursor: "pointer",
10973
- p: 2,
10974
10978
  display: "flex",
10975
10979
  justifyContent: "center",
10976
10980
  alignItems: "center",
10977
10981
  ...sx
10978
10982
  },
10979
10983
  onClick: () => url(ROUTES.home),
10980
- children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Logo, {})
10984
+ children: [
10985
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Logo, {}) }),
10986
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ jsxRuntime.jsx(SVG.SmallLogo, {}) })
10987
+ ]
10981
10988
  }
10982
10989
  );
10983
10990
  }
@@ -10986,9 +10993,6 @@ const App = () => {
10986
10993
  Header,
10987
10994
  {
10988
10995
  isAccessAppMenu: true,
10989
- frontCustomComponent: "sdf",
10990
- centerCustomComponents: "center",
10991
- endCustomComponents: "end",
10992
10996
  isMenu: true,
10993
10997
  updateInterfaceLang: () => {
10994
10998
  },
@@ -11074,6 +11078,7 @@ const App = () => {
11074
11078
  },
11075
11079
  logo: /* @__PURE__ */ jsxRuntime.jsx(Logo, {}),
11076
11080
  isNotification: true,
11081
+ totallyEndCustomComponent: "asdfsdf",
11077
11082
  extraMenuOptions: {
11078
11083
  components: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
11079
11084
  /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [