sixseconds-modules 1.6.159 → 1.6.163

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 (11) hide show
  1. package/dist/components/header/type.d.ts +89 -91
  2. package/dist/index.cjs.js +438 -391
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.es.js +437 -390
  5. package/dist/index.es.js.map +1 -1
  6. package/dist/types/custom.d.ts +23 -25
  7. package/dist/types/htmlElements.d.ts +5 -7
  8. package/dist/types/index.d.ts +4 -4
  9. package/dist/types/reactTypes.d.ts +3 -5
  10. package/dist/vite-env.d.ts +2 -2
  11. package/package.json +2 -2
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");\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/* .MuiDialog-root {\r\n z-index: 999999999 !important;\r\n}\r\n\r\n.MuiModal-root {\r\n z-index: 999999999 !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@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}'));
6
+ elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap");\n\n.sixseconds-header-root blockquote,\n.sixseconds-header-root dl,\n.sixseconds-header-root dd,\n.sixseconds-header-root h1,\n.sixseconds-header-root h2,\n.sixseconds-header-root h3,\n.sixseconds-header-root h4,\n.sixseconds-header-root h5,\n.sixseconds-header-root h6,\n.sixseconds-header-root hr,\n.sixseconds-header-root figure,\n.sixseconds-header-root p,\n.sixseconds-header-root pre,\n.sixseconds-header-root span,\n.sixseconds-header-root a,\n.sixseconds-header-root div,\n.sixseconds-header-root li,\n.sixseconds-header-root button {\n font-family: "IBM Plex Sans", sans-serif !important;\n}\n\n.sixseconds-header-main-list-menu {\n display: flex;\n}\n\n.sixseconds-header-main-list-menu li {\n padding: 0.5rem 0.5rem;\n}\n\n.sixseconds-header-main-list-menu li a {\n padding: 0 0.25rem;\n font-weight: 500;\n font-size: 14px;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-item {\n position: relative;\n padding: 15px;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-link {\n text-decoration: none;\n color: #1a1c1e;\n transition: color 0.3s ease;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-link:hover {\n color: #0073b1;\n}\n\n/* Submenu (Dropdown) */\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-data {\n position: absolute;\n top: 85%;\n left: 0;\n background: white;\n border: 1px solid #e0e0e0;\n box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);\n display: none;\n min-width: 220px;\n z-index: 1000;\n border-radius: 12px;\n overflow: hidden;\n padding: 8px 0;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-data li {\n list-style: none;\n padding: 0;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-link {\n display: block;\n padding: 10px 16px;\n text-decoration: none;\n color: #1a1c1e;\n font-weight: 400;\n font-size: 14px;\n transition: background 0.2s ease;\n}\n\n.sixseconds-header-main-list-menu .sixseconds-header-submenu-link:hover {\n background: #f8f9fa;\n color: #0073b1;\n}\n\n/* Show dropdown on hover */\n\n.sixseconds-header-main-list-menu .sixseconds-header-menu-item:hover .sixseconds-header-submenu-data {\n display: block;\n}\n\n.sixseconds-header-small-device-menu {\n display: none;\n width: 100%;\n left: 0;\n top: 64px;\n background-color: #fff;\n position: fixed;\n overflow-y: auto;\n height: 95vh;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);\n}\n\n.sixseconds-header-small-device-menu a.sixseconds-header-bg-main-menu {\n display: block;\n text-decoration: none;\n}\n\n.sixseconds-header-submenu-child li {\n padding: 0.5rem 0;\n}\n\n.sixseconds-header-submenu-child li a {\n text-decoration: none;\n}\n\n.sixseconds-header-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.sixseconds-header-small-device-menu a {\n background-color: transparent;\n font-size: 15px;\n font-weight: 500;\n color: #1a1c1e;\n margin-bottom: 4px;\n padding: 12px 16px;\n border-bottom: 1px solid #f1f3f4;\n}\n\n.sixseconds-header-small-device-menu .sixseconds-header-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: #1a1c1e;\n margin-inline: auto;\n}\n\n.sixseconds-header-small-device-menu ul li .sixseconds-header-submenu-child-link {\n padding: 12px 20px;\n}\n\n.sixseconds-header-small-device-menu ul li a {\n background-color: transparent;\n color: #5f6368;\n}\n\n.sixseconds-header-small-device-menu ul {\n padding-left: 15px;\n}\n\n.sixseconds-header-desktop-menu {\n display: flex;\n}\n\n.sixseconds-header-button-hamburger {\n display: none;\n position: absolute;\n right: 20px;\n top: 18px;\n z-index: 9;\n}\n\n.tox-editor-header {\n background-color: transparent;\n}\n\n.sixseconds-header-hamburger-icon-btn {\n padding: 8px;\n color: #5f6368;\n}\n\n.sixseconds-header-desktop-menu .sixseconds-header-menu-item .sixseconds-header-menu-link {\n font-size: 14px;\n font-weight: 500;\n}\n\n.sixseconds-header-small-device-menu {\n padding-inline: 20px;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n .sixseconds-header-notification-icon-error .MuiBadge-badge {\n font-size: 10px;\n padding: 0 4px;\n min-width: 16px;\n right: 5px;\n background-color: #d32f2f;\n }\n\n .sixseconds-header-submenu nav {\n padding: 0 !important;\n }\n\n .MuiPagination-root.MuiPagination-outlined {\n display: flex;\n justify-content: center;\n margin-left: 0;\n }\n\n .sixseconds-header-toggle-btn-menu {\n position: absolute;\n right: 20px;\n top: 12px;\n z-index: 99;\n }\n\n .sixseconds-header-right-icons {\n padding-right: 25px;\n }\n\n .sixseconds-header-button-hamburger {\n display: block;\n }\n\n .sixseconds-header-desktop-menu {\n display: none;\n }\n\n .sixseconds-header-small-device-menu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 64px;\n }\n\n .main.sixseconds-header-login-page .sixseconds-header-login-body {\n width: 90% !important;\n }\n\n .sixseconds-header-submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sixseconds-header-sidebar {\n width: 280px !important;\n background-color: #f9fafb;\n z-index: 99;\n border-right: 1px solid #e0e0e0;\n }\n\n .sixseconds-header-sidemenu {\n width: 280px;\n background-color: #f9fafb;\n }\n\n .sixseconds-header-logo {\n opacity: 1;\n }\n\n .sixseconds-header-profile .sixseconds-header-menu {\n min-width: 280px;\n width: 100% !important;\n }\n}\n\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n .sixseconds-header-toggle-btn-menu {\n position: absolute;\n right: 20px;\n top: 12px;\n }\n\n .sixseconds-header-right-icons {\n padding-right: 25px;\n }\n\n .sixseconds-header-button-hamburger {\n display: block;\n }\n\n .sixseconds-header-desktop-menu {\n display: none;\n }\n\n .sixseconds-header-small-device-menu {\n display: block;\n }\n\n .main.sixseconds-header-login-page .sixseconds-header-login-body {\n width: 450px !important;\n }\n\n .sixseconds-header-banner {\n margin-left: 0 !important;\n }\n\n .sixseconds-header-submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sixseconds-header-sidebar {\n width: 280px !important;\n background-color: #f9fafb;\n z-index: 99;\n }\n\n .sixseconds-header-sidemenu {\n width: 280px;\n background-color: #f9fafb;\n }\n\n .sixseconds-header-logo {\n opacity: 1;\n }\n\n .sixseconds-header-profile .sixseconds-header-menu {\n min-width: 280px;\n width: 100% !important;\n }\n}\n\n@media screen and (max-width: 1380px) and (min-width: 1024px) {\n .sixseconds-header-right-icons {\n padding-right: 25px;\n }\n\n .sixseconds-header-button-hamburger {\n display: block;\n }\n\n .sixseconds-header-desktop-menu {\n display: none;\n }\n\n .sixseconds-header-small-device-menu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 64px;\n }\n\n .sixseconds-header-button-hamburger {\n display: block;\n }\n\n .sixseconds-header-right-icons {\n padding-right: 25px;\n }\n}'));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -19,6 +19,7 @@ const axios = require("axios");
19
19
  const Cookies = require("js-cookie");
20
20
  const MenuIcon = require("@mui/icons-material/Menu");
21
21
  const toast = require("react-hot-toast");
22
+ const styles = require("@mui/material/styles");
22
23
  const VisibilityOffIcon = require("@mui/icons-material/VisibilityOff");
23
24
  const CheckIcon = require("@mui/icons-material/Check");
24
25
  const ExitToAppTwoToneIcon = require("@mui/icons-material/ExitToAppTwoTone");
@@ -6245,7 +6246,7 @@ ZodEnum.create;
6245
6246
  ZodPromise.create;
6246
6247
  ZodOptional.create;
6247
6248
  ZodNullable.create;
