sixseconds-modules 1.5.6 → 1.5.7

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/appMenus.d.ts +3 -1
  2. package/dist/components/header/index.d.ts +2 -22
  3. package/dist/components/header/language.d.ts +3 -2
  4. package/dist/components/header/notification.d.ts +5 -4
  5. package/dist/components/header/type.d.ts +23 -16
  6. package/dist/components/header/userProfile.d.ts +4 -3
  7. package/dist/index.cjs.js +75 -40
  8. package/dist/index.cjs.js.map +1 -1
  9. package/dist/index.es.js +75 -40
  10. package/dist/index.es.js.map +1 -1
  11. package/package.json +4 -3
package/dist/index.es.js CHANGED
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");\n\n:root {\n --background: #ffffff;\n --foreground: #171717;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --background: #0a0a0a;\n --foreground: #ededed;\n }\n}\n\nbody {\n font-family: "Inter", serif !important;\n margin: 0;\n padding: 0;\n color: var(--foreground);\n background: var(--background);\n}\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n font-family: "Inter", serif !important;\n}\n\n.MuiTypography-root {\n font-family: "Inter", serif !important;\n}\n\n.search input {\n padding: 8.5px 6px 8.5px 33px !important;\n}\n\n.MuiAutocomplete-root .MuiOutlinedInput-root {\n padding: 2px 10px !important;\n}\n\ninput {\n height: 36px;\n}\n\n.activeUrl {\n color: #007fc0;\n}\n\n/* .login_page:has(.MuiContainer-root) {\n width: 100% !important;\n padding: 0;\n background-color: pink;\n} */\n\n.MuiAutocomplete-input {\n padding: 4.5px !important;\n}\n\n.upload_div {\n cursor: pointer;\n width: 125px;\n}\n\n.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {\n width: 100% !important;\n}\n\n.upload_button {\n background-color: #007fc0;\n color: #fff;\n border-radius: 5px;\n white-space: nowrap;\n padding: 7px 10px;\n cursor: pointer;\n width: 100%;\n}\n\n.upload_div input {\n position: absolute;\n left: 0;\n width: 100%;\n opacity: 0;\n}\n\n.upload_div .delete_btn {\n background-color: #ddd;\n border: 1px solid #ccc;\n margin-top: 10px;\n border-radius: 5px;\n text-align: center;\n width: 100%;\n}\n\nbody {\n background-color: #f6f6f6;\n}\n\n.login_page:has body {\n background-color: #f6f6f6 !important;\n}\n\n.MuiTableHead-root,\n.MuiTableCell-root,\n.MuiInputBase-formControl {\n font-family: "Inter", serif !important;\n}\n\ninput:-webkit-autofill {\n padding: 0 10px;\n}\n\n.MuiPagination-root.MuiPagination-outlined {\n /* margin-top: 10px; */\n display: flex;\n justify-content: end;\n}\n\n.pagination {\n margin-top: 10px;\n}\n\n.tox-statusbar {\n display: none !important;\n}\n\n.tox-tinymce {\n border: 1px solid #0000003b !important;\n}\n\n.manage_payment tr th:nth-child(2) {\n text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) {\n text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) div {\n display: flex;\n justify-content: center;\n}\n\n.MuiTableContainer-root::-webkit-scrollbar {\n width: 5px;\n height: 8px;\n}\n\n.main.login_page .loginBody {\n width: 800px !important;\n}\n\n.main_list_Menu {\n display: flex;\n}\n\n.main_list_Menu li {\n padding: 0.5rem 0.5rem;\n}\n\n.main_list_Menu li a {\n padding: 0 0.25rem;\n font-weight: 600;\n font-size: 14px;\n}\n\n.main_list_Menu .menu-item {\n position: relative;\n padding: 15px;\n}\n\n.main_list_Menu .menu-link {\n text-decoration: none;\n color: #2c2e35;\n transition: color 0.3s ease;\n}\n\n.main_list_Menu .menu-link:hover {\n color: #2ea3f2;\n}\n\n/* Submenu (Dropdown) */\n\n.main_list_Menu .submenuData {\n position: absolute;\n top: 85%;\n left: 0;\n background: white;\n border-top: 3px solid #2ea3f2;\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n display: none;\n min-width: 200px;\n z-index: 10;\n}\n\n.main_list_Menu .submenuData li {\n list-style: none;\n}\n\n.main_list_Menu .submenu-link {\n display: block;\n padding: 1px 15px;\n text-decoration: none;\n color: rgba(0, 0, 0, 0.7);\n font-weight: 600;\n}\n\n.main_list_Menu .submenu-link:hover {\n background: #f1f1f1;\n}\n\n/* Show dropdown on hover */\n\n.main_list_Menu .menu-item:hover .submenuData {\n display: block;\n}\n\n.smallDeviceMenu {\n display: none;\n width: 100%;\n left: 0;\n top: 72px;\n background-color: #fff;\n position: fixed;\n overflow-y: auto;\n height: 95vh;\n}\n\n.smallDeviceMenu a.bg_main_menu {\n display: block;\n}\n\n.layout_mobile_menu {\n padding-bottom: 12px;\n padding-inline: 0;\n height: 95vh;\n overflow-y: auto;\n padding-top: 8px;\n}\n\n.smallDeviceMenu a {\n background-color: rgba(0, 0, 0, 0.03);\n font-size: 15px;\n font-weight: 600;\n color: #2c2e35;\n margin-bottom: 4px;\n padding: 12px 8px;\n}\n\n.smallDeviceMenu .submenu_child {\n padding-left: 15px;\n min-width: 90%;\n max-width: 90%;\n top: 57px;\n margin-top: 8px;\n background-color: #fff;\n color: #000;\n margin-inline: auto;\n}\n\n.smallDeviceMenu ul li .submenu_child_link {\n padding: 12px 20px;\n}\n\n.smallDeviceMenu ul li a {\n background-color: transparent;\n color: #000000b3;\n}\n\n.smallDeviceMenu ul {\n padding-left: 15px;\n}\n\n.desktopMenu {\n display: flex;\n}\n\n.button_hamburger {\n display: none;\n position: absolute;\n right: 20px;\n top: 25px;\n z-index: 9;\n}\n\n.tox-editor-header {\n background-color: transparent;\n}\n\n.hamburger-icon-btn {\n padding: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.desktopMenu .menu-item .menu-link {\n font-size: 15px;\n}\n\n.smallDeviceMenu {\n padding-inline: 20px;\n}\n\n::-webkit-scrollbar {\n width: 10px;\n background-color: #aaa;\n border-radius: 10px;\n}\n\n/* Track */\n\n::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px grey;\n border-radius: 10px;\n}\n\n/* Handle */\n\n::-webkit-scrollbar-thumb {\n background: #717070;\n border-radius: 10px;\n}\n\n/* Handle on hover */\n\n::-webkit-scrollbar-thumb:hover {\n background: #b30000;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n .notification_icon_error .MuiBadge-badge {\n font-size: 11px;\n padding: 0 3px;\n min-width: 16px;\n right: 5px;\n }\n\n .submenu nav {\n padding: 0 !important;\n }\n\n .MuiPagination-root.MuiPagination-outlined {\n /* margin-top: 10px; */\n display: flex;\n justify-content: center;\n margin-left: 0;\n }\n\n .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n z-index: 99;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 69px;\n }\n\n .main.login_page .loginBody {\n width: 400px !important;\n }\n\n .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .logo_header {\n opacity: 1;\n }\n\n .profile.headerMenu {\n min-width: 320px;\n width: auto !important;\n }\n}\n\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n }\n\n .main.login_page .loginBody {\n width: 500px !important;\n }\n\n .banner {\n margin-left: 0 !important;\n }\n\n .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .logo_header {\n opacity: 1;\n }\n\n .profile.headerMenu {\n min-width: 320px;\n width: auto !important;\n }\n}\n\n@media screen and (max-width: 1380px) and (min-width: 1024px) {\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 72px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n}'));
6
+ elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");\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}'));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -4254,7 +4254,7 @@ function formatDateUtil(dateString, flag, formatDate = MAIN_DATE_FORMAT) {
4254
4254
  const dateTime = hooks.utc(dateString).local();
