sevago-sso-fe 1.0.13 → 1.0.14

package/dist/index.esm.js

@@ -20694,7 +20694,9 @@ const LoadingComponent = ({ color: color2, size = "medium", sx = {} }) => {
 };
 const BellComponent = ({}) => {
   const isSystemMonitor = useIsSystemMonitor();
-  const { notificationCount } = useSelector((state) => state.account);
+  const { notificationCount } = useSelector(
+    (state) => state.account
+  );
   const account = useSelector((state) => state.account);
   const dispatch = useAppDispatch();
   const navigate = useNavigate();
@@ -20714,7 +20716,10 @@ const BellComponent = ({}) => {
       setList(res.list);
       dispatch(ACTION_ACCOUNT.changeNotificationCount(res.total));
     } catch (error) {
-      showSnackbar({ message: getErrorMessage(error), type: SnackbarType.ERROR });
+      showSnackbar({
+        message: getErrorMessage(error),
+        type: SnackbarType.ERROR
+      });
     } finally {
       setLoading(false);
     }
@@ -20737,7 +20742,10 @@ const BellComponent = ({}) => {
         }
       });
     } catch (error) {
-      showSnackbar({ message: getErrorMessage(error), type: SnackbarType.ERROR });
+      showSnackbar({
+        message: getErrorMessage(error),
+        type: SnackbarType.ERROR
+      });
     }
   };
   return /* @__PURE__ */ jsx(
@@ -20789,7 +20797,10 @@ const BellComponent = ({}) => {
                             });
                             dispatch(ACTION_ACCOUNT.changeNotificationCount(0));
                           } catch (error) {
-                            showSnackbar({ message: getErrorMessage(error), type: SnackbarType.ERROR });
+                            showSnackbar({
+                              message: getErrorMessage(error),
+                              type: SnackbarType.ERROR
+                            });
                           }
                         }
                       }
@@ -20860,7 +20871,9 @@ const BellComponent = ({}) => {
               size: "large",
               sx: {
                 color: isSystemMonitor ? palette.background.default : palette.primary.main,
-                "&:hover": { color: isSystemMonitor ? palette.background.default : palette.primary.main }
+                "&:hover": {
+                  color: isSystemMonitor ? palette.background.default : palette.primary.main
+                }
               }
             }
           )
@@ -26246,6 +26259,48 @@ const NotFoundPage = ({}) => {
     /* @__PURE__ */ jsx(ButtonElement, { content: "Quay lại trang chủ", fullWidth: false, onClick: () => navigate(PAGE.AUTH.path) })
   ] });
 };
+const IconLeft = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "20",
+    height: "16",
+    viewBox: "0 0 20 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M8 15L1 8M1 8L8 1M1 8L19 8",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    )
+  }
+);
+const IconRight = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "20",
+    height: "16",
+    viewBox: "0 0 20 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 1L19 8M19 8L12 15M19 8L1 8",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }
+    )
+  }
+);
 const LayoutGroupContext = createContext({});
 function useConstant(init) {
   const ref = useRef(null);
@@ -33521,48 +33576,6 @@ const MotionBox = ({
   } : {};
   return /* @__PURE__ */ jsx(motion.div, { ...motionProps, ...getAnimationProps(), ...hoverProps, onClick, style: { ...sx }, children });
 };
-const IconLeft = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: "20",
-    height: "16",
-    viewBox: "0 0 20 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M8 15L1 8M1 8L8 1M1 8L19 8",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      }
-    )
-  }
-);
-const IconRight = (props) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: "20",
-    height: "16",
-    viewBox: "0 0 20 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M12 1L19 8M19 8L12 15M19 8L1 8",
-        stroke: "currentColor",
-        "stroke-width": "2",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      }
-    )
-  }
-);
 const AppGrid = ({
   apps,
   onClickItem,
@@ -33762,143 +33775,6 @@ const AppGrid = ({
     ] })
   ] });
 };
