sevago-sso-fe 1.0.56 → 1.0.57

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { styled as styled$3, Stack, TableCell, tableCellClasses, LinearProgress, linearProgressClasses, Typography, useTheme as useTheme$2, Skeleton, Box, IconButton, Fade, Icon, Tooltip, tooltipClasses, Avatar, Badge, Link, Tabs, Tab, CircularProgress, Button, FormControlLabel, Checkbox, Dialog, DialogTitle, DialogContent, DialogActions, Collapse, Radio } from "@mui/material";
+import { styled as styled$3, Stack, TableCell, tableCellClasses, LinearProgress, linearProgressClasses, Typography, useTheme as useTheme$2, Skeleton, Box, IconButton, Fade, Icon, Tooltip, tooltipClasses, Avatar, Badge, Link, Tabs, Tab, CircularProgress, Button, FormControlLabel, Checkbox, Dialog, DialogTitle, DialogContent, DialogActions, Collapse, Radio, FormControl, InputLabel, RadioGroup } from "@mui/material";
 import * as React from "react";
 import React__default, { useState, createContext, useRef, useLayoutEffect, useEffect, useId, useContext, useInsertionEffect, useMemo, useCallback, Children, isValidElement, Fragment as Fragment$1, createElement, forwardRef, Component } from "react";
 import { unstable_createGetCssVar, createSpacing as createSpacing$1, useTheme as useTheme$1, Stack as Stack$1, Box as Box$1 } from "@mui/system";