6248
- 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_ENV": "qa", "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" };
6249
+ const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "development", "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_ENV": "qa", "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" };
6249
6250
  const env = createEnv({
6250
6251
  client: {
6251
6252
  VITE_MODULES_ENV: stringType()
@@ -12891,32 +12892,36 @@ const DangerDialog = ({
12891
12892
  material.Dialog,
12892
12893
  {
12893
12894
  fullWidth: false,
12895
+ PaperProps: {
12896
+ sx: {
12897
+ maxWidth: "400px",
12898
+ borderRadius: "12px",
12899
+ boxShadow: "0px 4px 20px rgba(0, 0, 0, 0.1)"
12900
+ }
12901
+ },
12894
12902
  onClose: () => handleCloseUtil(setInitialState),
12895
12903
  open,
12896
12904
  "aria-labelledby": "draggable-dialog-title",
12897
- children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { p: 2 }, children: [
12898
- /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 2, alignItems: "self-start", children: [
12899
- /* @__PURE__ */ jsxRuntime.jsx(ExitToAppTwoToneIcon, { fontSize: "large", sx: { color: "#EC5962" } }),
12900
- /* @__PURE__ */ jsxRuntime.jsx("h5", { children: title }),
12905
+ children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { p: 3 }, children: [
12906
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 2, alignItems: "center", sx: { textAlign: "center", mb: 2 }, children: [
12907
+ /* @__PURE__ */ jsxRuntime.jsx(ExitToAppTwoToneIcon, { sx: { color: "#d32f2f", fontSize: "48px" } }),
12901
12908
  /* @__PURE__ */ jsxRuntime.jsx(
12902
- material.Stack,
12909
+ material.Typography,
12903
12910
  {
12904
- direction: "column",
12905
- spacing: 1,
12906
- alignItems: "self-start",
12907
- sx: {
12908
- "& h5": { fontSize: "18px", fontWeight: "600" },
12909
- "& p": {
12910
- fontSize: "16px",
12911
- fontWeight: "400",
12912
- color: "#666666"
12913
- }
12914
- },
12915
- children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: description })
12911
+ variant: "h5",
12912
+ sx: { fontSize: "20px", fontWeight: "600", color: "#1a1c1e", fontFamily: "'IBM Plex Sans', sans-serif" },
12913
+ children: title
12914
+ }
12915
+ ),
12916
+ /* @__PURE__ */ jsxRuntime.jsx(
12917
+ material.Typography,
12918
+ {
12919
+ sx: { fontSize: "15px", fontWeight: "400", color: "#5f6368", fontFamily: "'IBM Plex Sans', sans-serif" },
12920
+ children: description
12916
12921
  }
12917
12922
  )
12918
12923
  ] }),
12919
- /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", alignItems: "center", spacing: 2, sx: { mt: 2 }, children: [
12924
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", alignItems: "center", spacing: 2, sx: { mt: 3 }, children: [
12920
12925
  /* @__PURE__ */ jsxRuntime.jsx(
12921
12926
  material.Button,
12922
12927
  {
@@ -12924,12 +12929,15 @@ const DangerDialog = ({
12924
12929
  fullWidth: true,
12925
12930
  onClick: () => handleCloseUtil(setInitialState),
12926
12931
  sx: {
12927
- borderColor: "#D9D9D9",
12928
- color: "#4C4C4C",
12932
+ borderColor: "#e0e0e0",
12933
+ color: "#5f6368",
12929
12934
  textTransform: "capitalize",
12930
12935
  borderRadius: "8px",
12931
12936
  fontSize: "14px",
12932
- "&:hover": { borderColor: "#D9D9D9" }
12937
+ fontWeight: 500,
12938
+ padding: "10px",
12939
+ fontFamily: "'IBM Plex Sans', sans-serif",
12940
+ "&:hover": { borderColor: "#0073b1", color: "#0073b1", background: "rgba(0, 115, 177, 0.04)" }
12933
12941
  },
12934
12942
  children: "Cancel"
12935
12943
  }
@@ -12943,12 +12951,15 @@ const DangerDialog = ({
12943
12951
  disabled: isLoading,
12944
12952
  onClick: handleClick,
12945
12953
  sx: {
12946
- background: "#EC5962",
12954
+ background: "#d32f2f",
12947
12955
  color: "#fff",
12948
12956
  textTransform: "capitalize",
12949
12957
  borderRadius: "8px",
12950
12958
  fontSize: "14px",
12951
- "&:hover": { background: "#EC5962" }
12959
+ fontWeight: 500,
12960
+ padding: "10px",
12961
+ fontFamily: "'IBM Plex Sans', sans-serif",
12962
+ "&:hover": { background: "#b71c1c" }
12952
12963
  },
12953
12964
  children: isLoading ? ALERT_MESSAGES.commonLoadingMessage : buttonTitle
12954
12965
  }
@@ -12958,29 +12969,28 @@ const DangerDialog = ({
12958
12969
  }
12959
12970
  );
12960
12971
  };
12961
- const ChangePasswordStyled = material.styled("div")(() => ({
12972
+ const ChangePasswordStyled = styles.styled("div")(() => ({
12962
12973
  "& .dashboardMain": {
12963
12974
  marginTop: "1%",
12964
12975
  paddingBottom: "20px"
12965
12976
  },
12966
12977
  "& .createProduct": {
12967
- border: "1px solid #EDEDED",
12978
+ border: "1px solid #e0e0e0",
12968
12979
  margin: "10px 0px",
12969
12980
  padding: "16px",
12970
- borderRadius: "10px",
12971
- boxShadow: "0px 0px 1px 1px #E8E8E880 ",
12972
- fontFamily: "Inter, sans-serif",
12981
+ borderRadius: "12px",
12982
+ boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.05)",
12983
+ fontFamily: "'IBM Plex Sans', sans-serif",
12973
12984
  width: "100%",
12974
12985
  boxSizing: "border-box"
12975
12986
  },
12976
12987
  "& .CreateProduct": {
12977
- border: "1px solid #EDEDED",
12988
+ border: "1px solid #e0e0e0",
12978
12989
  padding: "12px",
12979
- borderRadius: "10px",
12980
- boxShadow: "0px 0px 1px 1px #E8E8E880 ",
12990
+ borderRadius: "12px",
12991
+ boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.05)",
12981
12992
  height: "729px",
12982
- fontFamily: "Inter, sans-serif",
12983
- // width: "90%",
12993
+ fontFamily: "'IBM Plex Sans', sans-serif",
12984
12994
  overflow: "auto"
12985
12995
  },
12986
12996
  "& .dashboard": {
@@ -12988,85 +12998,85 @@ const ChangePasswordStyled = material.styled("div")(() => ({
12988
12998
  gap: "16px",
12989
12999
  width: "100%",
12990
13000
  alignItems: "center",
12991
- fontFamily: "Inter, sans-serif"
13001
+ fontFamily: "'IBM Plex Sans', sans-serif"
12992
13002
  },
12993
13003
  "& .product": {
12994
13004
  display: "flex",
12995
- fontFamily: "Inter, sans-serif",
13005
+ fontFamily: "'IBM Plex Sans', sans-serif",
12996
13006
  gap: "16px"
12997
13007
  },
12998
13008
  "& .project": {
12999
13009
  fontSize: "14px",
13000
13010
  fontWeight: "400",
13001
- color: "#777777",
13002
- fontFamily: "Inter, sans-serif"
13011
+ color: "#5f6368",
13012
+ fontFamily: "'IBM Plex Sans', sans-serif"
13003
13013
  },
13004
13014
  "& .seiDetail": {
13005
- background: "#AECCFE33",
13015
+ background: "#f0f7ff",
13006
13016
  padding: "12px",
13007
13017
  borderRadius: "12px",
13008
13018
  height: "100%",
13009
- fontFamily: "Inter, sans-serif"
13019
+ fontFamily: "'IBM Plex Sans', sans-serif"
13010
13020
  },
13011
13021
  "& .vsDetail": {
13012
- background: "#FEDDB04D",
13022
+ background: "#fff9f2",
13013
13023
  padding: "12px",
13014
13024
  borderRadius: "12px",
13015
13025
  height: " 100%",
13016
- fontFamily: "Inter, sans-serif"
13026
+ fontFamily: "'IBM Plex Sans', sans-serif"
13017
13027
  },
13018
13028
  "& .emotional": {
13019
13029
  fontSize: "16px",
13020
13030
  fontWeight: "600",
13021
- color: "#222222",
13022
- fontFamily: "Inter, sans-serif"
13031
+ color: "#1a1c1e",
13032
+ fontFamily: "'IBM Plex Sans', sans-serif"
13023
13033
  },
13024
13034
  "& .Detail": {
13025
13035
  fontSize: "14px",
13026
13036
  fontWeight: "400",
13027
- color: "#555555",
13037
+ color: "#5f6368",
13028
13038
  margin: "10px 0px",
13029
- fontFamily: "Inter, sans-serif"
13039
+ fontFamily: "'IBM Plex Sans', sans-serif"
13030
13040
  },
13031
13041
  "& .link": {
13032
13042
  fontSize: "16px",
13033
- color: "#222222",
13043
+ color: "#1a1c1e",
13034
13044
  fontWeight: "500",
13035
13045
  marginTop: "4%",
13036
13046
  padding: "12px 5px 0px",
13037
- fontFamily: "Inter, sans-serif"
13047
+ fontFamily: "'IBM Plex Sans', sans-serif"
13038
13048
  },
13039
13049
  "& .group": {
13040
13050
  paddingTop: "12px",
13041
- fontFamily: "Inter, sans-serif"
13051
+ fontFamily: "'IBM Plex Sans', sans-serif"
13042
13052
  },
13043
13053
  "& .creation": {
13044
13054
  display: "flex",
13045
13055
  paddingBottom: "10px",
13046
- fontFamily: "Inter, sans-serif"
13056
+ fontFamily: "'IBM Plex Sans', sans-serif"
13047
13057
  },
13048
13058
  "& .groupDetailData": {
13049
13059
  fontSize: "14px",
13050
13060
  fontWeight: "400",
13051
- color: "#777777",
13061
+ color: "#5f6368",
13052
13062
  margin: "0px 13px 0px 0px",
13053
- fontFamily: "Inter, sans-serif"
13063
+ fontFamily: "'IBM Plex Sans', sans-serif"
13054
13064
  },
13055
13065
  "& .title": {
13056
- color: "#222222",
13066
+ color: "#1a1c1e",
13057
13067
  fontSize: "16px",
13058
13068
  fontWeight: "600",
13059
- fontFamily: "Inter, sans-serif"
13069
+ fontFamily: "'IBM Plex Sans', sans-serif"
13060
13070
  },
13061
13071
  "& .reportActivityDetail": {
13062
13072
  display: "flex",
13063
13073
  alignItems: "center",
13064
13074
  margin: "0px 0px 7px 0px",
13065
- fontFamily: "Inter, sans-serif"
13075
+ fontFamily: "'IBM Plex Sans', sans-serif"
13066
13076
  },
13067
13077
  "& .reportActivityDetail svg": {
13068
13078
  margin: "0px 13px 0px 0px",
13069
- fontFamily: "Inter, sans-serif"
13079
+ fontFamily: "'IBM Plex Sans', sans-serif"
13070
13080
  },
13071
13081
  "& .version": {
13072
13082
  display: "flex",
@@ -13074,105 +13084,107 @@ const ChangePasswordStyled = material.styled("div")(() => ({
13074
13084
  width: "98%",
13075
13085
  alignItems: "center",
13076
13086
  margin: "8px 0px 8px 0px",
13077
- fontFamily: "Inter, sans-serif"
13087
+ fontFamily: "'IBM Plex Sans', sans-serif"
13078
13088
  },
13079
13089
  "& .dotted": {
13080
13090
  fontSize: "14px",
13081
13091
  fontWeight: "500",
13082
13092
  display: "flex",
13083
13093
  alignItems: "center",
13084
- fontFamily: "Inter, sans-serif"
13094
+ fontFamily: "'IBM Plex Sans', sans-serif"
13085
13095
  },
13086
13096
  "& .seiDetail .dotted": {
13087
- color: "#2063A5",
13088
- fontFamily: "Inter, sans-serif"
13097
+ color: "#0073b1",
13098
+ fontFamily: "'IBM Plex Sans', sans-serif"
13089
13099
  },
13090
13100
  "& .vsDetail .dotted": {
13091
- color: "#F68926",
13092
- fontFamily: "Inter, sans-serif"
13101
+ color: "#f68926",
13102
+ fontFamily: "'IBM Plex Sans', sans-serif"
13093
13103
  },
13094
13104
  "& .seiDetail .version svg": {
13095
- color: "#2063A5",
13096
- fontFamily: "Inter, sans-serif"
13105
+ color: "#0073b1",
13106
+ fontFamily: "'IBM Plex Sans', sans-serif"
13097
13107
  },
13098
13108
  "& .vsDetail .version svg": {
13099
- color: "#F68926",
13100
- fontFamily: "Inter, sans-serif"
13109
+ color: "#f68926",
13110
+ fontFamily: "'IBM Plex Sans', sans-serif"
13101
13111
  },
13102
13112
  "& .seiDetail .accordionTitle": {
13103
- color: "#2063A5",
13113
+ color: "#0073b1",
13104
13114
  fontSize: "14px",
13105
13115
  fontWeight: "500",
13106
- fontFamily: "Inter, sans-serif"
13116
+ fontFamily: "'IBM Plex Sans', sans-serif"
13107
13117
  },
13108
13118
  "& .vsDetail .accordionTitle": {
13109
- color: "#F68926",
13119
+ color: "#f68926",
13110
13120
  fontSize: "14px",
13111
13121
  fontWeight: "500",
13112
- fontFamily: "Inter, sans-serif"
13122
+ fontFamily: "'IBM Plex Sans', sans-serif"
13113
13123
  },
13114
13124
  "& .seiDetail .toggle svg": {
13115
- color: "#2063A5"
13125
+ color: "#0073b1"
13116
13126
  },
13117
13127
  "& .vsDetail .toggle svg": {
13118
- color: "#F68926"
13128
+ color: "#f68926"
13119
13129
  },
13120
13130
  "& .welcome": {
13121
13131
  fontSize: "16px",
13122
- color: "#777777",
13132
+ color: "#5f6368",
13123
13133
  fontWeight: "400",
13124
13134
  margin: "3px 3px",
13125
- fontFamily: "Inter, sans-serif"
13135
+ fontFamily: "'IBM Plex Sans', sans-serif"
13126
13136
  },
13127
13137
  "& .recant": {
13128
13138
  fontSize: "16px",
13129
13139
  fontWeight: "600",
13130
- color: "#222222",
13140
+ color: "#1a1c1e",
13131
13141
  padding: "9px 4px",
13132
- fontFamily: "Inter, sans-serif"
13142
+ fontFamily: "'IBM Plex Sans', sans-serif"
13133
13143
  },
13134
13144
  "& .viewFile": {
13135
- color: "#777777",
13145
+ color: "#5f6368",
13136
13146
  fontSize: "14px",
13137
13147
  fontWeight: "500",
13138
- border: "1px solid #E8E8E8",
13139
- height: "28px",
13140
- borderRadius: "4px",
13141
- width: "97px",
13148
+ border: "1px solid #e0e0e0",
13149
+ height: "32px",
13150
+ borderRadius: "6px",
13151
+ width: "110px",
13142
13152
  alignItems: "center",
13143
13153
  textAlign: "center",
13144
13154
  display: "flex",
13145
13155
  justifyContent: "center",
13146
- marginTop: "12px"
13156
+ marginTop: "12px",
13157
+ transition: "all 0.2s",
13158
+ "&:hover": {
13159
+ background: "#f8f9fa",
13160
+ borderColor: "#0073b1",
13161
+ color: "#0073b1"
13162
+ }
13147
13163
  },
13148
13164
  "& .viewFile svg": {
13149
13165
  margin: "0px 0px 0px 7px"
13150
13166
  }
13151
13167
  }));
13152
- const ProfileStyled = material.styled("div")(() => ({
13168
+ const ProfileStyled = styles.styled("div")(() => ({
13153
13169
  "& .dashboardMain": {
13154
- // width: "986px !important",
13155
13170
  marginTop: "1%",
13156
13171
  paddingBottom: "20px"
13157
13172
  },
13158
13173
  "& .createProduct": {
13159
- border: "1px solid #EDEDED",
13174
+ border: "1px solid #e0e0e0",
13160
13175
  margin: "10px 0px",
13161
13176
  padding: "16px",
13162
- borderRadius: "10px",
13163
- // boxShadow: "0px 0px 1px 1px #E8E8E880 ",
13164
- fontFamily: "Inter, sans-serif",
13177
+ borderRadius: "12px",
13178
+ fontFamily: "'IBM Plex Sans', sans-serif",
13165
13179
  width: "100%",
13166
13180
  boxSizing: "border-box"
13167
13181
  },
13168
13182
  "& .CreateProduct": {
13169
- border: "1px solid #EDEDED",
13183
+ border: "1px solid #e0e0e0",
13170
13184
  padding: "12px",
13171
- borderRadius: "10px",
13172
- // boxShadow: "0px 0px 1px 1px #E8E8E880 ",
13185
+ borderRadius: "12px",
13173
13186
  height: "729px",
13174
- fontFamily: "Inter, sans-serif",
13175
- // width: "90%",
13187
+ fontFamily: "'IBM Plex Sans', sans-serif",
13176
13188
  overflow: "auto"
13177
13189
  },
13178
13190
  "& .dashboard": {
@@ -13180,85 +13192,85 @@ const ProfileStyled = material.styled("div")(() => ({
13180
13192
  gap: "16px",
13181
13193
  width: "100%",
13182
13194
  alignItems: "center",
13183
- fontFamily: "Inter, sans-serif"
13195
+ fontFamily: "'IBM Plex Sans', sans-serif"
13184
13196
  },
13185
13197
  "& .product": {
13186
13198
  display: "flex",
13187
- fontFamily: "Inter, sans-serif",
13199
+ fontFamily: "'IBM Plex Sans', sans-serif",
13188
13200
  gap: "16px"
13189
13201
  },
13190
13202
  "& .project": {
13191
13203
  fontSize: "14px",
13192
13204
  fontWeight: "400",
13193
- color: "#777777",
13194
- fontFamily: "Inter, sans-serif"
13205
+ color: "#5f6368",
13206
+ fontFamily: "'IBM Plex Sans', sans-serif"
13195
13207
  },
13196
13208
  "& .seiDetail": {
13197
- background: "#AECCFE33",
13209
+ background: "#f0f7ff",
13198
13210
  padding: "12px",
13199
13211
  borderRadius: "12px",
13200
13212
  height: "100%",
13201
- fontFamily: "Inter, sans-serif"
13213
+ fontFamily: "'IBM Plex Sans', sans-serif"
13202
13214
  },
13203
13215
  "& .vsDetail": {
13204
- background: "#FEDDB04D",
13216
+ background: "#fff9f2",
13205
13217
  padding: "12px",
13206
13218
  borderRadius: "12px",
13207
13219
  height: " 100%",
13208
- fontFamily: "Inter, sans-serif"
13220
+ fontFamily: "'IBM Plex Sans', sans-serif"
13209
13221
  },
13210
13222
  "& .emotional": {
13211
13223
  fontSize: "16px",
13212
13224
  fontWeight: "600",
13213
- color: "#222222",
13214
- fontFamily: "Inter, sans-serif"
13225
+ color: "#1a1c1e",
13226
+ fontFamily: "'IBM Plex Sans', sans-serif"
13215
13227
  },
13216
13228
  "& .Detail": {
13217
13229
  fontSize: "14px",
13218
13230
  fontWeight: "400",
13219
- color: "#555555",
13231
+ color: "#5f6368",
13220
13232
  margin: "10px 0px",
13221
- fontFamily: "Inter, sans-serif"
13233
+ fontFamily: "'IBM Plex Sans', sans-serif"
13222
13234
  },
13223
13235
  "& .link": {
13224
13236
  fontSize: "16px",
13225
- color: "#222222",
13237
+ color: "#1a1c1e",
13226
13238
  fontWeight: "500",
13227
13239
  marginTop: "4%",
13228
13240
  padding: "12px 5px 0px",
13229
- fontFamily: "Inter, sans-serif"
13241
+ fontFamily: "'IBM Plex Sans', sans-serif"
13230
13242
  },
13231
13243
  "& .group": {
13232
13244
  paddingTop: "12px",
13233
- fontFamily: "Inter, sans-serif"
13245
+ fontFamily: "'IBM Plex Sans', sans-serif"
13234
13246
  },
13235
13247
  "& .creation": {
13236
13248
  display: "flex",
13237
13249
  paddingBottom: "10px",
13238
- fontFamily: "Inter, sans-serif"
13250
+ fontFamily: "'IBM Plex Sans', sans-serif"
13239
13251
  },
13240
13252
  "& .groupDetailData": {
13241
13253
  fontSize: "14px",
13242
13254
  fontWeight: "400",
13243
- color: "#777777",
13255
+ color: "#5f6368",
13244
13256
  margin: "0px 13px 0px 0px",
13245
- fontFamily: "Inter, sans-serif"
13257
+ fontFamily: "'IBM Plex Sans', sans-serif"
13246
13258
  },
13247
13259
  "& .title": {
13248
- color: "#222222",
13260
+ color: "#1a1c1e",
13249
13261
  fontSize: "16px",
13250
13262
  fontWeight: "600",
13251
- fontFamily: "Inter, sans-serif"
13263
+ fontFamily: "'IBM Plex Sans', sans-serif"
13252
13264
  },
13253
13265
  "& .reportActivityDetail": {
13254
13266
  display: "flex",
13255
13267
  alignItems: "center",
13256
13268
  margin: "0px 0px 7px 0px",
13257
- fontFamily: "Inter, sans-serif"
13269
+ fontFamily: "'IBM Plex Sans', sans-serif"
13258
13270
  },
13259
13271
  "& .reportActivityDetail svg": {
13260
13272
  margin: "0px 13px 0px 0px",
13261
- fontFamily: "Inter, sans-serif"
13273
+ fontFamily: "'IBM Plex Sans', sans-serif"
13262
13274
  },
13263
13275
  "& .version": {
13264
13276
  display: "flex",
@@ -13266,76 +13278,82 @@ const ProfileStyled = material.styled("div")(() => ({
13266
13278
  width: "98%",
13267
13279
  alignItems: "center",
13268
13280
  margin: "8px 0px 8px 0px",
13269
- fontFamily: "Inter, sans-serif"
13281
+ fontFamily: "'IBM Plex Sans', sans-serif"
13270
13282
  },
13271
13283
  "& .dotted": {
13272
13284
  fontSize: "14px",
13273
13285
  fontWeight: "500",
13274
13286
  display: "flex",
13275
13287
  alignItems: "center",
13276
- fontFamily: "Inter, sans-serif"
13288
+ fontFamily: "'IBM Plex Sans', sans-serif"
13277
13289
  },
13278
13290
  "& .seiDetail .dotted": {
13279
- color: "#2063A5",
13280
- fontFamily: "Inter, sans-serif"
13291
+ color: "#0073b1",
13292
+ fontFamily: "'IBM Plex Sans', sans-serif"
13281
13293
  },
13282
13294
  "& .vsDetail .dotted": {
13283
- color: "#F68926",
13284
- fontFamily: "Inter, sans-serif"
13295
+ color: "#f68926",
13296
+ fontFamily: "'IBM Plex Sans', sans-serif"
13285
13297
  },
13286
13298
  "& .seiDetail .version svg": {
13287
- color: "#2063A5",
13288
- fontFamily: "Inter, sans-serif"
13299
+ color: "#0073b1",
13300
+ fontFamily: "'IBM Plex Sans', sans-serif"
13289
13301
  },
13290
13302
  "& .vsDetail .version svg": {
13291
- color: "#F68926",
13292
- fontFamily: "Inter, sans-serif"
13303
+ color: "#f68926",
13304
+ fontFamily: "'IBM Plex Sans', sans-serif"
13293
13305
  },
13294
13306
  "& .seiDetail .accordionTitle": {
13295
- color: "#2063A5",
13307
+ color: "#0073b1",
13296
13308
  fontSize: "14px",
13297
13309
  fontWeight: "500",
13298
- fontFamily: "Inter, sans-serif"
13310
+ fontFamily: "'IBM Plex Sans', sans-serif"
13299
13311
  },
13300
13312
  "& .vsDetail .accordionTitle": {
13301
- color: "#F68926",
13313
+ color: "#f68926",
13302
13314
  fontSize: "14px",
13303
13315
  fontWeight: "500",
13304
- fontFamily: "Inter, sans-serif"
13316
+ fontFamily: "'IBM Plex Sans', sans-serif"
13305
13317
  },
13306
13318
  "& .seiDetail .toggle svg": {
13307
- color: "#2063A5"
13319
+ color: "#0073b1"
13308
13320
  },
13309
13321
  "& .vsDetail .toggle svg": {
13310
- color: "#F68926"
13322
+ color: "#f68926"
13311
13323
  },
13312
13324
  "& .welcome": {
13313
13325
  fontSize: "16px",
13314
- color: "#777777",
13326
+ color: "#5f6368",
13315
13327
  fontWeight: "400",
13316
13328
  margin: "3px 3px",
13317
- fontFamily: "Inter, sans-serif"
13329
+ fontFamily: "'IBM Plex Sans', sans-serif"
13318
13330
  },
13319
13331
  "& .recant": {
13320
13332
  fontSize: "16px",
13321
13333
  fontWeight: "600",
13322
- color: "#222222",
13334
+ color: "#1a1c1e",
13323
13335
  padding: "9px 4px",
13324
- fontFamily: "Inter, sans-serif"
13336
+ fontFamily: "'IBM Plex Sans', sans-serif"
13325
13337
  },
13326
13338
  "& .viewFile": {
13327
- color: "#777777",
13339
+ color: "#5f6368",
13328
13340
  fontSize: "14px",
13329
13341
  fontWeight: "500",
13330
- border: "1px solid #E8E8E8",
13331
- height: "28px",
13332
- borderRadius: "4px",
13333
- width: "97px",
13342
+ border: "1px solid #e0e0e0",
13343
+ height: "32px",
13344
+ borderRadius: "6px",
13345
+ width: "110px",
13334
13346
  alignItems: "center",
13335
13347
  textAlign: "center",
13336
13348
  display: "flex",
13337
13349
  justifyContent: "center",
13338
- marginTop: "12px"
13350
+ marginTop: "12px",
13351
+ transition: "all 0.2s",
13352
+ "&:hover": {
13353
+ background: "#f8f9fa",
13354
+ borderColor: "#0073b1",
13355
+ color: "#0073b1"
13356
+ }
13339
13357
  },
13340
13358
  "& .viewFile svg": {
13341
13359
  margin: "0px 0px 0px 7px"
@@ -13352,50 +13370,54 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
13352
13370
  "aria-labelledby": "draggable-dialog-title",
13353
13371
  children: [
13354
13372
  /* @__PURE__ */ jsxRuntime.jsxs(ProfileStyled, { children: [
13355
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { textAlign: "right", padding: "10px 10px 0px 0px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
13373
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { textAlign: "right", padding: "16px 16px 0px 0px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
13356
13374
  material.IconButton,
13357
13375
  {
13358
13376
  onClick: () => setInitialState((p) => ({ ...p, toggles: { ...p.toggles, viewProfile: false } })),
13359
13377
  disableRipple: false,
13360
- sx: { background: "#E9E9E9", color: "#000" },
13361
- children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
13378
+ sx: {
13379
+ background: "#f1f3f4",
13380
+ color: "#5f6368",
13381
+ "&:hover": { background: "#e0e0e0", color: "#1a1c1e" }
13382
+ },
13383
+ children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { fontSize: "small" })
13362
13384
  }
13363
13385
  ) }),
13364
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 2, children: [
13386
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 4 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 4, children: [
13365
13387
  /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 5, children: [
13366
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
13388
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { textAlign: "center", mb: 3 }, children: /* @__PURE__ */ jsxRuntime.jsx(
13367
13389
  material.Avatar,
13368
13390
  {
13369
13391
  src: userData?.userprofile,
13370
13392
  sx: {
13371
- width: "150px",
13372
- height: "150px",
13373
- border: "5px solid #1CAEFF",
13374
- mb: 2,
13393
+ width: "160px",
13394
+ height: "160px",
13395
+ border: "4px solid #0073b1",
13396
+ boxShadow: "0px 4px 12px rgba(0,0,0,0.1)",
13375
13397
  display: "inline-flex"
13376
13398
  }
13377
13399
  }
13378
13400
  ) }),
13379
- /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { pl: { md: 3, lg: 3, xs: 0 } }, children: [
13380
- /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 1.5, sx: { fontSize: "14px" }, children: [
13381
- Boolean(userData?.certification?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", alignItems: "center", flexWrap: "wrap", spacing: 0.5, useFlexGap: true, children: [
13382
- "Certification:",
13383
- userData?.certification?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { sx: { mr: 0.5, mb: 0.5 }, label: `${itm}` }, idx))
13401
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13402
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 1.5, sx: { fontSize: "14px", color: "#5f6368" }, children: [
13403
+ Boolean(userData?.certification?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 1, children: [
13404
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 600, color: "#1a1c1e", fontSize: "14px" }, children: "Certifications" }),
13405
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: userData?.certification?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { variant: "outlined", sx: { borderRadius: "6px" }, label: `${itm}` }, idx)) })
13384
13406
  ] }),
13385
- Boolean(userData?.country) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13386
- "Location: ",
13387
- userData?.country
13407
+ Boolean(userData?.country) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", gap: 1 }, children: [
13408
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 600, color: "#1a1c1e", minWidth: "80px" }, children: "Location:" }),
13409
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { children: userData?.country })
13388
13410
  ] }),
13389
13411
  Boolean(userData?.languages?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13390
- "Languages:",
13391
- userData?.languages?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { sx: { ml: 0.5, mr: 0.5, mb: 0.5 }, label: `${itm}` }, idx))
13412
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 600, color: "#1a1c1e", mb: 0.5 }, children: "Languages" }),
13413
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: userData?.languages?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", variant: "outlined", label: `${itm}` }, idx)) })
13392
13414
  ] }),
13393
13415
  Boolean(userData?.areaOfWork?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13394
- "Areas Of Work:",
13395
- userData?.areaOfWork?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { sx: { ml: 0.5, mr: 0.5, mb: 0.5 }, label: `${itm}` }, idx))
13416
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontWeight: 600, color: "#1a1c1e", mb: 0.5 }, children: "Areas Of Work" }),
13417
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", flexWrap: "wrap", gap: 0.5 }, children: userData?.areaOfWork?.map((itm, idx) => /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size: "small", variant: "outlined", label: `${itm}` }, idx)) })
13396
13418
  ] })
13397
13419
  ] }),
13398
- /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 2, alignItems: "center", sx: { marginTop: 2 }, children: [
13420
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1.5, alignItems: "center", sx: { marginTop: 3 }, children: [
13399
13421
  /* @__PURE__ */ jsxRuntime.jsx(
13400
13422
  material.Button,
13401
13423
  {
@@ -13405,12 +13427,12 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
13405
13427
  variant: "contained",
13406
13428
  disableElevation: true,
13407
13429
  sx: {
13408
- background: "#000",
13430
+ background: "#0073b1",
13409
13431
  borderRadius: "8px",
13410
13432
  minWidth: "auto",
13411
- p: 1,
13433
+ p: 1.2,
13412
13434
  "&:hover": {
13413
- backgroundColor: "#0a66c2"
13435
+ backgroundColor: "#005a8b"
13414
13436
  }
13415
13437
  },
13416
13438
  children: /* @__PURE__ */ jsxRuntime.jsx(ContentCopyIcon, { fontSize: "small" })
@@ -13421,12 +13443,12 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
13421
13443
  {
13422
13444
  variant: "contained",
13423
13445
  sx: {
13424
- backgroundColor: "#000",
13446
+ backgroundColor: "#0073b1",
13425
13447
  borderRadius: "8px",
13426
13448
  minWidth: "auto",
13427
- p: 1,
13449
+ p: 1.2,
13428
13450
  "&:hover": {
13429
- backgroundColor: "#0a66c2"
13451
+ backgroundColor: "#005a8b"
13430
13452
  }
13431
13453
  },
13432
13454
  disableElevation: true,
@@ -13445,12 +13467,12 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
13445
13467
  LinkComponent: material.Link,
13446
13468
  target: "_blank",
13447
13469
  sx: {
13448
- background: "#000",
13470
+ background: "#0073b1",
13449
13471
  borderRadius: "8px",
13450
13472
  minWidth: "auto",
13451
- p: 1,
13473
+ p: 1.2,
13452
13474
  "&:hover": {
13453
- backgroundColor: "#0a66c2"
13475
+ backgroundColor: "#005a8b"
13454
13476
  }
13455
13477
  },
13456
13478
  children: /* @__PURE__ */ jsxRuntime.jsx(PublicIcon, { fontSize: "small" })
@@ -13460,30 +13482,54 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
13460
13482
  ] })
13461
13483
  ] }),
