sixseconds-modules 1.5.5 → 1.5.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/components/header/appMenus.d.ts +3 -1
  2. package/dist/components/header/index.d.ts +2 -22
  3. package/dist/components/header/language.d.ts +3 -2
  4. package/dist/components/header/notification.d.ts +5 -4
  5. package/dist/components/header/type.d.ts +23 -16
  6. package/dist/components/header/userProfile.d.ts +4 -3
  7. package/dist/index.cjs.js +76 -42
  8. package/dist/index.cjs.js.map +1 -1
  9. package/dist/index.es.js +76 -42
  10. package/dist/index.es.js.map +1 -1
  11. package/package.json +4 -3
package/dist/components/header/appMenus.d.ts CHANGED
@@ -1,9 +1,11 @@
1
- import { SetStateAction } from '../../types';
1
+ import { SetStateAction, t } from '../../types';
2
2
  import { default as React } from 'react';
3
3
  import { IState } from './type';
4
4
  interface HeaderMenuProps {
5
5
  menuItems: any;
6
6
  setInitialState: SetStateAction<IState>;
7
+ t: t;
8
+ appName: string;
7
9
  }
8
10
  declare const AppMenus: React.FC<HeaderMenuProps>;
9
11
  export default AppMenus;
package/dist/components/header/index.d.ts CHANGED
@@ -1,22 +1,2 @@
1
- import { t } from '../../types';
2
- interface SubHeaderProps {
3
- isDesktopCollapsed?: boolean;
4
- userData?: any;
5
- interFaceLangList?: any;
6
- endCustomComponents?: any;
7
- frontCustomComponent?: any;
8
- centerCustomComponents?: any;
9
- toggleSiderMenu?: any;
10
- updateInterfaceLang?: any;
11
- selectedInterFaceLang?: any;
12
- logoutHandler?: any;
13
- logo?: any;
14
- isMenu?: boolean;
15
- isNotification?: boolean;
16
- extraMenuOptions?: any;
17
- isAccessAppMenu?: boolean;
18
- t?: t;
19
- sx?: any;
20
- }
21
- export declare const Header: ({ frontCustomComponent, endCustomComponents, userData, interFaceLangList, centerCustomComponents, updateInterfaceLang, selectedInterFaceLang, logoutHandler, logo, isNotification, extraMenuOptions, isMenu, isAccessAppMenu, sx, }: SubHeaderProps) => import("react/jsx-runtime").JSX.Element;
22
- export {};
1
+ import { IHeaderProps } from './type';
2
+ export declare const Header: ({ frontCustomComponent, endCustomComponents, 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/language.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { SetStateAction } from '../../types';
1
+ import { SetStateAction, t } from '../../types';
2
2
  import { IState } from './type';
3
3
  interface IProps {
4
4
  setState?: any;
@@ -7,6 +7,7 @@ interface IProps {
7
7
  updateInterfaceLang?: any;
8
8
  selectedInterFaceLang?: any;
9
9
  setInitialState: SetStateAction<IState>;
10
+ t: t;
10
11
  }
11
- export default function Language({ interFaceLangList, updateInterfaceLang, selectedInterFaceLang, setInitialState, }: IProps): import("react/jsx-runtime").JSX.Element;
12
+ export default function Language({ interFaceLangList, updateInterfaceLang, selectedInterFaceLang, setInitialState, t, }: IProps): import("react/jsx-runtime").JSX.Element;
12
13
  export {};
package/dist/components/header/notification.d.ts CHANGED
@@ -1,9 +1,10 @@
1
- import { SetStateAction } from '../../types';
2
- import { IState } from './type';
1
+ import { SetStateAction, t } from '../../types';
2
+ import { IHeaderProps, IState } from './type';
3
3
  interface IProps {
4
- userData: any;
5
4
  setInitialState: SetStateAction<IState>;
6
5
  initialState: IState;
6
+ notificationAccessApps?: IHeaderProps["notificationAccessApps"];
7
+ t: t;
7
8
  }
8
- declare const Notification: ({ setInitialState, userData, initialState }: IProps) => import("react/jsx-runtime").JSX.Element;
9
+ declare const Notification: ({ setInitialState, notificationAccessApps, initialState, t }: IProps) => import("react/jsx-runtime").JSX.Element;
9
10
  export default Notification;
package/dist/components/header/type.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  import { APP_NAMES } from '../../constants';
2
+ import { t } from '../../types';
2
3
  import { SxProps } from '@mui/material';
3
4
  export interface IState {
4
5
  languages: string[]
5
6
  menuData: []
7
+ isMenuIconsShow: boolean
6
8
  toggles: {
7
9
  appMenus: boolean
8
10
  notification: boolean
@@ -28,38 +30,43 @@ export interface IUserDataProps {
28
30
  fullName: string
29
31
  appName: (typeof APP_NAMES)[keyof typeof APP_NAMES]
30
32
  appAccess: {
31
- name: item.appAccess
32
- icon: item.appIcon
33
- link: item.redirectUrl
34
- type: item.type
33
+ name: string
34
+ icon: string
35
+ link: string
36
+ type: "tab" | "app"
35
37
  }[]
36
38
  notificationCount: number
37
39
  }
38
40
 
39
41
  export interface IInterFaceLang {
40
- label: item.label
41
- value: item.value
42
- flag: item.getFlagUrl
42
+ id: number
43
+ label: string
44
+ value: string | number
45
+ flag: string
43
46
  }
44
47
 
45
48
  export interface IHeaderProps {
49
+ t: t
50
+ notificationAccessApps?: {
51
+ name: string
52
+ }[]
46
53
  userData?: IUserDataProps
47
54
  interFaceLangList?: IInterFaceLang[]
48
- // toggleSiderMenu,
49
- // updateInterfaceLang,
50
- // logoutHandler
51
- selectedInterFaceLang: IInterFaceLang
52
- isNotification: boolean
53
- isMenu: boolean
54
- isAccessAppMenu: boolean
55
- extraMenuOptions: {
55
+ toggleSiderMenu?: any
56
+ updateInterfaceLang?: any
57
+ logoutHandler?: any
58
+ selectedInterFaceLang?: IInterFaceLang
59
+ isNotification?: boolean
60
+ isMenu?: boolean
61
+ isAccessAppMenu?: boolean
62
+ extraMenuOptions?: {
56
63
  components: React.ReactNode
57
64
  isViewProfile: boolean
58
65
  isChangePassword: boolean
59
66
  isEditProfile: boolean
60
67
  }
61
68
  sx?: SxProps
62
- logo: React.ReactNode
69
+ logo?: React.ReactNode
63
70
  frontCustomComponent?: React.ReactNode
64
71
  centerCustomComponents?: React.ReactNode
65
72
  endCustomComponents?: React.ReactNode
package/dist/components/header/userProfile.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import { IState, IUserDataProps } from './type';
2
- import { SetStateAction } from '../../types';
2
+ import { SetStateAction, t } from '../../types';
3
3
  interface IProps {
4
- userData: IUserDataProps;
4
+ userData?: IUserDataProps;
5
5
  initialState: IState;
6
6
  setInitialState?: SetStateAction<IState>;
7
7
  extraMenuOptions?: any;
8
+ t: t;
8
9
  }
9
- declare const UserProfile: ({ userData, setInitialState, extraMenuOptions }: IProps) => import("react/jsx-runtime").JSX.Element;
10
+ declare const UserProfile: ({ t, userData, setInitialState, extraMenuOptions }: IProps) => import("react/jsx-runtime").JSX.Element;
10
11
  export default UserProfile;
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\n:root {\n --background: #ffffff;\n --foreground: #171717;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --background: #0a0a0a;\n --foreground: #ededed;\n }\n}\n\nbody {\n font-family: "Inter", serif !important;\n margin: 0;\n padding: 0;\n color: var(--foreground);\n background: var(--background);\n}\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n font-family: "Inter", serif !important;\n}\n\n.MuiTypography-root {\n font-family: "Inter", serif !important;\n}\n\n.search input {\n padding: 8.5px 6px 8.5px 33px !important;\n}\n\n.MuiAutocomplete-root .MuiOutlinedInput-root {\n padding: 2px 10px !important;\n}\n\ninput {\n height: 36px;\n}\n\n.activeUrl {\n color: #007fc0;\n}\n\n/* .login_page:has(.MuiContainer-root) {\n width: 100% !important;\n padding: 0;\n background-color: pink;\n} */\n\n.MuiAutocomplete-input {\n padding: 4.5px !important;\n}\n\n.upload_div {\n cursor: pointer;\n width: 125px;\n}\n\n.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {\n width: 100% !important;\n}\n\n.upload_button {\n background-color: #007fc0;\n color: #fff;\n border-radius: 5px;\n white-space: nowrap;\n padding: 7px 10px;\n cursor: pointer;\n width: 100%;\n}\n\n.upload_div input {\n position: absolute;\n left: 0;\n width: 100%;\n opacity: 0;\n}\n\n.upload_div .delete_btn {\n background-color: #ddd;\n border: 1px solid #ccc;\n margin-top: 10px;\n border-radius: 5px;\n text-align: center;\n width: 100%;\n}\n\nbody {\n background-color: #f6f6f6;\n}\n\n.login_page:has body {\n background-color: #f6f6f6 !important;\n}\n\n.MuiTableHead-root,\n.MuiTableCell-root,\n.MuiInputBase-formControl {\n font-family: "Inter", serif !important;\n}\n\ninput:-webkit-autofill {\n padding: 0 10px;\n}\n\n.MuiPagination-root.MuiPagination-outlined {\n /* margin-top: 10px; */\n display: flex;\n justify-content: end;\n}\n\n.pagination {\n margin-top: 10px;\n}\n\n.tox-statusbar {\n display: none !important;\n}\n\n.tox-tinymce {\n border: 1px solid #0000003b !important;\n}\n\n.manage_payment tr th:nth-child(2) {\n text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) {\n text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) div {\n display: flex;\n justify-content: center;\n}\n\n.MuiTableContainer-root::-webkit-scrollbar {\n width: 5px;\n height: 8px;\n}\n\n.main.login_page .loginBody {\n width: 800px !important;\n}\n\n.main_list_Menu {\n display: flex;\n}\n\n.main_list_Menu li {\n padding: 0.5rem 0.5rem;\n}\n\n.main_list_Menu li a {\n padding: 0 0.25rem;\n font-weight: 600;\n font-size: 14px;\n}\n\n.main_list_Menu .menu-item {\n position: relative;\n padding: 15px;\n}\n\n.main_list_Menu .menu-link {\n text-decoration: none;\n color: #2c2e35;\n transition: color 0.3s ease;\n}\n\n.main_list_Menu .menu-link:hover {\n color: #2ea3f2;\n}\n\n/* Submenu (Dropdown) */\n\n.main_list_Menu .submenuData {\n position: absolute;\n top: 85%;\n left: 0;\n background: white;\n border-top: 3px solid #2ea3f2;\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n display: none;\n min-width: 200px;\n z-index: 10;\n}\n\n.main_list_Menu .submenuData li {\n list-style: none;\n}\n\n.main_list_Menu .submenu-link {\n display: block;\n padding: 1px 15px;\n text-decoration: none;\n color: rgba(0, 0, 0, 0.7);\n font-weight: 600;\n}\n\n.main_list_Menu .submenu-link:hover {\n background: #f1f1f1;\n}\n\n/* Show dropdown on hover */\n\n.main_list_Menu .menu-item:hover .submenuData {\n display: block;\n}\n\n.smallDeviceMenu {\n display: none;\n width: 100%;\n left: 0;\n top: 72px;\n background-color: #fff;\n position: fixed;\n overflow-y: auto;\n height: 95vh;\n}\n\n.smallDeviceMenu a.bg_main_menu {\n display: block;\n}\n\n.layout_mobile_menu {\n padding-bottom: 12px;\n padding-inline: 0;\n height: 95vh;\n overflow-y: auto;\n padding-top: 8px;\n}\n\n.smallDeviceMenu a {\n background-color: rgba(0, 0, 0, 0.03);\n font-size: 15px;\n font-weight: 600;\n color: #2c2e35;\n margin-bottom: 4px;\n padding: 12px 8px;\n}\n\n.smallDeviceMenu .submenu_child {\n padding-left: 15px;\n min-width: 90%;\n max-width: 90%;\n top: 57px;\n margin-top: 8px;\n background-color: #fff;\n color: #000;\n margin-inline: auto;\n}\n\n.smallDeviceMenu ul li .submenu_child_link {\n padding: 12px 20px;\n}\n\n.smallDeviceMenu ul li a {\n background-color: transparent;\n color: #000000b3;\n}\n\n.smallDeviceMenu ul {\n padding-left: 15px;\n}\n\n.desktopMenu {\n display: flex;\n}\n\n.button_hamburger {\n display: none;\n position: absolute;\n right: 20px;\n top: 25px;\n z-index: 9;\n}\n\n.tox-editor-header {\n background-color: transparent;\n}\n\n.hamburger-icon-btn {\n padding: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.desktopMenu .menu-item .menu-link {\n font-size: 15px;\n}\n\n.smallDeviceMenu {\n padding-inline: 20px;\n}\n\n::-webkit-scrollbar {\n width: 10px;\n background-color: #aaa;\n border-radius: 10px;\n}\n\n/* Track */\n\n::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px grey;\n border-radius: 10px;\n}\n\n/* Handle */\n\n::-webkit-scrollbar-thumb {\n background: #717070;\n border-radius: 10px;\n}\n\n/* Handle on hover */\n\n::-webkit-scrollbar-thumb:hover {\n background: #b30000;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n .notification_icon_error .MuiBadge-badge {\n font-size: 11px;\n padding: 0 3px;\n min-width: 16px;\n right: 5px;\n }\n\n .submenu nav {\n padding: 0 !important;\n }\n\n .MuiPagination-root.MuiPagination-outlined {\n /* margin-top: 10px; */\n display: flex;\n justify-content: center;\n margin-left: 0;\n }\n\n .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n z-index: 99;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 69px;\n }\n\n .main.login_page .loginBody {\n width: 400px !important;\n }\n\n .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .logo_header {\n opacity: 1;\n }\n\n .profile.headerMenu {\n min-width: 320px;\n width: auto !important;\n }\n}\n\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n }\n\n .main.login_page .loginBody {\n width: 500px !important;\n }\n\n .banner {\n margin-left: 0 !important;\n }\n\n .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .logo_header {\n opacity: 1;\n }\n\n .profile.headerMenu {\n min-width: 320px;\n width: auto !important;\n }\n}\n\n@media screen and (max-width: 1380px) and (min-width: 1024px) {\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 72px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n}'));
6
+ elementStyle.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");\n\n:root {\n --background: #ffffff;\n --foreground: #171717;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --background: #0a0a0a;\n --foreground: #ededed;\n }\n}\n\nbody {\n font-family: "Inter", serif !important;\n margin: 0;\n padding: 0;\n color: var(--foreground);\n background: var(--background);\n}\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n font-family: "Inter", serif !important;\n}\n\n.MuiTypography-root {\n font-family: "Inter", serif !important;\n}\n\n.search input {\n padding: 8.5px 6px 8.5px 33px !important;\n}\n\n.MuiAutocomplete-root .MuiOutlinedInput-root {\n padding: 2px 10px !important;\n}\n\ninput {\n height: 36px;\n}\n\n.activeUrl {\n color: #007fc0;\n}\n\n/* .login_page:has(.MuiContainer-root) {\n width: 100% !important;\n padding: 0;\n background-color: pink;\n} */\n\n.MuiAutocomplete-input {\n padding: 4.5px !important;\n}\n\n.upload_div {\n cursor: pointer;\n width: 125px;\n}\n\n.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded {\n width: 100% !important;\n}\n\n.upload_button {\n background-color: #007fc0;\n color: #fff;\n border-radius: 5px;\n white-space: nowrap;\n padding: 7px 10px;\n cursor: pointer;\n width: 100%;\n}\n\n.upload_div input {\n position: absolute;\n left: 0;\n width: 100%;\n opacity: 0;\n}\n\n.upload_div .delete_btn {\n background-color: #ddd;\n border: 1px solid #ccc;\n margin-top: 10px;\n border-radius: 5px;\n text-align: center;\n width: 100%;\n}\n\nbody {\n background-color: #f6f6f6;\n}\n\n.login_page:has body {\n background-color: #f6f6f6 !important;\n}\n\n.MuiTableHead-root,\n.MuiTableCell-root,\n.MuiInputBase-formControl {\n font-family: "Inter", serif !important;\n}\n\ninput:-webkit-autofill {\n padding: 0 10px;\n}\n\n.MuiPagination-root.MuiPagination-outlined {\n /* margin-top: 10px; */\n display: flex;\n justify-content: end;\n}\n\n.pagination {\n margin-top: 10px;\n}\n\n.tox-statusbar {\n display: none !important;\n}\n\n.tox-tinymce {\n border: 1px solid #0000003b !important;\n}\n\n.manage_payment tr th:nth-child(2) {\n text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) {\n text-align: center !important;\n}\n\n.manage_payment tr td:nth-child(2) div {\n display: flex;\n justify-content: center;\n}\n\n.MuiTableContainer-root::-webkit-scrollbar {\n width: 5px;\n height: 8px;\n}\n\n.main.login_page .loginBody {\n width: 800px !important;\n}\n\n.main_list_Menu {\n display: flex;\n}\n\n.main_list_Menu li {\n padding: 0.5rem 0.5rem;\n}\n\n.main_list_Menu li a {\n padding: 0 0.25rem;\n font-weight: 600;\n font-size: 14px;\n}\n\n.main_list_Menu .menu-item {\n position: relative;\n padding: 15px;\n}\n\n.main_list_Menu .menu-link {\n text-decoration: none;\n color: #2c2e35;\n transition: color 0.3s ease;\n}\n\n.main_list_Menu .menu-link:hover {\n color: #2ea3f2;\n}\n\n/* Submenu (Dropdown) */\n\n.main_list_Menu .submenuData {\n position: absolute;\n top: 85%;\n left: 0;\n background: white;\n border-top: 3px solid #2ea3f2;\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n display: none;\n min-width: 200px;\n z-index: 10;\n}\n\n.main_list_Menu .submenuData li {\n list-style: none;\n}\n\n.main_list_Menu .submenu-link {\n display: block;\n padding: 1px 15px;\n text-decoration: none;\n color: rgba(0, 0, 0, 0.7);\n font-weight: 600;\n}\n\n.main_list_Menu .submenu-link:hover {\n background: #f1f1f1;\n}\n\n/* Show dropdown on hover */\n\n.main_list_Menu .menu-item:hover .submenuData {\n display: block;\n}\n\n.smallDeviceMenu {\n display: none;\n width: 100%;\n left: 0;\n top: 72px;\n background-color: #fff;\n position: fixed;\n overflow-y: auto;\n height: 95vh;\n}\n\n.smallDeviceMenu a.bg_main_menu {\n display: block;\n}\n\n.layout_mobile_menu {\n padding-bottom: 12px;\n padding-inline: 0;\n height: 95vh;\n overflow-y: auto;\n padding-top: 8px;\n}\n\n.smallDeviceMenu a {\n background-color: rgba(0, 0, 0, 0.03);\n font-size: 15px;\n font-weight: 600;\n color: #2c2e35;\n margin-bottom: 4px;\n padding: 12px 8px;\n}\n\n.smallDeviceMenu .submenu_child {\n padding-left: 15px;\n min-width: 90%;\n max-width: 90%;\n top: 57px;\n margin-top: 8px;\n background-color: #fff;\n color: #000;\n margin-inline: auto;\n}\n\n.smallDeviceMenu ul li .submenu_child_link {\n padding: 12px 20px;\n}\n\n.smallDeviceMenu ul li a {\n background-color: transparent;\n color: #000000b3;\n}\n\n.smallDeviceMenu ul {\n padding-left: 15px;\n}\n\n.desktopMenu {\n display: flex;\n}\n\n.button_hamburger {\n display: none;\n position: absolute;\n right: 20px;\n top: 25px;\n z-index: 9;\n}\n\n.tox-editor-header {\n background-color: transparent;\n}\n\n.hamburger-icon-btn {\n padding: 8px;\n color: rgba(0, 0, 0, 0.54);\n}\n\n.desktopMenu .menu-item .menu-link {\n font-size: 15px;\n}\n\n.smallDeviceMenu {\n padding-inline: 20px;\n}\n\n::-webkit-scrollbar {\n width: 10px;\n background-color: #aaa;\n border-radius: 10px;\n}\n\n/* Track */\n\n::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px grey;\n border-radius: 10px;\n}\n\n/* Handle */\n\n::-webkit-scrollbar-thumb {\n background: #717070;\n border-radius: 10px;\n}\n\n/* Handle on hover */\n\n::-webkit-scrollbar-thumb:hover {\n background: #b30000;\n}\n\n@media screen and (max-width: 600px) and (min-width: 320px) {\n .notification_icon_error .MuiBadge-badge {\n font-size: 11px;\n padding: 0 3px;\n min-width: 16px;\n right: 5px;\n }\n\n .submenu nav {\n padding: 0 !important;\n }\n\n .MuiPagination-root.MuiPagination-outlined {\n /* margin-top: 10px; */\n display: flex;\n justify-content: center;\n margin-left: 0;\n }\n\n .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n z-index: 99;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 69px;\n }\n\n .main.login_page .loginBody {\n width: 400px !important;\n }\n\n .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .logo_header {\n opacity: 1;\n }\n\n .profile .headerMenu {\n min-width: 320px;\n width: 500px !important;\n }\n}\n\n@media screen and (max-width: 1024px) and (min-width: 600px) {\n .toogle_btn_menu {\n position: absolute;\n right: 20px;\n top: 18px;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n }\n\n .main.login_page .loginBody {\n width: 500px !important;\n }\n\n .banner {\n margin-left: 0 !important;\n }\n\n .submenu {\n width: 100%;\n max-width: 100% !important;\n }\n\n .sideBar {\n width: 300px !important;\n background-color: #fff;\n z-index: 99;\n }\n\n .sideMenu {\n width: 300px;\n background-color: #fff;\n }\n\n .logo_header {\n opacity: 1;\n }\n\n .profile .headerMenu {\n min-width: 320px;\n width: 500px !important;\n }\n}\n\n@media screen and (max-width: 1380px) and (min-width: 1024px) {\n .right_header_icons {\n padding-right: 25px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .desktopMenu {\n display: none;\n }\n\n .smallDeviceMenu {\n display: block;\n width: 100%;\n position: fixed;\n left: 0;\n background: #fff;\n top: 72px;\n }\n\n .button_hamburger {\n display: block;\n }\n\n .right_header_icons {\n padding-right: 25px;\n }\n}'));
7
7
  document.head.appendChild(elementStyle);
8
8
  }
9
9
  } catch (e) {
@@ -84,7 +84,6 @@ const SubHeaderStyled = material.styled(material.AppBar)(() => ({
84
84
  width: "100vw",
85
85
  fontFamily: "Inter, sans-serif",
86
86
  position: "fixed",
87
- boxShadow: " -6px 2px 7px 1px #EDEDED",
88
87
  zIndex: "99",
89
88
  // left: "255px",
90
89
  right: "0px",
@@ -4273,7 +4272,7 @@ function formatDateUtil(dateString, flag, formatDate = MAIN_DATE_FORMAT) {
4273
4272
  const dateTime = hooks.utc(dateString).local();
4274
4273
  return dateString ? formatTwoValues(dateTime.format(formatDate), dateTime.format(MAIN_TIME_FORMAT)) : "";
4275
4274
  }
4276
- const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4275
+ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions }) => {
4277
4276
  const [state, setState] = React.useState({ toggles: { userProfile: false } });
4278
4277
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
4279
4278
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4308,7 +4307,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4308
4307
  children: [
4309
4308
  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: userData?.fullName }),
4310
4309
  Boolean(userData?.role) && /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", sx: { m: 0, fontSize: "14px", color: "#666666" }, children: [
4311
- truncateValUtil(userData?.email),
4310
+ truncateValUtil(userData?.email || ""),
4312
4311
  " ",
4313
4312
  /* @__PURE__ */ jsxRuntime.jsx("br", {}),
4314
4313
  "(",
@@ -4327,8 +4326,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4327
4326
  spacing: 1,
4328
4327
  alignItems: "center",
4329
4328
  component: material.Link,
4330
- href: SSO_ROUTES(userData.appName).viewProfile,
4331
- target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
4329
+ href: SSO_ROUTES(userData?.appName).viewProfile,
4330
+ target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
4332
4331
  sx: { color: "#1A1919", cursor: "pointer", textDecoration: "none" },
4333
4332
  children: [
4334
4333
  /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
@@ -4341,7 +4340,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4341
4340
  fontWeight: "400",
4342
4341
  m: 0
4343
4342
  },
4344
- children: "View Profile"
4343
+ children: t2("View Profile")
4345
4344
  }
4346
4345
  ) })
4347
4346
  ]
@@ -4354,8 +4353,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4354
4353
  spacing: 1,
4355
4354
  alignItems: "center",
4356
4355
  component: material.Link,
4357
- href: SSO_ROUTES(userData.appName).editProfile,
4358
- target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
4356
+ href: SSO_ROUTES(userData?.appName).editProfile,
4357
+ target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
4359
4358
  sx: { color: "#1A1919", textDecoration: "none" },
4360
4359
  children: [
4361
4360
  /* @__PURE__ */ jsxRuntime.jsx(SVG.UserEdit, {}),
@@ -4368,7 +4367,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4368
4367
  fontWeight: "400",
4369
4368
  m: 0
4370
4369
  },
4371
- children: "Edit Profile"
4370
+ children: t2("Edit Profile")
4372
4371
  }
4373
4372
  ) })
