sixseconds-modules 1.6.118 → 1.6.119

package/dist/components/header/type.d.ts

@@ -1,92 +1,94 @@
 import { APP_NAMES } from '../../constants';
 import { t } from '../../types';
 import { SxProps } from '@mui/material';
-export interface IState {
-  languages: string[]
-  menuData: []
-  isMenuIconsShow: boolean
-  isLoading: boolean
-  toggles: {
-    appMenus: boolean
-    notification: boolean
-    logout: boolean
-    lang: boolean
-    dropDownMenu: boolean
-    changePassword: boolean
-    viewProfile: boolean
-  }
-}
-
-export interface INotificationState {
-  notificationData: Notification[]
-  page: number
-  currentPage: number
-  lastPage: number
-  requestAcceptedDialog?: boolean
-  userRequest?: any
-}
-
-export interface IUserDataProps {
-  userprofile: string
-  certId: string | number
-  email: string
-  role: string
-  fullName: string
-  appName: (typeof APP_NAMES)[keyof typeof APP_NAMES]
-  appAccess?: {
-    name: string
-    icon: string
-    link: string
-    type: "tab" | "app"
-  }[]
-  bio: string
-  title: string
-  company: string
-  certBio: string
-  certProfileUrl: string
-  certOfferToHelp: string
-  certification: string[]
-  country: string
-  languages: string[]
-  areaOfWork: string[]
-  linkedInUrl: string
-  notificationCount: number
-}
-
-export interface IInterFaceLang {
-  id: number
-  label: string
-  value: string | number
-  flag: string
-}
-
-export interface IHeaderProps {
-  t: t
-  router?: any
-  notificationAccessApps?: {
-    name: string
-  }[]
-  userData?: IUserDataProps
-  interFaceLangList?: IInterFaceLang[]
-  toggleSiderMenu?: any
-  updateInterfaceLang?: any
-  logoutHandler?: any
-  selectedInterFaceLang?: IInterFaceLang
-  isNotification?: boolean
-  isMenu?: boolean
-  isAccessAppMenu?: boolean
-  extraMenuOptions?: {
-    components: React.ReactNode
-    isViewProfile: boolean
-    isChangePassword: boolean
-    isEditProfile: boolean
-  }
-  sx?: SxProps
-  logo?: React.ReactNode
-  frontCustomComponent?: React.ReactNode
-  centerCustomComponents?: React.ReactNode
-  endCustomComponents?: React.ReactNode
-  totallyEndCustomComponent?: React.ReactNode
-  isMainLogo?: boolean
-  handleSideToggle?: any
-}
+
+
+export interface IState {
+  languages: string[]
+  menuData: []
+  isMenuIconsShow: boolean
+  isLoading: boolean
+  toggles: {
+    appMenus: boolean
+    notification: boolean
+    logout: boolean
+    lang: boolean
+    dropDownMenu: boolean
+    changePassword: boolean
+    viewProfile: boolean
+  }
+}
+
+export interface INotificationState {
+  notificationData: Notification[]
+  page: number
+  currentPage: number
+  lastPage: number
+  requestAcceptedDialog?: boolean
+  userRequest?: any
+}
+
+export interface IUserDataProps {
+  userprofile: string
+  certId: string | number
+  email: string
+  role: string
+  fullName: string
+  appName: (typeof APP_NAMES)[keyof typeof APP_NAMES]
+  appAccess?: {
+    name: string
+    icon: string
+    link: string
+    type: "tab" | "app"
+  }[]
+  bio: string
+  title: string
+  company: string
+  certBio: string
+  certProfileUrl: string
+  certOfferToHelp: string
+  certification: string[]
+  country: string
+  languages: string[]
+  areaOfWork: string[]
+  linkedInUrl: string
+  notificationCount: number
+}
+
+export interface IInterFaceLang {
+  id: number
+  label: string
+  value: string | number
+  flag: string
+}
+
+export interface IHeaderProps {
+  t: t
+  router?: any
+  notificationAccessApps?: {
+    name: string
+  }[]
+  userData?: IUserDataProps
+  interFaceLangList?: IInterFaceLang[]
+  toggleSiderMenu?: any
+  updateInterfaceLang?: any
+  logoutHandler?: any
+  selectedInterFaceLang?: IInterFaceLang
+  isNotification?: boolean
+  isMenu?: boolean
+  isAccessAppMenu?: boolean
+  extraMenuOptions?: {
+    components: React.ReactNode
+    isViewProfile: boolean
+    isChangePassword: boolean
+    isEditProfile: boolean
+  }
+  sx?: SxProps
+  logo?: React.ReactNode
+  frontCustomComponent?: React.ReactNode
+  centerCustomComponents?: React.ReactNode
+  endCustomComponents?: React.ReactNode
+  totallyEndCustomComponent?: React.ReactNode
+  isMainLogo?: boolean
+  handleSideToggle?: any
+}

package/dist/index.cjs.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\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.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}'));
+      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}'));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -6732,14 +6732,14 @@ var z = /* @__PURE__ */ Object.freeze({
   quotelessJson,
   ZodError
 });
-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_ENV": "prod", "VITE_MODULES_EVENTS_FRONTEND_BASE_URL": "https://events.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" };
+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_ENV": "dev", "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" };
 const env = createEnv({
   client: {
     VITE_MODULES_ENV: z.string()
   },
   runtimeEnv: __vite_import_meta_env__
 });
-const DEV = process.env.NODE_ENV === "development";
+process.env.NODE_ENV === "development";
 const SERVER_STATUS = Object.freeze({
   success: "success",
   failure: "failure"
@@ -6914,7 +6914,7 @@ const handleRedirection = (type, source) => {
 const CookiesUtil = {
   COOKIE_OPTIONS: {
     path: "/",
-    domain: DEV ? "localhost" : ".6seconds.org",
+    domain: ".6seconds.org",
     secure: true,
     sameSite: "None",
     expires: 7
@@ -14932,6 +14932,7 @@ const Header = ({
   });
   const handleLogout = async () => {
     setState((p) => ({ ...p, isLoading: true }));
+    CookiesUtil.remove(STORAGE_VALUES.previousLoginBanner);
     logoutHandler();
   };
   const getDropDownMenuData = async () => {