13462
13484
  /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 7, children: [
13463
- /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 1, sx: { color: "#222222", fontSize: "14px", lineHeight: "24px" }, children: [
13464
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h3", sx: { fontSize: "30px", fontWeight: "500", color: "black" }, children: userData?.fullName }),
13465
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: userData?.bio }),
13466
- Boolean(userData?.title) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13467
- "Title: ",
13468
- userData?.title
13469
- ] }),
13470
- Boolean(userData?.company) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13471
- "Company: ",
13472
- userData?.company
13473
- ] }),
13474
- Boolean(userData?.email) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13475
- "Email: ",
13476
- userData?.email
13485
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 2, sx: { color: "#5f6368", fontSize: "14px", lineHeight: "1.6" }, children: [
13486
+ /* @__PURE__ */ jsxRuntime.jsx(
13487
+ material.Typography,
13488
+ {
13489
+ variant: "h3",
13490
+ sx: {
13491
+ fontSize: "28px",
13492
+ fontWeight: "700",
13493
+ color: "#1a1c1e",
13494
+ fontFamily: "'IBM Plex Sans', sans-serif"
13495
+ },
13496
+ children: userData?.fullName
13497
+ }
13498
+ ),
13499
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "15px" }, children: userData?.bio }),
13500
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13501
+ Boolean(userData?.title) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 1 }, children: [
13502
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", sx: { fontWeight: 600, color: "#1a1c1e" }, children: [
13503
+ "Title:",
13504
+ " "
13505
+ ] }),
13506
+ userData?.title
13507
+ ] }),
13508
+ Boolean(userData?.company) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { mb: 1 }, children: [
13509
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", sx: { fontWeight: 600, color: "#1a1c1e" }, children: [
13510
+ "Company:",
13511
+ " "
13512
+ ] }),
13513
+ userData?.company
13514
+ ] }),
13515
+ Boolean(userData?.email) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
13516
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", sx: { fontWeight: 600, color: "#1a1c1e" }, children: [
13517
+ "Email:",
13518
+ " "
13519
+ ] }),
13520
+ userData?.email
13521
+ ] })
13477
13522
  ] }),
