sixseconds-modules 1.5.5 → 1.5.7

package/dist/index.es.js

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");\n\n:root {\n  --background: #ffffff;\n  --foreground: #171717;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --background: #0a0a0a;\n    --foreground: #ededed;\n  }\n}\n\nbody {\n  font-family: "Inter", serif !important;\n  margin: 0;\n  padding: 0;\n  color: var(--foreground);\n  background: var(--background);\n}\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  font-family: "Inter", serif !important;\n}\n\n.MuiTypography-root {\n  font-family: "Inter", serif !important;\n}\n\n.search input {\n  padding: 8.5px 6px 8.5px 33px !important;\n}\n\n.MuiAutocomplete-root .MuiOutlinedInput-root {\n  padding: 2px 10px !important;\n}\n\ninput {\n  height: 36px;\n}\n\n.activeUrl {\n  color: #007fc0;\n}\n\n/* .login_page:has(.MuiContainer-root) {\n  width: 100% !important;\n  padding: 0;\n  background-color: pink;\n} */\n\n.MuiAutocomplete-input {\n  padding: 4.5px !important;\n}\n\n.upload_div {\n  cursor: pointer;\n  width: 125px;\n}\n\n.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {\n  width: 100% !important;\n}\n\n.upload_button {\n  background-color: #007fc0;\n  color: #fff;\n  border-radius: 5px;\n  white-space: nowrap;\n  padding: 7px 10px;\n  cursor: pointer;\n  width: 100%;\n}\n\n.upload_div input {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  opacity: 0;\n}\n\n.upload_div .delete_btn {\n  background-color: #ddd;\n  border: 1px solid #ccc;\n  margin-top: 10px;\n  border-radius: 5px;\n  text-align: center;\n  width: 100%;\n}\n\nbody {\n  background-color: #f6f6f6;\n}\n\n.login_page:has body {\n  background-color: #f6f6f6 !important;\n}\n\n.MuiTableHead-root,\n.MuiTableCell-root,\n.MuiInputBase-formControl {\n  font-family: "Inter", serif !important;\n}\n\ninput:-webkit-autofill {\n  padding: 0 10px;\n}\n\n.MuiPagination-root.MuiPagination-outlined {\n  /* margin-top: 10px; */\n  display: flex;\n  justify-content: end;\n}\n\n.pagination {\n  margin-top: 10px;\n}\n\n.tox-statusbar {\n  display: none !important;\n}\n\n.tox-tinymce {\n  border: 1px solid #0000003b !important;\n}\n\n.manage_payment tr th:nth-child(2) {\n  text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) {\n  text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) div {\n  display: flex;\n  justify-content: center;\n}\n\n.MuiTableContainer-root::-webkit-scrollbar {\n  width: 5px;\n  height: 8px;\n}\n\n.main.login_page .loginBody {\n  width: 800px !important;\n}\n\n.main_list_Menu {\n  display: flex;\n}\n\n.main_list_Menu li {\n  padding: 0.5rem 0.5rem;\n}\n\n.main_list_Menu li a {\n  padding: 0 0.25rem;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.main_list_Menu .menu-item {\n  position: relative;\n  padding: 15px;\n}\n\n.main_list_Menu .menu-link {\n  text-decoration: none;\n  color: #2c2e35;\n  transition: color 0.3s ease;\n}\n\n.main_list_Menu .menu-link:hover {\n  color: #2ea3f2;\n}\n\n/* Submenu (Dropdown) */\n\n.main_list_Menu .submenuData {\n  position: absolute;\n  top: 85%;\n  left: 0;\n  background: white;\n  border-top: 3px solid #2ea3f2;\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n  display: none;\n  min-width: 200px;\n  z-index: 10;\n}\n\n.main_list_Menu .submenuData li {\n  list-style: none;\n}\n\n.main_list_Menu .submenu-link {\n  display: block;\n  padding: 1px 15px;\n  text-decoration: none;\n  color: rgba(0, 0, 0, 0.7);\n  font-weight: 600;\n}\n\n.main_list_Menu .submenu-link:hover {\n  background: #f1f1f1;\n}\n\n/* Show dropdown on hover */\n\n.main_list_Menu .menu-item:hover .submenuData {\n  display: block;\n}\n\n.smallDeviceMenu {\n  display: none;\n  width: 100%;\n  left: 0;\n  top: 72px;\n  background-color: #fff;\n  position: fixed;\n  overflow-y: auto;\n  height: 95vh;\n}\n\n.smallDeviceMenu a.bg_main_menu {\n  display: block;\n}\n\n.layout_mobile_menu {\n  padding-bottom: 12px;\n  padding-inline: 0;\n  height: 95vh;\n  overflow-y: auto;\n  padding-top: 8px;\n}\n\n.smallDeviceMenu a {\n  background-color: rgba(0, 0, 0, 0.03);\n  font-size: 15px;\n  font-weight: 600;\n  color: #2c2e35;\n  margin-bottom: 4px;\n  padding: 12px 8px;\n}\n\n.smallDeviceMenu .submenu_child {\n  padding-left: 15px;\n  min-width: 90%;\n  max-width: 90%;\n  top: 57px;\n  margin-top: 8px;\n  background-color: #fff;\n  color: #000;\n  margin-inline: auto;\n}\n\n.smallDeviceMenu ul li .submenu_child_link {\n  padding: 12px 20px;\n}\n\n.smallDeviceMenu ul li a {\n  background-color: transparent;\n  color: #000000b3;\n}\n\n.smallDeviceMenu ul {\n  padding-left: 15px;\n}\n\n.desktopMenu {\n  display: flex;\n}\n\n.button_hamburger {\n  display: none;\n  position: absolute;\n  right: 20px;\n  top: 25px;\n  z-index: 9;\n}\n\n.tox-editor-header {\n  background-color: transparent;\n}\n\n.hamburger-icon-btn {\n  padding: 8px;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.desktopMenu .menu-item .menu-link {\n  font-size: 15px;\n}\n\n.smallDeviceMenu {\n  padding-inline: 20px;\n}\n\n::-webkit-scrollbar {\n  width: 10px;\n  background-color: #aaa;\n  border-radius: 10px;\n}\n\n/* Track */\n\n::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 5px grey;\n  border-radius: 10px;\n}\n\n/* Handle */\n\n::-webkit-scrollbar-thumb {\n  background: #717070;\n  border-radius: 10px;\n}\n\n/* Handle on hover */\n\n::-webkit-scrollbar-thumb:hover {\n  background: #b30000;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n  .notification_icon_error .MuiBadge-badge {\n    font-size: 11px;\n    padding: 0 3px;\n    min-width: 16px;\n    right: 5px;\n  }\n\n  .submenu nav {\n    padding: 0 !important;\n  }\n\n  .MuiPagination-root.MuiPagination-outlined {\n    /* margin-top: 10px; */\n    display: flex;\n    justify-content: center;\n    margin-left: 0;\n  }\n\n  .toogle_btn_menu {\n    position: absolute;\n    right: 20px;\n    top: 18px;\n    z-index: 99;\n  }\n\n  .right_header_icons {\n    padding-right: 25px;\n  }\n\n  .button_hamburger {\n    display: block;\n  }\n\n  .desktopMenu {\n    display: none;\n  }\n\n  .smallDeviceMenu {\n    display: block;\n    width: 100%;\n    position: fixed;\n    left: 0;\n    background: #fff;\n    top: 69px;\n  }\n\n  .main.login_page .loginBody {\n    width: 400px !important;\n  }\n\n  .submenu {\n    width: 100%;\n    max-width: 100% !important;\n  }\n\n  .sideBar {\n    width: 300px !important;\n    background-color: #fff;\n    z-index: 99;\n  }\n\n  .sideMenu {\n    width: 300px;\n    background-color: #fff;\n  }\n\n  .logo_header {\n    opacity: 1;\n  }\n\n  .profile.headerMenu {\n    min-width: 320px;\n    width: auto !important;\n  }\n}\n\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n  .toogle_btn_menu {\n    position: absolute;\n    right: 20px;\n    top: 18px;\n  }\n\n  .right_header_icons {\n    padding-right: 25px;\n  }\n\n  .button_hamburger {\n    display: block;\n  }\n\n  .desktopMenu {\n    display: none;\n  }\n\n  .smallDeviceMenu {\n    display: block;\n  }\n\n  .main.login_page .loginBody {\n    width: 500px !important;\n  }\n\n  .banner {\n    margin-left: 0 !important;\n  }\n\n  .submenu {\n    width: 100%;\n    max-width: 100% !important;\n  }\n\n  .sideBar {\n    width: 300px !important;\n    background-color: #fff;\n    z-index: 99;\n  }\n\n  .sideMenu {\n    width: 300px;\n    background-color: #fff;\n  }\n\n  .logo_header {\n    opacity: 1;\n  }\n\n  .profile.headerMenu {\n    min-width: 320px;\n    width: auto !important;\n  }\n}\n\n@media screen and (max-width: 1380px) and (min-width: 1024px) {\n  .right_header_icons {\n    padding-right: 25px;\n  }\n\n  .button_hamburger {\n    display: block;\n  }\n\n  .desktopMenu {\n    display: none;\n  }\n\n  .smallDeviceMenu {\n    display: block;\n    width: 100%;\n    position: fixed;\n    left: 0;\n    background: #fff;\n    top: 72px;\n  }\n\n  .button_hamburger {\n    display: block;\n  }\n\n  .right_header_icons {\n    padding-right: 25px;\n  }\n}'));
+      elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");\n\n:root {\n  --background: #ffffff;\n  --foreground: #171717;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --background: #0a0a0a;\n    --foreground: #ededed;\n  }\n}\n\nbody {\n  font-family: "Inter", serif !important;\n  margin: 0;\n  padding: 0;\n  color: var(--foreground);\n  background: var(--background);\n}\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  font-family: "Inter", serif !important;\n}\n\n.MuiTypography-root {\n  font-family: "Inter", serif !important;\n}\n\n.search input {\n  padding: 8.5px 6px 8.5px 33px !important;\n}\n\n.MuiAutocomplete-root .MuiOutlinedInput-root {\n  padding: 2px 10px !important;\n}\n\ninput {\n  height: 36px;\n}\n\n.activeUrl {\n  color: #007fc0;\n}\n\n/* .login_page:has(.MuiContainer-root) {\n  width: 100% !important;\n  padding: 0;\n  background-color: pink;\n} */\n\n.MuiAutocomplete-input {\n  padding: 4.5px !important;\n}\n\n.upload_div {\n  cursor: pointer;\n  width: 125px;\n}\n\n.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {\n  width: 100% !important;\n}\n\n.upload_button {\n  background-color: #007fc0;\n  color: #fff;\n  border-radius: 5px;\n  white-space: nowrap;\n  padding: 7px 10px;\n  cursor: pointer;\n  width: 100%;\n}\n\n.upload_div input {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  opacity: 0;\n}\n\n.upload_div .delete_btn {\n  background-color: #ddd;\n  border: 1px solid #ccc;\n  margin-top: 10px;\n  border-radius: 5px;\n  text-align: center;\n  width: 100%;\n}\n\nbody {\n  background-color: #f6f6f6;\n}\n\n.login_page:has body {\n  background-color: #f6f6f6 !important;\n}\n\n.MuiTableHead-root,\n.MuiTableCell-root,\n.MuiInputBase-formControl {\n  font-family: "Inter", serif !important;\n}\n\ninput:-webkit-autofill {\n  padding: 0 10px;\n}\n\n.MuiPagination-root.MuiPagination-outlined {\n  /* margin-top: 10px; */\n  display: flex;\n  justify-content: end;\n}\n\n.pagination {\n  margin-top: 10px;\n}\n\n.tox-statusbar {\n  display: none !important;\n}\n\n.tox-tinymce {\n  border: 1px solid #0000003b !important;\n}\n\n.manage_payment tr th:nth-child(2) {\n  text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) {\n  text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) div {\n  display: flex;\n  justify-content: center;\n}\n\n.MuiTableContainer-root::-webkit-scrollbar {\n  width: 5px;\n  height: 8px;\n}\n\n.main.login_page .loginBody {\n  width: 800px !important;\n}\n\n.main_list_Menu {\n  display: flex;\n}\n\n.main_list_Menu li {\n  padding: 0.5rem 0.5rem;\n}\n\n.main_list_Menu li a {\n  padding: 0 0.25rem;\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.main_list_Menu .menu-item {\n  position: relative;\n  padding: 15px;\n}\n\n.main_list_Menu .menu-link {\n  text-decoration: none;\n  color: #2c2e35;\n  transition: color 0.3s ease;\n}\n\n.main_list_Menu .menu-link:hover {\n  color: #2ea3f2;\n}\n\n/* Submenu (Dropdown) */\n\n.main_list_Menu .submenuData {\n  position: absolute;\n  top: 85%;\n  left: 0;\n  background: white;\n  border-top: 3px solid #2ea3f2;\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n  display: none;\n  min-width: 200px;\n  z-index: 10;\n}\n\n.main_list_Menu .submenuData li {\n  list-style: none;\n}\n\n.main_list_Menu .submenu-link {\n  display: block;\n  padding: 1px 15px;\n  text-decoration: none;\n  color: rgba(0, 0, 0, 0.7);\n  font-weight: 600;\n}\n\n.main_list_Menu .submenu-link:hover {\n  background: #f1f1f1;\n}\n\n/* Show dropdown on hover */\n\n.main_list_Menu .menu-item:hover .submenuData {\n  display: block;\n}\n\n.smallDeviceMenu {\n  display: none;\n  width: 100%;\n  left: 0;\n  top: 72px;\n  background-color: #fff;\n  position: fixed;\n  overflow-y: auto;\n  height: 95vh;\n}\n\n.smallDeviceMenu a.bg_main_menu {\n  display: block;\n}\n\n.layout_mobile_menu {\n  padding-bottom: 12px;\n  padding-inline: 0;\n  height: 95vh;\n  overflow-y: auto;\n  padding-top: 8px;\n}\n\n.smallDeviceMenu a {\n  background-color: rgba(0, 0, 0, 0.03);\n  font-size: 15px;\n  font-weight: 600;\n  color: #2c2e35;\n  margin-bottom: 4px;\n  padding: 12px 8px;\n}\n\n.smallDeviceMenu .submenu_child {\n  padding-left: 15px;\n  min-width: 90%;\n  max-width: 90%;\n  top: 57px;\n  margin-top: 8px;\n  background-color: #fff;\n  color: #000;\n  margin-inline: auto;\n}\n\n.smallDeviceMenu ul li .submenu_child_link {\n  padding: 12px 20px;\n}\n\n.smallDeviceMenu ul li a {\n  background-color: transparent;\n  color: #000000b3;\n}\n\n.smallDeviceMenu ul {\n  padding-left: 15px;\n}\n\n.desktopMenu {\n  display: flex;\n}\n\n.button_hamburger {\n  display: none;\n  position: absolute;\n  right: 20px;\n  top: 25px;\n  z-index: 9;\n}\n\n.tox-editor-header {\n  background-color: transparent;\n}\n\n.hamburger-icon-btn {\n  padding: 8px;\n  color: rgba(0, 0, 0, 0.54);\n}\n\n.desktopMenu .menu-item .menu-link {\n  font-size: 15px;\n}\n\n.smallDeviceMenu {\n  padding-inline: 20px;\n}\n\n::-webkit-scrollbar {\n  width: 10px;\n  background-color: #aaa;\n  border-radius: 10px;\n}\n\n/* Track */\n\n::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 5px grey;\n  border-radius: 10px;\n}\n\n/* Handle */\n\n::-webkit-scrollbar-thumb {\n  background: #717070;\n  border-radius: 10px;\n}\n\n/* Handle on hover */\n\n::-webkit-scrollbar-thumb:hover {\n  background: #b30000;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n  .notification_icon_error .MuiBadge-badge {\n    font-size: 11px;\n    padding: 0 3px;\n    min-width: 16px;\n    right: 5px;\n  }\n\n  .submenu nav {\n    padding: 0 !important;\n  }\n\n  .MuiPagination-root.MuiPagination-outlined {\n    /* margin-top: 10px; */\n    display: flex;\n    justify-content: center;\n    margin-left: 0;\n  }\n\n  .toogle_btn_menu {\n    position: absolute;\n    right: 20px;\n    top: 18px;\n    z-index: 99;\n  }\n\n  .right_header_icons {\n    padding-right: 25px;\n  }\n\n  .button_hamburger {\n    display: block;\n  }\n\n  .desktopMenu {\n    display: none;\n  }\n\n  .smallDeviceMenu {\n    display: block;\n    width: 100%;\n    position: fixed;\n    left: 0;\n    background: #fff;\n    top: 69px;\n  }\n\n  .main.login_page .loginBody {\n    width: 400px !important;\n  }\n\n  .submenu {\n    width: 100%;\n    max-width: 100% !important;\n  }\n\n  .sideBar {\n    width: 300px !important;\n    background-color: #fff;\n    z-index: 99;\n  }\n\n  .sideMenu {\n    width: 300px;\n    background-color: #fff;\n  }\n\n  .logo_header {\n    opacity: 1;\n  }\n\n  .profile .headerMenu {\n    min-width: 320px;\n    width: 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}'));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -66,7 +66,6 @@ const SubHeaderStyled = styled(AppBar)(() => ({
     width: "100vw",
     fontFamily: "Inter, sans-serif",
     position: "fixed",