4255
4255
  return dateString ? formatTwoValues(dateTime.format(formatDate), dateTime.format(MAIN_TIME_FORMAT)) : "";
4256
4256
  }
4257
- const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4257
+ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions }) => {
4258
4258
  const [state, setState] = useState({ toggles: { userProfile: false } });
4259
4259
  return /* @__PURE__ */ jsxs(Fragment, { children: [
4260
4260
  /* @__PURE__ */ jsxs(
@@ -4289,7 +4289,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4289
4289
  children: [
4290
4290
  /* @__PURE__ */ jsx(Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: userData?.fullName }),
4291
4291
  Boolean(userData?.role) && /* @__PURE__ */ jsxs(Typography, { component: "span", sx: { m: 0, fontSize: "14px", color: "#666666" }, children: [
4292
- truncateValUtil(userData?.email),
4292
+ truncateValUtil(userData?.email || ""),
4293
4293
  " ",
4294
4294
  /* @__PURE__ */ jsx("br", {}),
4295
4295
  "(",
@@ -4308,8 +4308,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4308
4308
  spacing: 1,
4309
4309
  alignItems: "center",
4310
4310
  component: Link,
4311
- href: SSO_ROUTES(userData.appName).viewProfile,
4312
- target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
4311
+ href: SSO_ROUTES(userData?.appName).viewProfile,
4312
+ target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
4313
4313
  sx: { color: "#1A1919", cursor: "pointer", textDecoration: "none" },
4314
4314
  children: [
4315
4315
  /* @__PURE__ */ jsx(SVG.CheckedPerson, {}),
@@ -4322,7 +4322,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4322
4322
  fontWeight: "400",
4323
4323
  m: 0
4324
4324
  },
4325
- children: "View Profile"
4325
+ children: t2("View Profile")
4326
4326
  }
4327
4327
  ) })
4328
4328
  ]
@@ -4335,8 +4335,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4335
4335
  spacing: 1,
4336
4336
  alignItems: "center",
4337
4337
  component: Link,
4338
- href: SSO_ROUTES(userData.appName).editProfile,
4339
- target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
4338
+ href: SSO_ROUTES(userData?.appName).editProfile,
4339
+ target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
4340
4340
  sx: { color: "#1A1919", textDecoration: "none" },
4341
4341
  children: [
4342
4342
  /* @__PURE__ */ jsx(SVG.UserEdit, {}),
@@ -4349,7 +4349,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4349
4349
  fontWeight: "400",
4350
4350
  m: 0
4351
4351
  },
4352
- children: "Edit Profile"
4352
+ children: t2("Edit Profile")
4353
4353
  }
4354
4354
  ) })