13478
13523
  /* @__PURE__ */ jsxRuntime.jsx(
13479
13524
  material.Box,
13480
13525
  {
13526
+ sx: { mt: 2 },
13481
13527
  dangerouslySetInnerHTML: {
13482
13528
  __html: userData?.certBio || ""
13483
13529
  }
13484
13530
  }
13485
13531
  ),
13486
- /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
13532
+ /* @__PURE__ */ jsxRuntime.jsx(material.Divider, { sx: { my: 2 } }),
13487
13533
  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h5", sx: { fontSize: "16px", fontWeight: "500" }, children: "Description" })
13488
13534
  ] }),
13489
13535
  /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { direction: "row", alignItems: "center", flexWrap: "wrap", spacing: 0.5, useFlexGap: true, children: userData?.certOfferToHelp })
@@ -13533,15 +13579,16 @@ function ChangePasswordDialog({ isOpen, email, t: t2, setInitialState }) {
13533
13579
  open: isOpen,
13534
13580
  "aria-labelledby": "draggable-dialog-title",
13535
13581
  children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: formik.handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsx(ChangePasswordStyled, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { pr: { xs: 0, lg: 8 }, p: 2 }, children: [
13536
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", sx: { display: "flex", alignItems: "center" }, className: "Heading", children: "Change Password" }),
13582
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", sx: { display: "flex", alignItems: "center", fontWeight: 600, color: "#1a1c1e" }, children: "Change Password" }),
13537
13583
  /* @__PURE__ */ jsxRuntime.jsx(
13538
13584
  material.Box,
13539
13585
  {
13540
13586
  sx: {
13541
- p: 2,
13542
- border: "1px solid #EDEDED",
13543
- borderRadius: "16px",
13544
- mt: 2
13587
+ p: 3,
13588
+ border: "1px solid #e0e0e0",
13589
+ borderRadius: "12px",
13590
+ mt: 2,
13591
+ boxShadow: "0px 2px 4px rgba(0,0,0,0.05)"
13545
13592
  },
13546
13593
  children: /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 2, children: [
13547
13594
  /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 6, children: [
@@ -13604,53 +13651,56 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
13604
13651
  }
13605
13652
  }
13606
13653
  };
13607
- return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { touchEvent: "onTouchStart", 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(
13654
+ return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { touchEvent: "onTouchStart", onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 2, background: "#fff", zIndex: 1100 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { container: true, spacing: 2, children: menuItems?.length > 0 && menuItems?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
13608
13655
  material.Grid,
13609
13656
  {
13610
13657
  onClick: () => handleRedirection2(appName, item.link, item.type),
13611
13658
  item: true,
13612
13659
  md: 4,
13613
13660
  xs: 6,
13614
- style: { cursor: "pointer", textDecoration: "none" },
13615
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(
13661
+ sx: { cursor: "pointer", textDecoration: "none" },
13662
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
13616
13663
  material.Box,
13617
13664
  {
13618
- className: "dashboard_Boxs",
13665
+ className: "sixseconds-header-dashboard-boxes",
13619
13666
  sx: {
13620
- marginTop: "10px",
13621
13667
  textAlign: "center",
13622
- borderRadius: "16px",
13623
- "& svg": {
13624
- margin: "0 auto",
13625
- width: "25px",
13626
- height: "25px"
13668
+ p: 2,
13669
+ borderRadius: "12px",
13670
+ transition: "all 0.2s",
13671
+ "&:hover": {
13672
+ background: "#f8f9fa",
13673
+ "& .MuiTypography-root": {
13674
+ color: "#0073b1"
13675
+ }
13627
13676
  }
13628
13677
  },
13629
13678
  children: [
13630
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
13679
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 1.5 }, children: /* @__PURE__ */ jsxRuntime.jsx(
13631
13680
  "img",
13632
13681
  {
13633
- width: 34,
13634
- height: 34,
13635
- style: { margin: "0px auto", width: "34px", height: "34px" },
13682
+ width: 38,
13683
+ height: 38,
13684
+ style: { margin: "0 auto", display: "block" },
13636
13685
  src: item.icon,
13637
- alt: ""
13686
+ alt: item.name
13638
13687
  }
13639
13688
  ) }),
13640
13689
  /* @__PURE__ */ jsxRuntime.jsx(
13641
13690
  material.Typography,
13642
13691
  {
13643
13692
  sx: {
13644
- fontSize: "12.5px",
13645
- color: "#252525",
13646
- fontWeight: 500
13693
+ fontSize: "13px",
13694
+ color: "#1a1c1e",
13695
+ fontWeight: 500,
13696
+ lineHeight: 1.2
13647
13697
  },
13648
13698
  children: t2(item.name)
13649
13699
  }
13650
13700
  )
13651
13701
  ]
13652
13702
  }
13653
- ) })
13703
+ )
13654
13704
  },
13655
13705
  index
13656
13706
  )) }) }) });
