sixseconds-modules 1.5.6 → 1.5.8

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 +75 -40
  8. package/dist/index.cjs.js.map +1 -1
  9. package/dist/index.es.js +75 -40
  10. package/dist/index.es.js.map +1 -1
  11. package/package.json +3 -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) {
@@ -4272,7 +4272,7 @@ function formatDateUtil(dateString, flag, formatDate = MAIN_DATE_FORMAT) {
4272
4272
  const dateTime = hooks.utc(dateString).local();
4273
4273
  return dateString ? formatTwoValues(dateTime.format(formatDate), dateTime.format(MAIN_TIME_FORMAT)) : "";
4274
4274
  }
4275
- const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4275
+ const UserProfile = ({ t: t2, userData, setInitialState, extraMenuOptions }) => {
4276
4276
  const [state, setState] = React.useState({ toggles: { userProfile: false } });
4277
4277
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
4278
4278
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4307,7 +4307,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4307
4307
  children: [
4308
4308
  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: userData?.fullName }),
4309
4309
  Boolean(userData?.role) && /* @__PURE__ */ jsxRuntime.jsxs(material.Typography, { component: "span", sx: { m: 0, fontSize: "14px", color: "#666666" }, children: [
4310
- truncateValUtil(userData?.email),
4310
+ truncateValUtil(userData?.email || ""),
4311
4311
  " ",
4312
4312
  /* @__PURE__ */ jsxRuntime.jsx("br", {}),
4313
4313
  "(",
@@ -4326,8 +4326,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4326
4326
  spacing: 1,
4327
4327
  alignItems: "center",
4328
4328
  component: material.Link,
4329
- href: SSO_ROUTES(userData.appName).viewProfile,
4330
- target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
4329
+ href: SSO_ROUTES(userData?.appName).viewProfile,
4330
+ target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
4331
4331
  sx: { color: "#1A1919", cursor: "pointer", textDecoration: "none" },
4332
4332
  children: [
4333
4333
  /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
@@ -4340,7 +4340,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4340
4340
  fontWeight: "400",
4341
4341
  m: 0
4342
4342
  },
4343
- children: "View Profile"
4343
+ children: t2("View Profile")
4344
4344
  }
4345
4345
  ) })
4346
4346
  ]
@@ -4353,8 +4353,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4353
4353
  spacing: 1,
4354
4354
  alignItems: "center",
4355
4355
  component: material.Link,
4356
- href: SSO_ROUTES(userData.appName).editProfile,
4357
- target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
4356
+ href: SSO_ROUTES(userData?.appName).editProfile,
4357
+ target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
4358
4358
  sx: { color: "#1A1919", textDecoration: "none" },
4359
4359
  children: [
4360
4360
  /* @__PURE__ */ jsxRuntime.jsx(SVG.UserEdit, {}),
@@ -4367,7 +4367,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4367
4367
  fontWeight: "400",
4368
4368
  m: 0
4369
4369
  },
4370
- children: "Edit Profile"
4370
+ children: t2("Edit Profile")
4371
4371
  }
4372
4372
  ) })
4373
4373
  ]
@@ -4380,8 +4380,8 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4380
4380
  spacing: 1,
4381
4381
  alignItems: "center",
4382
4382
  component: material.Link,
4383
- href: SSO_ROUTES(userData.appName).changePasswordDialog,
4384
- target: userData.appName === APP_NAMES.sso ? "_self" : "_blank",
4383
+ href: SSO_ROUTES(userData?.appName).changePasswordDialog,
4384
+ target: userData?.appName === APP_NAMES.sso ? "_self" : "_blank",
4385
4385
  sx: { cursor: "pointer", textDecoration: "none" },
4386
4386
  children: [
4387
4387
  /* @__PURE__ */ jsxRuntime.jsx(SVG.CheckedPerson, {}),
@@ -4395,7 +4395,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4395
4395
  fontWeight: "400",
4396
4396
  m: 0
4397
4397
  },
4398
- children: "Change Password"
4398
+ children: t2("Change Password")
4399
4399
  }
4400
4400
  ) })
4401
4401
  ]
@@ -4423,7 +4423,7 @@ const UserProfile = ({ userData, setInitialState, extraMenuOptions }) => {
4423
4423
  fontWeight: "400",
4424
4424
  m: 0
4425
4425
  },
4426
- children: "Logout"
4426
+ children: t2("Logout")
4427
4427
  }
4428
4428
  ) })
4429
4429
  ]