4374
4373
  ]
@@ -4381,8 +4380,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4381
4380
  spacing: 1,
4382
4381
  alignItems: "center",
4383
4382
  component: material.Link,
4384
- href: SSO_ROUTES(userData.appName).changePasswordDialog,
4385
- target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
4383
+ href: SSO_ROUTES(userData?.appName).changePasswordDialog,
4384
+ target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
4386
4385
  sx: { cursor: "pointer", textDecoration: "none" },
4387
4386
  children: [
4388
4387
  /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
@@ -4396,7 +4395,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4396
4395
  fontWeight: "400",
4397
4396
  m: 0
4398
4397
  },
4399
- children: "Change Password"
4398
+ children: t2("Change Password")
4400
4399
  }
4401
4400
  ) })
4402
4401
  ]
@@ -4424,7 +4423,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4424
4423
  fontWeight: "400",
4425
4424
  m: 0
4426
4425
  },
4427
- children: "Logout"
4426
+ children: t2("Logout")
4428
4427
  }
4429
4428
  ) })
4430
4429
  ]
@@ -4438,7 +4437,8 @@ function Language({
4438
4437
  interFaceLangList,
4439
4438
  updateInterfaceLang,
4440
4439
  selectedInterFaceLang,
4441
- setInitialState
4440
+ setInitialState,
4441
+ t: t2
4442
4442
  }) {
4443
4443
  return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxRuntime.jsx(
4444
4444
  material.Box,
@@ -4489,7 +4489,7 @@ function Language({
4489
4489
  },
4490
4490
  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: [
4491
4491
  /* @__PURE__ */ jsxRuntime.jsx("img", { src: lang2?.flag, alt: lang2?.label, width: 32, height: 30 }),
4492
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: lang2?.label }),
4492
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: t2(lang2?.label) }),
4493
4493
  selectedInterFaceLang?.value === lang2?.value && /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { sx: { color: "#007FC0", fontSize: "30px" } })