@@ -13658,20 +13708,29 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
13658
13708
  const DropdownMenu = ({ headerMenuArray, initialState }) => {
13659
13709
  const pathname = window.location.pathname;
13660
13710
  const isMobile = material.useMediaQuery("(max-width: 1324px)");
13661
- 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: [
13662
- /* @__PURE__ */ jsxRuntime.jsx("a", { href: items.value || "", target: items.target, className: `menu-link`, children: items.label }),
13663
- 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) })) })
13664
- ] }, 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: [
13711
+ return /* @__PURE__ */ jsxRuntime.jsx("nav", { style: { backgroundColor: "transparent", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-main-list-menu sixseconds-header-desktop-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "sixseconds-header-menu-item", style: { listStyle: "none" }, children: [
13712
+ /* @__PURE__ */ jsxRuntime.jsx("a", { href: items.value || "", target: items.target, className: `sixseconds-header-menu-link`, children: items.label }),
13713
+ Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-submenu-data", 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: "sixseconds-header-submenu-link", children: child.label }) }, index2) })) })
13714
+ ] }, index) })) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden sixseconds-header-small-device-menu", id: "mobile-menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sixseconds-header-layout-mobile-menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
13665
13715
  /* @__PURE__ */ jsxRuntime.jsx(
13666
13716
  "a",
13667
13717
  {
13668
13718
  href: items.value || "",
13669
- className: `bg_main_menu ${pathname === items.value ? "text-customBlue" : "text-[#2C2E35]"}`,
13719
+ className: `sixseconds-header-bg-main-menu ${pathname === items.value ? "sixseconds-header-active-link" : ""}`,
13720
+ style: { color: pathname === items.value ? "#0073b1" : "#1a1c1e" },
13670
13721
  children: items.label
13671
13722
  },
13672
13723
  index
13673
13724
  ),