@@ -71,6 +71,7 @@ const APP_GROUP_COLOR = {
   ]: "#EB6262"
 };
 const SSO = {
+  local: "http://localhost:6000",
   develop: "https://dev.account.sevago.local",
   staging: "https://sta.account.sevago.local",
   production: "https://account.sevago.com.vn"
@@ -79,9 +80,10 @@ const APP_OBJ = {
   // GREEN
   E_HIRING: {
     path: {
+      local: "http://localhost:6004/e-hiring",
       develop: "https://dev.admin.office.sevago.local/e-hiring",
       staging: "https://sta.admin.office.sevago.local/e-hiring",
-      production: "https://admin.office.sevago.local/e-hiring"
+      production: "https://admin.office.sevago.com.vn/e-hiring"
     },
     icon: sevagoEHiringIcon,
     content: "Sevago - Tuyển dụng",
@@ -93,9 +95,10 @@ const APP_OBJ = {
   },
   HR: {
     path: {
+      local: "http://localhost:6004/hr",
       develop: "https://dev.admin.office.sevago.local/hr",
       staging: "https://sta.admin.office.sevago.local/hr",
-      production: "https://admin.office.sevago.local/hr"
+      production: "https://admin.office.sevago.com.vn/hr"
     },
     icon: sevagoHrmIcon,
     content: "Sevago - Nhân sự",
@@ -107,9 +110,10 @@ const APP_OBJ = {
   },
   PAYROLL: {
     path: {
+      local: "http://localhost:6004/payroll",
       develop: "https://dev.admin.office.sevago.local/payroll",
       staging: "https://sta.admin.office.sevago.local/payroll",
-      production: "https://admin.office.sevago.local/payroll"
+      production: "https://admin.office.sevago.com.vn/payroll"
     },
     icon: sevagoPayrollIcon,
     content: "Sevago - Lương",
@@ -121,9 +125,10 @@ const APP_OBJ = {
   },
   ORG: {
     path: {
+      local: "http://localhost:6004/org",
       develop: "https://dev.admin.office.sevago.local/org",
       staging: "https://sta.admin.office.sevago.local/org",
-      production: "https://admin.office.sevago.local/org"
+      production: "https://admin.office.sevago.com.vn/org"
     },
     icon: sevagoChartIcon,
     content: "Sevago - Tổ chức",
@@ -135,9 +140,10 @@ const APP_OBJ = {
   },
   CHECKIN: {
     path: {
+      local: "http://localhost:6004/checkin",
       develop: "https://dev.admin.office.sevago.local/checkin",
       staging: "https://sta.admin.office.sevago.local/checkin",
-      production: "https://admin.office.sevago.local/checkin"
+      production: "https://admin.office.sevago.com.vn/checkin"
     },
     icon: sevagoCheckinIcon,
     content: "Sevago - Chấm công",
@@ -150,9 +156,10 @@ const APP_OBJ = {
   // YELLOW
   CHAT: {
     path: {
+      local: "http://localhost:6004/chat",
       develop: "https://dev.admin.office.sevago.local/chat",
       staging: "https://sta.admin.office.sevago.local/chat",
-      production: "https://admin.office.sevago.local/chat"
+      production: "https://admin.office.sevago.com.vn/chat"
     },
     // Chat
     icon: sevagoMessageIcon,
@@ -165,9 +172,10 @@ const APP_OBJ = {
   },
   TRAINING: {
     path: {
+      local: "http://localhost:6004/training",
       develop: "https://dev.admin.office.sevago.local/training",
       staging: "https://sta.admin.office.sevago.local/training",
-      production: "https://admin.office.sevago.local/training"
+      production: "https://admin.office.sevago.com.vn/training"
     },
     // Đào tạo
     icon: sevagoTrainingIcon,
@@ -180,9 +188,10 @@ const APP_OBJ = {
   },
   FORM: {
     path: {
+      local: "http://localhost:6004/form",
       develop: "https://dev.admin.office.sevago.local/form",
       staging: "https://sta.admin.office.sevago.local/form",
-      production: "https://admin.office.sevago.local/form"
+      production: "https://admin.office.sevago.com.vn/form"
     },
     // Mẫu
     icon: sevagoFormIcon,
@@ -195,9 +204,10 @@ const APP_OBJ = {
   },
   INSIDE: {
     path: {
+      local: "http://localhost:6004/inside",
       develop: "https://dev.admin.office.sevago.local/inside",
       staging: "https://sta.admin.office.sevago.local/inside",
-      production: "https://admin.office.sevago.local/inside"
+      production: "https://admin.office.sevago.com.vn/inside"
     },
     // Truyền Thông và CSNV
     icon: sevagoInsideIcon,
@@ -210,9 +220,10 @@ const APP_OBJ = {
   },
   BOOKING: {
     path: {
+      local: "http://localhost:6004/booking",
       develop: "https://dev.admin.office.sevago.local/booking",
       staging: "https://sta.admin.office.sevago.local/booking",
-      production: "https://admin.office.sevago.local/booking"
+      production: "https://admin.office.sevago.com.vn/booking"
     },
     icon: sevagoInsideIcon,
     content: "Sevago - Booking",
@@ -225,9 +236,10 @@ const APP_OBJ = {
   // BLUE
   PROJECT: {
     path: {
+      local: "http://localhost:6004/project",
       develop: "https://dev.admin.office.sevago.local/project",
       staging: "https://sta.admin.office.sevago.local/project",
-      production: "https://admin.office.sevago.local/project"
+      production: "https://admin.office.sevago.com.vn/project"
     },
     icon: sevagoProjectIcon,
     content: "Sevago - Dự án",
@@ -239,9 +251,10 @@ const APP_OBJ = {
   },
   REQUEST: {
     path: {
+      local: "http://localhost:6004/request",
       develop: "https://dev.admin.office.sevago.local/request",
       staging: "https://sta.admin.office.sevago.local/request",
-      production: "https://admin.office.sevago.local/request"
+      production: "https://admin.office.sevago.com.vn/request"
     },
     icon: sevagoRequestIcon,
     content: "Sevago - Đề xuất",
@@ -253,9 +266,10 @@ const APP_OBJ = {
   },
   TRACKING: {
     path: {
+      local: "http://localhost:6004/process",
       develop: "https://dev.admin.office.sevago.local/process",
       staging: "https://sta.admin.office.sevago.local/process",
-      production: "https://admin.office.sevago.local/process"
+      production: "https://admin.office.sevago.com.vn/process"
     },
     //
     icon: sevagoIcon,
@@ -271,9 +285,10 @@ const APP_OBJ = {
   },
   PROCESS: {
     path: {
+      local: "http://localhost:6004/workflow",
       develop: "https://dev.admin.office.sevago.local/workflow",
       staging: "https://sta.admin.office.sevago.local/workflow",
-      production: "https://admin.office.sevago.local/workflow"
+      production: "https://admin.office.sevago.com.vn/workflow"
     },
     // Quy trình
     icon: sevagoIcon,
@@ -287,6 +302,7 @@ const APP_OBJ = {
   // RED
   FORMULA_PRICE: {
     path: {
+      local: "http://localhost:6005",
       develop: "https://dev.formula-price.sevago.local",
       staging: "https://sta.formula-price.sevago.local",
       production: "https://formula-price.sevago.local"
@@ -301,9 +317,10 @@ const APP_OBJ = {
   },
   E_CATALOGUE: {
     path: {
+      local: "http://localhost:6002",
       develop: "https://dev.admin.e-catalogue.sevago.local",
       staging: "https://sta.admin.e-catalogue.sevago.local",
-      production: "https://admin.e-catalogue.sevago.local"
+      production: "https://admin.e-catalogue.sevago.com.vn"
     },
     // E-Catalogue
     icon: sevagoIcon,
@@ -317,6 +334,7 @@ const APP_OBJ = {
   // PINK
   LANDING_PAGE: {
     path: {
+      local: "http://localhost:6006",
       develop: "https://dev.admin.landing-page.sevago.local",
       staging: "https://sta.admin.landing-page.sevago.local",
       production: "https://admin.landing-page.sevago.com.vn"
@@ -1409,54 +1427,6 @@ const getCurrentEnvironment = () => {
   if (hostname.includes("sta.")) return "staging";
   return "production";
 };
-const throttle = (func, limit) => {
-  let lastFunc;
-  let lastRan;
-  return (...args) => {
-    if (!lastRan) {
-      func(...args);
-      lastRan = Date.now();
-    } else {
-      clearTimeout(lastFunc);
-      lastFunc = setTimeout(() => {
-        if (Date.now() - lastRan >= limit) {
-          func(...args);
-          lastRan = Date.now();
-        }
-      }, limit - (Date.now() - lastRan));
-    }
-  };
-};
-const stringToColor = (string) => {
-  let hash = 0;
-  let i;
-  for (i = 0; i < string.length; i += 1) {
-    hash = string.charCodeAt(i) + ((hash << 5) - hash);
-  }
-  let color2 = "#";
-  for (i = 0; i < 3; i += 1) {
-    const value = hash >> i * 8 & 255;
-    color2 += `00${value.toString(16)}`.slice(-2);
-  }
-  return color2;
-};
-const lightenColor = (color2, percentage) => {
-  const amt = Math.round(2.55 * percentage);
-  const R = parseInt(color2.substring(1, 3), 16) + amt;
-  const G = parseInt(color2.substring(3, 5), 16) + amt;
-  const B = parseInt(color2.substring(5, 7), 16) + amt;
-  return "#" + (16777216 + (R < 255 ? R < 0 ? 0 : R : 255) * 65536 + (G < 255 ? G < 0 ? 0 : G : 255) * 256 + (B < 255 ? B < 0 ? 0 : B : 255)).toString(16).slice(1);
-};
-const extractNumberAtStartString = (string) => {
-  const match = string.match(/^\d+(\.\d+)?/);
-  return match ? parseFloat(match[0]) : 0;
-};
-const stripHtml = (html) => {
-  const tempDiv = document.createElement("div");
-  tempDiv.innerHTML = html;
-  return tempDiv.textContent || tempDiv.innerText || "";
-};
-const getErrorMessage = (e) => e?.message ?? "Đã xảy ra lỗi không xác định!";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -14662,12 +14632,11 @@ const AppGrid = ({
   rows = 3,
   iconSize = 80,
   iconRadius = 7,
-  iconShadow = `0 ${PADDING_GAP_ITEM_SMALL} ${PADDING_GAP_LAYOUT} ${BORDER_COLOR_CARD}`,
   gap: gap2 = PADDING_GAP_ITEM,
   titleVariant = "subtitle1",
   titleColor,
   showPagination = true,
-  env
+  onClickApp
 }) => {
   const theme = useTheme();
   const pageSize = Math.max(1, columns * Math.max(1, rows));
@@ -14679,12 +14648,6 @@ const AppGrid = ({
   const start = page * pageSize;
   const end = start + pageSize;
   const visibleApps = totalPages > 1 ? apps.slice(start, end) : apps;
-  const getPath2 = (url) => {
-    if (url.startsWith("http")) {
-      return new URL(url).pathname;
-    }
-    return url.startsWith("/") ? url : `/${url}`;
-  };
   return /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
     /* @__PURE__ */ jsx(
       Box,
@@ -14695,79 +14658,51 @@ const AppGrid = ({
           gap: gap2
         },
         children: visibleApps.map((app, index) => {
-          const appUrl = [
-            env,
-            Environment.PRODUCTION,
-            Environment.STAGING,
-            Environment.DEVELOP
-          ].map((e) => app.path?.[e]).find((url) => url) || "";
-          const isEnvValid = Object.values(Environment).includes(
-            env
-          );
-          const absoluteUrl = appUrl && typeof appUrl === "string" ? !isEnvValid ? `${window.location.origin}${getPath2(appUrl)}` : appUrl.startsWith("http") ? appUrl : `${window.location.origin}${getPath2(appUrl)}` : "#";
-          return /* @__PURE__ */ jsx(
-            "a",
+          return /* @__PURE__ */ jsxs(
+            MotionBox,
             {
-              href: absoluteUrl,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              style: {
-                textDecoration: "none",
-                color: "inherit",
-                width: "100%",
-                display: "block"
+              preset: "staggerItem",
+              index,
+              hover: true,
+              sx: {
+                cursor: "pointer",
+                display: "flex",
+                flex: 1,
+                alignItems: "center",
+                flexDirection: "column"
               },
-              children: /* @__PURE__ */ jsxs(
-                MotionBox,
-                {
-                  preset: "staggerItem",
-                  index,
-                  hover: true,
-                  sx: {
-                    cursor: "pointer",
-                    display: "flex",
-                    flex: 1,
-                    alignItems: "center",
-                    flexDirection: "column"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      Box,
-                      {
-                        sx: {
-                          width: iconSize,
-                          height: iconSize,
-                          borderRadius: iconRadius,
-                          mb: 1.5,
-                          display: "flex",
-                          alignItems: "center",
-                          justifyContent: "center",
-                          background: app.color,
-                          boxShadow: appUrl === window.location.origin ? `0 0 0 1px ${theme.palette.primary.main}, ${iconShadow}` : iconShadow
-                        },
-                        children: typeof app.icon === "string" && app.icon && /* @__PURE__ */ jsx(
-                          ImageElement,
-                          {
-                            sx: { width: iconSize * 0.56, height: iconSize * 0.56 },
-                            url: app.icon,
-                            sizeType: ImageSizeType.SQUARE
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Typography,
+              onClick: () => onClickApp(app),
+              children: [
+                /* @__PURE__ */ jsx(
+                  StackRowAlignJustCenter,
+                  {
+                    sx: {
+                      width: iconSize,
+                      height: iconSize,
+                      borderRadius: iconRadius,
+                      mb: 1.5,
+                      background: app.color
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      ImageElement,
                       {
-                        variant: titleVariant,
-                        sx: { color: titleColor ?? theme.palette.common.white },
-                        children: app.content
+                        sx: { width: iconSize * 0.56, height: iconSize * 0.56 },
+                        url: app.icon,
+                        sizeType: ImageSizeType.SQUARE
                       }
                     )
-                  ]
-                }
-              )
-            },
-            app.content
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: titleVariant,
+                    sx: { color: titleColor ?? theme.palette.common.white },
+                    children: app.content
+                  }
+                )
+              ]
+            }
           );
         })
       }
@@ -16055,14 +15990,11 @@ const TimeAgoComponent = ({
   time: time2,
   hasText
 }) => {
-  function getLimitLineCss2(arg0) {
-    throw new Error("Function not implemented.");
-  }
   return /* @__PURE__ */ jsx(
     Typography,
     {
       variant: "caption",
-      sx: { ...getLimitLineCss2(), color: "text.disabled", lineHeight: 1.2 },
+      sx: { ...getLimitLineCss(1), color: "text.disabled", lineHeight: 1.2 },
       children: (hasText ? "Cập nhật lúc " : "") + getTimeAgo(time2)
     }
   );
@@ -16994,21 +16926,90 @@ const RadioElement = ({
     }
   );
 };
+const RadioGroupElement = ({
+  name,
+  direction = "row",
+  label,
+  disabled,
+  iconLabel = "event_list",
+  defaultValue,
+  value,
+  onChange,
+  children,
+  required = false,
+  sx = {}
+}) => {
+  const change = (event) => {
+    onChange && onChange({ target: { name, value: event.target.value || void 0 } });
+  };
+  return /* @__PURE__ */ jsxs(
+    FormControl,
+    {
+      disabled,
+      sx: { gap: PADDING_GAP_ITEM },
+      onChange: change,
+      children: [
+        label && /* @__PURE__ */ jsx(
+          InputLabel,
+          {
+            shrink: true,
+            required,
+            sx: {
+              transform: "translate(0px , -9px) scale(0.75)",
+              zIndex: 2,
+              display: "flex"
+            },
+            children: /* @__PURE__ */ jsxs(StackLabel, { children: [
+              /* @__PURE__ */ jsx(
+                IconElement,
+                {
+                  icon: iconLabel,
+                  sx: { fontSize: TEXT_FIELD.FONT_SIZE_LABEL }
+                }
+              ),
+              label
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RadioGroup,
+          {
+            name,
+            defaultValue,
+            value,
+            sx: {
+              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: PADDING_GAP_LAYOUT,
+              ...sx
+            },
+            children
+          }
+        )
+      ]
+    }
+  );
+};
 const AppsSidebar = ({
   isOpen,
   onClose,
   position = "left",
   blacklist = [],
-  env
+  env,
+  onClickApp
 }) => {
   if (!isOpen) return null;
   const theme = useTheme();
-  const appsGroupObj = Object.values(APP_OBJ).reduce((r, e) => {
-    if (blacklist.includes(e.path[env])) return r;
-    if (r[e.group]) r[e.group].push(e);
-    else r[e.group] = [e];
-    return r;
-  }, {});
+  const appsGroupObj = Object.values(APP_OBJ).reduce(
+    (r, e) => {
+      if (blacklist.includes(e.path[env])) return r;
+      if (r[e.group]) r[e.group].push(e);
+      else r[e.group] = [e];
+      return r;
+    },
+    {}
+  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Box,
@@ -17103,7 +17104,7 @@ const AppsSidebar = ({
                     captionVariant: "caption",
                     titleColor: theme.palette.grey[800],
                     captionColor: theme.palette.grey[600],
-                    env: Environment.DEVELOP
+                    onClickApp
                   }
                 )
               ]
@@ -17115,7 +17116,7 @@ const AppsSidebar = ({
     )
   ] });
 };
-const SystemMonitorSidebarPart = ({ position, blacklist, env }) => {
+const SystemMonitorSidebarPart = ({ position, blacklist, env, onClickApp }) => {
   const [open, setOpen] = useState(false);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
@@ -17133,14 +17134,16 @@ const SystemMonitorSidebarPart = ({ position, blacklist, env }) => {
         onClose: () => setOpen(false),
         position,
         blacklist,
-        env
+        env,
+        onClickApp
       }
     )
   ] });
 };
 const SystemMonitorScreen = ({
   blacklist,
-  env
+  env,
+  onClickApp
 }) => {
   const theme = useTheme();
   const [tab, setTab] = useState(AppGroup.ALL);
@@ -17207,7 +17210,7 @@ const SystemMonitorScreen = ({
                 iconSize: 80,
                 iconRadius: 7,
                 gap: PADDING_GAP_TAB,
-                env
+                onClickApp
               }
             ) }, tab)
           ]
@@ -17266,6 +17269,7 @@ export {
   OTHER,
   OrderType,
   RadioElement,
+  RadioGroupElement,
   SIZE_EXTRA_LARGE,
   SSO,
   style_constant as STYLE,
@@ -17306,12 +17310,10 @@ export {
   checkNowYear,
   colorMap,
   dark$1 as dark,
-  extractNumberAtStartString,
   getCurrentEnvironment,
   getDate,
   getDateTime,
   getDayOffsetPx,
-  getErrorMessage,
   getLimitLineCss,
   getMonthRangeForYear,
   getTimeAgo,
@@ -17320,7 +17322,6 @@ export {
   isEmpty,
   isSameDateTime,
   light$1 as light,
-  lightenColor,
   phoneRegExp,
   sevagoChartIcon,
   sevagoCheckinIcon,
@@ -17334,9 +17335,6 @@ export {
   sevagoProjectIcon,
   sevagoRequestIcon,
   sevagoTrainingIcon,
-  stringToColor,
-  stripHtml,
-  throttle,
   truncateText
 };
 //# sourceMappingURL=index.esm.js.map