-    boxShadow: " -6px 2px 7px 1px #EDEDED",
     zIndex: "99",
     // left: "255px",
     right: "0px",
@@ -4255,7 +4254,7 @@ function formatDateUtil(dateString, flag, formatDate = MAIN_DATE_FORMAT) {
   const dateTime = hooks.utc(dateString).local();
   return dateString ? formatTwoValues(dateTime.format(formatDate), dateTime.format(MAIN_TIME_FORMAT)) : "";
 }
-const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
+const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions }) => {
   const [state, setState] = useState({ toggles: { userProfile: false } });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
@@ -4290,7 +4289,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
             children: [
               /* @__PURE__ */ jsx(Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: userData?.fullName }),
               Boolean(userData?.role) && /* @__PURE__ */ jsxs(Typography, { component: "span", sx: { m: 0, fontSize: "14px", color: "#666666" }, children: [
-                truncateValUtil(userData?.email),
+                truncateValUtil(userData?.email || ""),
                 " ",
                 /* @__PURE__ */ jsx("br", {}),
                 "(",
@@ -4309,8 +4308,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
             spacing: 1,
             alignItems: "center",
             component: Link,
-            href: SSO_ROUTES(userData.appName).viewProfile,
-            target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
+            href: SSO_ROUTES(userData?.appName).viewProfile,
+            target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
             sx: { color: "#1A1919", cursor: "pointer", textDecoration: "none" },
             children: [
               /* @__PURE__ */ jsx(SVG.CheckedPerson, {}),
@@ -4323,7 +4322,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
                     fontWeight: "400",
                     m: 0
                   },
-                  children: "View Profile"
+                  children: t2("View Profile")
                 }
               ) })
             ]
