sevago-sso-fe 1.0.21 → 1.0.22

package/dist/index.cjs.js

@@ -20251,8 +20251,8 @@ const SnackbarProvider = ({
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         sx: {
           "&.MuiSnackbar-root": {
-            bottom: STYLE.PADDING_GAP_LAYOUT,
-            right: STYLE.PADDING_GAP_LAYOUT
+            bottom: PADDING_GAP_LAYOUT,
+            right: PADDING_GAP_LAYOUT
           }
         },
         open: snackbar.open,
@@ -20261,7 +20261,7 @@ const SnackbarProvider = ({
         children: /* @__PURE__ */ jsxRuntime.jsx(
           material.Alert,
           {
-            sx: { borderRadius: STYLE.BORDER_RADIUS_ELEMENT, boxShadow: 1 },
+            sx: { borderRadius: BORDER_RADIUS_ELEMENT, boxShadow: 1 },
             onClose: handleClose,
             severity: snackbar.type,
             children: snackbar.message
@@ -21051,7 +21051,7 @@ const LoadingComponent = ({ color: color2, size = "medium", sx = {} }) => {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(CircularProgress, { size: STYLE.FONT_SIZE_LOADING[size], sx: { color: color2 } })
+      children: /* @__PURE__ */ jsxRuntime.jsx(CircularProgress, { size: FONT_SIZE_LOADING[size], sx: { color: color2 } })
     }
   );
 };
@@ -21084,7 +21084,7 @@ const IconElement = ({
       color: color2,
       sx: {
         cursor: "inherit",
-        fontSize: STYLE.FONT_SIZE_ICON[size],
+        fontSize: FONT_SIZE_ICON[size],
         fontVariationSettings: `'FILL' ${fill}, 'wght' 100, 'GRAD' 200, 'opsz' 24`,
         ...sx
       },
@@ -21115,7 +21115,7 @@ const ButtonElement = ({
       sx: {
         minWidth: 100,
         textTransform: "none",
-        borderRadius: STYLE.BORDER_RADIUS_ELEMENT_SMALL,
+        borderRadius: BORDER_RADIUS_ELEMENT_SMALL,
         ...sx
       },
       disabled,
@@ -21163,6 +21163,7 @@ const TEXT_FIELD = {
 };
 const FONT_SIZE_ICON = {
   large: "22px",
+  xl: "20px",
   medium: "19px",
   small: "12px"
 };
@@ -21193,41 +21194,42 @@ const WIDTH_TEXT_FIELD = {
   medium: 200,
   small: 100
 };
-const STYLE = {
+const style_constant = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
   ANIMATION_TIME,
-  SCALE_VALUE,
-  TRANSITION_TIME,
-  WIDTH_LAYOUT_DESKTOP,
-  HEIGHT_LOGO_DEFAULT,
-  HEIGHT_IMAGE_DEFAULT,
-  PADDING_GAP_TAB,
-  PADDING_GAP_LAYOUT,
-  PADDING_GAP_BUTTON,
-  PADDING_LAYOUT_HEADER,
-  PADDING_GAP_ITEM,
-  PADDING_GAP_ITEM_SMALL,
-  HEIGHT_ELEMENT_OTHER,
-  BORDER_RADIUS_ELEMENT_ACTION,
-  BORDER_RADIUS_ELEMENT_WRAPPER,
+  BACKGROUND_SYSTEM,
+  BORDER_COLOR_CARD,
+  BORDER_COLOR_LAYOUT,
   BORDER_RADIUS_ELEMENT,
-  BORDER_RADIUS_ELEMENT_SMALL,
+  BORDER_RADIUS_ELEMENT_ACTION,
   BORDER_RADIUS_ELEMENT_MIDDLE,
+  BORDER_RADIUS_ELEMENT_SMALL,
   BORDER_RADIUS_ELEMENT_TAG,
-  HEIGHT_DEFAULT_TEXT_FIELD_BUTTON,
-  TEXT_FIELD,
+  BORDER_RADIUS_ELEMENT_WRAPPER,
   FONT_SIZE_ICON,
   FONT_SIZE_LOADING,
-  VARIANT_BY_SIZE,
   GAP_ICON_CONTENT_BY_SIZE,
-  BORDER_COLOR_CARD,
-  BORDER_COLOR_LAYOUT,
+  HEIGHT_DEFAULT_TEXT_FIELD_BUTTON,
+  HEIGHT_ELEMENT_OTHER,
   HEIGHT_HEADER,
+  HEIGHT_IMAGE_DEFAULT,
+  HEIGHT_LOGO_DEFAULT,
+  PADDING_GAP_BUTTON,
+  PADDING_GAP_ITEM,
+  PADDING_GAP_ITEM_SMALL,
+  PADDING_GAP_LAYOUT,
+  PADDING_GAP_TAB,
+  PADDING_LAYOUT_HEADER,
+  SCALE_VALUE,
+  TEXT_FIELD,
+  TRANSITION_TIME,
+  VARIANT_BY_SIZE,
   WIDTH_COLLAPSE,
+  WIDTH_LAYOUT_DESKTOP,
   WIDTH_SIDEBAR,
   WIDTH_SIDEBAR_EXPAND,
-  BACKGROUND_SYSTEM,
   WIDTH_TEXT_FIELD
-};
+}, Symbol.toStringTag, { value: "Module" }));
 const TextFieldLabelElement = ({
   label,
   iconLabel,
@@ -21247,7 +21249,7 @@ const TextFieldLabelElement = ({
         gap: PADDING_GAP_ITEM_SMALL
       },
       children: [
-        iconLabel && /* @__PURE__ */ jsxRuntime.jsx(IconElement, { icon: iconLabel, sx: { fontSize: STYLE.TEXT_FIELD.FONT_SIZE_LABEL } }),
+        iconLabel && /* @__PURE__ */ jsxRuntime.jsx(IconElement, { icon: iconLabel, sx: { fontSize: TEXT_FIELD.FONT_SIZE_LABEL } }),
         label,
         required && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "red" }, children: "*" })
       ]
@@ -23486,19 +23488,19 @@ const StackRowAlignStartJustBetween = material.styled(material.Stack)(() => ({
 }));
 const StackBgDefaultBorRadLayCol = material.styled(material.Stack)(({ theme }) => ({
   backgroundColor: theme.palette.background.default,
-  padding: STYLE.PADDING_GAP_LAYOUT,
-  borderRadius: STYLE.BORDER_RADIUS_ELEMENT
+  padding: PADDING_GAP_LAYOUT,
+  borderRadius: BORDER_RADIUS_ELEMENT
 }));
 const StackBgPaperBorRadLayCol = material.styled(material.Stack)(({ theme }) => ({
   backgroundColor: theme.palette.background.paper,
-  padding: STYLE.PADDING_GAP_LAYOUT,
-  borderRadius: STYLE.BORDER_RADIUS_ELEMENT
+  padding: PADDING_GAP_LAYOUT,
+  borderRadius: BORDER_RADIUS_ELEMENT
 }));
 const StackLabel = material.styled(material.Stack)(() => ({
   flexDirection: "row",
   alignItems: "center",
-  marginRight: STYLE.PADDING_GAP_ITEM_SMALL,
-  gap: STYLE.PADDING_GAP_ITEM_SMALL
+  marginRight: PADDING_GAP_ITEM_SMALL,
+  gap: PADDING_GAP_ITEM_SMALL
 }));
 const SmallIcon = material.styled(material.Stack)(({ theme }) => ({
   border: `1px solid ${theme.palette.common.white}`,
@@ -23511,7 +23513,7 @@ const SmallIcon = material.styled(material.Stack)(({ theme }) => ({
   height: 16
 }));
 const StackTabs = material.styled(material.Stack)(({ theme }) => ({
-  borderRadius: STYLE.BORDER_RADIUS_ELEMENT_TAG,
+  borderRadius: BORDER_RADIUS_ELEMENT_TAG,
   // padding: '6px',
   backgroundColor: theme.palette.background.paper,
   boxShadow: theme.shadows[1],
@@ -23614,7 +23616,7 @@ const IconContentElement = ({
     StackRowAlignCenter,
     {
       onClick,
-      sx: { gap: STYLE.GAP_ICON_CONTENT_BY_SIZE[size || "medium"], ...sx },
+      sx: { gap: GAP_ICON_CONTENT_BY_SIZE[size || "medium"], ...sx },
       id: id2,
       children: [
         icon && /* @__PURE__ */ jsxRuntime.jsx(IconElement, { icon, sx: sxIcon, color: color2, fill }),
@@ -23622,7 +23624,7 @@ const IconContentElement = ({
           material.Typography,
           {
             color: color2,
-            variant: size ? STYLE.VARIANT_BY_SIZE[size] : "body1",
+            variant: size ? VARIANT_BY_SIZE[size] : "body1",
             sx: {
               ...isNowrap ? { whiteSpace: "nowrap" } : getLimitLineCss(1),
               transform: `translateY(0.5px)`,
@@ -23703,7 +23705,7 @@ const OtpPart = ({ setAuthProcess }) => {
         sx: {
           width: "100%",
           height: "55px",
-          borderRadius: STYLE.BORDER_RADIUS_ELEMENT,
+          borderRadius: BORDER_RADIUS_ELEMENT,
           border: "none",
           textAlign: "center",
           fontSize: "20px",
@@ -23871,7 +23873,7 @@ const ImageElement = ({
   const { palette } = material.useTheme();
   const [loaded, setLoaded] = React.useState(false);
   if (onClick) sx = { ...sx, cursor: "pointer" };
-  const borderRadius2 = sizeType === ImageSizeType.CIRCLE ? "50%" : sizeType === ImageSizeType.SQUARE ? STYLE.BORDER_RADIUS_ELEMENT_SMALL : 0;
+  const borderRadius2 = sizeType === ImageSizeType.CIRCLE ? "50%" : sizeType === ImageSizeType.SQUARE ? BORDER_RADIUS_ELEMENT_SMALL : 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(ImageWrapper, { isWrap, children: [
     !loaded && /* @__PURE__ */ jsxRuntime.jsx(
       material.Skeleton,
@@ -23908,7 +23910,7 @@ const ImageElement = ({
 };
 const LogoComponent = ({
   url: url2,
-  height: height2 = STYLE.HEIGHT_LOGO_DEFAULT,
+  height: height2 = HEIGHT_LOGO_DEFAULT,
   sx = {},
   fillColor
 }) => {
@@ -24184,9 +24186,14 @@ const ErrorPage = ({}) => {
           try {
             await Promise.all([
               dispatch(
-                ACTION_ACCOUNT.logout({ type: LogoutType.THIS_DEVICE, refreshToken: account.refreshToken })
+                ACTION_ACCOUNT.logout({
+                  type: LogoutType.THIS_DEVICE,
+                  refreshToken: account.refreshToken
+                })
               ).unwrap(),
-              dispatch(ACTION_ACCOUNT.unsubscribeTopic({ fcmToken: account.fcmToken })).unwrap()
+              dispatch(
+                ACTION_ACCOUNT.unsubscribeTopic({ fcmToken: account.fcmToken })
+              ).unwrap()
             ]);
             navigate(PAGE.AUTH.path);
           } finally {
@@ -25007,7 +25014,7 @@ const TimeAgoComponent = ({
     }
   );
 };
-const TimeAgoContentComponent = ({ time: time2, content, height: height2 = STYLE.HEIGHT_IMAGE_DEFAULT }) => {
+const TimeAgoContentComponent = ({ time: time2, content, height: height2 = HEIGHT_IMAGE_DEFAULT }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     system.Stack,
     {
@@ -25074,7 +25081,7 @@ const TooltipOnClickElement = ({
   );
 };
 const EmptyComponent = ({}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(material.Fade, { in: true, timeout: STYLE.ANIMATION_TIME, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Fade, { in: true, timeout: ANIMATION_TIME, children: /* @__PURE__ */ jsxRuntime.jsx(
     material.Stack,
     {
       direction: "column",
@@ -25083,7 +25090,7 @@ const EmptyComponent = ({}) => {
         height: "100%",
         alignItems: "center",
         justifyContent: "center",
-        padding: STYLE.PADDING_GAP_ITEM
+        padding: PADDING_GAP_ITEM
       },
       children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "img", sx: { width: 70 }, src: "/images/empty.svg" })
     }
@@ -25168,7 +25175,7 @@ const BellComponent = ({}) => {
               material.ListItem,
               {
                 sx: {
-                  padding: STYLE.PADDING_GAP_ITEM,
+                  padding: PADDING_GAP_ITEM,
                   display: "flex",
                   flexDirection: "row",
                   justifyContent: "space-between",
@@ -25221,13 +25228,13 @@ const BellComponent = ({}) => {
                 onClick: () => clickNotification(notification),
                 id: notification.id,
                 sx: {
-                  borderRadius: STYLE.BORDER_RADIUS_ELEMENT,
-                  padding: STYLE.PADDING_GAP_ITEM,
+                  borderRadius: BORDER_RADIUS_ELEMENT,
+                  padding: PADDING_GAP_ITEM,
                   display: "flex",
                   flexDirection: "row",
                   alignItems: "center",
                   cursor: "pointer",
-                  transition: STYLE.TRANSITION_TIME,
+                  transition: TRANSITION_TIME,
                   "&:hover": {
                     backgroundColor: palette.action.hover,
                     color: palette.primary.main
@@ -25291,7 +25298,7 @@ const AvatarUserInfo = ({
 }) => {
   const { palette } = material.useTheme();
   const isSystemMonitor = useIsSystemMonitor();
-  return /* @__PURE__ */ jsxRuntime.jsxs(StackRow, { sx: { alignItems: "center", gap: STYLE.PADDING_GAP_ITEM }, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(StackRow, { sx: { alignItems: "center", gap: PADDING_GAP_ITEM }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(AvatarElement, { url: url2, size: sizeAvatar }),
     positions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { sx: { gap: 0 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -25332,7 +25339,17 @@ const AvatarUserInfo = ({
           children: positions.join(" / ")
         }
       )
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { ...TYPOGRAPHY_STYLES.textSm.semiBold, ...getLimitLineCss(1), ...sxName }, children: name2 })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+      material.Typography,
+      {
+        sx: {
+          ...TYPOGRAPHY_STYLES.textSm.semiBold,
+          ...getLimitLineCss(1),
+          ...sxName
+        },
+        children: name2
+      }
+    )
   ] });
 };
 const RadioGroupElement = ({
@@ -25351,7 +25368,7 @@ const RadioGroupElement = ({
   const change = (event) => {
     onChange && onChange({ target: { name: name2, value: event.target.value || void 0 } });
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { disabled, sx: { gap: STYLE.PADDING_GAP_ITEM }, onChange: change, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { disabled, sx: { gap: PADDING_GAP_ITEM }, onChange: change, children: [
     label && /* @__PURE__ */ jsxRuntime.jsx(
       material.InputLabel,
       {
@@ -25363,7 +25380,7 @@ const RadioGroupElement = ({
           display: "flex"
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs(StackLabel, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(IconElement, { icon: iconLabel, sx: { fontSize: STYLE.TEXT_FIELD.FONT_SIZE_LABEL } }),
+          /* @__PURE__ */ jsxRuntime.jsx(IconElement, { icon: iconLabel, sx: { fontSize: TEXT_FIELD.FONT_SIZE_LABEL } }),
           label
         ] })
       }
@@ -25378,7 +25395,7 @@ const RadioGroupElement = ({
           flexDirection: direction,
           paddingTop: label ? "calc(8.5px + 1.5px)" : 0,
           // 8.5 lấy từ default theme không phải tự nhiên mà có
-          gap: STYLE.PADDING_GAP_LAYOUT,
+          gap: PADDING_GAP_LAYOUT,
           ...sx
         },
         children
@@ -25400,7 +25417,7 @@ const RadioElement = ({ name: name2, label, ...rest }) => {
           sx: {
             paddingTop: 0,
             paddingBottom: 0,
-            paddingRight: STYLE.PADDING_GAP_ITEM,
+            paddingRight: PADDING_GAP_ITEM,
             marginLeft: "2px",
             "&:hover": { backgroundColor: "unset" },
             "& .MuiSvgIcon-root": { fontSize: "18px" }
@@ -25588,7 +25605,7 @@ const MonitorPart = ({
         backgroundPosition: "top",
         backgroundRepeat: "no-repeat"
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(system.Stack, { p: { padding: STYLE.PADDING_GAP_LAYOUT }, children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs(system.Stack, { p: { padding: PADDING_GAP_LAYOUT }, children: [
         /* @__PURE__ */ jsxRuntime.jsxs(StackRowJustBetween, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(StackRowAlignCenter, { children: /* @__PURE__ */ jsxRuntime.jsx(
             LogoComponent,
@@ -33413,14 +33430,14 @@ const TooltipOnHoverElement = ({
   );
 };
 const TypographyFilter = material.styled(material.Typography)(({ theme }) => ({
-  height: STYLE.HEIGHT_ELEMENT_OTHER,
+  height: HEIGHT_ELEMENT_OTHER,
   border: `1px solid ${theme.palette.divider}`,
-  borderRadius: STYLE.BORDER_RADIUS_ELEMENT,
+  borderRadius: BORDER_RADIUS_ELEMENT,
   "&:hover": { boxShadow: theme.shadows[1], color: theme.palette.primary.main },
   alignContent: "center",
   cursor: "pointer",
   textWrap: "nowrap",
-  padding: `0px ${STYLE.PADDING_GAP_LAYOUT}`
+  padding: `0px ${PADDING_GAP_LAYOUT}`
 }));
 const SystemMonitorScreen = () => {
   const theme = useTheme();
@@ -34201,7 +34218,7 @@ const SidebarLeftPart = ({
       sx: {
         position: "fixed",
         left: 0,
-        top: STYLE.HEIGHT_HEADER,
+        top: HEIGHT_HEADER,
         // height header
         bottom: 0,
         backgroundColor: "#fff",
@@ -34214,8 +34231,8 @@ const SidebarLeftPart = ({
           material.Stack,
           {
             sx: {
-              borderRight: `1px solid ${STYLE.BORDER_COLOR_LAYOUT}`,
-              width: isCollapsed ? STYLE.WIDTH_COLLAPSE : STYLE.WIDTH_SIDEBAR,
+              borderRight: `1px solid ${BORDER_COLOR_LAYOUT}`,
+              width: isCollapsed ? WIDTH_COLLAPSE : WIDTH_SIDEBAR,
               height: "100%",
               padding: "12px 8px 8px 8px"
             },
@@ -34262,8 +34279,8 @@ const SidebarLeftPart = ({
           material.Stack,
           {
             sx: {
-              borderRight: `1px solid ${STYLE.BORDER_COLOR_LAYOUT}`,
-              width: STYLE.WIDTH_SIDEBAR_EXPAND,
+              borderRight: `1px solid ${BORDER_COLOR_LAYOUT}`,
+              width: WIDTH_SIDEBAR_EXPAND,
               height: "100%",
               padding: "10px",
               gap: 4
@@ -34276,21 +34293,45 @@ const SidebarLeftPart = ({
   );
 };
 const renderRoutes = (routes2, account) => routes2.map((route) => {
-  const { path, layout: layout2, element, type, allowUserTypes = [], children } = route;
+  const {
+    path,
+    layout: layout2,
+    element,
+    type,
+    allowUserTypes = [],
+    children
+  } = route;
   const Layout = layout2 || React.Fragment;
   let Element2 = element;
-  if (path === PAGE.AUTH.path && account.isLogin) Element2 = () => /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: PAGE.DASHBOARD.path });
+  if (path === PAGE.AUTH.path && account.isLogin)
+    Element2 = () => /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: PAGE.DASHBOARD.path });
   if (type === RouteType.PROTECTED) {
     if (!account.isLogin) Element2 = () => /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: PAGE.AUTH.path });
     else if (allowUserTypes.length && !allowUserTypes.includes(account.user.type) && account.user.type !== UserType.ROOT)
       Element2 = () => /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Navigate, { to: PAGE.ERROR.path });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     reactRouterDom.Route,
     {
       path,
       element: /* @__PURE__ */ jsxRuntime.jsx(Layout, { children: /* @__PURE__ */ jsxRuntime.jsx(Element2, {}) }),
-      children: children && renderRoutes(children, account)
+      children: [
+        children && renderRoutes(children, account),
+        path === PAGE.DASHBOARD.path && /* @__PURE__ */ jsxRuntime.jsx(
+          reactRouterDom.Route,
+          {
+            index: true,
+            element: /* @__PURE__ */ jsxRuntime.jsx(
+              reactRouterDom.Navigate,
+              {
+                to: PAGE.DASHBOARD.path + ([UserType.User, UserType.C_B].includes(
+                  account.user?.type || UserType.User
+                ) ? DASHBOARD_SCREEN.PROJECT_DASHBOARD.path : PAGE.DASHBOARD.path)
+              }
+            )
+          }
+        )
+      ]
     },
     path
   );
@@ -34339,7 +34380,7 @@ const DashboardLayout = ({
                 width: "100%",
                 transition: "margin-left 0.3s ease",
                 background: "#F5F6F8",
-                minHeight: `calc(100vh - ${STYLE.HEIGHT_HEADER}px)`
+                minHeight: `calc(100vh - ${HEIGHT_HEADER}px)`
               },
               children
             }
@@ -34365,7 +34406,7 @@ const DefaultLayout = ({ children }) => {
           sx: {
             flex: 1,
             alignItems: "center",
-            py: STYLE.PADDING_GAP_LAYOUT,
+            py: PADDING_GAP_LAYOUT,
             justifyContent: "center"
           },
           children
@@ -34701,9 +34742,9 @@ const SidebarPart = ({}) => {
           top: 0,
           zIndex: 10,
           background: "white",
-          padding: STYLE.PADDING_LAYOUT_HEADER,
-          height: STYLE.HEIGHT_HEADER,
-          borderBottom: `1px solid ${STYLE.BORDER_COLOR_LAYOUT}`
+          padding: PADDING_LAYOUT_HEADER,
+          height: HEIGHT_HEADER,
+          borderBottom: `1px solid ${BORDER_COLOR_LAYOUT}`
         },
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(StackRowAlignCenter, { children: [
@@ -34788,7 +34829,7 @@ const SidebarProvider = ({
   React.useEffect(() => {
     setActiveExpandMenu(null);
   }, [current_access]);
-  const sidebarWidth = activeExpandMenu ? isCollapsed ? STYLE.WIDTH_COLLAPSE + STYLE.WIDTH_SIDEBAR_EXPAND : STYLE.WIDTH_SIDEBAR + STYLE.WIDTH_SIDEBAR_EXPAND : isCollapsed ? STYLE.WIDTH_COLLAPSE : STYLE.WIDTH_SIDEBAR;
+  const sidebarWidth = activeExpandMenu ? isCollapsed ? WIDTH_COLLAPSE + WIDTH_SIDEBAR_EXPAND : WIDTH_SIDEBAR + WIDTH_SIDEBAR_EXPAND : isCollapsed ? WIDTH_COLLAPSE : WIDTH_SIDEBAR;
   return /* @__PURE__ */ jsxRuntime.jsx(
     SidebarContext.Provider,
     {
@@ -35349,46 +35390,12 @@ const MODE = {
   OTHER
 };
 const phoneRegExp = /^(\+?\d{1,4}[\s-]?)?(\(?\d{1,4}\)?[\s-]?)?\d{1,4}[\s-]?\d{1,4}[\s-]?\d{1,9}$/;
-const BORDER_COLOR = {
-  RED: "red"
-};
-const TREE_TEXT_COLOR = {
-  WHITE: "#FFFFFF",
-  BLACK: "#000000",
-  GREEN: "#003733",
-  RED: "#ff000042"
-};
-const TREE_WIDTH = {
-  NORMAL: 228
-};
-var Country = /* @__PURE__ */ ((Country2) => {
-  Country2["VIETNAM"] = "Vietnam";
-  Country2["USA"] = "USA";
-  Country2["KOREA"] = "Korea";
-  Country2["CHINA"] = "China";
-  Country2["TAIWAN"] = "Taiwan";
-  return Country2;
-})(Country || {});
-var FileTypeEnum = /* @__PURE__ */ ((FileTypeEnum2) => {
-  FileTypeEnum2["IMAGE"] = "image";
-  FileTypeEnum2["DOCUMENT"] = "document";
-  return FileTypeEnum2;
-})(FileTypeEnum || {});
 var OrderType = /* @__PURE__ */ ((OrderType2) => {
   OrderType2["ASC"] = "asc";
   OrderType2["DESC"] = "desc";
   return OrderType2;
 })(OrderType || {});
-var PaymentMethod = /* @__PURE__ */ ((PaymentMethod2) => {
-  PaymentMethod2["CREDIT_CARD"] = "Credit Card";
-  PaymentMethod2["DEBIT_CARD"] = "Debit Card";
-  PaymentMethod2["BANK_TRANSFER"] = "Bank Transfer";
-  PaymentMethod2["PAYPAL"] = "PayPal";
-  PaymentMethod2["COD"] = "Cash on Delivery";
-  return PaymentMethod2;
-})(PaymentMethod || {});
 exports.ALLOW_USER_TYPES = ALLOW_USER_TYPES;
-exports.ANIMATION_TIME = ANIMATION_TIME;
 exports.AppCategory = AppCategory;
 exports.AppGrid = AppGrid;
 exports.AppType = AppType;
@@ -35399,22 +35406,11 @@ exports.AuthProcess = AuthProcess;
 exports.AvatarElement = AvatarElement;
 exports.AvatarUserComponent = AvatarUserComponent;
 exports.AvatarUserInfo = AvatarUserInfo;
-exports.BACKGROUND_SYSTEM = BACKGROUND_SYSTEM;
 exports.BOOKING_SCREEN = BOOKING_SCREEN;
-exports.BORDER_COLOR = BORDER_COLOR;
-exports.BORDER_COLOR_CARD = BORDER_COLOR_CARD;
-exports.BORDER_COLOR_LAYOUT = BORDER_COLOR_LAYOUT;
-exports.BORDER_RADIUS_ELEMENT = BORDER_RADIUS_ELEMENT;
-exports.BORDER_RADIUS_ELEMENT_ACTION = BORDER_RADIUS_ELEMENT_ACTION;
-exports.BORDER_RADIUS_ELEMENT_MIDDLE = BORDER_RADIUS_ELEMENT_MIDDLE;
-exports.BORDER_RADIUS_ELEMENT_SMALL = BORDER_RADIUS_ELEMENT_SMALL;
-exports.BORDER_RADIUS_ELEMENT_TAG = BORDER_RADIUS_ELEMENT_TAG;
-exports.BORDER_RADIUS_ELEMENT_WRAPPER = BORDER_RADIUS_ELEMENT_WRAPPER;
 exports.BUTTON_BACK_ICON_CONTENT = BUTTON_BACK_ICON_CONTENT;
 exports.BellComponent = BellComponent;
 exports.BorderLinearProgress = BorderLinearProgress;
 exports.ButtonElement = ButtonElement;
-exports.Country = Country;
 exports.DASHBOARD_BASE = DASHBOARD_BASE;
 exports.DASHBOARD_HRM_SIDEBAR = DASHBOARD_HRM_SIDEBAR;
 exports.DASHBOARD_HR_SIDEBAR = DASHBOARD_HR_SIDEBAR;
@@ -35426,17 +35422,8 @@ exports.DefaultLayout = DefaultLayout;
 exports.EmptyComponent = EmptyComponent;
 exports.ErrorPage = ErrorPage;
 exports.ExpandMenuItem = ExpandMenuItem;
-exports.FONT_SIZE_ICON = FONT_SIZE_ICON;
-exports.FONT_SIZE_LOADING = FONT_SIZE_LOADING;
-exports.FileTypeEnum = FileTypeEnum;
 exports.ForgotPasswordType = ForgotPasswordType;
-exports.GAP_ICON_CONTENT_BY_SIZE = GAP_ICON_CONTENT_BY_SIZE;
 exports.Gender = Gender;
-exports.HEIGHT_DEFAULT_TEXT_FIELD_BUTTON = HEIGHT_DEFAULT_TEXT_FIELD_BUTTON;
-exports.HEIGHT_ELEMENT_OTHER = HEIGHT_ELEMENT_OTHER;
-exports.HEIGHT_HEADER = HEIGHT_HEADER;
-exports.HEIGHT_IMAGE_DEFAULT = HEIGHT_IMAGE_DEFAULT;
-exports.HEIGHT_LOGO_DEFAULT = HEIGHT_LOGO_DEFAULT;
 exports.IconElement = IconElement;
 exports.ImageElement = ImageElement;
 exports.LoadingComponent = LoadingComponent;
@@ -35457,22 +35444,14 @@ exports.OrderType = OrderType;
 exports.OrgUnitStatus = OrgUnitStatus;
 exports.OrgUnitType = OrgUnitType;
 exports.OtpPart = OtpPart;
-exports.PADDING_GAP_BUTTON = PADDING_GAP_BUTTON;
-exports.PADDING_GAP_ITEM = PADDING_GAP_ITEM;
-exports.PADDING_GAP_ITEM_SMALL = PADDING_GAP_ITEM_SMALL;
-exports.PADDING_GAP_LAYOUT = PADDING_GAP_LAYOUT;
-exports.PADDING_GAP_TAB = PADDING_GAP_TAB;
-exports.PADDING_LAYOUT_HEADER = PADDING_LAYOUT_HEADER;
 exports.PAGE = PAGE;
 exports.PREFIX_WORKFLOW_ENGINE = PREFIX_WORKFLOW_ENGINE;
-exports.PaymentMethod = PaymentMethod;
 exports.RadioElement = RadioElement;
 exports.RefreshTokenStatus = RefreshTokenStatus;
 exports.RejectionReason = RejectionReason;
 exports.ResetPasswordType = ResetPasswordType;
 exports.RouteType = RouteType;
-exports.SCALE_VALUE = SCALE_VALUE;
-exports.STYLE = STYLE;
+exports.STYLE = style_constant;
 exports.SYSTEM_MODULES = SYSTEM_MODULES;
 exports.SidebarContext = SidebarContext;
 exports.SidebarLeftPart = SidebarLeftPart;
@@ -35507,10 +35486,6 @@ exports.StyledTableCell = StyledTableCell;
 exports.SubManagerStatus = SubManagerStatus;
 exports.SubmenuList = SubmenuList;
 exports.SystemMonitorScreen = SystemMonitorScreen;
-exports.TEXT_FIELD = TEXT_FIELD;
-exports.TRANSITION_TIME = TRANSITION_TIME;
-exports.TREE_TEXT_COLOR = TREE_TEXT_COLOR;
-exports.TREE_WIDTH = TREE_WIDTH;
 exports.TYPOGRAPHY_STYLES = TYPOGRAPHY_STYLES;
 exports.TextFieldElement = TextFieldElement;
 exports.TimeAgoComponent = TimeAgoComponent;
@@ -35544,12 +35519,6 @@ exports.UserStatus = UserStatus;
 exports.UserTeamStatus = UserTeamStatus;
 exports.UserTrackingType = UserTrackingType;
 exports.UserType = UserType;
-exports.VARIANT_BY_SIZE = VARIANT_BY_SIZE;
-exports.WIDTH_COLLAPSE = WIDTH_COLLAPSE;
-exports.WIDTH_LAYOUT_DESKTOP = WIDTH_LAYOUT_DESKTOP;
-exports.WIDTH_SIDEBAR = WIDTH_SIDEBAR;
-exports.WIDTH_SIDEBAR_EXPAND = WIDTH_SIDEBAR_EXPAND;
-exports.WIDTH_TEXT_FIELD = WIDTH_TEXT_FIELD;
 exports.WORKFLOW_ENGINE_SCREEN = WORKFLOW_ENGINE_SCREEN;
 exports.WORKFLOW_TRACKING_SCREEN = WORKFLOW_TRACKING_SCREEN;
 exports.authApi = authApi;