13674
- 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) })) })
13725
+ Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "sixseconds-header-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(
13726
+ "a",
13727
+ {
13728
+ href: items2.value || "",
13729
+ target: items2.target,
13730
+ className: "sixseconds-header-submenu-child-link",
13731
+ children: items2.label
13732
+ }
13733
+ ) }, index2) })) })
13675
13734
  ] })) }) }) });
13676
13735
  };
13677
13736
  function Language({
@@ -13693,14 +13752,14 @@ function Language({
13693
13752
  {
13694
13753
  sx: {
13695
13754
  p: 2,
13696
- zIndex: "99999999 !important",
13697
- borderRadius: "16px",
13698
- border: "1px solid #EDEDED",
13699
- boxShadow: "0px 12px 16px -4px #1A191914",
13755
+ zIndex: "1100 !important",
13756
+ borderRadius: "12px",
13757
+ border: "1px solid #e0e0e0",
13758
+ boxShadow: "0px 4px 20px rgba(0, 0, 0, 0.1)",
13700
13759
  maxWidth: "333px",
13701
13760
  minWidth: { md: "333px", lg: "333px", xs: "200px" },
13702
13761
  background: "#fff",
13703
- top: "66px",
13762
+ top: "60px",
13704
13763
  right: "0px",
13705
13764
  "[dir='rtl'] &": {
13706
13765
  left: "0 !important",
@@ -13721,9 +13780,13 @@ function Language({
13721
13780
  overflowY: "auto",
13722
13781
  maxHeight: "300px",
13723
13782
  "& li": {
13724
- borderBottom: "1px solid #EDEDED",
13725
- padding: "16px 0px",
13783
+ borderBottom: "1px solid #f1f3f4",
13784
+ padding: "12px 0px",
13726
13785
  cursor: "pointer",
13786
+ transition: "background 0.2s ease",
13787
+ "&:hover": {
13788
+ background: "#f8f9fa"
13789
+ },
13727
13790
  "&:last-child": {
13728
13791
  borderBottom: "0px"
13729
13792
  }
@@ -14155,32 +14218,34 @@ const Notification = ({ setInitialState, notificationAccessApps, initialState, t
14155
14218
  {
14156
14219
  sx: {
14157
14220
  p: 2,
14158
- zIndex: "99999999 !important",
14159
- borderRadius: "16px",
14160
- border: "1px solid #EDEDED",
14161
- boxShadow: "0px 12px 16px -4px #1A191914",
14221
+ zIndex: "1100 !important",
14222
+ borderRadius: "12px",
14223
+ border: "1px solid #e0e0e0",
14224
+ boxShadow: "0px 4px 20px rgba(0, 0, 0, 0.1)",
14162
14225
  maxWidth: "auto",
14163
14226
  minWidth: { md: "450px", lg: "450px", xs: "200px" },
14164
14227
  background: "#fff",
14165
- top: "66px",
14228
+ top: "60px",
14166
14229
  right: "-60px",
14167
14230
  position: "absolute"
14168
14231
  },
14169
14232
  children: [
14170
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", borderBottom: "1px solid #007fc0" }, children: notificationAccessApps?.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
14233
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", borderBottom: "1px solid #e0e0e0", mb: 2 }, children: notificationAccessApps?.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
14171
14234
  material.Button,
14172
14235
  {
14173
14236
  onClick: () => setActiveTab(tab.name),
14174
14237
  sx: {
14175
- padding: "2px 20px",
14238
+ padding: "8px 20px",
14176
14239
  fontSize: "14px",
14240
+ fontWeight: activeTab === tab.name ? 600 : 400,
14177
14241
  textTransform: "capitalize",
14178
- background: activeTab === tab.name ? "#007fc0" : "#fff",
14179
- color: activeTab === tab.name ? "#fff" : "#007fc0",
14242
+ background: "transparent",
14243
+ color: activeTab === tab.name ? "#0073b1" : "#5f6368",
14180
14244
  borderRadius: "0px",
14181
- borderTopLeftRadius: "5px",
14182
- borderTopRightRadius: "5px"
14183
- // borderBottom: "1px solid #007fc0",
14245
+ borderBottom: activeTab === tab.name ? "2px solid #0073b1" : "none",
14246
+ "&:hover": {
14247
+ background: "rgba(0, 115, 177, 0.04)"
14248
+ }
14184
14249
  },
14185
14250
  children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { textWrap: "nowrap" }, children: t2(tab.name) })
14186
14251
  },
@@ -14259,82 +14324,75 @@ const Notification = ({ setInitialState, notificationAccessApps, initialState, t
14259
14324
  }
14260
14325
  ) });
14261
14326
  };
14262
- const SubHeaderStyled = material.styled(material.AppBar)(() => ({
14263
- // "@media screen and (max-width:1920px) and (min-width:1600px)": {
14264
- // "& .submenu": {
14265
- // width: "84% !important",
14266
- // },
14267
- // },
14268
- // "@media screen and (max-width:1600px) and (min-width:1440px)": {
14269
- // "& .submenu": {
14270
- // width: "82% !important",
14271
- // },
14272
- // },
14273
- // "@media screen and (max-width:5000px) and (min-width:2560px)": {
14274
- // "& .submenu": {
14275
- // width: "89% !important",
14276
- // },
14277
- // },
14327
+ const SubHeaderStyled = styles.styled(material.AppBar)(() => ({
14278
14328
  "& ": {
14279
14329
  background: "#fff",
14280
- color: "#000",
14281
- height: "70px",
14282
- width: "100vw",
14283
- fontFamily: "Inter, sans-serif",
14330
+ color: "#1a1c1e",
14331
+ height: "64px",
14332
+ width: "100%",
14333
+ fontFamily: "'IBM Plex Sans', sans-serif",
14284
14334
  position: "fixed",
14285
- zIndex: "999",
14286
- // left: "255px",
14335
+ zIndex: "1000",
14287
14336
  right: "0px",
14288
- top: "0px"
14337
+ top: "0px",
14338
+ boxShadow: "none",
14339
+ borderBottom: "1px solid #e0e0e0",
14340
+ display: "flex",
14341
+ justifyContent: "center"
14289
14342
  },
14290
- "& .submenu": {
14343
+ "& .sixseconds-header-submenu": {
14291
14344
  display: "flex",
14292
14345
  justifyContent: "space-between",
14293
14346
  alignItems: "center",
14294
14347
  margin: "0px",
14295
- fontFamily: "Inter, sans-serif"
14348
+ fontFamily: "'IBM Plex Sans', sans-serif"
14296
14349
  },
14297
- "& .profile": {
14350
+ "& .sixseconds-header-profile": {
14298
14351
  position: "absolute",
14299
14352
  right: "0px",
14300
- top: "66px",
14353
+ top: "60px",
14301
14354
  background: "#fff",
14302
- width: "250px",
14303
- borderRadius: "16px",
14304
- zIndex: "999",
14305
- boxShadow: "0px 4px 6px -2px #1A191908",
14306
- fontFamily: "Inter, sans-serif",
14307
- border: "1px solid #EDEDED",
14355
+ width: "280px",
14356
+ borderRadius: "12px",
14357
+ zIndex: "1100",
14358
+ boxShadow: "0px 4px 20px rgba(0, 0, 0, 0.1)",
14359
+ fontFamily: "'IBM Plex Sans', sans-serif",
14360
+ border: "1px solid #e0e0e0",
14361
+ overflow: "hidden",
14308
14362
  "& ul": {
14309
14363
  margin: "0px",
14310
- padding: "0px 16px 16px",
14364
+ padding: "8px 0",
14311
14365
  listStyle: "none",
14312
14366
  "& li": {
14313
- padding: "10px 0px",
14314
- borderBottom: "1px solid #E9E9E9",
14367
+ padding: "12px 16px",
14368
+ borderBottom: "1px solid #f1f3f4",
14315
14369
  cursor: "pointer",
14370
+ transition: "background 0.2s ease",
14371
+ "&:hover": {
14372
+ background: "#f8f9fa"
14373
+ },
14316
14374
  "&:last-child": { borderBottom: "0px" }
14317
14375
  }
14318
14376
  }
14319
14377
  },
14320
- "& .notification": {
14378
+ "& .sixseconds-header-notification": {
14321
14379
  display: "flex",
14322
14380
  alignItems: "center",
14323
- fontFamily: "Inter, sans-serif"
14381
+ fontFamily: "'IBM Plex Sans', sans-serif"
14324
14382
  },
14325
- "& .notification h6,p": {
14383
+ "& .sixseconds-header-notification h6,p": {
14326
14384
  margin: "10px",
14327
- fontFamily: "Inter, sans-serif"
14385
+ fontFamily: "'IBM Plex Sans', sans-serif"
14328
14386
  },
14329
- "& .total": {
14330
- border: "1px solid #C9C9C9",
14387
+ "& .sixseconds-header-total": {
14388
+ border: "1px solid #e0e0e0",
14331
14389
  borderRadius: "6px",
14332
- padding: "4px 8px 4px 8px",
14333
- color: "#666666",
14390
+ padding: "4px 10px",
14391
+ color: "#5f6368",
14334
14392
  fontSize: "14px",
14335
14393
  fontWeight: "500",
14336
14394
  display: "flex",
14337
- fontFamily: "Inter, sans-serif"
14395
+ fontFamily: "'IBM Plex Sans', sans-serif"
14338
14396
  }
14339
14397
  }));
14340
14398
  const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, router }) => {
@@ -14365,20 +14423,32 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
14365
14423
  ]
14366
14424
  }
14367
14425
  ),
14368
- state.toggles.userProfile && /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: () => handleCloseUtil(setState), children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "sixseconds-profile profile", children: [
14426
+ state.toggles.userProfile && /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: () => handleCloseUtil(setState), children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "sixseconds-header-profile", sx: { top: "60px !important", zIndex: "1100 !important" }, children: [
14369
14427
  /* @__PURE__ */ jsxRuntime.jsxs(
14370
14428
  material.Stack,
14371
14429
  {
14372
14430
  direction: "row",
14373
- spacing: 1,
14431
+ spacing: 2,
14374
14432
  alignItems: "center",
14375
14433
  sx: {
14376
- borderBottom: "1px solid #EDEDED",
14434
+ borderBottom: "1px solid #f1f3f4",
14377
14435
  p: 2,
14378
- zIndex: "99999999 !important"
14436
+ background: "#f8f9fa"
14379
14437
  },
14380
14438
  children: [
14381
- /* @__PURE__ */ jsxRuntime.jsx(material.Avatar, { src: userData?.userprofile, sx: { width: "55px", height: "55px" }, children: (userData?.fullName || "").trim().split(/\s+/).filter(Boolean).map((part) => part[0]?.toUpperCase()).join("") || "" }),
14439
+ /* @__PURE__ */ jsxRuntime.jsx(
14440
+ material.Avatar,
14441
+ {
14442
+ src: userData?.userprofile,
14443
+ sx: {
14444
+ width: "48px",
14445
+ height: "48px",
14446
+ border: "2px solid #fff",
14447
+ boxShadow: "0px 2px 4px rgba(0,0,0,0.1)"
14448
+ },
14449
+ children: (userData?.fullName || "").trim().split(/\s+/).filter(Boolean).map((part) => part[0]?.toUpperCase()).join("") || ""
14450
+ }
14451
+ ),
14382
14452
  /* @__PURE__ */ jsxRuntime.jsxs(
14383
14453
  material.Box,
14384
14454
  {
@@ -14389,127 +14459,96 @@ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions, route
14389
14459
  wordBreak: "break-all"
14390
14460
  },
14391
14461
  children: [
14392
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: userData?.fullName }),
14393
- /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", sx: { m: 0, fontSize: "14px", color: "#666666" }, children: [
14394
- truncateValUtil(userData?.email || ""),
14395
- " ",
14396
- /* @__PURE__ */ jsxRuntime.jsx("br", {}),
14397
- Boolean(userData?.role) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
14398
- "(",
14399
- userData?.role,
14400
- ")"
14401
- ] })
14402
- ] })
14462
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "15px", fontWeight: "600", color: "#1a1c1e", m: 0 }, children: userData?.fullName }),
14463
+ /* @__PURE__ */ jsxRuntime.jsx(
14464
+ material.Typography,
14465
+ {
14466
+ component: "span",
14467
+ sx: { m: 0, fontSize: "13px", color: "#5f6368", display: "block", mt: 0.5 },
14468
+ children: truncateValUtil(userData?.email || "")
14469
+ }
14470
+ ),
14471
+ Boolean(userData?.role) && /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "11px", color: "#0073b1", fontWeight: 700, textTransform: "uppercase" }, children: userData?.role })
14403
14472
  ]
14404
14473
  }
14405
14474
  )
14406
14475
  ]
14407
14476
  }
14408
14477
  ),