@@ -4336,8 +4335,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
             spacing: 1,
             alignItems: "center",
             component: Link,
-            href: SSO_ROUTES(userData.appName).editProfile,
-            target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
+            href: SSO_ROUTES(userData?.appName).editProfile,
+            target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
             sx: { color: "#1A1919", textDecoration: "none" },
             children: [
               /* @__PURE__ */ jsx(SVG.UserEdit, {}),
@@ -4350,7 +4349,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
                     fontWeight: "400",
                     m: 0
                   },
-                  children: "Edit Profile"
+                  children: t2("Edit Profile")
                 }
               ) })
             ]
@@ -4363,8 +4362,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
             spacing: 1,
             alignItems: "center",
             component: Link,
-            href: SSO_ROUTES(userData.appName).changePasswordDialog,
-            target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
+            href: SSO_ROUTES(userData?.appName).changePasswordDialog,
+            target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
             sx: { cursor: "pointer", textDecoration: "none" },
             children: [
               /* @__PURE__ */ jsx(SVG.CheckedPerson, {}),
@@ -4378,7 +4377,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
                     fontWeight: "400",
                     m: 0
                   },
-                  children: "Change Password"
+                  children: t2("Change Password")
                 }
               ) })
             ]
@@ -4406,7 +4405,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
                     fontWeight: "400",
                     m: 0
                   },