4494
4494
  ] }) })
4495
4495
  }
@@ -5118,7 +5118,7 @@ var InfiniteScroll = (
5118
5118
  return InfiniteScroll2;
5119
5119
  }(React.Component)
5120
5120
  );
5121
- const Notification = ({ setInitialState, userData, initialState }) => {
5121
+ const Notification = ({ setInitialState, notificationAccessApps, initialState, t: t2 }) => {
5122
5122
  const [notifications, setNotifications] = React.useState([]);
5123
5123
  const [hasMore, setHasMore] = React.useState(true);
5124
5124
  const [activeTab, setActiveTab] = React.useState("all");
@@ -5181,7 +5181,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5181
5181
  position: "absolute"
5182
5182
  },
5183
5183
  children: [
5184
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { paddingBottom: "8px", display: "flex", borderBottom: "1px solid #ddd" }, children: userData?.appAccess?.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
5184
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", borderBottom: "1px solid #ddd" }, children: notificationAccessApps?.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
5185
5185
  material.Button,
5186
5186
  {
5187
5187
  onClick: () => setActiveTab(tab.name),
@@ -5196,11 +5196,11 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5196
5196
  borderTopRightRadius: "5px",
5197
5197
  borderBottom: "1px solid #007fc0"
5198
5198
  },
5199
- children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { textWrap: "nowrap" }, children: tab.name })
5199
+ children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { textWrap: "nowrap" }, children: t2(tab.name) })
5200
5200
  },