4355
4355
  ]
@@ -4362,8 +4362,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4362
4362
  spacing: 1,
4363
4363
  alignItems: "center",
4364
4364
  component: Link,
4365
- href: SSO_ROUTES(userData.appName).changePasswordDialog,
4366
- target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
4365
+ href: SSO_ROUTES(userData?.appName).changePasswordDialog,
4366
+ target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
4367
4367
  sx: { cursor: "pointer", textDecoration: "none" },
4368
4368
  children: [
4369
4369
  /* @__PURE__ */ jsx(SVG.CheckedPerson, {}),
@@ -4377,7 +4377,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4377
4377
  fontWeight: "400",
4378
4378
  m: 0
4379
4379
  },
4380
- children: "Change Password"
4380
+ children: t2("Change Password")
4381
4381
  }
4382
4382
  ) })
4383
4383
  ]
@@ -4405,7 +4405,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4405
4405
  fontWeight: "400",
4406
4406
  m: 0
4407
4407
  },
4408
- children: "Logout"
4408
+ children: t2("Logout")
4409
4409
  }
4410
4410
  ) })
4411
4411
  ]
@@ -4419,7 +4419,8 @@ function Language({
4419
4419
  interFaceLangList,
4420
4420
  updateInterfaceLang,
4421
4421
  selectedInterFaceLang,
4422
- setInitialState
4422
+ setInitialState,
4423
+ t: t2
4423
4424
  }) {
4424
4425
  return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsx(
4425
4426
  Box,
@@ -4470,7 +4471,7 @@ function Language({
4470
4471
  },
4471
4472
  children: /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 2, children: [
4472
4473
  /* @__PURE__ */ jsx("img", { src: lang2?.flag, alt: lang2?.label, width: 32, height: 30 }),
4473
- /* @__PURE__ */ jsx(Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: lang2?.label }),
4474
+ /* @__PURE__ */ jsx(Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: t2(lang2?.label) }),
4474
4475
  selectedInterFaceLang?.value === lang2?.value && /* @__PURE__ */ jsx(CheckIcon, { sx: { color: "#007FC0", fontSize: "30px" } })
4475
4476
  ] }) })