-                  children: "Logout"
+                  children: t2("Logout")
                 }
               ) })
             ]
@@ -4420,7 +4419,8 @@ function Language({
   interFaceLangList,
   updateInterfaceLang,
   selectedInterFaceLang,
-  setInitialState
+  setInitialState,
+  t: t2
 }) {
   return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsx(
     Box,
@@ -4471,7 +4471,7 @@ function Language({
                 },
                 children: /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 2, children: [
                   /* @__PURE__ */ jsx("img", { src: lang2?.flag, alt: lang2?.label, width: 32, height: 30 }),
-                  /* @__PURE__ */ jsx(Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: lang2?.label }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: t2(lang2?.label) }),
                   selectedInterFaceLang?.value === lang2?.value && /* @__PURE__ */ jsx(CheckIcon, { sx: { color: "#007FC0", fontSize: "30px" } })
                 ] }) })
               }
@@ -5100,7 +5100,7 @@ var InfiniteScroll = (
     return InfiniteScroll2;
   }(Component)
 );
-const Notification = ({ setInitialState, userData, initialState }) => {
+const Notification = ({ setInitialState, notificationAccessApps, initialState, t: t2 }) => {
   const [notifications, setNotifications] = useState([]);
   const [hasMore, setHasMore] = useState(true);
   const [activeTab, setActiveTab] = useState("all");
@@ -5163,7 +5163,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
         position: "absolute"
       },
       children: [
-        /* @__PURE__ */ jsx(Box, { sx: { paddingBottom: "8px", display: "flex", borderBottom: "1px solid #ddd" }, children: userData?.appAccess?.map((tab) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", borderBottom: "1px solid #ddd" }, children: notificationAccessApps?.map((tab) => /* @__PURE__ */ jsx(
           Button,
           {
             onClick: () => setActiveTab(tab.name),
@@ -5178,11 +5178,11 @@ const Notification = ({ setInitialState, userData, initialState }) => {
               borderTopRightRadius: "5px",
               borderBottom: "1px solid #007fc0"
             },
-            children: /* @__PURE__ */ jsx(Typography, { sx: { textWrap: "nowrap" }, children: tab.name })
+            children: /* @__PURE__ */ jsx(Typography, { sx: { textWrap: "nowrap" }, children: t2(tab.name) })
           },
           tab.name
         )) }),
-        /* @__PURE__ */ jsx(Box, { sx: { fontSize: "16px", fontWeight: "500", mt: 1, color: "black" }, children: "Notifications" }),
+        /* @__PURE__ */ jsx(Box, { sx: { fontSize: "16px", fontWeight: "500", mt: 1, color: "black" }, children: t2("Notifications") }),
         /* @__PURE__ */ jsx(
           Box,
           {
@@ -5208,11 +5208,11 @@ const Notification = ({ setInitialState, userData, initialState }) => {
                       alignItems: "center",
                       pT: 1
                     },
-                    children: /* @__PURE__ */ jsx(Typography, { color: "#000", children: ALERT_MESSAGES.commonLoadingMessage })
+                    children: /* @__PURE__ */ jsx(Typography, { color: "#000", children: t2(ALERT_MESSAGES.commonLoadingMessage) })
                   }
                 ),
                 scrollableTarget: "scrollableDiv",
-                children: !notifications.length && !hasMore ? /* @__PURE__ */ jsx(Typography, { display: "flex", justifyContent: "center", color: "#000", children: ALERT_MESSAGES.dataNoFount }) : notifications.map((itm) => /* @__PURE__ */ jsxs(MenuItem, { sx: { bgcolor: "#fff", p: 2 }, children: [
+                children: !notifications.length && !hasMore ? /* @__PURE__ */ jsx(Typography, { display: "flex", justifyContent: "center", color: "#000", children: t2(ALERT_MESSAGES.dataNoFount) }) : notifications.map((itm) => /* @__PURE__ */ jsxs(MenuItem, { sx: { bgcolor: "#fff", p: 2 }, children: [
                   /* @__PURE__ */ jsx(Avatar, { sx: { bgcolor: "#ccc", mr: 1, color: "#000" }, children: getIcons(itm.type, itm?.source[0]) }),
                   /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
                     /* @__PURE__ */ jsx(
@@ -5241,7 +5241,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
                             color: "rgb(25, 118, 210)",
                             marginLeft: "5px"
                           },
-                          children: "View"
+                          children: t2("View")
                         }
                       )
                     ] })
@@ -5255,12 +5255,12 @@ const Notification = ({ setInitialState, userData, initialState }) => {
     }
   ) });
 };