@@ -4437,7 +4437,8 @@ function Language({
4437
4437
  interFaceLangList,
4438
4438
  updateInterfaceLang,
4439
4439
  selectedInterFaceLang,
4440
- setInitialState
4440
+ setInitialState,
4441
+ t: t2
4441
4442
  }) {
4442
4443
  return /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, { onClickAway: () => handleCloseUtil(setInitialState), children: /* @__PURE__ */ jsxRuntime.jsx(
4443
4444
  material.Box,
@@ -4488,7 +4489,7 @@ function Language({
4488
4489
  },
4489
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: [
4490
4491
  /* @__PURE__ */ jsxRuntime.jsx("img", { src: lang2?.flag, alt: lang2?.label, width: 32, height: 30 }),
4491
- /* @__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) }),
4492
4493
  selectedInterFaceLang?.value === lang2?.value && /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { sx: { color: "#007FC0", fontSize: "30px" } })
4493
4494
  ] }) })
4494
4495
  }
@@ -5117,7 +5118,7 @@ var InfiniteScroll = (
5117
5118
  return InfiniteScroll2;
5118
5119
  }(React.Component)
5119
5120
  );
5120
- const Notification = ({ setInitialState, userData, initialState }) => {
5121
+ const Notification = ({ setInitialState, notificationAccessApps, initialState, t: t2 }) => {
5121
5122
  const [notifications, setNotifications] = React.useState([]);
5122
5123
  const [hasMore, setHasMore] = React.useState(true);
5123
5124
  const [activeTab, setActiveTab] = React.useState("all");
@@ -5180,7 +5181,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5180
5181
  position: "absolute"
5181
5182
  },
5182
5183
  children: [
5183
- /* @__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(
5184
5185
  material.Button,
5185
5186
  {
5186
5187
  onClick: () => setActiveTab(tab.name),
@@ -5195,11 +5196,11 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5195
5196
  borderTopRightRadius: "5px",
5196
5197
  borderBottom: "1px solid #007fc0"
5197
5198
  },
5198
- 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) })
5199
5200
  },
5200
5201
  tab.name
5201
5202
  )) }),
5202
- /* @__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") }),
5203
5204
  /* @__PURE__ */ jsxRuntime.jsx(
5204
5205
  material.Box,
5205
5206
  {
@@ -5225,11 +5226,11 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5225
5226
  alignItems: "center",
5226
5227
  pT: 1
5227
5228
  },
5228
- 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) })
5229
5230
  }
5230
5231
  ),
5231
5232
  scrollableTarget: "scrollableDiv",
5232
- 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: [
5233
5234
  /* @__PURE__ */ jsxRuntime.jsx(material.Avatar, { sx: { bgcolor: "#ccc", mr: 1, color: "#000" }, children: getIcons(itm.type, itm?.source[0]) }),
5234
5235
  /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { flex: 1 }, children: [
5235
5236
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -5258,7 +5259,7 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5258
5259
  color: "rgb(25, 118, 210)",
5259
5260
  marginLeft: "5px"
5260
5261
  },
5261
- children: "View"
5262
+ children: t2("View")
5262
5263
  }
5263
5264
  )
5264
5265
  ] })
@@ -5272,12 +5273,12 @@ const Notification = ({ setInitialState, userData, initialState }) => {
5272
5273
  }
5273
5274
  ) });
5274
5275
  };
5275
- const AppMenus = ({ menuItems, setInitialState }) => {
5276
- 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(
5277
5278
  material.Grid,
5278
5279
  {
5279
5280
  component: material.Link,
5280
- href: item.link,
5281
+ href: urlcat(item.link, { source: appName }),
5281
5282
  target: item.type === "tab" ? "_blank" : "_self",
5282
5283
  item: true,
5283
5284
  md: 4,
@@ -5316,7 +5317,7 @@ const AppMenus = ({ menuItems, setInitialState }) => {
5316
5317
  color: "#252525",
5317
5318
  fontWeight: 500
5318
5319
  },
5319
- children: item.name
5320
+ children: t2(item.name)
5320
5321
  }
5321
5322
  )
5322
5323
  ]
@@ -5329,10 +5330,8 @@ const AppMenus = ({ menuItems, setInitialState }) => {
5329
5330
  const Header = ({
5330
5331
  frontCustomComponent,
5331
5332
  endCustomComponents,
5332
- // isDesktopCollapsed = false,
5333
5333
  userData,
5334
5334
  interFaceLangList,
5335
- // toggleSiderMenu,
5336
5335
  centerCustomComponents,
5337
5336
  updateInterfaceLang,
5338
5337
  selectedInterFaceLang,
@@ -5342,12 +5341,15 @@ const Header = ({
5342
5341
  extraMenuOptions,
5343
5342
  isMenu,
5344
5343
  isAccessAppMenu,
5345
- sx
5344
+ notificationAccessApps,
5345
+ sx,
5346
+ t
5346
5347
  }) => {
5347
5348
  const isMobile = material.useMediaQuery("(max-width: 1324px)");
5348
5349
  const [state, setState] = React.useState({
5349
5350
  languages: [],
5350
5351
  menuData: [],
5352
+ isMenuIconsShow: false,
5351
5353
  toggles: {
5352
5354
  appMenus: false,
5353
5355
  dropDownMenu: false,
@@ -5361,9 +5363,9 @@ const Header = ({
5361
5363
  logoutHandler();
5362
5364
  };
5363
5365
  const getDropDownMenuData = async () => {
5364
- 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 });
5365
5367
  if (res.remote === "success") {
5366
- setState((p) => ({ ...p, menuData: res.data }));
5368
+ setState((p) => ({ ...p, menuData: res.data, isMenuIconsShow: res?.data?.length > 0 }));
5367
5369
  }
5368
5370
  };
5369
5371
  React.useEffect(() => {
@@ -5411,7 +5413,15 @@ const Header = ({
5411
5413
  children: /* @__PURE__ */ jsxRuntime.jsx(SVG.GridIcon, {})
5412
5414
  }
5413
5415
  ),
5414
- 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
+ ) })
5415
5425
  ] }),
5416
5426
  isNotification && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
5417
5427
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -5425,7 +5435,15 @@ const Header = ({
5425
5435
  children: /* @__PURE__ */ jsxRuntime.jsx(material.Badge, { badgeContent: userData?.notificationCount, color: "error", className: "notification_icon_error", children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Bell, {}) })
5426
5436
  }
5427
5437
  ),
5428
- 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
+ ) })
5429
5447
  ] }),