4476
4477
  }
@@ -5099,7 +5100,7 @@ var InfiniteScroll = (
5099
5100
  return InfiniteScroll2;
5100
5101
  }(Component)
5101
5102
  );
5102
- const Notification = ({ setInitialState, userData, initialState }) => {
5103
+ const Notification = ({ setInitialState, notificationAccessApps, initialState, t: t2 }) => {
5103
5104
  const [notifications, setNotifications] = useState([]);
5104
5105
  const [hasMore, setHasMore] = useState(true);
5105
5106
  const [activeTab, setActiveTab] = useState("all");
@@ -5162,7 +5163,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5162
5163
  position: "absolute"
5163
5164
  },
5164
5165
  children: [
5165
- /* @__PURE__ */ jsx(Box, { sx: { paddingBottom: "8px", display: "flex", borderBottom: "1px solid #ddd" }, children: userData?.appAccess?.map((tab) => /* @__PURE__ */ jsx(
5166
+ /* @__PURE__ */ jsx(Box, { sx: { display: "flex", borderBottom: "1px solid #ddd" }, children: notificationAccessApps?.map((tab) => /* @__PURE__ */ jsx(
5166
5167
  Button,
5167
5168
  {
5168
5169
  onClick: () => setActiveTab(tab.name),
@@ -5177,11 +5178,11 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5177
5178
  borderTopRightRadius: "5px",
5178
5179
  borderBottom: "1px solid #007fc0"
5179
5180
  },
5180
- children: /* @__PURE__ */ jsx(Typography, { sx: { textWrap: "nowrap" }, children: tab.name })
5181
+ children: /* @__PURE__ */ jsx(Typography, { sx: { textWrap: "nowrap" }, children: t2(tab.name) })
5181
5182
  },
5182
5183
  tab.name
5183
5184
  )) }),
5184
- /* @__PURE__ */ jsx(Box, { sx: { fontSize: "16px", fontWeight: "500", mt: 1, color: "black" }, children: "Notifications" }),
5185
+ /* @__PURE__ */ jsx(Box, { sx: { fontSize: "16px", fontWeight: "500", mt: 1, color: "black" }, children: t2("Notifications") }),
5185
5186
  /* @__PURE__ */ jsx(
5186
5187
  Box,
5187
5188
  {
@@ -5207,11 +5208,11 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5207
5208
  alignItems: "center",
5208
5209
  pT: 1
5209
5210
  },
5210
- children: /* @__PURE__ */ jsx(Typography, { color: "#000", children: ALERT_MESSAGES.commonLoadingMessage })
5211
+ children: /* @__PURE__ */ jsx(Typography, { color: "#000", children: t2(ALERT_MESSAGES.commonLoadingMessage) })
5211
5212
  }
5212
5213
  ),
5213
5214
  scrollableTarget: "scrollableDiv",
5214
- 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: [
5215
+ 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: [
5215
5216
  /* @__PURE__ */ jsx(Avatar, { sx: { bgcolor: "#ccc", mr: 1, color: "#000" }, children: getIcons(itm.type, itm?.source[0]) }),
5216
5217
  /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
5217
5218
  /* @__PURE__ */ jsx(
@@ -5240,7 +5241,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5240
5241
  color: "rgb(25, 118, 210)",
5241
5242
  marginLeft: "5px"
5242
5243
  },
5243
- children: "View"
5244
+ children: t2("View")
5244
5245
  }
5245
5246
  )
5246
5247
  ] })
@@ -5254,12 +5255,12 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5254
5255
  }
5255
5256
  ) });
5256
5257
  };