5201
5201
  tab.name
5202
5202
  )) }),
5203
- /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { fontSize: "16px", fontWeight: "500", mt: 1, color: "black" }, children: "Notifications" }),
5203
+ /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { fontSize: "16px", fontWeight: "500", mt: 1, color: "black" }, children: t2("Notifications") }),
5204
5204
  /* @__PURE__ */ jsxRuntime.jsx(
5205
5205
  material.Box,
5206
5206
  {
@@ -5226,11 +5226,11 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5226
5226
  alignItems: "center",
5227
5227
  pT: 1
5228
5228
  },
5229
- children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { color: "#000", children: ALERT_MESSAGES.commonLoadingMessage })
5229
+ children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { color: "#000", children: t2(ALERT_MESSAGES.commonLoadingMessage) })
5230
5230
  }
5231
5231
  ),
5232
5232
  scrollableTarget: "scrollableDiv",
5233
- children: !notifications.length && !hasMore ? /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { display: "flex", justifyContent: "center", color: "#000", children: ALERT_MESSAGES.dataNoFount }) : notifications.map((itm) => /* @__PURE__ */ jsxRuntime.jsxs(material.MenuItem, { sx: { bgcolor: "#fff", p: 2 }, children: [
5233
+ children: !notifications.length && !hasMore ? /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { display: "flex", justifyContent: "center", color: "#000", children: t2(ALERT_MESSAGES.dataNoFount) }) : notifications.map((itm) => /* @__PURE__ */ jsxRuntime.jsxs(material.MenuItem, { sx: { bgcolor: "#fff", p: 2 }, children: [
5234
5234
  /* @__PURE__ */ jsxRuntime.jsx(material.Avatar, { sx: { bgcolor: "#ccc", mr: 1, color: "#000" }, children: getIcons(itm.type, itm?.source[0]) }),
5235
5235
  /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1 }, children: [
5236
5236
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -5259,7 +5259,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5259
5259
  color: "rgb(25, 118, 210)",
5260
5260
  marginLeft: "5px"
5261
5261
  },
5262
- children: "View"
5262
+ children: t2("View")
5263
5263
  }
5264
5264
  )
5265
5265
  ] })
@@ -5273,12 +5273,12 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5273
5273
  }
