sixseconds-modules 1.6.22 → 1.6.26

package/README.md

@@ -0,0 +1 @@
+this is repo

package/dist/assets/svg/index.d.ts

@@ -737,5 +737,11 @@ declare const SVG: {
         desc?: string;
         descId?: string;
     }>;
+    SmallLogo: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
 };
 export default SVG;

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

@@ -2,7 +2,7 @@ import { SetStateAction, t } from '../../types';
 import { default as React } from 'react';
 import { IState } from './type';
 interface HeaderMenuProps {
-    menuItems: any;
+    menuItems?: any;
     setInitialState: SetStateAction<IState>;
     t: t;
     appName: string;

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

@@ -1,2 +1,2 @@
 import { IHeaderProps } from './type';
-export declare const Header: ({ router, frontCustomComponent, endCustomComponents, userData, interFaceLangList, centerCustomComponents, updateInterfaceLang, selectedInterFaceLang, logoutHandler, logo, isNotification, extraMenuOptions, isMenu, isAccessAppMenu, notificationAccessApps, sx, t, }: IHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Header: ({ router, frontCustomComponent, endCustomComponents, totallyEndCustomComponent, userData, interFaceLangList, centerCustomComponents, updateInterfaceLang, selectedInterFaceLang, logoutHandler, logo, isNotification, extraMenuOptions, isMenu, isAccessAppMenu, notificationAccessApps, sx, t, }: IHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,88 +1,91 @@
 import { APP_NAMES } from '../../constants';
 import { t } from '../../types';
 import { SxProps } from '@mui/material';
-export interface IState {
-  languages: string[]
-  menuData: []
-  isMenuIconsShow: 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
-}
+
+
+export interface IState {
+  languages: string[]
+  menuData: []
+  isMenuIconsShow: 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
+}

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\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: 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::-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}'));
+      elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");\r\n\r\n:root {\r\n  --background: #ffffff;\r\n  --foreground: #171717;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n  :root {\r\n    --background: #0a0a0a;\r\n    --foreground: #ededed;\r\n  }\r\n}\r\n\r\nbody {\r\n  font-family: "Inter", serif !important;\r\n  margin: 0;\r\n  padding: 0;\r\n  color: var(--foreground);\r\n  background: var(--background);\r\n}\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.MuiTypography-root {\r\n  font-family: "Inter", serif !important;\r\n}\r\n\r\n.search input {\r\n  padding: 8.5px 6px 8.5px 33px !important;\r\n}\r\n\r\n.MuiAutocomplete-root .MuiOutlinedInput-root {\r\n  padding: 2px 10px !important;\r\n}\r\n\r\ninput {\r\n  height: 36px;\r\n}\r\n\r\n.activeUrl {\r\n  color: #007fc0;\r\n}\r\n\r\n/* .login_page:has(.MuiContainer-root) {\r\n  width: 100% !important;\r\n  padding: 0;\r\n  background-color: pink;\r\n} */\r\n\r\n.MuiAutocomplete-input {\r\n  padding: 4.5px !important;\r\n}\r\n\r\n.upload_div {\r\n  cursor: pointer;\r\n  width: 125px;\r\n}\r\n\r\n.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {\r\n  width: 100% !important;\r\n}\r\n\r\n.upload_button {\r\n  background-color: #007fc0;\r\n  color: #fff;\r\n  border-radius: 5px;\r\n  white-space: nowrap;\r\n  padding: 7px 10px;\r\n  cursor: pointer;\r\n  width: 100%;\r\n}\r\n\r\n.upload_div input {\r\n  position: absolute;\r\n  left: 0;\r\n  width: 100%;\r\n  opacity: 0;\r\n}\r\n\r\n.upload_div .delete_btn {\r\n  background-color: #ddd;\r\n  border: 1px solid #ccc;\r\n  margin-top: 10px;\r\n  border-radius: 5px;\r\n  text-align: center;\r\n  width: 100%;\r\n}\r\n\r\nbody {\r\n  background-color: #f6f6f6;\r\n}\r\n\r\n.login_page:has body {\r\n  background-color: #f6f6f6 !important;\r\n}\r\n\r\n.MuiTableHead-root,\r\n.MuiTableCell-root,\r\n.MuiInputBase-formControl {\r\n  font-family: "Inter", serif !important;\r\n}\r\n\r\ninput:-webkit-autofill {\r\n  padding: 0 10px;\r\n}\r\n\r\n.MuiPagination-root.MuiPagination-outlined {\r\n  /* margin-top: 10px; */\r\n  display: flex;\r\n  justify-content: end;\r\n}\r\n\r\n.pagination {\r\n  margin-top: 10px;\r\n}\r\n\r\n.tox-statusbar {\r\n  display: none !important;\r\n}\r\n\r\n.tox-tinymce {\r\n  border: 1px solid #0000003b !important;\r\n}\r\n\r\n.manage_payment tr th:nth-child(2) {\r\n  text-align: center !important;\r\n}\r\n\r\n.manage_payment tr td:nth-child(2) {\r\n  text-align: center !important;\r\n}\r\n\r\n.manage_payment tr td:nth-child(2) div {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.MuiTableContainer-root::-webkit-scrollbar {\r\n  width: 5px;\r\n  height: 8px;\r\n}\r\n\r\n.main.login_page .loginBody {\r\n  width: 800px !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.bg_main_menu {\r\n  background-color: red;\r\n}\r\n\r\n::-webkit-scrollbar {\r\n  width: 10px;\r\n  background-color: #aaa;\r\n  border-radius: 10px;\r\n}\r\n\r\n/* Track */\r\n\r\n::-webkit-scrollbar-track {\r\n  box-shadow: inset 0 0 5px grey;\r\n  border-radius: 10px;\r\n}\r\n\r\n/* Handle */\r\n\r\n::-webkit-scrollbar-thumb {\r\n  background: #717070;\r\n  border-radius: 10px;\r\n}\r\n\r\n/* Handle on hover */\r\n\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: #b30000;\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) {
@@ -55,6 +55,7 @@ const SvgScanner = (props) => /* @__PURE__ */ React__namespace.createElement("sv
 const SvgStoke = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: 42, height: 42, viewBox: "0 0 42 42", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 42, height: 42, rx: 21, fill: "#F8F8F8" }), /* @__PURE__ */ React__namespace.createElement("rect", { width: 20, height: 20, transform: "translate(11 11)", fill: "white", fillOpacity: 0.01 }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M20.2614 17.0441C20.1684 16.7502 19.9051 16.5431 19.5975 16.522C19.29 16.501 19.0008 16.6703 18.8687 16.9488L17.4273 19.9867H16.0658C15.6516 19.9867 15.3158 20.3225 15.3158 20.7367C15.3158 21.1509 15.6516 21.4867 16.0658 21.4867H17.9016C18.1913 21.4867 18.455 21.3199 18.5792 21.0582L19.4063 19.3149L21.1902 24.9556C21.2807 25.2418 21.5332 25.4465 21.8319 25.4758C22.1307 25.5052 22.4181 25.3536 22.5627 25.0905L24.542 21.4867H25.934C26.3482 21.4867 26.684 21.1509 26.684 20.7367C26.684 20.3225 26.3482 19.9867 25.934 19.9867H24.0982C23.8245 19.9867 23.5726 20.1358 23.4408 20.3756L22.0918 22.8319L20.2614 17.0441Z", fill: "#777777" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.9999 11.3213C18.9769 11.3213 17.0085 11.5495 15.1542 11.7645L15.1522 11.7647C13.3678 11.9716 11.9439 13.3929 11.7433 15.1814C11.5359 17.03 11.3213 18.9876 11.3213 20.9999C11.3213 23.0121 11.5359 24.9697 11.7433 26.8184C11.9439 28.6068 13.3678 30.0281 15.1522 30.235L15.1542 30.2352C17.0085 30.4502 18.9769 30.6784 20.9999 30.6784C23.0228 30.6784 24.9911 30.4502 26.8454 30.2352L26.8475 30.235C28.632 30.0281 30.0558 28.6068 30.2565 26.8184C30.4639 24.9697 30.6784 23.0121 30.6784 20.9999C30.6784 18.9876 30.4639 17.03 30.2565 15.1814C30.0558 13.3929 28.632 11.9716 26.8475 11.7647L26.8456 11.7645C24.9912 11.5495 23.0228 11.3213 20.9999 11.3213ZM15.3249 13.2547C17.1919 13.0383 19.0765 12.8213 20.9999 12.8213C22.9232 12.8213 24.8078 13.0383 26.6748 13.2547C27.7688 13.3816 28.6434 14.2573 28.7658 15.3486C28.9741 17.205 29.1784 19.0833 29.1784 20.9999C29.1784 22.9164 28.9741 24.7947 28.7658 26.6511C28.6434 27.7424 27.7688 28.6181 26.6748 28.745C24.8078 28.9614 22.9232 29.1784 20.9999 29.1784C19.0765 29.1784 17.1919 28.9614 15.3249 28.745C14.2309 28.6181 13.3563 27.7424 13.2339 26.6511C13.0256 24.7947 12.8213 22.9164 12.8213 20.9999C12.8213 19.0833 13.0256 17.205 13.2339 15.3486C13.3563 14.2573 14.2309 13.3816 15.3249 13.2547Z", fill: "#777777" }));
 const SvgUserEdit = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M10 9.99984C12.3012 9.99984 14.1667 8.13436 14.1667 5.83317C14.1667 3.53198 12.3012 1.6665 10 1.6665C7.69885 1.6665 5.83337 3.53198 5.83337 5.83317C5.83337 8.13436 7.69885 9.99984 10 9.99984Z", stroke: "#BEBEBE", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M16.0084 13.1167L13.0584 16.0667C12.9417 16.1834 12.8334 16.4 12.8084 16.5584L12.6501 17.6833C12.5917 18.0917 12.8751 18.375 13.2834 18.3167L14.4084 18.1583C14.5667 18.1333 14.7917 18.025 14.9001 17.9084L17.8501 14.9584C18.3584 14.45 18.6001 13.8583 17.8501 13.1083C17.1084 12.3667 16.5168 12.6083 16.0084 13.1167Z", stroke: "#BEBEBE", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.5834 13.5415C15.8334 14.4415 16.5333 15.1415 17.4333 15.3915", stroke: "#BEBEBE", strokeWidth: 1.5, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M2.84155 18.3333C2.84155 15.1083 6.04991 12.5 9.99991 12.5C10.8666 12.5 11.6999 12.625 12.4749 12.8583", stroke: "#BEBEBE", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
 const SvgGridIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { stroke: "currentColor", fill: "none", strokeWidth: 0, viewBox: "0 0 24 24", height: "40px", width: "40px", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 6C8 7.10457 7.10457 8 6 8C4.89543 8 4 7.10457 4 6C4 4.89543 4.89543 4 6 4C7.10457 4 8 4.89543 8 6Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 12C8 13.1046 7.10457 14 6 14C4.89543 14 4 13.1046 4 12C4 10.8954 4.89543 10 6 10C7.10457 10 8 10.8954 8 12Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6 20C7.10457 20 8 19.1046 8 18C8 16.8954 7.10457 16 6 16C4.89543 16 4 16.8954 4 18C4 19.1046 4.89543 20 6 20Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M18 8C19.1046 8 20 7.10457 20 6C20 4.89543 19.1046 4 18 4C16.8954 4 16 4.89543 16 6C16 7.10457 16.8954 8 18 8Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M20 12C20 13.1046 19.1046 14 18 14C16.8954 14 16 13.1046 16 12C16 10.8954 16.8954 10 18 10C19.1046 10 20 10.8954 20 12Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M18 20C19.1046 20 20 19.1046 20 18C20 16.8954 19.1046 16 18 16C16.8954 16 16 16.8954 16 18C16 19.1046 16.8954 20 18 20Z", fill: "currentColor" }));
+const SvgSmallLogo = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 35, height: 55, viewBox: "0 0 57.000000 75.000000", preserveAspectRatio: "xMidYMid meet", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { transform: "translate(0.000000,75.000000) scale(0.100000,-0.100000)", fill: "#1976d2", stroke: "none" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M195 617 c-50 -28 -85 -89 -92 -163 l-6 -55 38 25 c29 20 50 26 92 26 109 0 165 -57 166 -169 0 -61 -11 -90 -52 -135 l-26 -29 34 7 c19 3 46 13 59 22 75 49 95 294 34 413 -38 75 -164 105 -247 58z" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M165 400 c-11 -4 -31 -19 -44 -34 -21 -23 -23 -31 -17 -83 12 -98 61 -152 126 -138 114 25 96 267 -19 264 -14 0 -35 -4 -46 -9z" })));
 const SVG = {
   UserEdit: SvgUserEdit,
   Logout: SvgLogout,
@@ -68,7 +69,8 @@ const SVG = {
   Printer: SvgPrinter,
   Stock: SvgStoke,
   Scanner: SvgScanner,
-  GridIcon: SvgGridIcon
+  GridIcon: SvgGridIcon,
+  SmallLogo: SvgSmallLogo
 };
 var isMergeableObject = function isMergeableObject2(value) {
   return isNonNullObject(value) && !isSpecial(value);
@@ -8987,7 +8989,7 @@ function Language({
                   setInitialState((p) => ({ ...p, toggles: { ...p.toggles, lang: false } }));
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", alignItems: "center", justifyContent: "flex-start", gap: 2, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("img", { src: lang2?.flag, alt: lang2?.label, width: 32, height: 30 }),
+                  /* @__PURE__ */ jsxRuntime.jsx("img", { src: lang2?.flag, alt: lang2?.label, width: 40, height: 25 }),
                   /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: t2(lang2?.label) }),
                   selectedInterFaceLang?.value === lang2?.value && /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { sx: { color: "#007FC0", fontSize: "30px" } })
                 ] }) })
