sevago-sso-fe 1.0.56 → 1.0.57

package/dist/index.cjs.js

@@ -89,6 +89,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"
@@ -97,9 +98,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",
@@ -111,9 +113,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ự",
@@ -125,9 +128,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",
@@ -139,9 +143,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",
@@ -153,9 +158,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",
@@ -168,9 +174,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,
@@ -183,9 +190,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,
@@ -198,9 +206,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,
@@ -213,9 +222,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,
@@ -228,9 +238,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",
@@ -243,9 +254,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",
@@ -257,9 +269,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",
@@ -271,9 +284,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,
@@ -289,9 +303,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,
@@ -305,6 +320,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"
@@ -319,9 +335,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,
@@ -335,6 +352,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"
@@ -1427,54 +1445,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;
 }
@@ -14680,12 +14650,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));
@@ -14697,12 +14666,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__ */ jsxRuntime.jsxs(material.Box, { sx: { position: "relative" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       material.Box,
@@ -14713,79 +14676,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__ */ jsxRuntime.jsx(
-            "a",
+          return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
-                MotionBox,
-                {
-                  preset: "staggerItem",
-                  index,
-                  hover: true,
-                  sx: {
-                    cursor: "pointer",
-                    display: "flex",
-                    flex: 1,
-                    alignItems: "center",
-                    flexDirection: "column"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      material.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__ */ jsxRuntime.jsx(
-                          ImageElement,
-                          {
-                            sx: { width: iconSize * 0.56, height: iconSize * 0.56 },
-                            url: app.icon,
-                            sizeType: ImageSizeType.SQUARE
-                          }
-                        )
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      material.Typography,
+              onClick: () => onClickApp(app),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  StackRowAlignJustCenter,
+                  {
+                    sx: {
+                      width: iconSize,
+                      height: iconSize,
+                      borderRadius: iconRadius,
+                      mb: 1.5,
+                      background: app.color
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                  material.Typography,
+                  {
+                    variant: titleVariant,
+                    sx: { color: titleColor ?? theme.palette.common.white },
+                    children: app.content
+                  }
+                )
+              ]
+            }
           );
         })
       }
@@ -16073,14 +16008,11 @@ const TimeAgoComponent = ({
   time: time2,
   hasText
 }) => {
-  function getLimitLineCss2(arg0) {
-    throw new Error("Function not implemented.");
-  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     material.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)
     }
   );
@@ -17012,21 +16944,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__ */ jsxRuntime.jsxs(
+    material.FormControl,
+    {
+      disabled,
+      sx: { gap: PADDING_GAP_ITEM },
+      onChange: change,
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx(
+          material.InputLabel,
+          {
+            shrink: true,
+            required,
+            sx: {
+              transform: "translate(0px , -9px) scale(0.75)",
+              zIndex: 2,
+              display: "flex"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(StackLabel, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                IconElement,
+                {
+                  icon: iconLabel,
+                  sx: { fontSize: TEXT_FIELD.FONT_SIZE_LABEL }
+                }
+              ),
+              label
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       material.Box,
@@ -17121,7 +17122,7 @@ const AppsSidebar = ({
                     captionVariant: "caption",
                     titleColor: theme.palette.grey[800],
                     captionColor: theme.palette.grey[600],
-                    env: Environment.DEVELOP
+                    onClickApp
                   }
                 )
               ]
@@ -17133,7 +17134,7 @@ const AppsSidebar = ({
     )
   ] });
 };
-const SystemMonitorSidebarPart = ({ position, blacklist, env }) => {
+const SystemMonitorSidebarPart = ({ position, blacklist, env, onClickApp }) => {
   const [open, setOpen] = React.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -17151,14 +17152,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] = React.useState(AppGroup.ALL);
@@ -17225,7 +17228,7 @@ const SystemMonitorScreen = ({
                 iconSize: 80,
                 iconRadius: 7,
                 gap: PADDING_GAP_TAB,
-                env
+                onClickApp
               }
             ) }, tab)
           ]
@@ -17283,6 +17286,7 @@ exports.OPACITY = OPACITY;
 exports.OTHER = OTHER;
 exports.OrderType = OrderType;
 exports.RadioElement = RadioElement;
+exports.RadioGroupElement = RadioGroupElement;
 exports.SIZE_EXTRA_LARGE = SIZE_EXTRA_LARGE;
 exports.SSO = SSO;
 exports.STYLE = style_constant;
@@ -17323,12 +17327,10 @@ exports.checkEmptyText = checkEmptyText;
 exports.checkNowYear = checkNowYear;
 exports.colorMap = colorMap;
 exports.dark = dark$1;
-exports.extractNumberAtStartString = extractNumberAtStartString;
 exports.getCurrentEnvironment = getCurrentEnvironment;
 exports.getDate = getDate;
 exports.getDateTime = getDateTime;
 exports.getDayOffsetPx = getDayOffsetPx;
-exports.getErrorMessage = getErrorMessage;
 exports.getLimitLineCss = getLimitLineCss;
 exports.getMonthRangeForYear = getMonthRangeForYear;
 exports.getTimeAgo = getTimeAgo;
@@ -17337,7 +17339,6 @@ exports.isDateString = isDateString;
 exports.isEmpty = isEmpty;
 exports.isSameDateTime = isSameDateTime;
 exports.light = light$1;
-exports.lightenColor = lightenColor;
 exports.phoneRegExp = phoneRegExp;
 exports.sevagoChartIcon = sevagoChartIcon;
 exports.sevagoCheckinIcon = sevagoCheckinIcon;
@@ -17351,8 +17352,5 @@ exports.sevagoPayrollIcon = sevagoPayrollIcon;
 exports.sevagoProjectIcon = sevagoProjectIcon;
 exports.sevagoRequestIcon = sevagoRequestIcon;
 exports.sevagoTrainingIcon = sevagoTrainingIcon;
-exports.stringToColor = stringToColor;
-exports.stripHtml = stripHtml;
-exports.throttle = throttle;
 exports.truncateText = truncateText;
 //# sourceMappingURL=index.cjs.js.map