sixseconds-modules 1.3.7 → 1.3.9

package/README.md

@@ -18,7 +18,7 @@ export default tseslint.config({
   languageOptions: {
     // other options...
     parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      project: ["./tsconfig.node.json", "./tsconfig.app.json"],
       tsconfigRootDir: import.meta.dirname,
     },
   },
@@ -31,11 +31,11 @@ export default tseslint.config({
 
 ```js
 // eslint.config.js
-import react from 'eslint-plugin-react'
+import react from "eslint-plugin-react"
 
 export default tseslint.config({
   // Set the react version
-  settings: { react: { version: '18.3' } },
+  settings: { react: { version: "18.3" } },
   plugins: {
     // Add the react plugin
     react,
@@ -44,7 +44,7 @@ export default tseslint.config({
     // other rules...
     // Enable its recommended rules
     ...react.configs.recommended.rules,
-    ...react.configs['jsx-runtime'].rules,
+    ...react.configs["jsx-runtime"].rules,
   },
 })
 ```

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

@@ -1,3 +1,5 @@
+import { APP_NAMES } from '../../constants';
+import { SxProps } from '@mui/material';
 export interface IState {
   languages: string[]
   menuData: []
@@ -18,3 +20,47 @@ export interface INotificationState {
   requestAcceptedDialog?: boolean
   userRequest?: any
 }
+
+export interface IUserDataProps {
+  userprofile: string
+  email: string
+  role: string
+  fullName: string
+  appName: keyof typeof APP_NAMES
+  appAccess: {
+    name: item.appAccess
+    icon: item.appIcon
+    link: item.redirectUrl
+    type: item.type
+  }[]
+  notificationCount: number
+}
+
+export interface IInterFaceLang {
+  label: item.label
+  value: item.value
+  flag: item.getFlagUrl
+}
+
+export interface IHeaderProps {
+  userData?: IUserDataProps
+  interFaceLangList?: IInterFaceLang[]
+  // toggleSiderMenu,
+  // updateInterfaceLang,
+  // logoutHandler
+  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
+}

package/dist/constants/apis.d.ts

@@ -1,4 +1 @@
-export declare const DEFAULT_PARAMS: Readonly<{
-    limit: 10;
-}>;
 export declare const STORAGE_VALUES: Readonly<{}>;

package/dist/index.cjs.js

@@ -3,7 +3,7 @@
   try {
     if (typeof document != "undefined") {
       var elementStyle = document.createElement("style");
-      elementStyle.appendChild(document.createTextNode('@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";/*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.self-start{align-self:flex-start}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.text-\\[\\#2C2E35\\]{color:#2c2e35}.capitalize{text-transform:capitalize}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (min-width:64rem){.lg\\:hidden{display:none}}}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{color:var(--foreground);background:var(--background);margin:0;padding:0;font-family:Inter,serif!important}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre,.MuiTypography-root{font-family:Inter,serif!important}.search input{padding:8.5px 6px 8.5px 33px!important}.MuiAutocomplete-root .MuiOutlinedInput-root{padding:2px 10px!important}input{height:36px}.activeUrl{color:#007fc0}.MuiAutocomplete-input{padding:4.5px!important}.upload_div{cursor:pointer;width:125px}.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded{width:100%!important}.upload_button{color:#fff;white-space:nowrap;cursor:pointer;background-color:#007fc0;border-radius:5px;width:100%;padding:7px 10px}.upload_div input{opacity:0;width:100%;position:absolute;left:0}.upload_div .delete_btn{text-align:center;background-color:#ddd;border:1px solid #ccc;border-radius:5px;width:100%;margin-top:10px}body{background-color:#f6f6f6}.login_page:has body{background-color:#f6f6f6!important}.MuiTableHead-root,.MuiTableCell-root,.MuiInputBase-formControl{font-family:Inter,serif!important}input:-webkit-autofill{padding:0 10px}.MuiPagination-root.MuiPagination-outlined{justify-content:end;display:flex}.pagination{margin-top:10px}.tox-statusbar{display:none!important}.tox-tinymce{border:1px solid #0000003b!important}.manage_payment tr th:nth-child(2),.manage_payment tr td:nth-child(2){text-align:center!important}.manage_payment tr td:nth-child(2) div{justify-content:center;display:flex}.MuiTableContainer-root::-webkit-scrollbar{width:5px;height:8px}.main.login_page .loginBody{width:800px!important}.main_list_Menu{display:flex}.main_list_Menu li{padding:.5rem}.main_list_Menu li a{padding:0 .25rem;font-size:14px;font-weight:600}.main_list_Menu .menu-item{padding:15px;position:relative}.main_list_Menu .menu-link{color:#2c2e35;text-decoration:none;transition:color .3s}.main_list_Menu .menu-link:hover{color:#2ea3f2}.main_list_Menu .submenuData{z-index:10;background:#fff;border-top:3px solid #2ea3f2;min-width:200px;display:none;position:absolute;top:85%;left:0;box-shadow:0 4px 6px #0000001a}.main_list_Menu .submenuData li{list-style:none}.main_list_Menu .submenu-link{color:#000000b3;padding:1px 15px;font-weight:600;text-decoration:none;display:block}.main_list_Menu .submenu-link:hover{background:#f1f1f1}.main_list_Menu .menu-item:hover .submenuData{display:block}.smallDeviceMenu{background-color:#fff;width:100%;height:95vh;display:none;position:fixed;top:72px;left:0;overflow-y:auto}.smallDeviceMenu a.bg_main_menu{display:block}.layout_mobile_menu{padding-bottom:12px;padding-inline:0;height:95vh;padding-top:8px;overflow-y:auto}.smallDeviceMenu a{color:#2c2e35;background-color:#00000008;margin-bottom:4px;padding:12px 8px;font-size:15px;font-weight:600}.smallDeviceMenu .submenu_child{color:#000;margin-top:8px;background-color:#fff;min-width:90%;max-width:90%;margin-inline:auto;padding-left:15px;top:57px}.smallDeviceMenu ul li .submenu_child_link{padding:12px 20px}.smallDeviceMenu ul li a{color:#000000b3;background-color:#0000}.smallDeviceMenu ul{padding-left:15px}.desktopMenu{display:flex}.button_hamburger{z-index:9;display:none;position:absolute;top:25px;right:20px}.tox-editor-header{background-color:#0000}.hamburger-icon-btn{color:#0000008a;padding:8px}.desktopMenu .menu-item .menu-link{font-size:15px}.smallDeviceMenu{padding-inline:20px}::-webkit-scrollbar{background-color:#aaa;border-radius:10px;width:10px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px gray}::-webkit-scrollbar-thumb{background:#717070;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b30000}@media screen and (max-width:600px) and (min-width:320px){.notification_icon_error .MuiBadge-badge{min-width:16px;padding:0 3px;font-size:11px;right:5px}.submenu nav{padding:0!important}.MuiPagination-root.MuiPagination-outlined{justify-content:center;margin-left:0;display:flex}.toogle_btn_menu{z-index:99;position:absolute;top:18px;right:20px}.right_header_icons{padding-right:25px}.button_hamburger{display:block}.desktopMenu{display:none}.smallDeviceMenu{background:#fff;width:100%;display:block;position:fixed;top:69px;left:0}.main.login_page .loginBody{width:400px!important}.submenu{width:100%;max-width:100%!important}.sideBar{z-index:99;background-color:#fff;width:300px!important}.sideMenu{background-color:#fff;width:300px}.logo_header{opacity:1}.profile.headerMenu{min-width:320px;width:auto!important}}@media screen and (max-width:1024px) and (min-width:600px){.toogle_btn_menu{position:absolute;top:18px;right:20px}.right_header_icons{padding-right:25px}.button_hamburger{display:block}.desktopMenu{display:none}.smallDeviceMenu{display:block}.main.login_page .loginBody{width:500px!important}.banner{margin-left:0!important}.submenu{width:100%;max-width:100%!important}.sideBar{z-index:99;background-color:#fff;width:300px!important}.sideMenu{background-color:#fff;width:300px}.logo_header{opacity:1}.profile.headerMenu{min-width:320px;width:auto!important}}@media screen and (max-width:1380px) and (min-width:1024px){.desktopMenu{display:none}.smallDeviceMenu{background:#fff;width:100%;display:block;position:fixed;top:72px;left:0}.button_hamburger{display:block}.right_header_icons{padding-right:25px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}'));
+      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}'));
       document.head.appendChild(elementStyle);
     }
   } catch (e) {
@@ -102,7 +102,7 @@ const SubHeaderStyled = material.styled(material.AppBar)(() => ({
     right: "0px",
     top: "66px",
     background: "#fff",
-    width: "380px",
+    width: "250px",
     borderRadius: "16px",
     zIndex: "999",
     boxShadow: "0px 4px 6px -2px #1A191908",
@@ -4339,7 +4339,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
             component: material.Link,
             href: SSO_ROUTES(userData.appName).viewProfile,
             target: "_blank",
-            sx: { color: "#1A1919", cursor: "pointer" },
+            sx: { color: "#1A1919", cursor: "pointer", textDecoration: "none" },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
               /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -4366,7 +4366,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
             component: material.Link,
             href: SSO_ROUTES(userData.appName).editProfile,
             target: "_blank",
-            sx: { color: "#1A1919" },
+            sx: { color: "#1A1919", textDecoration: "none" },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(SVG.UserEdit, {}),
               /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -4393,7 +4393,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
             component: material.Link,
             href: SSO_ROUTES(userData.appName).changePasswordDialog,
             target: "_blank",
-            sx: { cursor: "pointer" },
+            sx: { cursor: "pointer", textDecoration: "none" },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
               /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -4512,24 +4512,8 @@ 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: [
-    /* @__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) })) })
+    /* @__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: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "a",
@@ -4540,15 +4524,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", { 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", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: items2.value || "", target: items2.target, className: "submenu_child_link ", children: items2.label }) }, index2) })) })
   ] })) }) }) });
 };
 const Us = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAA1CAMAAACA7r40AAAA/FBMVEWyIjNPN2Y8O27///8/PnBOTXxycpY9PG9RUX5HR3dIR3dLSnlPTny4uMpWVYFFRHVwb5VlZIx7e52DgqOIh6aIiKc+PXBJSHhTUn9hYYqyIjReXohgX4lYV4Lr6/C2tcjPdYB0c5haWYRYV4Nra5GJiac+PW/FxdTHYG1RUH3eoajltbtOTXvty89BQHHg3+hSUX6GYoC6usyVlbFycZa7u8yUk6+sq8FCQXO0tMe1tMhiYYpMS3pDQnNvbpTExNN8fJ7GxdTGxtWCgqLHx9WXlrLXi5SYl7Kiobrg4Oiiorrn5u3n5+2jo7ukpLvw8PTx8fX09Pf19firqsC5sMNxAAAAAnRSTlPQ9qN1Xw4AAAGlSURBVHhe7ZXFiiRBFEVjznvp5W7t7j3u7m7//y8D1dAMGbnI4jW5KOpsgjibCxFcrrtVEmcBGAGQJHB98d3EgEM/ygsg/nwRAy15rxQ4Ywh3JQX49hVgKA/Ad1hDkkGTMSQJjGkOEmo133FmwAEQyl8FfSj3gFgkzjsQAw6AZ796AP2fGcDBS8/ZQ7ZQlJ2d+bEFqp6zhuh9Cf9/pDtKkTs04KBTD4jgx3eICOodoshz1p7M6UUAUQ+Ap2Pf2UMI5UBBX18/Ut7ZQ84Jui10QKsbcA7dt77jxIBDt+sxMNzrD4HL+rZS4Iw9iTZkCjRFmsBUHkcUOGMI7dkpKezuQsrprM3zR76zN572ekdBX623gaONJ0d5B5sGHAA1+QTwRQJgX2Q/7+w9GZGlDZKERpoxgkbDc8s0WscGSo+WGMiNVlgwWuFNjdafPsDe7wzg3RvP2UNCFGVtbX6EoOo7PhgoO1rGnswHiquB4mqgfIcxpBTGkNslMf2JVMAShRxXgJtUwBKFbFbAqicL4U4qYNWThXCHFbDqyUK4swpY9WQhXBX8A2rVjaQ6HWXmAAAAAElFTkSuQmCC";
@@ -5314,14 +5290,11 @@ const AppMenus = ({ menuItems, setInitialState }) => {
     {
       component: material.Link,
       href: item.link,
-      target: "_blank",
+      target: item.type === "tab" ? "_blank" : "_self",
       item: true,
       md: 4,
       xs: 6,
-      style: {
-        cursor: "pointer",
-        textDecoration: "none"
-      },
+      style: { cursor: "pointer", textDecoration: "none" },
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(
         material.Box,
         {