sixseconds-modules 1.6.178 → 1.6.180

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

@@ -88,5 +88,6 @@ export interface IHeaderProps {
   endCustomComponents?: React.ReactNode
   totallyEndCustomComponent?: React.ReactNode
   isMainLogo?: boolean
+  isLang?: boolean
   handleSideToggle?: any
 }

package/dist/index.cjs.js

@@ -13742,29 +13742,24 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
         material.Box,
         {
           className: "sixseconds-header-dashboard-boxes",
+          component: material.IconButton,
           sx: {
             display: "flex",
             flexDirection: "column",
             justifyContent: "flex-start",
             alignItems: "center",
             textAlign: "center",
-            p: { xs: 1, md: 2 },
             height: "100%",
             borderRadius: "12px",
             transition: "all 0.2s",
-            "&:hover": {
-              background: "#f8f9fa",
-              "& .sixseconds-header-menu-text": {
-                color: "#0073b1"
-              }
-            }
+            width: "100%"
           },
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 1, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
               "img",
               {
-                width: 38,
-                height: 38,
+                width: 40,
+                height: 40,
                 style: { margin: "0 auto", display: "block", objectFit: "contain" },
                 src: item.icon,
                 alt: item.name
@@ -13779,7 +13774,8 @@ const AppMenus = ({ menuItems, setInitialState, t: t2, appName, router }) => {
                   color: "#1a1c1e",
                   fontWeight: 500,
                   lineHeight: 1.2,
-                  wordBreak: "break-word"
+                  minWidth: "110px",
+                  wordBreak: "break-all"
                 },
                 children: t2(item.name)
               }
@@ -13878,7 +13874,7 @@ function Language({
               }
             }
           },
-          children: interFaceLangList?.map((lang2, i) => {
+          children: interFaceLangList?.length > 0 ? interFaceLangList?.map((lang2, i) => {
             return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
               material.Stack,
               {
@@ -13898,11 +13894,11 @@ function Language({
                       src: lang2?.flag || IMAGES.DefaultLang,
                       alt: lang2?.label,
                       style: {
-                        width: "40px !important",
-                        height: "25px !important"
+                        width: "35px !important",
+                        height: "35px !important"
                       },
-                      width: 40,
-                      height: 25
+                      width: 35,
+                      height: 35
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: t2(lang2?.label) }),
@@ -13910,7 +13906,7 @@ function Language({
                 ] }) })
               }
             ) }, i);
-          })
+          }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", sx: { fontSize: "16px", fontWeight: "500", m: 0 }, children: t2(ALERT_MESSAGES.dataNoFount) })
         }
       )
     }