14409
- /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
14478
+ /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { component: "ul", sx: { m: 0, p: "8px 0 !important", listStyle: "none" }, children: [
14410
14479
  extraMenuOptions.components,
14411
- extraMenuOptions.isViewProfile && /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
14412
- material.Stack,
14480
+ extraMenuOptions.isViewProfile && /* @__PURE__ */ jsxRuntime.jsx(
14481
+ material.Box,
14413
14482
  {
14414
- direction: "row",
14415
- gap: 1,
14416
- alignItems: "center",
14483
+ component: "li",
14417
14484
  onClick: () => setInitialState((p) => ({ ...p, toggles: { ...p.toggles, viewProfile: true } })),
14418
- sx: { color: "#1A1919", cursor: "pointer", textDecoration: "none" },
14419
- children: [
14420
- /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, { style: { width: "20px", height: "23px" } }),
14421
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
14422
- material.Typography,
14423
- {
14424
- variant: "h4",
14425
- sx: {
14426
- fontSize: "16px",
14427
- fontWeight: "400",
14428
- m: 0
14429
- },
14430
- children: t2("View Profile")
14431
- }
14432
- ) })
14433
- ]
14485
+ sx: {
14486
+ px: 2,
14487
+ py: 1.5,
14488
+ cursor: "pointer",
14489
+ "&:hover": { background: "#f8f9fa", color: "#0073b1" }
14490
+ },
14491
+ children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", gap: 1.5, alignItems: "center", children: [
14492
+ /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, { style: { width: "18px", height: "18px", color: "inherit" } }),
14493
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("View Profile") })
14494
+ ] })
14434
14495
  }