-const SystemMonitorScreen = () => {
-  const theme = useTheme();
-  useNavigate();
-  const dispatch = useAppDispatch();
-  const [tab, setTab] = useState(AppCategory.ALL);
-  const listApp = useApps(tab);
-  const currentApp = useActiveSidebar();
-  return /* @__PURE__ */ jsx(
-    MotionBox,
-    {
-      preset: "fadeInUp",
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        position: "relative",
-        top: 150
-      },
-      children: /* @__PURE__ */ jsxs(
-        Box,
-        {
-          sx: {
-            width: 865,
-            gap: 6.25,
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "flex-start"
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                sx: {
-                  display: "flex",
-                  gap: PADDING_GAP_TAB,
-                  width: "100%",
-                  justifyContent: "flex-start"
-                },
-                children: [
-                  { key: AppCategory.ALL, label: "Tất Cả" },
-                  { key: AppCategory.HRM, label: "HRM" },
-                  { key: AppCategory.WORKFLOW, label: "Workflow Engine" },
-                  { key: AppCategory.PLATFORM_INFO, label: "Platform & Info" }
-                ].map((t) => /* @__PURE__ */ jsxs(
-                  MotionBox,
-                  {
-                    sx: { position: "relative" },
-                    preset: "tabUnderline",
-                    children: [
-                      /* @__PURE__ */ jsx(
-                        Typography,
-                        {
-                          onClick: () => setTab(t.key),
-                          sx: {
-                            cursor: "pointer",
-                            color: tab === t.key ? theme.palette.common.white : theme.palette.grey[300]
-                          },
-                          children: t.label
-                        }
-                      ),
-                      tab === t.key && /* @__PURE__ */ jsx(
-                        MotionBox,
-                        {
-                          preset: "tabUnderline",
-                          sx: {
-                            position: "absolute",
-                            left: 0,
-                            right: 0,
-                            height: 2,
-                            backgroundColor: theme.palette.common.white,
-                            transformOrigin: "left"
-                          },
-                          children: /* @__PURE__ */ jsx("div", {})
-                        }
-                      )
-                    ]
-                  },
-                  t.key
-                ))
-              }
-            ),
-            /* @__PURE__ */ jsx(MotionBox, { preset: "tabContent", children: /* @__PURE__ */ jsx(
-              AppGrid,
-              {
-                apps: listApp,
-                columns: 5,
-                iconSize: 80,
-                iconRadius: 7,
-                gap: PADDING_GAP_TAB,
-                selectedAppId: currentApp?.key,
-                onClickItem: async (app2) => {
-                  await dispatch(
-                    ACTION_ACCOUNT.updateCurrentAccess(app2.key)
-                  ).unwrap();
-                }
-              }
-            ) }, tab)
-          ]
-        }
-      )
-    }
-  );
-};
-const renderRoutes = (routes2, account) => routes2.map((route) => {
-  const { path, layout: layout2, element, type, allowUserTypes = [], children } = route;
-  const Layout = layout2 || React__default.Fragment;
-  let Element2 = element;
-  if (path === PAGE.AUTH.path && account.isLogin) Element2 = () => /* @__PURE__ */ jsx(Navigate, { to: PAGE.DASHBOARD.path });
-  if (type === RouteType.PROTECTED) {
-    if (!account.isLogin) Element2 = () => /* @__PURE__ */ jsx(Navigate, { to: PAGE.AUTH.path });
-    else if (allowUserTypes.length && !allowUserTypes.includes(account.user.type) && account.user.type !== UserType.ROOT)
-      Element2 = () => /* @__PURE__ */ jsx(Navigate, { to: PAGE.ERROR.path });
-  }
-  return /* @__PURE__ */ jsx(
-    Route,
-    {
-      path,
-      element: /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsx(Element2, {}) }),
-      children: children && renderRoutes(children, account)
-    },
-    path
-  );
-});
-const routes = [
-  { ...PAGE.AUTH, element: AuthPage, layout: AuthLayout },
-  { ...PAGE.NOT_FOUND, element: NotFoundPage, layout: DefaultLayout },
-  { ...PAGE.ERROR, element: ErrorPage, layout: DefaultLayout },
-  // PROTECTED
-  {
-    ...PAGE.DASHBOARD,
-    element: DashboardPage,
-    layout: DashboardLayout,
-    children: [
-      { ...PAGE.DASHBOARD, element: SystemMonitorScreen }
-    ]
-  }
-];
 const AppsSidebar = ({
   isOpen,
   onClose
@@ -34141,6 +34017,217 @@ const TypographyFilter = styled$2(Typography)(({ theme }) => ({
   textWrap: "nowrap",
   padding: `0px ${STYLE.PADDING_GAP_LAYOUT}`
 }));
+const SystemMonitorScreen = () => {
+  const theme = useTheme();
+  const dispatch = useAppDispatch();
+  const [tab, setTab] = useState(AppCategory.ALL);
+  const user = useSelector((state) => state.account?.user);
+  const listApp = useApps(tab);
+  const currentApp = useActiveSidebar();
+  const checkUserNotOrg = useMemo(
+    () => !user?.userOrgUnitPositions?.length || user.userOrgUnitPositions.some((pos) => !pos.orgUnit || !pos.position),
+    [user]
+  );
+  if (checkUserNotOrg) {
+    return /* @__PURE__ */ jsx(
+      MotionBox,
+      {
+        preset: "fadeInUp",
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          position: "relative",
+          top: 150,
+          minHeight: "400px"
+        },
+        children: /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "center",
+              textAlign: "center",
+              padding: 4,
+              borderRadius: 2,
+              backgroundColor: theme.palette.background.paper,
+              boxShadow: theme.shadows[4],
+              maxWidth: 500
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "h6",
+                  sx: {
+                    color: theme.palette.error.main,
+                    marginBottom: 2,
+                    fontWeight: 600
+                  },
+                  children: "Thông báo"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  sx: {
+                    color: theme.palette.text.secondary,
+                    lineHeight: 1.6,
+                    marginBottom: 3
+                  },
+                  children: "Bạn chưa có người quản lý trực tiếp. Vui lòng liên hệ quản trị viên để được hỗ trợ."
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "body2",
+                  sx: {
+                    color: theme.palette.text.disabled,
+                    fontStyle: "italic"
+                  },
+                  children: "Hệ thống sẽ tự động cập nhật khi bạn được phân quyền."
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    MotionBox,
+    {
+      preset: "fadeInUp",
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        position: "relative",
+        top: 150
+      },
+      children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          sx: {
+            width: 865,
+            gap: 6.25,
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "flex-start"
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: {
+                  display: "flex",
+                  gap: PADDING_GAP_TAB,
+                  width: "100%",
+                  justifyContent: "flex-start"
+                },
+                children: [
+                  { key: AppCategory.ALL, label: "Tất Cả" },
+                  { key: AppCategory.HRM, label: "HRM" },
+                  { key: AppCategory.WORKFLOW, label: "Workflow Engine" },
+                  { key: AppCategory.PLATFORM_INFO, label: "Platform & Info" }
+                ].map((t) => /* @__PURE__ */ jsxs(
+                  MotionBox,
+                  {
+                    sx: { position: "relative" },
+                    preset: "tabUnderline",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Typography,
+                        {
+                          onClick: () => setTab(t.key),
+                          sx: {
+                            cursor: "pointer",
+                            color: tab === t.key ? theme.palette.common.white : theme.palette.grey[300]
+                          },
+                          children: t.label
+                        }
+                      ),
+                      tab === t.key && /* @__PURE__ */ jsx(
+                        MotionBox,
+                        {
+                          preset: "tabUnderline",
+                          sx: {
+                            position: "absolute",
+                            left: 0,
+                            right: 0,
+                            height: 2,
+                            backgroundColor: theme.palette.common.white,
+                            transformOrigin: "left"
+                          },
+                          children: /* @__PURE__ */ jsx("div", {})
+                        }
+                      )
+                    ]
+                  },
+                  t.key
+                ))
+              }
+            ),
+            /* @__PURE__ */ jsx(MotionBox, { preset: "tabContent", children: /* @__PURE__ */ jsx(
+              AppGrid,
+              {
+                apps: listApp,
+                columns: 5,
+                iconSize: 80,
+                iconRadius: 7,
+                gap: PADDING_GAP_TAB,
+                selectedAppId: currentApp?.key,
+                onClickItem: async (app2) => {
+                  await dispatch(
+                    ACTION_ACCOUNT.updateCurrentAccess(app2.key)
+                  ).unwrap();
+                }
+              }
+            ) }, tab)
+          ]
+        }
+      )
+    }
+  );
+};
+const renderRoutes = (routes2, account) => routes2.map((route) => {
+  const { path, layout: layout2, element, type, allowUserTypes = [], children } = route;
+  const Layout = layout2 || React__default.Fragment;
+  let Element2 = element;
+  if (path === PAGE.AUTH.path && account.isLogin) Element2 = () => /* @__PURE__ */ jsx(Navigate, { to: PAGE.DASHBOARD.path });
+  if (type === RouteType.PROTECTED) {
+    if (!account.isLogin) Element2 = () => /* @__PURE__ */ jsx(Navigate, { to: PAGE.AUTH.path });
+    else if (allowUserTypes.length && !allowUserTypes.includes(account.user.type) && account.user.type !== UserType.ROOT)
+      Element2 = () => /* @__PURE__ */ jsx(Navigate, { to: PAGE.ERROR.path });
+  }
+  return /* @__PURE__ */ jsx(
+    Route,
+    {
+      path,
+      element: /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsx(Element2, {}) }),
+      children: children && renderRoutes(children, account)
+    },
+    path
+  );
+});
+const routes = [
+  { ...PAGE.AUTH, element: AuthPage, layout: AuthLayout },
+  { ...PAGE.NOT_FOUND, element: NotFoundPage, layout: DefaultLayout },
+  { ...PAGE.ERROR, element: ErrorPage, layout: DefaultLayout },
+  // PROTECTED
+  {
+    ...PAGE.DASHBOARD,
+    element: DashboardPage,
+    layout: DashboardLayout,
+    children: [
+      { ...PAGE.DASHBOARD, element: SystemMonitorScreen }
+    ]
+  }
+];
 export {
   ALLOW_USER_TYPES,
   ANIMATION_TIME,