5257
- const AppMenus = ({ menuItems, setInitialState }) => {
5258
- 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(
5258
+ const AppMenus = ({ menuItems, setInitialState, t: t2, appName }) => {
5259
+ 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(
5259
5260
  Grid,
5260
5261
  {
5261
5262
  component: Link,
5262
- href: item.link,
5263
+ href: urlcat(item.link, { source: appName }),
5263
5264
  target: item.type === "tab" ? "_blank" : "_self",
5264
5265
  item: true,
5265
5266
  md: 4,
@@ -5298,7 +5299,7 @@ const AppMenus = ({ menuItems, setInitialState }) => {
5298
5299
  color: "#252525",
5299
5300
  fontWeight: 500
5300
5301
  },
5301
- children: item.name
5302
+ children: t2(item.name)
5302
5303
  }
5303
5304
  )
5304
5305
  ]
@@ -5311,10 +5312,8 @@ const AppMenus = ({ menuItems, setInitialState }) => {
5311
5312
  const Header = ({
5312
5313
  frontCustomComponent,
5313
5314
  endCustomComponents,
5314
- // isDesktopCollapsed = false,
5315
5315
  userData,
5316
5316
  interFaceLangList,
5317
- // toggleSiderMenu,
5318
5317
  centerCustomComponents,
5319
5318
  updateInterfaceLang,
5320
5319
  selectedInterFaceLang,
@@ -5324,12 +5323,15 @@ const Header = ({
5324
5323
  extraMenuOptions,
5325
5324
  isMenu,
5326
5325
  isAccessAppMenu,
5327
- sx
5326
+ notificationAccessApps,
5327
+ sx,
5328
+ t
5328
5329
  }) => {
5329
5330
  const isMobile = useMediaQuery("(max-width: 1324px)");
5330
5331
  const [state, setState] = useState({
5331
5332
  languages: [],
5332
5333
  menuData: [],
5334
+ isMenuIconsShow: false,
5333
5335
  toggles: {
5334
5336
  appMenus: false,
5335
5337
  dropDownMenu: false,
@@ -5343,9 +5345,9 @@ const Header = ({
5343
5345
  logoutHandler();
5344
5346
  };
5345
5347
  const getDropDownMenuData = async () => {
5346
- const res = await getDropDownMenuAPI({ source: APP_NAMES.events, language_id: selectedInterFaceLang.id });
5348
+ const res = await getDropDownMenuAPI({ source: APP_NAMES.events, language_id: selectedInterFaceLang?.id });
5347
5349
  if (res.remote === "success") {
5348
- setState((p) => ({ ...p, menuData: res.data }));
5350
+ setState((p) => ({ ...p, menuData: res.data, isMenuIconsShow: res?.data?.length > 0 }));
5349
5351
  }
5350
5352
  };
5351
5353
  useEffect(() => {
@@ -5393,7 +5395,15 @@ const Header = ({
5393
5395
  children: /* @__PURE__ */ jsx(SVG.GridIcon, {})
5394
5396
  }
5395
5397
  ),
5396
- state.toggles.appMenus && userData?.appAccess?.length && /* @__PURE__ */ jsx(Box, { className: "profile headerMenu", children: /* @__PURE__ */ jsx(AppMenus, { menuItems: userData?.appAccess, setInitialState: setState }) })
5398
+ state.toggles.appMenus && userData?.appAccess?.length && /* @__PURE__ */ jsx(Box, { className: "profile headerMenu", sx: { width: "400px !important", p: 1 }, children: /* @__PURE__ */ jsx(
5399
+ AppMenus,
5400
+ {
5401
+ t,
5402
+ appName: userData?.appName,
5403
+ menuItems: userData?.appAccess,
5404
+ setInitialState: setState
5405
+ }
5406
+ ) })
5397
5407
  ] }),
5398
5408
  isNotification && /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
5399
5409
  /* @__PURE__ */ jsx(
@@ -5407,7 +5417,15 @@ const Header = ({
5407
5417
  children: /* @__PURE__ */ jsx(Badge, { badgeContent: userData?.notificationCount, color: "error", className: "notification_icon_error", children: /* @__PURE__ */ jsx(SVG.Bell, {}) })
5408
5418
  }
5409
5419
  ),
5410
- state.toggles.notification && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Notification, { initialState: state, userData, setInitialState: setState }) })
5420
+ state.toggles.notification && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
5421
+ Notification,
5422
+ {
5423
+ t,
5424
+ initialState: state,
5425
+ notificationAccessApps,
5426
+ setInitialState: setState
5427
+ }
5428
+ ) })
5411
5429
  ] }),
5412
5430
  Boolean(interFaceLangList?.length) && /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
5413
5431
  /* @__PURE__ */ jsxs(
@@ -5431,6 +5449,7 @@ const Header = ({
5431
5449
  state.toggles.lang && /* @__PURE__ */ jsx(
5432
5450
  Language,
5433
5451
  {
5452
+ t,
5434
5453
  setInitialState: setState,
5435
5454
  interFaceLangList,
5436
5455
  userData,
@@ -5443,13 +5462,14 @@ const Header = ({
5443
5462
  Boolean(userData?.fullName) && /* @__PURE__ */ jsx(
5444
5463
  UserProfile,
5445
5464
  {
5465
+ t,
5446
5466
  userData,
5447
5467
  initialState: state,
5448
5468
  setInitialState: setState,
5449
5469
  extraMenuOptions
5450
5470
  }
5451
5471
  ),
5452
- isMobile && isMenu && /* @__PURE__ */ jsx(
5472
+ isMobile && isMenu && state.isMenuIconsShow && /* @__PURE__ */ jsx(
5453
5473
  IconButton,
5454
5474
  {
5455
5475
  className: "hamburger-icon-btn",
@@ -5495,13 +5515,20 @@ const App = () => {
5495
5515
  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
5496
5516
  Header,
5497
5517
  {
5498
- isDesktopCollapsed: true,
5499
5518
  isAccessAppMenu: true,
5500
5519
  frontCustomComponent: "sdf",
5501
5520
  centerCustomComponents: "center",
5502
5521
  endCustomComponents: "end",
5503
5522
  updateInterfaceLang: () => {
5504
5523
  },
5524
+ notificationAccessApps: [
5525
+ {
5526
+ name: "all"
5527
+ },
5528
+ {
5529
+ name: "tools"
5530
+ }
5531
+ ],
5505
5532
  userData: {
5506
5533
  userprofile: "",
5507
5534
  email: "sanskar.sahu@digimonk.in",
@@ -5512,38 +5539,45 @@ const App = () => {
5512
5539
  {
5513
5540
  name: "Tools",
5514
5541
  icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/tools.svg",
5515
- link: "https://tools.6seconds.org"
5542
+ link: "https://tools.6seconds.org",
5543
+ type: "app"
5516
5544
  },
5517
5545
  {
5518
5546
  name: "Cards Home",
5519
5547
  icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
5520
- link: "https://cards.6seconds.org"
5548
+ link: "https://cards.6seconds.org",
5549
+ type: "app"
5521
5550
  },
5522
5551
  {
5523
5552
  name: "Settings",
5524
5553
  icon: "/app-icons/Settings.svg",
5525
- link: "/settings.svg"
5554
+ link: "/settings.svg",
5555
+ type: "app"
5526
5556
  },
5527
5557
  {
5528
5558
  name: "Translations",
5529
5559
  icon: "/translate.svg",
5530
- link: "/translations"
5560
+ link: "/translations",
5561
+ type: "app"
5531
5562
  }
5532
5563
  ],
5533
5564
  notificationCount: 10
5534
5565
  },
5535
5566
  interFaceLangList: [
5536
5567
  {
5568
+ id: 1,
5537
5569
  label: "Chinese",
5538
5570
  value: 4,
5539
5571
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1736568764.png"
5540
5572
  },
5541
5573
  {
5574
+ id: 1,
5542
5575
  label: "English (US)",
5543
5576
  value: 2,
5544
5577
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277288.png"
5545
5578
  },
5546
5579
  {
5580
+ id: 1,
5547
5581
  label: "Spanish",
5548
5582
  value: 3,
5549
5583
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
@@ -5551,6 +5585,7 @@ const App = () => {
5551
5585
  ],
5552
5586
  selectedInterFaceLang: {
5553
5587
  label: "Spanish",
5588
+ id: 1,
5554
5589
  value: 3,
5555
5590
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
5556
5591
  },
@@ -5611,7 +5646,7 @@ const App = () => {
5611
5646
  isChangePassword: true,
5612
5647
  isEditProfile: true
5613
5648
  },
5614
- t: () => ""
5649
+ t: (s) => s
5615
5650
  }
5616
5651
  ) });
5617
5652
  };