@@ -14658,6 +14654,7 @@ const HeaderInner = ({
   notificationAccessApps,
   sx,
   isMainLogo = true,
+  isLang = true,
   handleSideToggle,
   t
 }) => {
@@ -14734,168 +14731,175 @@ const HeaderInner = ({
             margin: { md: "10px", lg: "10px", xs: "10px 0" },
             position: "relative"
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: "sixseconds-header-notification", sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-            endCustomComponents,
-            isAccessAppMenu && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                material.Box,
-                {
-                  sx: {
-                    display: "flex",
-                    alignItems: "center",
-                    cursor: "pointer",
-                    width: "auto",
-                    height: "auto",
-                    "& svg": {
-                      color: "#808080",
-                      width: { md: "40px", lg: "40px", xs: "30px" },
-                      height: { md: "40px", lg: "40px", xs: "30px" }
-                    }
-                  },
-                  "data-toggle-name": "appMenus",
-                  onClick: (e) => handleOpenUtil(e, setState),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(SVG.GridIcon, {})
-                }
-              ),
-              state.toggles.appMenus && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsx(
-                material.Box,
-                {
-                  className: "sixseconds-header-menu sixseconds-header-profile sixseconds-header-menu",
-                  sx: {
-                    width: "400px !important",
-                    p: 1,
-                    zIndex: "99999999 !important",
-                    "[dir='rtl'] &": { left: "0 !important", right: "unset" }
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    AppMenus,
-                    {
-                      router,
-                      t,
-                      appName: userData?.appName,
-                      menuItems: userData?.appAccess,
-                      setInitialState: setState
-                    }
-                  )
-                }
-              )
-            ] }),
-            isNotification && /* @__PURE__ */ jsxRuntime.jsxs(
-              material.Box,
-              {
-                sx: {
-                  position: "relative"
-                },
-                children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            material.Box,
+            {
+              className: "sixseconds-header-notification",
+              sx: { display: "flex", justifyContent: "center", alignItems: "center", gap: 1 },
+              children: [
+                endCustomComponents,
+                isAccessAppMenu && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     material.Box,
                     {
-                      component: "span",
                       sx: {
-                        cursor: "pointer"
+                        display: "flex",
+                        alignItems: "center",
+                        cursor: "pointer",
+                        width: "auto",
+                        height: "auto",
+                        "& svg": {
+                          color: "#808080",
+                          width: { md: "40px", lg: "40px", xs: "30px" },
+                          height: { md: "40px", lg: "40px", xs: "30px" }
+                        }
                       },
-                      "data-toggle-name": "notification",
+                      "data-toggle-name": "appMenus",
                       onClick: (e) => handleOpenUtil(e, setState),
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
-                        material.Badge,
-                        {
-                          badgeContent: userData?.notificationCount,
-                          color: "error",
-                          className: "sixseconds-header-notification-icon-error",
-                          children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Bell, {})
-                        }
-                      )
+                      children: /* @__PURE__ */ jsxRuntime.jsx(SVG.GridIcon, {})
                     }
                   ),
-                  state.toggles.notification && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                    Notification,
-                    {
-                      t,
-                      initialState: state,
-                      notificationAccessApps,
-                      setInitialState: setState
-                    }
-                  ) })
-                ]
-              }
-            ),
-            Boolean(interFaceLangList?.length) && /* @__PURE__ */ jsxRuntime.jsxs(
-              material.Box,
-              {
-                sx: {
-                  position: "relative"
-                },
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(
+                  state.toggles.appMenus && Boolean(userData?.appAccess?.length) && /* @__PURE__ */ jsxRuntime.jsx(
                     material.Box,
                     {
-                      component: "span",
-                      "data-toggle-name": "lang",
-                      onClick: (e) => handleOpenUtil(e, setState),
+                      className: "sixseconds-header-menu sixseconds-header-profile sixseconds-header-menu",
                       sx: {
-                        display: "inline-flex",
-                        gap: "5px",
-                        alignItems: "center",
-                        color: "#777777",
-                        cursor: "pointer"
+                        minWidth: "400px !important",
+                        p: 2,
+                        zIndex: "99999999 !important",
+                        "[dir='rtl'] &": { left: "0 !important", right: "unset" }
                       },
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "img",
-                          {
-                            style: {
-                              width: "40px !important",
-                              height: "30px !important"
-                            },
-                            width: 40,
-                            height: 30,
-                            alt: "lang",
-                            "data-cookiecategory": "essential",
-                            "data-src": selectedInterFaceLang?.flag || IMAGES.DefaultLang,
-                            src: selectedInterFaceLang?.flag || IMAGES.DefaultLang
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { margin: "2px 0px 0px 2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Dawn, {}) })
-                      ]
-                    }
-                  ),
-                  state.toggles.lang && /* @__PURE__ */ jsxRuntime.jsx(
-                    Language,
-                    {
-                      t,
-                      setInitialState: setState,
-                      interFaceLangList,
-                      userData,
-                      updateInterfaceLang,
-                      setState,
-                      selectedInterFaceLang
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        AppMenus,
+                        {
+                          router,
+                          t,
+                          appName: userData?.appName,
+                          menuItems: userData?.appAccess,
+                          setInitialState: setState
+                        }
+                      )
                     }
                   )
-                ]
-              }
-            ),
-            Boolean(userData?.fullName) && /* @__PURE__ */ jsxRuntime.jsx(
-              UserProfile,
-              {
-                router,
-                t,
-                userData,
-                initialState: state,
-                setInitialState: setState,
-                extraMenuOptions
-              }
-            ),
-            Boolean(totallyEndCustomComponent) && totallyEndCustomComponent,
-            isMobile && isMenu && state.isMenuIconsShow && /* @__PURE__ */ jsxRuntime.jsx(
-              material.IconButton,
-              {
-                style: { paddingRight: 0 },
-                className: "sixseconds-header-hamburger-icon-btn",
-                onClick: () => setState((p) => ({ ...p, toggles: { ...p.toggles, dropDownMenu: !p.toggles.dropDownMenu } })),
-                children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { style: { width: "1em", height: "1em" } })
-              }
-            )
-          ] })
+                ] }),
+                isNotification && /* @__PURE__ */ jsxRuntime.jsxs(
+                  material.Box,
+                  {
+                    sx: {
+                      position: "relative"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        material.Box,
+                        {
+                          component: "span",
+                          sx: {
+                            cursor: "pointer"
+                          },
+                          "data-toggle-name": "notification",
+                          onClick: (e) => handleOpenUtil(e, setState),
+                          children: /* @__PURE__ */ jsxRuntime.jsx(
+                            material.Badge,
+                            {
+                              badgeContent: userData?.notificationCount,
+                              color: "error",
+                              className: "sixseconds-header-notification-icon-error",
+                              children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Bell, {})
+                            }
+                          )
+                        }
+                      ),
+                      state.toggles.notification && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                        Notification,
+                        {
+                          t,
+                          initialState: state,
+                          notificationAccessApps,
+                          setInitialState: setState
+                        }
+                      ) })
+                    ]
+                  }
+                ),
+                isLang && /* @__PURE__ */ jsxRuntime.jsxs(
+                  material.Box,
+                  {
+                    sx: {
+                      position: "relative"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        material.Box,
+                        {
+                          component: "span",
+                          "data-toggle-name": "lang",
+                          onClick: (e) => handleOpenUtil(e, setState),
+                          sx: {
+                            display: "inline-flex",
+                            gap: "5px",
+                            alignItems: "center",
+                            color: "#777777",
+                            cursor: "pointer"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(
+                              "img",
+                              {
+                                style: {
+                                  width: "35px !important",
+                                  height: "35px !important"
+                                },
+                                width: 35,
+                                height: 35,
+                                alt: "lang",
+                                "data-cookiecategory": "essential",
+                                "data-src": selectedInterFaceLang?.flag || IMAGES.DefaultLang,
+                                src: selectedInterFaceLang?.flag || IMAGES.DefaultLang
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { margin: "2px 0px 0px 2px" }, children: /* @__PURE__ */ jsxRuntime.jsx(SVG.Dawn, {}) })
+                          ]
+                        }
+                      ),
+                      state.toggles.lang && /* @__PURE__ */ jsxRuntime.jsx(
+                        Language,
+                        {
+                          t,
+                          setInitialState: setState,
+                          interFaceLangList,
+                          userData,
+                          updateInterfaceLang,
+                          setState,
+                          selectedInterFaceLang
+                        }
+                      )
+                    ]
+                  }
+                ),
+                Boolean(userData?.fullName) && /* @__PURE__ */ jsxRuntime.jsx(
+                  UserProfile,
+                  {
+                    router,
+                    t,
+                    userData,
+                    initialState: state,
+                    setInitialState: setState,
+                    extraMenuOptions
+                  }
+                ),
+                Boolean(totallyEndCustomComponent) && totallyEndCustomComponent,
+                isMobile && isMenu && state.isMenuIconsShow && /* @__PURE__ */ jsxRuntime.jsx(
+                  material.IconButton,
+                  {
+                    style: { paddingRight: 0 },
+                    className: "sixseconds-header-hamburger-icon-btn",
+                    onClick: () => setState((p) => ({ ...p, toggles: { ...p.toggles, dropDownMenu: !p.toggles.dropDownMenu } })),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(MenuIcon, { style: { width: "1em", height: "1em" } })
+                  }
+                )
+              ]
+            }
+          )
         }
       )
     ] }) }),