5430
5448
  Boolean(interFaceLangList?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
5431
5449
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5449,6 +5467,7 @@ const Header = ({
5449
5467
  state.toggles.lang && /* @__PURE__ */ jsxRuntime.jsx(
5450
5468
  Language,
5451
5469
  {
5470
+ t,
5452
5471
  setInitialState: setState,
5453
5472
  interFaceLangList,
5454
5473
  userData,
@@ -5461,13 +5480,14 @@ const Header = ({
5461
5480
  Boolean(userData?.fullName) && /* @__PURE__ */ jsxRuntime.jsx(
5462
5481
  UserProfile,
5463
5482
  {
5483
+ t,
5464
5484
  userData,
5465
5485
  initialState: state,
5466
5486
  setInitialState: setState,
5467
5487
  extraMenuOptions
5468
5488
  }
5469
5489
  ),
5470
- isMobile && isMenu && /* @__PURE__ */ jsxRuntime.jsx(
5490
+ isMobile && isMenu && state.isMenuIconsShow && /* @__PURE__ */ jsxRuntime.jsx(
5471
5491
  material.IconButton,
5472
5492
  {
5473
5493
  className: "hamburger-icon-btn",
@@ -5513,13 +5533,20 @@ const App = () => {
5513
5533
  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(
5514
5534
  Header,
5515
5535
  {
5516
- isDesktopCollapsed: true,
5517
5536
  isAccessAppMenu: true,
5518
5537
  frontCustomComponent: "sdf",
5519
5538
  centerCustomComponents: "center",
5520
5539
  endCustomComponents: "end",
5521
5540
  updateInterfaceLang: () => {
5522
5541
  },
5542
+ notificationAccessApps: [
5543
+ {
5544
+ name: "all"
5545
+ },
5546
+ {
5547
+ name: "tools"
5548
+ }
5549
+ ],
5523
5550
  userData: {
5524
5551
  userprofile: "",
5525
5552
  email: "sanskar.sahu@digimonk.in",
@@ -5530,38 +5557,45 @@ const App = () => {
5530
5557
  {
5531
5558
  name: "Tools",
5532
5559
  icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/tools.svg",
5533
- link: "https://tools.6seconds.org"
5560
+ link: "https://tools.6seconds.org",
5561
+ type: "app"
5534
5562
  },
5535
5563
  {
5536
5564
  name: "Cards Home",
5537
5565
  icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
5538
- link: "https://cards.6seconds.org"
5566
+ link: "https://cards.6seconds.org",
5567
+ type: "app"
5539
5568
  },
5540
5569
  {
5541
5570
  name: "Settings",
5542
5571
  icon: "/app-icons/Settings.svg",
5543
- link: "/settings.svg"
5572
+ link: "/settings.svg",
5573
+ type: "app"
5544
5574
  },
5545
5575
  {
5546
5576
  name: "Translations",
5547
5577
  icon: "/translate.svg",
5548
- link: "/translations"
5578
+ link: "/translations",
5579
+ type: "app"
5549
5580
  }
5550
5581
  ],
5551
5582
  notificationCount: 10
5552
5583
  },
5553
5584
  interFaceLangList: [
5554
5585
  {
5586
+ id: 1,
5555
5587
  label: "Chinese",
5556
5588
  value: 4,
5557
5589
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1736568764.png"
5558
5590
  },
5559
5591
  {
5592
+ id: 1,
5560
5593
  label: "English (US)",
5561
5594
  value: 2,
5562
5595
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277288.png"
5563
5596
  },
5564
5597
  {
5598
+ id: 1,
5565
5599
  label: "Spanish",
5566
5600
  value: 3,
5567
5601
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
@@ -5569,6 +5603,7 @@ const App = () => {
5569
5603
  ],
5570
5604
  selectedInterFaceLang: {
5571
5605
  label: "Spanish",
5606
+ id: 1,
5572
5607
  value: 3,
5573
5608
  flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
5574
5609
  },
@@ -5629,7 +5664,7 @@ const App = () => {
5629
5664
  isChangePassword: true,
5630
5665
  isEditProfile: true
5631
5666
  },
5632
- t: () => ""
5667
+ t: (s) => s
5633
5668
  }
5634
5669
  ) });
5635
5670
  };