sevago-sso-fe 1.0.21 → 1.0.22

package/dist/index.esm.js

@@ -20233,8 +20233,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,
@@ -20243,7 +20243,7 @@ const SnackbarProvider = ({
         children: /* @__PURE__ */ jsx(
           Alert,
           {
-            sx: { borderRadius: STYLE.BORDER_RADIUS_ELEMENT, boxShadow: 1 },
+            sx: { borderRadius: BORDER_RADIUS_ELEMENT, boxShadow: 1 },
             onClose: handleClose,
             severity: snackbar.type,
             children: snackbar.message
@@ -21033,7 +21033,7 @@ const LoadingComponent = ({ color: color2, size = "medium", sx = {} }) => {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: /* @__PURE__ */ jsx(CircularProgress, { size: STYLE.FONT_SIZE_LOADING[size], sx: { color: color2 } })
+      children: /* @__PURE__ */ jsx(CircularProgress, { size: FONT_SIZE_LOADING[size], sx: { color: color2 } })
     }
   );
 };
@@ -21066,7 +21066,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
       },
@@ -21097,7 +21097,7 @@ const ButtonElement = ({
       sx: {
         minWidth: 100,
         textTransform: "none",
-        borderRadius: STYLE.BORDER_RADIUS_ELEMENT_SMALL,
+        borderRadius: BORDER_RADIUS_ELEMENT_SMALL,
         ...sx
       },
       disabled,
@@ -21145,6 +21145,7 @@ const TEXT_FIELD = {
 };
 const FONT_SIZE_ICON = {
   large: "22px",
+  xl: "20px",
   medium: "19px",
   small: "12px"
 };
@@ -21175,41 +21176,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,
@@ -21229,7 +21231,7 @@ const TextFieldLabelElement = ({
         gap: PADDING_GAP_ITEM_SMALL
       },
       children: [
-        iconLabel && /* @__PURE__ */ jsx(IconElement, { icon: iconLabel, sx: { fontSize: STYLE.TEXT_FIELD.FONT_SIZE_LABEL } }),
+        iconLabel && /* @__PURE__ */ jsx(IconElement, { icon: iconLabel, sx: { fontSize: TEXT_FIELD.FONT_SIZE_LABEL } }),
         label,
         required && /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
       ]
@@ -23468,19 +23470,19 @@ const StackRowAlignStartJustBetween = styled$2(Stack$1)(() => ({
 }));
 const StackBgDefaultBorRadLayCol = styled$2(Stack$1)(({ 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 = styled$2(Stack$1)(({ 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 = styled$2(Stack$1)(() => ({
   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 = styled$2(Stack$1)(({ theme }) => ({
   border: `1px solid ${theme.palette.common.white}`,
@@ -23493,7 +23495,7 @@ const SmallIcon = styled$2(Stack$1)(({ theme }) => ({
   height: 16
 }));
 const StackTabs = styled$2(Stack$1)(({ theme }) => ({
-  borderRadius: STYLE.BORDER_RADIUS_ELEMENT_TAG,
+  borderRadius: BORDER_RADIUS_ELEMENT_TAG,
   // padding: '6px',
   backgroundColor: theme.palette.background.paper,
   boxShadow: theme.shadows[1],
@@ -23596,7 +23598,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__ */ jsx(IconElement, { icon, sx: sxIcon, color: color2, fill }),
@@ -23604,7 +23606,7 @@ const IconContentElement = ({
           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)`,
@@ -23685,7 +23687,7 @@ const OtpPart = ({ setAuthProcess }) => {
         sx: {
           width: "100%",
           height: "55px",
-          borderRadius: STYLE.BORDER_RADIUS_ELEMENT,
+          borderRadius: BORDER_RADIUS_ELEMENT,
           border: "none",
           textAlign: "center",
           fontSize: "20px",
@@ -23853,7 +23855,7 @@ const ImageElement = ({
   const { palette } = useTheme$2();
   const [loaded, setLoaded] = 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__ */ jsxs(ImageWrapper, { isWrap, children: [
     !loaded && /* @__PURE__ */ jsx(
       Skeleton,
@@ -23890,7 +23892,7 @@ const ImageElement = ({
 };
 const LogoComponent = ({
   url: url2,
-  height: height2 = STYLE.HEIGHT_LOGO_DEFAULT,
+  height: height2 = HEIGHT_LOGO_DEFAULT,
   sx = {},
   fillColor
 }) => {
@@ -24166,9 +24168,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 {
@@ -24989,7 +24996,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__ */ jsxs(
     Stack$2,
     {
@@ -25056,7 +25063,7 @@ const TooltipOnClickElement = ({
   );
 };
 const EmptyComponent = ({}) => {
-  return /* @__PURE__ */ jsx(Fade, { in: true, timeout: STYLE.ANIMATION_TIME, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Fade, { in: true, timeout: ANIMATION_TIME, children: /* @__PURE__ */ jsx(
     Stack$1,
     {
       direction: "column",
@@ -25065,7 +25072,7 @@ const EmptyComponent = ({}) => {
         height: "100%",
         alignItems: "center",
         justifyContent: "center",
-        padding: STYLE.PADDING_GAP_ITEM
+        padding: PADDING_GAP_ITEM
       },
       children: /* @__PURE__ */ jsx(Box, { component: "img", sx: { width: 70 }, src: "/images/empty.svg" })
     }
@@ -25150,7 +25157,7 @@ const BellComponent = ({}) => {
               ListItem,
               {
                 sx: {
-                  padding: STYLE.PADDING_GAP_ITEM,
+                  padding: PADDING_GAP_ITEM,
                   display: "flex",
                   flexDirection: "row",
                   justifyContent: "space-between",
@@ -25203,13 +25210,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
@@ -25273,7 +25280,7 @@ const AvatarUserInfo = ({
 }) => {
   const { palette } = useTheme$2();
   const isSystemMonitor = useIsSystemMonitor();
-  return /* @__PURE__ */ jsxs(StackRow, { sx: { alignItems: "center", gap: STYLE.PADDING_GAP_ITEM }, children: [
+  return /* @__PURE__ */ jsxs(StackRow, { sx: { alignItems: "center", gap: PADDING_GAP_ITEM }, children: [
     /* @__PURE__ */ jsx(AvatarElement, { url: url2, size: sizeAvatar }),
     positions.length > 0 ? /* @__PURE__ */ jsxs(Stack$1, { sx: { gap: 0 }, children: [
       /* @__PURE__ */ jsx(
@@ -25314,7 +25321,17 @@ const AvatarUserInfo = ({
           children: positions.join(" / ")
         }
       )
-    ] }) : /* @__PURE__ */ jsx(Typography, { sx: { ...TYPOGRAPHY_STYLES.textSm.semiBold, ...getLimitLineCss(1), ...sxName }, children: name2 })
+    ] }) : /* @__PURE__ */ jsx(
+      Typography,
+      {
+        sx: {
+          ...TYPOGRAPHY_STYLES.textSm.semiBold,
+          ...getLimitLineCss(1),
+          ...sxName
+        },
+        children: name2
+      }
+    )
   ] });
 };
 const RadioGroupElement = ({
@@ -25333,7 +25350,7 @@ const RadioGroupElement = ({
   const change = (event) => {
     onChange && onChange({ target: { name: name2, value: event.target.value || void 0 } });
   };
-  return /* @__PURE__ */ jsxs(FormControl, { disabled, sx: { gap: STYLE.PADDING_GAP_ITEM }, onChange: change, children: [
+  return /* @__PURE__ */ jsxs(FormControl, { disabled, sx: { gap: PADDING_GAP_ITEM }, onChange: change, children: [
     label && /* @__PURE__ */ jsx(
       InputLabel,
       {
@@ -25345,7 +25362,7 @@ const RadioGroupElement = ({
           display: "flex"
         },
         children: /* @__PURE__ */ jsxs(StackLabel, { children: [
-          /* @__PURE__ */ jsx(IconElement, { icon: iconLabel, sx: { fontSize: STYLE.TEXT_FIELD.FONT_SIZE_LABEL } }),
+          /* @__PURE__ */ jsx(IconElement, { icon: iconLabel, sx: { fontSize: TEXT_FIELD.FONT_SIZE_LABEL } }),
           label
         ] })
       }
@@ -25360,7 +25377,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
@@ -25382,7 +25399,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" }
@@ -25570,7 +25587,7 @@ const MonitorPart = ({
         backgroundPosition: "top",
         backgroundRepeat: "no-repeat"
       },
-      children: /* @__PURE__ */ jsxs(Stack$2, { p: { padding: STYLE.PADDING_GAP_LAYOUT }, children: [
+      children: /* @__PURE__ */ jsxs(Stack$2, { p: { padding: PADDING_GAP_LAYOUT }, children: [
         /* @__PURE__ */ jsxs(StackRowJustBetween, { children: [
           /* @__PURE__ */ jsx(StackRowAlignCenter, { children: /* @__PURE__ */ jsx(
             LogoComponent,
@@ -33395,14 +33412,14 @@ const TooltipOnHoverElement = ({
   );
 };
 const TypographyFilter = styled$2(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();
@@ -34183,7 +34200,7 @@ const SidebarLeftPart = ({
       sx: {
         position: "fixed",
         left: 0,
-        top: STYLE.HEIGHT_HEADER,
+        top: HEIGHT_HEADER,
         // height header
         bottom: 0,
         backgroundColor: "#fff",
@@ -34196,8 +34213,8 @@ const SidebarLeftPart = ({
           Stack$1,
           {
             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"
             },
@@ -34244,8 +34261,8 @@ const SidebarLeftPart = ({
           Stack$1,
           {
             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
@@ -34258,21 +34275,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__default.Fragment;
   let Element2 = element;
-  if (path === PAGE.AUTH.path && account.isLogin) Element2 = () => /* @__PURE__ */ jsx(Navigate, { to: PAGE.DASHBOARD.path });
+  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(
+  return /* @__PURE__ */ jsxs(
     Route,
     {
       path,
       element: /* @__PURE__ */ jsx(Layout, { children: /* @__PURE__ */ jsx(Element2, {}) }),
-      children: children && renderRoutes(children, account)
+      children: [
+        children && renderRoutes(children, account),
+        path === PAGE.DASHBOARD.path && /* @__PURE__ */ jsx(
+          Route,
+          {
+            index: true,
+            element: /* @__PURE__ */ jsx(
+              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
   );
@@ -34321,7 +34362,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
             }
@@ -34347,7 +34388,7 @@ const DefaultLayout = ({ children }) => {
           sx: {
             flex: 1,
             alignItems: "center",
-            py: STYLE.PADDING_GAP_LAYOUT,
+            py: PADDING_GAP_LAYOUT,
             justifyContent: "center"
           },
           children
@@ -34683,9 +34724,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__ */ jsxs(StackRowAlignCenter, { children: [
@@ -34770,7 +34811,7 @@ const SidebarProvider = ({
   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__ */ jsx(
     SidebarContext.Provider,
     {
@@ -35331,47 +35372,13 @@ 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 || {});
 export {
   ALLOW_USER_TYPES,
-  ANIMATION_TIME,
   AppCategory,
   AppGrid,
   AppType,
@@ -35382,22 +35389,11 @@ export {
   AvatarElement,
   AvatarUserComponent,
   AvatarUserInfo,
-  BACKGROUND_SYSTEM,
   BOOKING_SCREEN,
-  BORDER_COLOR,
-  BORDER_COLOR_CARD,
-  BORDER_COLOR_LAYOUT,
-  BORDER_RADIUS_ELEMENT,
-  BORDER_RADIUS_ELEMENT_ACTION,
-  BORDER_RADIUS_ELEMENT_MIDDLE,
-  BORDER_RADIUS_ELEMENT_SMALL,
-  BORDER_RADIUS_ELEMENT_TAG,
-  BORDER_RADIUS_ELEMENT_WRAPPER,
   BUTTON_BACK_ICON_CONTENT,
   BellComponent,
   BorderLinearProgress,
   ButtonElement,
-  Country,
   DASHBOARD_BASE,
   DASHBOARD_HRM_SIDEBAR,
   DASHBOARD_HR_SIDEBAR,
@@ -35409,17 +35405,8 @@ export {
   EmptyComponent,
   ErrorPage,
   ExpandMenuItem,
-  FONT_SIZE_ICON,
-  FONT_SIZE_LOADING,
-  FileTypeEnum,
   ForgotPasswordType,
-  GAP_ICON_CONTENT_BY_SIZE,
   Gender,
-  HEIGHT_DEFAULT_TEXT_FIELD_BUTTON,
-  HEIGHT_ELEMENT_OTHER,
-  HEIGHT_HEADER,
-  HEIGHT_IMAGE_DEFAULT,
-  HEIGHT_LOGO_DEFAULT,
   IconElement,
   ImageElement,
   LoadingComponent,
@@ -35440,22 +35427,14 @@ export {
   OrgUnitStatus,
   OrgUnitType,
   OtpPart,
-  PADDING_GAP_BUTTON,
-  PADDING_GAP_ITEM,
-  PADDING_GAP_ITEM_SMALL,
-  PADDING_GAP_LAYOUT,
-  PADDING_GAP_TAB,
-  PADDING_LAYOUT_HEADER,
   PAGE,
   PREFIX_WORKFLOW_ENGINE,
-  PaymentMethod,
   RadioElement,
   RefreshTokenStatus,
   RejectionReason,
   ResetPasswordType,
   RouteType,
-  SCALE_VALUE,
-  STYLE,
+  style_constant as STYLE,
   SYSTEM_MODULES,
   SidebarContext,
   SidebarLeftPart,
@@ -35490,10 +35469,6 @@ export {
   SubManagerStatus,
   SubmenuList,
   SystemMonitorScreen,
-  TEXT_FIELD,
-  TRANSITION_TIME,
-  TREE_TEXT_COLOR,
-  TREE_WIDTH,
   TYPOGRAPHY_STYLES,
   TextFieldElement,
   TimeAgoComponent,
@@ -35527,12 +35502,6 @@ export {
   UserTeamStatus,
   UserTrackingType,
   UserType,
-  VARIANT_BY_SIZE,
-  WIDTH_COLLAPSE,
-  WIDTH_LAYOUT_DESKTOP,
-  WIDTH_SIDEBAR,
-  WIDTH_SIDEBAR_EXPAND,
-  WIDTH_TEXT_FIELD,
   WORKFLOW_ENGINE_SCREEN,
   WORKFLOW_TRACKING_SCREEN,
   authApi,