-const AppMenus = ({ menuItems, setInitialState }) => {
-  return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsx(Box, { sx: { p: 1 }, children: /* @__PURE__ */ jsx(Grid, { container: true, children: menuItems.map((item, index) => /* @__PURE__ */ jsx(
+const AppMenus = ({ menuItems, setInitialState, t: t2, appName }) => {
+  return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsx(Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsx(Grid, { container: true, rowGap: 3, children: menuItems.map((item, index) => /* @__PURE__ */ jsx(
     Grid,
     {
       component: Link,
-      href: item.link,
+      href: urlcat(item.link, { source: appName }),
       target: item.type === "tab" ? "_blank" : "_self",
       item: true,
       md: 4,
@@ -5299,7 +5299,7 @@ const AppMenus = ({ menuItems, setInitialState }) => {
                   color: "#252525",
                   fontWeight: 500
                 },
-                children: item.name
+                children: t2(item.name)
               }
             )
           ]
@@ -5312,10 +5312,8 @@ const AppMenus = ({ menuItems, setInitialState }) => {
 const Header = ({
   frontCustomComponent,
   endCustomComponents,
-  // isDesktopCollapsed = false,
   userData,
   interFaceLangList,
-  // toggleSiderMenu,
   centerCustomComponents,
   updateInterfaceLang,
   selectedInterFaceLang,
@@ -5325,12 +5323,15 @@ const Header = ({
   extraMenuOptions,
   isMenu,
   isAccessAppMenu,
-  sx
+  notificationAccessApps,
+  sx,
+  t
 }) => {
   const isMobile = useMediaQuery("(max-width: 1324px)");
   const [state, setState] = useState({
     languages: [],
     menuData: [],
+    isMenuIconsShow: false,
     toggles: {
       appMenus: false,
       dropDownMenu: false,
@@ -5344,9 +5345,9 @@ const Header = ({
     logoutHandler();
   };
   const getDropDownMenuData = async () => {
-    const res = await getDropDownMenuAPI({ source: APP_NAMES.events, language_id: selectedInterFaceLang.id });
+    const res = await getDropDownMenuAPI({ source: APP_NAMES.events, language_id: selectedInterFaceLang?.id });
     if (res.remote === "success") {
-      setState((p) => ({ ...p, menuData: res.data }));
+      setState((p) => ({ ...p, menuData: res.data, isMenuIconsShow: res?.data?.length > 0 }));
     }
   };
   useEffect(() => {
@@ -5394,7 +5395,15 @@ const Header = ({
                   children: /* @__PURE__ */ jsx(SVG.GridIcon, {})
                 }
               ),
-              state.toggles.appMenus && userData?.appAccess?.length && /* @__PURE__ */ jsx(Box, { className: "profile headerMenu", children: /* @__PURE__ */ jsx(AppMenus, { menuItems: userData?.appAccess, setInitialState: setState }) })
+              state.toggles.appMenus && userData?.appAccess?.length && /* @__PURE__ */ jsx(Box, { className: "profile headerMenu", sx: { width: "400px !important", p: 1 }, children: /* @__PURE__ */ jsx(
+                AppMenus,
+                {
+                  t,
+                  appName: userData?.appName,
+                  menuItems: userData?.appAccess,
+                  setInitialState: setState
+                }
+              ) })
             ] }),
             isNotification && /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
               /* @__PURE__ */ jsx(
@@ -5408,7 +5417,15 @@ const Header = ({
                   children: /* @__PURE__ */ jsx(Badge, { badgeContent: userData?.notificationCount, color: "error", className: "notification_icon_error", children: /* @__PURE__ */ jsx(SVG.Bell, {}) })
                 }
               ),
-              state.toggles.notification && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Notification, { initialState: state, userData, setInitialState: setState }) })
+              state.toggles.notification && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+                Notification,
+                {
+                  t,
+                  initialState: state,
+                  notificationAccessApps,
+                  setInitialState: setState
+                }
+              ) })
             ] }),
             Boolean(interFaceLangList?.length) && /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
               /* @__PURE__ */ jsxs(
@@ -5432,6 +5449,7 @@ const Header = ({
               state.toggles.lang && /* @__PURE__ */ jsx(
                 Language,
                 {
+                  t,
                   setInitialState: setState,
                   interFaceLangList,
                   userData,
@@ -5444,18 +5462,19 @@ const Header = ({
             Boolean(userData?.fullName) && /* @__PURE__ */ jsx(
               UserProfile,
               {
+                t,
                 userData,
                 initialState: state,
                 setInitialState: setState,
                 extraMenuOptions
               }
             ),
-            isMobile && isMenu && /* @__PURE__ */ jsx(
+            isMobile && isMenu && state.isMenuIconsShow && /* @__PURE__ */ jsx(
               IconButton,
               {
                 className: "hamburger-icon-btn",
                 onClick: () => setState((p) => ({ ...p, toggles: { ...p.toggles, dropDownMenu: !p.toggles.dropDownMenu } })),
-                children: /* @__PURE__ */ jsx(MenuIcon, { style: { width: "20px", height: "20px" } })
+                children: /* @__PURE__ */ jsx(MenuIcon, { style: { width: "1em", height: "1em" } })
               }
             )
           ] })
@@ -5496,13 +5515,20 @@ const App = () => {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     Header,
     {
-      isDesktopCollapsed: true,
       isAccessAppMenu: true,
       frontCustomComponent: "sdf",
       centerCustomComponents: "center",
       endCustomComponents: "end",
       updateInterfaceLang: () => {
       },
+      notificationAccessApps: [
+        {
+          name: "all"
+        },
+        {
+          name: "tools"
+        }
+      ],
       userData: {
         userprofile: "",
         email: "sanskar.sahu@digimonk.in",
@@ -5513,38 +5539,45 @@ const App = () => {
           {
             name: "Tools",
             icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/tools.svg",
-            link: "https://tools.6seconds.org"
+            link: "https://tools.6seconds.org",
+            type: "app"
           },
           {
             name: "Cards Home",
             icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
-            link: "https://cards.6seconds.org"
+            link: "https://cards.6seconds.org",
+            type: "app"
           },
           {
             name: "Settings",
             icon: "/app-icons/Settings.svg",
-            link: "/settings.svg"
+            link: "/settings.svg",
+            type: "app"
           },
           {
             name: "Translations",
             icon: "/translate.svg",
-            link: "/translations"
+            link: "/translations",
+            type: "app"
           }
         ],
         notificationCount: 10
       },
       interFaceLangList: [
         {
+          id: 1,
           label: "Chinese",
           value: 4,
           flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1736568764.png"
         },
         {
+          id: 1,
           label: "English (US)",
           value: 2,
           flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277288.png"
         },
         {
+          id: 1,
           label: "Spanish",
           value: 3,
           flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
@@ -5552,6 +5585,7 @@ const App = () => {
       ],
       selectedInterFaceLang: {
         label: "Spanish",
+        id: 1,
         value: 3,
         flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
       },
@@ -5612,7 +5646,7 @@ const App = () => {
         isChangePassword: true,
         isEditProfile: true
       },
-      t: () => ""
+      t: (s) => s
     }
   ) });
 };