5274
5274
  ) });
5275
5275
  };
5276
- const AppMenus = ({ menuItems, setInitialState }) => {
5277
- return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { p: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Grid, { container: true, children: menuItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
5276
+ const AppMenus = ({ menuItems, setInitialState, t: t2, appName }) => {
5277
+ 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(
5278
5278
  material.Grid,
5279
5279
  {
5280
5280
  component: material.Link,
5281
- href: item.link,
5281
+ href: urlcat(item.link, { source: appName }),
5282
5282
  target: item.type === "tab" ? "_blank" : "_self",
5283
5283
  item: true,
5284
5284
  md: 4,
@@ -5317,7 +5317,7 @@ const AppMenus = ({ menuItems, setInitialState }) => {
5317
5317
  color: "#252525",
5318
5318
  fontWeight: 500
5319
5319
  },
5320
- children: item.name
5320
+ children: t2(item.name)
5321
5321
  }
5322
5322
  )
5323
5323
  ]
@@ -5330,10 +5330,8 @@ const AppMenus = ({ menuItems, setInitialState }) => {
5330
5330
  const Header = ({
5331
5331
  frontCustomComponent,
5332
5332
  endCustomComponents,
5333
- // isDesktopCollapsed = false,
5334
5333
  userData,
5335
5334
  interFaceLangList,
5336
- // toggleSiderMenu,
5337
5335
  centerCustomComponents,
5338
5336
  updateInterfaceLang,
5339
5337
  selectedInterFaceLang,
@@ -5343,12 +5341,15 @@ const Header = ({
5343
5341
  extraMenuOptions,
5344
5342
  isMenu,
5345
5343
  isAccessAppMenu,
5346
- sx
5344
+ notificationAccessApps,
5345
+ sx,
5346
+ t
5347
5347
  }) => {
5348
5348
  const isMobile = material.useMediaQuery("(max-width: 1324px)");
5349
5349
  const [state, setState] = React.useState({
5350
5350
  languages: [],
5351
5351
  menuData: [],
5352
+ isMenuIconsShow: false,
5352
5353
  toggles: {
5353
5354
  appMenus: false,
5354
5355
  dropDownMenu: false,
@@ -5362,9 +5363,9 @@ const Header = ({
5362
5363
  logoutHandler();
5363
5364
  };
5364
5365
  const getDropDownMenuData = async () => {
5365
- const res = await getDropDownMenuAPI({ source: APP_NAMES.events, language_id: selectedInterFaceLang.id });
5366
+ const res = await getDropDownMenuAPI({ source: APP_NAMES.events, language_id: selectedInterFaceLang?.id });
5366
5367
  if (res.remote === "success") {
5367
- setState((p) => ({ ...p, menuData: res.data }));
5368
+ setState((p) => ({ ...p, menuData: res.data, isMenuIconsShow: res?.data?.length > 0 }));
5368
5369
  }
5369
5370
  };
5370
5371
  React.useEffect(() => {
@@ -5412,7 +5413,15 @@ const Header = ({
5412
5413
  children: /* @__PURE__ */ jsxRuntime.jsx(SVG.GridIcon, {})
5413
5414
  }
5414
5415
  ),
5415
- state.toggles.appMenus && userData?.appAccess?.length && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "profile headerMenu", children: /* @__PURE__ */ jsxRuntime.jsx(AppMenus, { menuItems: userData?.appAccess, setInitialState: setState }) })
5416
+ state.toggles.appMenus && userData?.appAccess?.length && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "profile headerMenu", sx: { width: "400px !important", p: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
5417
+ AppMenus,
5418
+ {
5419
+ t,
5420
+ appName: userData?.appName,
5421
+ menuItems: userData?.appAccess,
5422
+ setInitialState: setState
5423
+ }
5424
+ ) })
5416
5425
  ] }),
5417
5426
  isNotification && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
5418
5427
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -5426,7 +5435,15 @@ const Header = ({
5426
5435
  children: /* @__PURE__ */ jsxRuntime.jsx(material.Badge, { badgeContent: userData?.notificationCount, color: "error", className: "notification_icon_error", children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Bell, {}) })
5427
5436
  }
5428
5437
  ),
5429
- state.toggles.notification && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(Notification, { initialState: state, userData, setInitialState: setState }) })
5438
+ state.toggles.notification && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
5439
+ Notification,
5440
+ {
5441
+ t,
5442
+ initialState: state,
5443
+ notificationAccessApps,
5444
+ setInitialState: setState
5445
+ }
5446
+ ) })
5430
5447
  ] }),