@@ -9002,7 +9004,7 @@ function Language({
 const DropdownMenu = ({ headerMenuArray, initialState }) => {
   const pathname = window.location.pathname;
   const isMobile = material.useMediaQuery("(max-width: 1324px)");
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { style: { backgroundColor: "#fff", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: " main_list_Menu desktopMenu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "menu-item", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { style: { backgroundColor: "transparent", color: "#000" }, children: !isMobile ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: " main_list_Menu desktopMenu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "menu-item", style: { listStyle: "none" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("a", { href: items.value || "", target: items.target, className: `menu-link`, children: items.label }),
     Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "submenuData ", children: items.children?.map((child, index2) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: child.value || "", target: child.target, className: "submenu-link", children: child.label }) }, index2) })) })
   ] }, index) })) }) : initialState.toggles.dropDownMenu && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden smallDeviceMenu", id: "mobile-menu", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: " layout_mobile_menu", children: headerMenuArray.map((items, index) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -9015,7 +9017,7 @@ const DropdownMenu = ({ headerMenuArray, initialState }) => {
       },
       index
     ),
-    Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "submenu_child", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("li", { style: { listStyleType: "none", marginLeft: "-30px" }, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: items2.value || "", target: items2.target, className: "submenu_child_link ", children: items2.label }) }, index2) })) })
+    Boolean(items.children.length) && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "submenu_child", children: items.children?.map((items2, index2) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("li", { style: { listStyleType: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: items2.value || "", target: items2.target, className: "submenu_child_link ", children: items2.label }) }, index2) })) })
   ] })) }) }) });
 };
 const DangerDialog = ({
@@ -9487,7 +9489,7 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
     material.Dialog,
     {
       fullWidth: false,
-      sx: { "& .MuiPaper-root": { maxWidth: "600px", borderRadius: "12px" } },
+      sx: { "& .MuiPaper-root": { maxWidth: "800px", borderRadius: "12px" } },
       onClose: () => handleCloseUtil(setInitialState),
       open: isOpen,
       "aria-labelledby": "draggable-dialog-title",
@@ -9503,7 +9505,7 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { container: true, spacing: 2, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 6, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 5, children: [
               /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
                 material.Avatar,
                 {
@@ -9574,7 +9576,7 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
                       LinkComponent: material.Link,
                       href: userData?.linkedInUrl || "#",
                       target: "_blank",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.LinkedIn, {})
+                      children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.LinkedIn, { fontSize: "small" })
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -9600,7 +9602,7 @@ function ViewProfileDialog({ userData, setInitialState, isOpen }) {
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 6, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(material.Grid, { item: true, xs: 12, lg: 7, children: [
               /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "column", spacing: 1, sx: { color: "#222222", fontSize: "14px", lineHeight: "24px" }, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h3", sx: { fontSize: "30px", fontWeight: "500", color: "black" }, children: userData?.fullName }),
                 /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: userData?.bio }),
@@ -10228,7 +10230,7 @@ const Notification = ({ setInitialState, notificationAccessApps, initialState, t
         position: "absolute"
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", borderBottom: "1px solid #ddd" }, children: notificationAccessApps?.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", borderBottom: "1px solid #007fc0" }, children: notificationAccessApps?.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
           material.Button,
           {
             onClick: () => setActiveTab(tab.name),
@@ -10240,8 +10242,8 @@ const Notification = ({ setInitialState, notificationAccessApps, initialState, t
               color: activeTab === tab.name ? "#fff" : "#007fc0",
               borderRadius: "0px",
               borderTopLeftRadius: "5px",
-              borderTopRightRadius: "5px",
-              borderBottom: "1px solid #007fc0"
+              borderTopRightRadius: "5px"
+              // borderBottom: "1px solid #007fc0",
             },
             children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { textWrap: "nowrap" }, children: t2(tab.name) })
           },
@@ -10332,7 +10334,7 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { container: true, rowGap: 3, children: menuItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { container: true, rowGap: 3, children: menuItems?.length > 0 && menuItems?.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
     material.Grid,
     {
       onClick: () => handleRedirection2(appName, item.link, item.type),
@@ -10480,6 +10482,7 @@ const Header = ({
   router,
   frontCustomComponent,
   endCustomComponents,
+  totallyEndCustomComponent,
   userData,
   interFaceLangList,
   centerCustomComponents,
@@ -10544,7 +10547,7 @@ const Header = ({
           },
           children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "notification", sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
             endCustomComponents,
-            isAccessAppMenu && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
+            isAccessAppMenu && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 material.Box,
                 {
@@ -10565,7 +10568,7 @@ const Header = ({
                   children: /* @__PURE__ */ jsxRuntime.jsx(SVG.GridIcon, {})
                 }
               ),
-              state.toggles.appMenus && userData?.appAccess?.length && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "profile headerMenu", sx: { width: "400px !important", p: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              state.toggles.appMenus && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "profile headerMenu", sx: { width: "400px !important", p: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
                 AppMenus,
                 {
                   router,
@@ -10612,7 +10615,7 @@ const Header = ({
                     cursor: "pointer"
                   },
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("img", { width: 40, height: 30, alt: "lang", src: selectedInterFaceLang?.flag }),
+                    /* @__PURE__ */ jsxRuntime.jsx("img", { width: 40, height: 25, alt: "lang", src: selectedInterFaceLang?.flag }),
                     /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { margin: "2px 0px 0px 2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Dawn, {}) })
                   ]
                 }
@@ -10641,9 +10644,11 @@ const Header = ({
                 extraMenuOptions
               }
             ),
+            Boolean(totallyEndCustomComponent) && totallyEndCustomComponent,
             isMobile && isMenu && state.isMenuIconsShow && /* @__PURE__ */ jsxRuntime.jsx(
               material.IconButton,
               {
+                style: { paddingRight: 0 },
                 className: "hamburger-icon-btn",
                 onClick: () => setState((p) => ({ ...p, toggles: { ...p.toggles, dropDownMenu: !p.toggles.dropDownMenu } })),
                 children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { style: { width: "1em", height: "1em" } })
@@ -10965,19 +10970,21 @@ function Button({ isLoading = false, btnTitle, className, disabled = false, ...r
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ButtonStyled, { children: /* @__PURE__ */ jsxRuntime.jsx(material.Button, { disabled, className: `btn ${className}`, ...rest, size: "small", children: isLoading ? ALERT_MESSAGES.commonLoadingMessage : btnTitle }) }) });
 }
 function Logo({ sx }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     material.Box,
     {
       sx: {
         cursor: "pointer",
-        p: 2,
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
         ...sx
       },
       onClick: () => url(ROUTES.home),
-      children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Logo, {})
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: { xs: "none", md: "block" } }, children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Logo, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: { xs: "block", md: "none" } }, children: /* @__PURE__ */ jsxRuntime.jsx(SVG.SmallLogo, {}) })
+      ]
     }
   );
 }
@@ -10986,9 +10993,6 @@ const App = () => {
     Header,
     {
       isAccessAppMenu: true,
-      frontCustomComponent: "sdf",
-      centerCustomComponents: "center",
-      endCustomComponents: "end",
       isMenu: true,
       updateInterfaceLang: () => {
       },
@@ -11074,6 +11078,7 @@ const App = () => {
       },
       logo: /* @__PURE__ */ jsxRuntime.jsx(Logo, {}),
       isNotification: true,
+      totallyEndCustomComponent: "asdfsdf",
       extraMenuOptions: {
         components: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, alignItems: "center", sx: { cursor: "pointer" }, children: [