@@ -15264,6 +15268,7 @@ const App = () => {
       {
         isAccessAppMenu: true,
         isMenu: true,
+        isLang: false,
         handleSideToggle: () => {
         },
         updateInterfaceLang: () => {
@@ -15303,7 +15308,7 @@ const App = () => {
               type: "app"
             },
             {
-              name: "Cards Homeasdf",
+              name: "Cards Homeassdfasddf",
               icon: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/dashboard/cardshome.svg",
               link: "https://cards.6seconds.org",
               type: "app"
@@ -15340,34 +15345,7 @@ const App = () => {
           linkedInUrl: "",
           notificationCount: 10
         },
-        interFaceLangList: [
-          {
-            id: 1,
-            label: "Chinese",
-            value: "zh",
-            flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1736568764.png"
-          },
-          {
-            id: 1,
-            label: "English (US)",
-            value: "en",
-            flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277288.png"
-          },
-          {
-            id: 1,
-            label: "Spanish",
-            value: 3,
-            flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1735277337.png"
-          }
-        ],
-        selectedInterFaceLang: {
-          id: 1,
-          label: "Chinese",
-          value: "zh",
-          flag: "https://cert-6seconds.s3.us-west-2.amazonaws.com/uploads/flags/1736568764.png"
-        },
         isMainLogo: true,
-        isNotification: true,
         totallyEndCustomComponent: "asdfsdf",
         extraMenuOptions: {
           components: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),