14435
- ) }),
14436
- extraMenuOptions.isEditProfile && /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
14437
- material.Stack,
14496
+ ),
14497
+ extraMenuOptions.isEditProfile && /* @__PURE__ */ jsxRuntime.jsx(
14498
+ material.Box,
14438
14499
  {
14439
- direction: "row",
14440
- gap: 1,
14441
- alignItems: "center",
14500
+ component: "li",
14442
14501
  onClick: () => handleRedirection2(userData?.appName, SSO_ROUTES(userData?.appName).editProfile),
14443
- sx: { color: "#1A1919", textDecoration: "none" },
14444
- children: [
14445
- /* @__PURE__ */ jsxRuntime.jsx(SVG.UserEdit, { style: { width: "20px", height: "23px" } }),
14446
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
14447
- material.Typography,
14448
- {
14449
- variant: "h4",
14450
- sx: {
14451
- fontSize: "16px",
14452
- fontWeight: "400",
14453
- m: 0
14454
- },
14455
- children: t2("Edit Profile")
14456
- }
14457
- ) })
14458
- ]
14502
+ sx: {
14503
+ px: 2,
14504
+ py: 1.5,
14505
+ cursor: "pointer",
14506
+ "&:hover": { background: "#f8f9fa", color: "#0073b1" }
14507
+ },
14508
+ children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", gap: 1.5, alignItems: "center", children: [
14509
+ /* @__PURE__ */ jsxRuntime.jsx(SVG.UserEdit, { style: { width: "18px", height: "18px", color: "inherit" } }),
14510
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("Edit Profile") })
14511
+ ] })
14459
14512
  }
14460
- ) }),
14461
- extraMenuOptions.isChangePassword && /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
14462
- material.Stack,
14513
+ ),
14514
+ extraMenuOptions.isChangePassword && /* @__PURE__ */ jsxRuntime.jsx(
14515
+ material.Box,
14463
14516
  {
14464
- direction: "row",
14465
- gap: 1,
14466
- alignItems: "center",
14517
+ component: "li",
14467
14518
  onClick: () => setInitialState((p) => ({ ...p, toggles: { ...p.toggles, changePassword: true } })),
14468
- sx: { cursor: "pointer", textDecoration: "none" },
14469
- children: [
14470
- /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, { style: { width: "20px", height: "23px" } }),
14471
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
14472
- material.Typography,
14473
- {
14474
- variant: "h4",
14475
- sx: {
14476
- color: "#1A1919",
14477
- fontSize: "16px",
14478
- fontWeight: "400"
14479
- },
14480
- children: t2("Change Password")
14481
- }
14482
- ) })
14483
- ]
14519
+ sx: {
14520
+ px: 2,
14521
+ py: 1.5,
14522
+ cursor: "pointer",
14523
+ "&:hover": { background: "#f8f9fa", color: "#0073b1" }
14524
+ },
14525
+ children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", gap: 1.5, alignItems: "center", children: [
14526
+ /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, { style: { width: "18px", height: "18px", color: "inherit" } }),
14527
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("Change Password") })
14528
+ ] })
14484
14529
  }
14485
- ) }),
14486
- /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
14487
- material.Stack,
14530
+ ),
14531
+ /* @__PURE__ */ jsxRuntime.jsx(
14532
+ material.Box,
14488
14533
  {
14489
- direction: "row",
14490
- gap: 1,
14491
- alignItems: "center",
14534
+ component: "li",
14492
14535
  onClick: () => setInitialState?.((p) => ({
14493
14536
  ...p,
14494
14537
  toggles: { ...p.toggles, logout: true }
14495
14538
  })),
14496
- children: [
14497
- /* @__PURE__ */ jsxRuntime.jsx(SVG.Logout, { style: { width: "20px", height: "23px" } }),
14498
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
14499
- material.Typography,
14500
- {
14501
- variant: "h4",
14502
- sx: {
14503
- fontSize: "16px",
14504
- fontWeight: "400",
14505
- m: 0
14506
- },
14507
- children: t2("Logout")
14508
- }
14509
- ) })
14510
- ]
14539
+ sx: {
14540
+ px: 2,
14541
+ py: 1.5,
14542
+ cursor: "pointer",
14543
+ "&:hover": { background: "#f8f9fa", color: "#d32f2f" },
14544
+ borderTop: "1px solid #f1f3f4"
14545
+ },
14546
+ children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", gap: 1.5, alignItems: "center", children: [
14547
+ /* @__PURE__ */ jsxRuntime.jsx(SVG.Logout, { style: { width: "18px", height: "18px", color: "inherit" } }),
14548
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { fontSize: "14px", fontWeight: "400", m: 0 }, children: t2("Logout") })
14549
+ ] })
14511
14550
  }
14512
- ) })
14551
+ )
14513
14552
  ] })
14514
14553
  ] }) })
14515
14554
  ] });
@@ -14581,7 +14620,7 @@ const Header = ({
14581
14620
  }
14582
14621
  }, [typeof window !== "undefined"]);
14583
14622
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
14584
- /* @__PURE__ */ jsxRuntime.jsx(SubHeaderStyled, { sx, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
14623
+ /* @__PURE__ */ jsxRuntime.jsx(SubHeaderStyled, { sx, className: "sixseconds-header-root", children: /* @__PURE__ */ jsxRuntime.jsxs(material.Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
14585
14624
  /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex !important", alignItems: "center !important" }, children: [
14586
14625
  handleSideToggle && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: { md: "none", lg: "none", xs: "block" } }, children: /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: handleSideToggle, children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, {}) }) }),
14587
14626
  isMainLogo && /* @__PURE__ */ jsxRuntime.jsx(Logo, {}),
@@ -14609,7 +14648,7 @@ const Header = ({
14609
14648
  margin: { md: "10px", lg: "10px", xs: "10px 0" },
14610
14649
  position: "relative"
14611
14650
  },
14612
- children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "notification", sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
14651
+ children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "sixseconds-header-notification", sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
14613
14652
  endCustomComponents,
14614
14653
  isAccessAppMenu && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
14615
14654
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -14635,7 +14674,7 @@ const Header = ({
14635
14674
  state.toggles.appMenus && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsx(
14636
14675
  material.Box,
14637
14676
  {
14638
- className: "sixseconds-headerMenu profile headerMenu",
14677
+ className: "sixseconds-header-menu sixseconds-header-profile sixseconds-header-menu",
14639
14678
  sx: {
14640
14679
  width: "400px !important",
14641
14680
  p: 1,
@@ -14670,7 +14709,15 @@ const Header = ({
14670
14709
  },
14671
14710
  "data-toggle-name": "notification",
14672
14711
  onClick: (e) => handleOpenUtil(e, setState),
14673
- children: /* @__PURE__ */ jsxRuntime.jsx(material.Badge, { badgeContent: userData?.notificationCount, color: "error", className: "notification_icon_error", children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Bell, {}) })
14712
+ children: /* @__PURE__ */ jsxRuntime.jsx(
14713
+ material.Badge,
14714
+ {
14715
+ badgeContent: userData?.notificationCount,
14716
+ color: "error",
14717
+ className: "sixseconds-header-notification-icon-error",
14718
+ children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Bell, {})
14719
+ }
14720
+ )
14674
14721
  }
14675
14722
  ),
14676
14723
  state.toggles.notification && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -14755,7 +14802,7 @@ const Header = ({
14755
14802
  material.IconButton,
14756
14803
  {
14757
14804
  style: { paddingRight: 0 },
14758
- className: "hamburger-icon-btn",
14805
+ className: "sixseconds-header-hamburger-icon-btn",
14759
14806
  onClick: () => setState((p) => ({ ...p, toggles: { ...p.toggles, dropDownMenu: !p.toggles.dropDownMenu } })),
14760
14807
  children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { style: { width: "1em", height: "1em" } })
14761
14808
  }