sixseconds-modules 1.6.67 → 1.6.70

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.
@@ -5,6 +5,7 @@ export interface IState {
5
5
  languages: string[]
6
6
  menuData: []
7
7
  isMenuIconsShow: boolean
8
+ isLoading: boolean
8
9
  toggles: {
9
10
  appMenus: boolean
10
11
  notification: boolean
package/dist/index.cjs.js CHANGED
@@ -3,7 +3,7 @@
3
3
  try {
4
4
  if (typeof document != "undefined") {
5
5
  var elementStyle = document.createElement("style");
6
- elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n font-family: "Inter", serif !important;\n}\n\n.MuiDialog-root {\n z-index: 999999999 !important;\n}\n\n.MuiModal-root {\n z-index: 999999999 !important;\n}\n\n.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {\n width: 100% !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 text-decoration: none;\n}\n\n.submenu_child li {\n padding: 0.5rem 0;\n}\n\n.submenu_child li a {\n text-decoration: none;\n}\n\n.layout_mobile_menu {\n padding-bottom: 12px;\n padding-inline: 0;\n height: 95vh;\n overflow-y: auto;\n padding-top: 8px;\n}\n\n.smallDeviceMenu a {\n background-color: rgba(0, 0, 0, 0.03);\n font-size: 15px;\n font-weight: 600;\n color: #2c2e35;\n margin-bottom: 4px;\n padding: 12px 8px;\n}\n\n.smallDeviceMenu .submenu_child {\n padding-left: 0px;\n min-width: 90%;\n max-width: 90%;\n top: 57px;\n margin-top: 8px;\n background-color: #fff;\n color: #000;\n margin-inline: auto;\n}\n\n.smallDeviceMenu ul li .submenu_child_link {\n padding: 12px 20px;\n}\n\n.smallDeviceMenu ul li a {\n background-color: transparent;\n color: #000000b3;\n}\n\n.smallDeviceMenu ul {\n padding-left: 15px;\n}\n\n.desktopMenu {\n display: flex;\n}\n\n.button_hamburger {\n display: none;\n position: absolute;\n right: 20px;\n top: 25px;\n z-index: 9;\n}\n\n.tox-editor-header {\n background-color: transparent;\n}\n\n.hamburger-icon-btn {\n padding: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.desktopMenu .menu-item .menu-link {\n font-size: 15px;\n}\n\n.smallDeviceMenu {\n padding-inline: 20px;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n .notification_icon_error .MuiBadge-badge {\n font-size: 11px;\n padding: 0 3px;\n min-width: 16px;\n right: 5px;\n }\n\n .submenu nav {\n padding: 0 !important;\n }\n\n .MuiPagination-root.MuiPagination-outlined {\n /* margin-top: 10px; */\n display: flex;\n justify-content: center;\n margin-left: 0;\n }\n\n .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n z-index: 99;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 69px;\n }\n\n .main.login_page .loginBody {\n width: 400px !important;\n }\n\n .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .logo_header {\n opacity: 1;\n }\n\n .profile .headerMenu {\n min-width: 320px;\n width: 500px !important;\n }\n}\n\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n }\n\n .main.login_page .loginBody {\n width: 500px !important;\n }\n\n .banner {\n margin-left: 0 !important;\n }\n\n .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .logo_header {\n opacity: 1;\n }\n\n .profile .headerMenu {\n min-width: 320px;\n width: 500px !important;\n }\n}\n\n@media screen and (max-width: 1380px) and (min-width: 1024px) {\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 72px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n}'));
6
+ elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");\n\n.sixseconds-modules blockquote, .sixseconds-modules dl, .sixseconds-modules dd, .sixseconds-modules h1, .sixseconds-modules h2, .sixseconds-modules h3, .sixseconds-modules h4, .sixseconds-modules h5, .sixseconds-modules h6, .sixseconds-modules hr, .sixseconds-modules figure, .sixseconds-modules p, .sixseconds-modules pre {\n font-family: "Inter", serif !important;\n}\n\n.sixseconds-modules .MuiDialog-root {\n z-index: 999999999 !important;\n}\n\n.sixseconds-modules .MuiModal-root {\n z-index: 999999999 !important;\n}\n\n.sixseconds-modules .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {\n width: 100% !important;\n}\n\n.sixseconds-modules .main_list_Menu {\n display: flex;\n}\n\n.sixseconds-modules .main_list_Menu li {\n padding: 0.5rem 0.5rem;\n}\n\n.sixseconds-modules .main_list_Menu li a {\n padding: 0 0.25rem;\n font-weight: 600;\n font-size: 14px;\n}\n\n.sixseconds-modules .main_list_Menu .menu-item {\n position: relative;\n padding: 15px;\n}\n\n.sixseconds-modules .main_list_Menu .menu-link {\n text-decoration: none;\n color: #2c2e35;\n transition: color 0.3s ease;\n}\n\n.sixseconds-modules .main_list_Menu .menu-link:hover {\n color: #2ea3f2;\n}\n\n/* Submenu (Dropdown) */\n\n.sixseconds-modules .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.sixseconds-modules .main_list_Menu .submenuData li {\n list-style: none;\n}\n\n.sixseconds-modules .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.sixseconds-modules .main_list_Menu .submenu-link:hover {\n background: #f1f1f1;\n}\n\n/* Show dropdown on hover */\n\n.sixseconds-modules .main_list_Menu .menu-item:hover .submenuData {\n display: block;\n}\n\n.sixseconds-modules .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.sixseconds-modules .smallDeviceMenu a.bg_main_menu {\n display: block;\n text-decoration: none;\n}\n\n.sixseconds-modules .submenu_child li {\n padding: 0.5rem 0;\n}\n\n.sixseconds-modules .submenu_child li a {\n text-decoration: none;\n}\n\n.sixseconds-modules .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-modules .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.sixseconds-modules .smallDeviceMenu .submenu_child {\n padding-left: 0px;\n min-width: 90%;\n max-width: 90%;\n top: 57px;\n margin-top: 8px;\n background-color: #fff;\n color: #000;\n margin-inline: auto;\n}\n\n.sixseconds-modules .smallDeviceMenu ul li .submenu_child_link {\n padding: 12px 20px;\n}\n\n.sixseconds-modules .smallDeviceMenu ul li a {\n background-color: transparent;\n color: #000000b3;\n}\n\n.sixseconds-modules .smallDeviceMenu ul {\n padding-left: 15px;\n}\n\n.sixseconds-modules .desktopMenu {\n display: flex;\n}\n\n.sixseconds-modules .button_hamburger {\n display: none;\n position: absolute;\n right: 20px;\n top: 25px;\n z-index: 9;\n}\n\n.sixseconds-modules .tox-editor-header {\n background-color: transparent;\n}\n\n.sixseconds-modules .hamburger-icon-btn {\n padding: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.sixseconds-modules .desktopMenu .menu-item .menu-link {\n font-size: 15px;\n}\n\n.sixseconds-modules .smallDeviceMenu {\n padding-inline: 20px;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n .sixseconds-modules .notification_icon_error .MuiBadge-badge {\n font-size: 11px;\n padding: 0 3px;\n min-width: 16px;\n right: 5px;\n }\n\n .sixseconds-modules .submenu nav {\n padding: 0 !important;\n }\n\n .sixseconds-modules .MuiPagination-root.MuiPagination-outlined {\n /* margin-top: 10px; */\n display: flex;\n justify-content: center;\n margin-left: 0;\n }\n\n .sixseconds-modules .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n z-index: 99;\n }\n\n .sixseconds-modules .right_header_icons {\n padding-right: 25px;\n }\n\n .sixseconds-modules .button_hamburger {\n display: block;\n }\n\n .sixseconds-modules .desktopMenu {\n display: none;\n }\n\n .sixseconds-modules .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 69px;\n }\n\n .sixseconds-modules .main.login_page .loginBody {\n width: 400px !important;\n }\n\n .sixseconds-modules .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sixseconds-modules .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sixseconds-modules .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .sixseconds-modules .logo_header {\n opacity: 1;\n }\n\n .sixseconds-modules .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 .sixseconds-modules .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n }\n\n .sixseconds-modules .right_header_icons {\n padding-right: 25px;\n }\n\n .sixseconds-modules .button_hamburger {\n display: block;\n }\n\n .sixseconds-modules .desktopMenu {\n display: none;\n }\n\n .sixseconds-modules .smallDeviceMenu {\n display: block;\n }\n\n .sixseconds-modules .main.login_page .loginBody {\n width: 500px !important;\n }\n\n .sixseconds-modules .banner {\n margin-left: 0 !important;\n }\n\n .sixseconds-modules .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sixseconds-modules .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sixseconds-modules .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .sixseconds-modules .logo_header {\n opacity: 1;\n }\n\n .sixseconds-modules .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 .sixseconds-modules .right_header_icons {\n padding-right: 25px;\n }\n\n .sixseconds-modules .button_hamburger {\n display: block;\n }\n\n .sixseconds-modules .desktopMenu {\n display: none;\n }\n\n .sixseconds-modules .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 72px;\n }\n\n .sixseconds-modules .button_hamburger {\n display: block;\n }\n\n .sixseconds-modules .right_header_icons {\n padding-right: 25px;\n }\n}'));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -2659,7 +2659,7 @@ function createEnv(opts) {
2659
2659
  }
2660
2660
  return runtimeEnv;
2661
2661
  }
2662
- const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_MODULES_CARDS_ADMIN_FRONTEND_BASE_URL": "https://admin-cards.6seconds.org", "VITE_MODULES_CARDS_HOME_FRONTEND_BASE_URL": "https://cards.6seconds.org", "VITE_MODULES_CERT_FRONTEND_BASE_URL": "https://cert.6seconds.org", "VITE_MODULES_EVENTS_FRONTEND_BASE_URL": "https://newevents.6seconds.org", "VITE_MODULES_SSO_BACKEND_BASE_URL": "https://ssoapi.6seconds.org", "VITE_MODULES_SSO_FRONTEND_BASE_URL": "https://sso.6seconds.org", "VITE_MODULES_TOOLS_FRONTEND_BASE_URL": "https://newtools.6seconds.org" };
2662
+ const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "development", "PROD": true, "SSR": false, "VITE_MODULES_CARDS_ADMIN_FRONTEND_BASE_URL": "https://dev-sso.6seconds.org", "VITE_MODULES_CARDS_HOME_FRONTEND_BASE_URL": "https://dev-sso.6seconds.org", "VITE_MODULES_CERT_FRONTEND_BASE_URL": "https://dev-sso.6seconds.org", "VITE_MODULES_EVENTS_FRONTEND_BASE_URL": "https://dev-sso.6seconds.org", "VITE_MODULES_SSO_BACKEND_BASE_URL": "https://dev-ssoapi.6seconds.org", "VITE_MODULES_SSO_FRONTEND_BASE_URL": "https://dev-sso.6seconds.org", "VITE_MODULES_TOOLS_FRONTEND_BASE_URL": "https://dev-sso.6seconds.org" };
2663
2663
  const env = createEnv({
2664
2664
  runtimeEnv: __vite_import_meta_env__
2665
2665
  });
@@ -10649,7 +10649,11 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
10649
10649
  if (type === "app") {
10650
10650
  window.open(`${url2}?source=${appName2}`, "_blank");
10651
10651
  } else {
10652
- router.push(`${url2}?source=${appName2}`);
10652
+ if (router) {
10653
+ router.push(`${url2}?source=${appName2}`);
10654
+ } else {
10655
+ window.open(`${url2}?source=${appName2}`, "_blank");
10656
+ }
10653
10657
  }
10654
10658
  }