5431
5448
  Boolean(interFaceLangList?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
5432
5449
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5450,6 +5467,7 @@ const Header = ({
5450
5467
  state.toggles.lang && /* @__PURE__ */ jsxRuntime.jsx(
5451
5468
  Language,
5452
5469
  {
5470
+ t,
5453
5471
  setInitialState: setState,
5454
5472
  interFaceLangList,
5455
5473
  userData,
@@ -5462,18 +5480,19 @@ const Header = ({
5462
5480
  Boolean(userData?.fullName) && /* @__PURE__ */ jsxRuntime.jsx(
5463
5481
  UserProfile,
5464
5482
  {
5483
+ t,
5465
5484
  userData,
5466
5485
  initialState: state,
5467
5486
  setInitialState: setState,
5468
5487
  extraMenuOptions
5469
5488
  }
5470
5489
  ),
5471
- isMobile && isMenu && /* @__PURE__ */ jsxRuntime.jsx(
5490
+ isMobile && isMenu && state.isMenuIconsShow && /* @__PURE__ */ jsxRuntime.jsx(
5472
5491
  material.IconButton,
5473
5492
  {
5474
5493
  className: "hamburger-icon-btn",
5475
5494
  onClick: () => setState((p) => ({ ...p, toggles: { ...p.toggles, dropDownMenu: !p.toggles.dropDownMenu } })),
5476
- children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { style: { width: "20px", height: "20px" } })
5495
+ children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { style: { width: "1em", height: "1em" } })
5477
5496
  }
5478
5497
  )
5479
5498
  ] })
@@ -5514,13 +5533,20 @@ const App = () => {
5514
5533
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
5515
5534
  Header,
5516
5535
  {
5517
- isDesktopCollapsed: true,
5518
5536
  isAccessAppMenu: true,
5519
5537
  frontCustomComponent: "sdf",
5520
5538
  centerCustomComponents: "center",
5521
5539
  endCustomComponents: "end",
5522
5540
  updateInterfaceLang: () => {
5523
5541
  },
5542
+ notificationAccessApps: [
5543
+ {
5544
+ name: "all"
5545
+ },
5546
+ {
5547
+ name: "tools"
5548
+ }
5549
+ ],
5524
5550
  userData: {
5525
5551
  userprofile: "",
5526
5552
  email: "sanskar.sahu@digimonk.in",
@@ -5531,38 +5557,45 @@ const App = () => {
5531
5557
  {
5532
5558
  name: "Tools",
5533
5559
  icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/tools.svg",
5534
- link: "https://tools.6seconds.org"
5560
+ link: "https://tools.6seconds.org",
5561
+ type: "app"
5535
5562
  },
5536
5563
  {
5537
5564
  name: "Cards Home",
5538
5565
  icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
5539
- link: "https://cards.6seconds.org"
5566
+ link: "https://cards.6seconds.org",
5567
+ type: "app"
5540
5568
  },
5541
5569
  {
5542
5570
  name: "Settings",
5543
5571
  icon: "/app-icons/Settings.svg",
5544
- link: "/settings.svg"
5572
+ link: "/settings.svg",
5573
+ type: "app"
5545
5574
  },
5546
5575
  {
5547
5576
  name: "Translations",
5548
5577
  icon: "/translate.svg",
5549
- link: "/translations"
5578
+ link: "/translations",
5579
+ type: "app"
5550
5580
  }
5551
5581
  ],
5552
5582
  notificationCount: 10
5553
5583
  },
5554
5584
  interFaceLangList: [
5555
5585
  {
5586
+ id: 1,
5556
5587
  label: "Chinese",
5557
5588
  value: 4,
5558
5589
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1736568764.png"
5559
5590
  },
5560
5591
  {
5592
+ id: 1,
5561
5593
  label: "English (US)",
5562
5594
  value: 2,
5563
5595
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277288.png"
5564
5596
  },
5565
5597
  {
5598
+ id: 1,
5566
5599
  label: "Spanish",
5567
5600
  value: 3,
5568
5601
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
@@ -5570,6 +5603,7 @@ const App = () => {
5570
5603
  ],
5571
5604
  selectedInterFaceLang: {
5572
5605
  label: "Spanish",
5606
+ id: 1,
5573
5607
  value: 3,
5574
5608
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
5575
5609
  },
@@ -5630,7 +5664,7 @@ const App = () => {
5630
5664
  isChangePassword: true,
5631
5665
  isEditProfile: true
5632
5666
  },
5633
- t: () => ""
5667
+ t: (s) => s
5634
5668
  }
5635
5669
  ) });
5636
5670
  };