10655
10659
  };
@@ -10825,6 +10829,7 @@ const Header = ({
10825
10829
  languages: [],
10826
10830
  menuData: [],
10827
10831
  isMenuIconsShow: false,
10832
+ isLoading: false,
10828
10833
  toggles: {
10829
10834
  appMenus: false,
10830
10835
  dropDownMenu: false,
@@ -10849,7 +10854,12 @@ const Header = ({
10849
10854
  if (isMenu) {
10850
10855
  getDropDownMenuData();
10851
10856
  }
10852
- }, [isMenu, selectedInterFaceLang?.id]);
10857
+ if (state.isLoading) {
10858
+ setTimeout(() => {
10859
+ setState((p) => ({ ...p, isLoading: false, toggles: { ...p.toggles, logout: false } }));
10860
+ }, 5e3);
10861
+ }
10862
+ }, [isMenu, selectedInterFaceLang?.id, state.isLoading]);
10853
10863
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
10854
10864
  /* @__PURE__ */ jsxRuntime.jsx(SubHeaderStyled, { sx, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Container, { maxWidth: false, sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
10855
10865
  /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex !important", alignItems: "center !important" }, children: [
@@ -11011,6 +11021,7 @@ const Header = ({
11011
11021
  {
11012
11022
  handleClick: handleLogout,
11013
11023
  open: state.toggles.logout,
11024
+ isLoading: state.isLoading,
11014
11025
  setInitialState: setState,
11015
11026
  buttonTitle: "Logout",
11016
11027
  description: "Are you sure you want to logout",