sevago-sso-fe 1.0.1 → 1.0.2

package/dist/index.cjs.js

@@ -4,12 +4,11 @@ const React = require("react");
 const material = require("@mui/material");
 const reactRedux = require("react-redux");
 const reactRouterDom = require("react-router-dom");
-const toolkit = require("@reduxjs/toolkit");
 const reduxPersist = require("redux-persist");
+const toolkit = require("@reduxjs/toolkit");
 const system = require("@mui/system");
-const emStyled = require("@emotion/styled");
 require("@emotion/react");
-const ReactDOM = require("react-dom");
+const emStyled = require("@emotion/styled");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -85,21 +84,21 @@ function requireReactJsxRuntime_production() {
   if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
   hasRequiredReactJsxRuntime_production = 1;
   var REACT_ELEMENT_TYPE2 = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-  function jsxProd(type, config2, maybeKey) {
+  function jsxProd(type, config, maybeKey) {
     var key = null;
     void 0 !== maybeKey && (key = "" + maybeKey);
-    void 0 !== config2.key && (key = "" + config2.key);
-    if ("key" in config2) {
+    void 0 !== config.key && (key = "" + config.key);
+    if ("key" in config) {
       maybeKey = {};
-      for (var propName in config2)
-        "key" !== propName && (maybeKey[propName] = config2[propName]);
-    } else maybeKey = config2;
-    config2 = maybeKey.ref;
+      for (var propName in config)
+        "key" !== propName && (maybeKey[propName] = config[propName]);
+    } else maybeKey = config;
+    config = maybeKey.ref;
     return {
       $$typeof: REACT_ELEMENT_TYPE2,
       type,
       key,
-      ref: void 0 !== config2 ? config2 : null,
+      ref: void 0 !== config ? config : null,
       props: maybeKey
     };
   }
@@ -209,12 +208,12 @@ function requireReactJsxRuntime_development() {
     function UnknownOwner() {
       return Error("react-stack-top-frame");
     }
-    function hasValidKey(config2) {
-      if (hasOwnProperty2.call(config2, "key")) {
-        var getter = Object.getOwnPropertyDescriptor(config2, "key").get;
+    function hasValidKey(config) {
+      if (hasOwnProperty2.call(config, "key")) {
+        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
         if (getter && getter.isReactWarning) return false;
       }
-      return void 0 !== config2.key;
+      return void 0 !== config.key;
     }
     function defineKeyPropWarningGetter(props, displayName) {
       function warnAboutAccessingKey() {
@@ -278,8 +277,8 @@ function requireReactJsxRuntime_development() {
       Object.freeze && (Object.freeze(type.props), Object.freeze(type));
       return type;
     }
-    function jsxDEVImpl(type, config2, maybeKey, isStaticChildren, debugStack, debugTask) {
-      var children = config2.children;
+    function jsxDEVImpl(type, config, maybeKey, isStaticChildren, debugStack, debugTask) {
+      var children = config.children;
       if (void 0 !== children)
         if (isStaticChildren)
           if (isArrayImpl(children)) {
@@ -291,9 +290,9 @@ function requireReactJsxRuntime_development() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else validateChildKeys(children);
-      if (hasOwnProperty2.call(config2, "key")) {
+      if (hasOwnProperty2.call(config, "key")) {
         children = getComponentNameFromType(type);
-        var keys2 = Object.keys(config2).filter(function(k) {
+        var keys2 = Object.keys(config).filter(function(k) {
           return "key" !== k;
         });
         isStaticChildren = 0 < keys2.length ? "{key: someKey, " + keys2.join(": ..., ") + ": ...}" : "{key: someKey}";
@@ -307,12 +306,12 @@ function requireReactJsxRuntime_development() {
       }
       children = null;
       void 0 !== maybeKey && (checkKeyStringCoercion(maybeKey), children = "" + maybeKey);
-      hasValidKey(config2) && (checkKeyStringCoercion(config2.key), children = "" + config2.key);
-      if ("key" in config2) {
+      hasValidKey(config) && (checkKeyStringCoercion(config.key), children = "" + config.key);
+      if ("key" in config) {
         maybeKey = {};
-        for (var propName in config2)
-          "key" !== propName && (maybeKey[propName] = config2[propName]);
-      } else maybeKey = config2;
+        for (var propName in config)
+          "key" !== propName && (maybeKey[propName] = config[propName]);
+      } else maybeKey = config;
       children && defineKeyPropWarningGetter(
         maybeKey,
         "function" === typeof type ? type.displayName || type.name || "Unknown" : type
@@ -349,22 +348,22 @@ function requireReactJsxRuntime_development() {
     var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
     var didWarnAboutKeySpread = {};
     reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-    reactJsxRuntime_development.jsx = function(type, config2, maybeKey) {
+    reactJsxRuntime_development.jsx = function(type, config, maybeKey) {
       var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
       return jsxDEVImpl(
         type,
-        config2,
+        config,
         maybeKey,
         false,
         trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
         trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
       );
     };
-    reactJsxRuntime_development.jsxs = function(type, config2, maybeKey) {
+    reactJsxRuntime_development.jsxs = function(type, config, maybeKey) {
       var trackActualOwner = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
       return jsxDEVImpl(
         type,
-        config2,
+        config,
         maybeKey,
         true,
         trackActualOwner ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
@@ -2468,12 +2467,12 @@ function callIfFn(maybeFn, arg) {
   return typeof maybeFn === "function" ? maybeFn(arg) : maybeFn;
 }
 function unstable_createStyleFunctionSx() {
-  function getThemeValue(prop, val, theme, config2) {
+  function getThemeValue(prop, val, theme, config) {
     const props = {
       [prop]: val,
       theme
     };
-    const options = config2[prop];
+    const options = config[prop];
     if (!options) {
       return {
         [prop]: val
@@ -2520,7 +2519,7 @@ function unstable_createStyleFunctionSx() {
     if (!sx) {
       return null;
     }
-    const config2 = theme.unstable_sxConfig ?? defaultSxConfig;
+    const config = theme.unstable_sxConfig ?? defaultSxConfig;
     function traverse(sxInput) {
       let sxObject = sxInput;
       if (typeof sxInput === "function") {
@@ -2538,8 +2537,8 @@ function unstable_createStyleFunctionSx() {
         const value2 = callIfFn(sxObject[styleKey], theme);
         if (value2 !== null && value2 !== void 0) {
           if (typeof value2 === "object") {
-            if (config2[styleKey]) {
-              css = merge$1(css, getThemeValue(styleKey, value2, theme, config2));
+            if (config[styleKey]) {
+              css = merge$1(css, getThemeValue(styleKey, value2, theme, config));
             } else {
               const breakpointsValues = handleBreakpoints({
                 theme
@@ -2557,7 +2556,7 @@ function unstable_createStyleFunctionSx() {
               }
             }
           } else {
-            css = merge$1(css, getThemeValue(styleKey, value2, theme, config2));
+            css = merge$1(css, getThemeValue(styleKey, value2, theme, config));
           }
         }
       });
@@ -3450,23 +3449,6 @@ function internal_serializeStyles(styles2) {
   wrapper[0] = styles2;
   return serializeStyles(wrapper);
 }
-const specialProperty = "exact-prop: ​";
-function exactProp(propTypes2) {
-  if (process.env.NODE_ENV === "production") {
-    return propTypes2;
-  }
-  return {
-    ...propTypes2,
-    [specialProperty]: (props) => {
-      const unsupportedProps = Object.keys(props).filter((prop) => !propTypes2.hasOwnProperty(prop));
-      if (unsupportedProps.length > 0) {
-        return new Error(`The following props are not supported: ${unsupportedProps.map((prop) => `\`${prop}\``).join(", ")}. Please remove them.`);
-      }
-      return null;
-    }
-  };
-}
-const useEnhancedEffect = typeof window !== "undefined" ? React__namespace.useLayoutEffect : React__namespace.useEffect;
 function r(e) {
   var t, f, n = "";
   if ("string" == typeof e || "number" == typeof e) n += e;
@@ -3548,12 +3530,12 @@ function getThemeProps(params) {
   if (!theme || !theme.components || !theme.components[name2]) {
     return props;
   }
-  const config2 = theme.components[name2];
-  if (config2.defaultProps) {
-    return resolveProps(config2.defaultProps, props, theme.components.mergeClassNameAndStyle);
+  const config = theme.components[name2];
+  if (config.defaultProps) {
+    return resolveProps(config.defaultProps, props, theme.components.mergeClassNameAndStyle);
   }
-  if (!config2.styleOverrides && !config2.variants) {
-    return resolveProps(config2, props, theme.components.mergeClassNameAndStyle);
+  if (!config.styleOverrides && !config.variants) {
+    return resolveProps(config, props, theme.components.mergeClassNameAndStyle);
   }
   return props;
 }
@@ -4969,6 +4951,23 @@ function useTheme() {
   }
   return theme[THEME_ID] || theme;
 }
+function GlobalStyles$1(props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(system.GlobalStyles, {
+    ...props,
+    defaultTheme,
+    themeId: THEME_ID
+  });
+}
+process.env.NODE_ENV !== "production" ? GlobalStyles$1.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The styles you want to apply globally.
+   */
+  styles: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.string, PropTypes.bool])
+} : void 0;
 function getFunctionComponentName(Component2, fallback = "") {
   return Component2.displayName || Component2.name || fallback;
 }
@@ -5259,6 +5258,19 @@ const styled = createStyled({
   defaultTheme,
   rootShouldForwardProp
 });
+function globalCss(styles2) {
+  return function GlobalStylesWrapper(props) {
+    return (
+      // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
+      /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStyles$1, {
+        styles: typeof styles2 === "function" ? (theme) => styles2({
+          theme,
+          ...props
+        }) : styles2
+      })
+    );
+  };
+}
 process.env.NODE_ENV !== "production" ? {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
@@ -5276,6 +5288,147 @@ process.env.NODE_ENV !== "production" ? {
 function useDefaultProps(params) {
   return useDefaultProps$1(params);
 }
+const isDynamicSupport = typeof globalCss({}) === "function";
+const html = (theme, enableColorScheme) => ({
+  WebkitFontSmoothing: "antialiased",
+  // Antialiasing.
+  MozOsxFontSmoothing: "grayscale",
+  // Antialiasing.
+  // Change from `box-sizing: content-box` so that `width`
+  // is not affected by `padding` or `border`.
+  boxSizing: "border-box",
+  // Fix font resize problem in iOS
+  WebkitTextSizeAdjust: "100%",
+  // When used under CssVarsProvider, colorScheme should not be applied dynamically because it will generate the stylesheet twice for server-rendered applications.
+  ...enableColorScheme && !theme.vars && {
+    colorScheme: theme.palette.mode
+  }
+});
+const body = (theme) => ({
+  color: (theme.vars || theme).palette.text.primary,
+  ...theme.typography.body1,
+  backgroundColor: (theme.vars || theme).palette.background.default,
+  "@media print": {
+    // Save printer ink.
+    backgroundColor: (theme.vars || theme).palette.common.white
+  }
+});
+const styles = (theme, enableColorScheme = false) => {
+  const colorSchemeStyles = {};
+  if (enableColorScheme && theme.colorSchemes && typeof theme.getColorSchemeSelector === "function") {
+    Object.entries(theme.colorSchemes).forEach(([key, scheme]) => {
+      const selector = theme.getColorSchemeSelector(key);
+      if (selector.startsWith("@")) {
+        colorSchemeStyles[selector] = {
+          ":root": {
+            colorScheme: scheme.palette?.mode
+          }
+        };
+      } else {
+        colorSchemeStyles[selector.replace(/\s*&/, "")] = {
+          colorScheme: scheme.palette?.mode
+        };
+      }
+    });
+  }
+  let defaultStyles = {
+    html: html(theme, enableColorScheme),
+    "*, *::before, *::after": {
+      boxSizing: "inherit"
+    },
+    "strong, b": {
+      fontWeight: theme.typography.fontWeightBold
+    },
+    body: {
+      margin: 0,
+      // Remove the margin in all browsers.
+      ...body(theme),
+      // Add support for document.body.requestFullScreen().
+      // Other elements, if background transparent, are not supported.
+      "&::backdrop": {
+        backgroundColor: (theme.vars || theme).palette.background.default
+      }
+    },
+    ...colorSchemeStyles
+  };
+  const themeOverrides = theme.components?.MuiCssBaseline?.styleOverrides;
+  if (themeOverrides) {
+    defaultStyles = [defaultStyles, themeOverrides];
+  }
+  return defaultStyles;
+};
+const SELECTOR = "mui-ecs";
+const staticStyles = (theme) => {
+  const result = styles(theme, false);
+  const baseStyles = Array.isArray(result) ? result[0] : result;
+  if (!theme.vars && baseStyles) {
+    baseStyles.html[`:root:has(${SELECTOR})`] = {
+      colorScheme: theme.palette.mode
+    };
+  }
+  if (theme.colorSchemes) {
+    Object.entries(theme.colorSchemes).forEach(([key, scheme]) => {
+      const selector = theme.getColorSchemeSelector(key);
+      if (selector.startsWith("@")) {
+        baseStyles[selector] = {
+          [`:root:not(:has(.${SELECTOR}))`]: {
+            colorScheme: scheme.palette?.mode
+          }
+        };
+      } else {
+        baseStyles[selector.replace(/\s*&/, "")] = {
+          [`&:not(:has(.${SELECTOR}))`]: {
+            colorScheme: scheme.palette?.mode
+          }
+        };
+      }
+    });
+  }
+  return result;
+};
+const GlobalStyles = globalCss(isDynamicSupport ? ({
+  theme,
+  enableColorScheme
+}) => styles(theme, enableColorScheme) : ({
+  theme
+}) => staticStyles(theme));
+function CssBaseline(inProps) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: "MuiCssBaseline"
+  });
+  const {
+    children,
+    enableColorScheme = false
+  } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(React__namespace.Fragment, {
+    children: [isDynamicSupport && /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalStyles, {
+      enableColorScheme
+    }), !isDynamicSupport && !enableColorScheme && /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
+      className: SELECTOR,
+      style: {
+        display: "none"
+      }
+    }), children]
+  });
+}
+process.env.NODE_ENV !== "production" ? CssBaseline.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * You can wrap a node.
+   */
+  children: PropTypes.node,
+  /**
+   * Enable `color-scheme` CSS property to use `theme.palette.mode`.
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For browser support, check out https://caniuse.com/?search=color-scheme
+   * @default false
+   */
+  enableColorScheme: PropTypes.bool
+} : void 0;
 const getDefaultsFromPostinstall = () => void 0;
 /**
  * @license
@@ -6746,12 +6899,12 @@ const ERROR_FACTORY$2 = new ErrorFactory("app", "Firebase", ERRORS);
  * limitations under the License.
  */
 class FirebaseAppImpl {
-  constructor(options, config2, container) {
+  constructor(options, config, container) {
     this._isDeleted = false;
     this._options = { ...options };
-    this._config = { ...config2 };
-    this._name = config2.name;
-    this._automaticDataCollectionEnabled = config2.automaticDataCollectionEnabled;
+    this._config = { ...config };
+    this._name = config.name;
+    this._automaticDataCollectionEnabled = config.automaticDataCollectionEnabled;
     this._container = container;
     this.container.addComponent(new Component(
       "app",
@@ -6805,12 +6958,12 @@ function initializeApp(_options, rawConfig = {}) {
     const name3 = rawConfig;
     rawConfig = { name: name3 };
   }
-  const config2 = {
+  const config = {
     name: DEFAULT_ENTRY_NAME,
     automaticDataCollectionEnabled: true,
     ...rawConfig
   };
-  const name2 = config2.name;
+  const name2 = config.name;
   if (typeof name2 !== "string" || !name2) {
     throw ERROR_FACTORY$2.create("bad-app-name", {
       appName: String(name2)
@@ -6825,7 +6978,7 @@ function initializeApp(_options, rawConfig = {}) {
   }
   const existingApp = _apps.get(name2);
   if (existingApp) {
-    if (deepEqual(options, existingApp.options) && deepEqual(config2, existingApp.config)) {
+    if (deepEqual(options, existingApp.options) && deepEqual(config, existingApp.config)) {
       return existingApp;
     } else {
       throw ERROR_FACTORY$2.create("duplicate-app", { appName: name2 });
@@ -6835,7 +6988,7 @@ function initializeApp(_options, rawConfig = {}) {
   for (const component of _components.values()) {
     container.addComponent(component);
   }
-  const newApp = new FirebaseAppImpl(options, config2, container);
+  const newApp = new FirebaseAppImpl(options, config, container);
   _apps.set(name2, newApp);
   return newApp;
 }
@@ -7361,7 +7514,7 @@ async function createInstallationRequest({ appConfig, heartbeatServiceProvider }
       headers.append("x-firebase-client", heartbeatsHeader);
     }
   }
-  const body = {
+  const body2 = {
     fid,
     authVersion: INTERNAL_AUTH_VERSION,
     appId: appConfig.appId,
@@ -7370,7 +7523,7 @@ async function createInstallationRequest({ appConfig, heartbeatServiceProvider }
   const request = {
     method: "POST",
     headers,
-    body: JSON.stringify(body)
+    body: JSON.stringify(body2)
   };
   const response = await retryIfServerError(() => fetch(endpoint, request));
   if (response.ok) {
@@ -7758,7 +7911,7 @@ async function generateAuthTokenRequest({ appConfig, heartbeatServiceProvider },
       headers.append("x-firebase-client", heartbeatsHeader);
     }
   }
-  const body = {
+  const body2 = {
     installation: {
       sdkVersion: PACKAGE_VERSION,
       appId: appConfig.appId
@@ -7767,7 +7920,7 @@ async function generateAuthTokenRequest({ appConfig, heartbeatServiceProvider },
   const request = {
     method: "POST",
     headers,
-    body: JSON.stringify(body)
+    body: JSON.stringify(body2)
   };
   const response = await retryIfServerError(() => fetch(endpoint, request));
   if (response.ok) {
@@ -7951,7 +8104,7 @@ async function getId(installations) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-async function getToken(installations, forceRefresh = false) {
+async function getToken$2(installations, forceRefresh = false) {
   const installationsImpl = installations;
   await completeInstallationRegistration(installationsImpl);
   const authToken = await refreshAuthToken(installationsImpl, forceRefresh);
@@ -8043,7 +8196,7 @@ const internalFactory = (container) => {
   const installations = _getProvider(app2, INSTALLATIONS_NAME).getImmediate();
   const installationsInternal = {
     getId: () => getId(installations),
-    getToken: (forceRefresh) => getToken(installations, forceRefresh)
+    getToken: (forceRefresh) => getToken$2(installations, forceRefresh)
   };
   return installationsInternal;
 };
@@ -8411,11 +8564,11 @@ const ERROR_FACTORY = new ErrorFactory("messaging", "Messaging", ERROR_MAP);
  */
 async function requestGetToken(firebaseDependencies, subscriptionOptions) {
   const headers = await getHeaders(firebaseDependencies);
-  const body = getBody(subscriptionOptions);
+  const body2 = getBody(subscriptionOptions);
   const subscribeOptions = {
     method: "POST",
     headers,
-    body: JSON.stringify(body)
+    body: JSON.stringify(body2)
   };
   let responseData;
   try {
@@ -8442,11 +8595,11 @@ async function requestGetToken(firebaseDependencies, subscriptionOptions) {
 }
 async function requestUpdateToken(firebaseDependencies, tokenDetails) {
   const headers = await getHeaders(firebaseDependencies);
-  const body = getBody(tokenDetails.subscriptionOptions);
+  const body2 = getBody(tokenDetails.subscriptionOptions);
   const updateOptions = {
     method: "PATCH",
     headers,
-    body: JSON.stringify(body)
+    body: JSON.stringify(body2)
   };
   let responseData;
   try {
@@ -8505,7 +8658,7 @@ async function getHeaders({ appConfig, installations }) {
   });
 }
 function getBody({ p256dh, auth, endpoint, vapidKey }) {
-  const body = {
+  const body2 = {
     web: {
       endpoint,
       auth,
@@ -8513,9 +8666,9 @@ function getBody({ p256dh, auth, endpoint, vapidKey }) {
     }
   };
   if (vapidKey !== DEFAULT_VAPID_KEY) {
-    body.web.applicationPubKey = vapidKey;
+    body2.web.applicationPubKey = vapidKey;
   }
-  return body;
+  return body2;
 }
 /**
  * @license
@@ -8644,9 +8797,9 @@ function propagateNotificationPayload(payload, messagePayloadInternal) {
   if (!!title) {
     payload.notification.title = title;
   }
-  const body = messagePayloadInternal.notification.body;
-  if (!!body) {
-    payload.notification.body = body;
+  const body2 = messagePayloadInternal.notification.body;
+  if (!!body2) {
+    payload.notification.body = body2;
   }
   const image = messagePayloadInternal.notification.image;
   if (!!image) {
@@ -9093,6 +9246,10 @@ function getMessagingInWindow(app2 = getApp()) {
   });
   return _getProvider(getModularInstance(app2), "messaging").getImmediate();
 }
+async function getToken(messaging2, options) {
+  messaging2 = getModularInstance(messaging2);
+  return getToken$1(messaging2, options);
+}
 registerMessagingInWindow();
 var name = "firebase";
 var version = "12.3.0";
@@ -9455,9 +9612,6 @@ var RouteType = /* @__PURE__ */ ((RouteType2) => {
   RouteType2["PROTECTED"] = "PROTECTED";
   return RouteType2;
 })(RouteType || {});
-const DASHBOARD_BASE = "/dashboard";
-const PREFIX_SETTING_JOB = "job-settings/";
-const PREFIX_WORKFLOW_ENGINE = "/workflow";
 const ALLOW_USER_TYPES = [UserType.ADMIN, UserType.HR, UserType.User, UserType.C_B, UserType.ROOT];
 const PAGE = {
   // Public
@@ -9474,15 +9628,11 @@ const PAGE = {
 };
 const DASHBOARD_SCREEN = {
   DASHBOARD: {
-    path: "",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // dashboard
   PROJECT_DASHBOARD: {
-    path: "project-dashboard",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   JOB_DASHBOARD: {
     path: "job-dashboard",
@@ -9490,208 +9640,151 @@ const DASHBOARD_SCREEN = {
     allowUserTypes: [UserType.ADMIN, UserType.HR, UserType.ROOT]
   },
   PROJECT_TASK_PROCESS: {
-    path: "process-dashboard",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // job
   JOB: {
-    path: "job-hr",
     type: RouteType.PROTECTED,
     allowUserTypes: [UserType.ADMIN, UserType.HR, UserType.ROOT]
   },
   JOB_RECRUITMENT: {
-    path: "job-recruitment",
     type: RouteType.PROTECTED,
     allowUserTypes: [UserType.ADMIN, UserType.User, UserType.C_B, UserType.ROOT]
   },
   JOB_RECRUITMENT_DETAIL: {
-    path: "job-recruitment/:id",
     type: RouteType.PROTECTED,
     allowUserTypes: [UserType.ADMIN, UserType.User, UserType.C_B, UserType.ROOT]
   },
   JOB_DETAIL: {
-    path: "job-hr/:id",
     type: RouteType.PROTECTED,
     allowUserTypes: [UserType.ADMIN, UserType.C_B, UserType.HR, UserType.ROOT]
   },
   //setting  job parent
   JOB_TITLE: {
-    path: PREFIX_SETTING_JOB + "job-title",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   JOB_BANNER: {
-    path: PREFIX_SETTING_JOB + "banner",
     type: RouteType.PROTECTED,
     allowUserTypes: [UserType.ADMIN, UserType.HR, UserType.ROOT]
   },
   JOB_SOCIAL: {
-    path: PREFIX_SETTING_JOB + "job-social",
     type: RouteType.PROTECTED,
     allowUserTypes: [UserType.ADMIN, UserType.HR, UserType.ROOT]
   },
   JOB_RECRUITMENT_HISTORY: {
-    path: PREFIX_SETTING_JOB + "history-recruitment",
     type: RouteType.PROTECTED,
     allowUserTypes: [UserType.ADMIN, UserType.User, UserType.C_B, UserType.ROOT]
   },
   INDUSTRY: {
-    path: PREFIX_SETTING_JOB + "industry",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   EMAIL_TEMPLATE: {
-    path: PREFIX_SETTING_JOB + "email-template",
     type: RouteType.PROTECTED,
     allowUserTypes: [UserType.ADMIN, UserType.HR, UserType.ROOT]
   },
   FAQ: {
-    path: PREFIX_SETTING_JOB + "faq",
     type: RouteType.PROTECTED,
     allowUserTypes: [UserType.ADMIN, UserType.HR, UserType.ROOT]
   },
   SALARY: {
-    path: PREFIX_SETTING_JOB + "salary-range",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // application
   APPLICATION: {
-    path: "application-office",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   APPLICATION_OPERATOR: {
-    path: "application-operator",
     type: RouteType.PROTECTED,
     allowUserTypes: [UserType.ADMIN, UserType.HR, UserType.ROOT]
   },
   // project - Phần này để tạm sẽ fix thêm 1 lần nữa
   PROJECT_TASK: {
     path: "project-task",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   CREATE_PROJECT: {
-    path: "create-project",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   DETAIL_PROJECT: {
-    path: "detail-project",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   CREATE_TASK: {
-    path: "create-task",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   ALL_PROJECT_OF_DIVISION: {
-    path: "all-project-of-division",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // org
   ORG_UNIT_TREE: {
-    path: "org-unit-tree",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   ORG_UNIT_RESTORE: {
-    path: "org-unit-restore",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   ORG_STRUCTURE: {
     path: "org-structure",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   POSITION_TREE: {
-    path: "position-tree",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   POSITION_RESTORE: {
-    path: "position-restore",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   //user
   USER: {
     path: "user-list",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   USER_RESTORE: {
-    path: "user-restore",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // other
   ACCOUNT: {
     path: "account",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   NOTIFICATION: {
-    path: "notification",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // check in
   CHECK_IN: {
     path: "check-in",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // payroll
   PAYROLL: {
     path: "payroll",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // training
   TRAINING: {
     path: "training",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // truyền thông
   INSIDE: {
     path: "inside",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   //list proposal
   PROPOSAL_SELECTOR: {
-    path: "proposal-selector",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // Các loại proposal workflow cụ thể
   PROPOSAL_WORKFLOW_PROJECT: {
-    path: "proposal-workflow/project-proposal",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   PROPOSAL_WORKFLOW_JOB: {
-    path: "proposal-workflow/job-recruitment",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   PROPOSAL_WORKFLOW_USER: {
-    path: "proposal-workflow/user-movement",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // Chat
   CHAT: {
     path: "chat",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   }
 };
 const BOOKING_SCREEN = {
@@ -9703,62 +9796,42 @@ const WORKFLOW_ENGINE_SCREEN = {
   //job
   PROPOSAL_JOB_RECRUITMENT: {
     path: "request-job",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   PROPOSAL_WORKFLOW: {
-    path: ":type/:id",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   // project
   PROPOSAL_PROJECT_TASK: {
-    path: "request-project",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   //user
   PROPOSAL_USER_TRANSFER: {
-    path: "user-transfer",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   PROPOSAL_USER_APPOINTMENT: {
-    path: "user-appointment",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   PROPOSAL_USER_EXEMPTION: {
-    path: "user-exemption",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   PROPOSAL_USER_WORKFLOW_APPOINTMENT: {
-    path: "user-appointment/:type",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   PROPOSAL_USER_WORKFLOW_TRANSFER: {
-    path: "user-transfer/:type",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   PROPOSAL_USER_WORKFLOW_DEMOTION: {
-    path: "user-exemption/:type",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   }
 };
 const WORKFLOW_TRACKING_SCREEN = {
   MY_TASK: {
     path: "my-task",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   },
   MY_WORK: {
-    path: "my-work",
-    type: RouteType.PROTECTED,
-    allowUserTypes: ALLOW_USER_TYPES
+    type: RouteType.PROTECTED
   }
 };
 var AppCategory = /* @__PURE__ */ ((AppCategory2) => {
@@ -11001,6 +11074,24 @@ function requireStorage() {
 }
 var storageExports = requireStorage();
 const storage = /* @__PURE__ */ getDefaultExportFromCjs(storageExports);
+const changeMode = toolkit.createAsyncThunk("CHANGE_MODE", (currentMode) => {
+  return currentMode === Mode.LIGHT ? Mode.DARK : Mode.LIGHT;
+});
+const initialStateSystem = {
+  mode: Mode.LIGHT
+};
+const slice$1 = toolkit.createSlice({
+  // Name Slice
+  name: "system",
+  initialState: initialStateSystem,
+  reducers: {},
+  extraReducers: (builder) => {
+    builder.addCase(changeMode.fulfilled, (state, action) => {
+      state.mode = action.payload;
+    });
+  }
+});
+const reducerSystem = slice$1.reducer;
 function bind(fn, thisArg) {
   return function wrap2() {
     return fn.apply(thisArg, arguments);
@@ -11273,7 +11364,7 @@ const toObjectSet = (arrayOrString, delimiter) => {
   isArray$1(arrayOrString) ? define(arrayOrString) : define(String(arrayOrString).split(delimiter));
   return obj;
 };
-const noop$2 = () => {
+const noop$1 = () => {
 };
 const toFiniteNumber = (value2, defaultValue) => {
   return value2 != null && Number.isFinite(value2 = +value2) ? value2 : defaultValue;
@@ -11376,7 +11467,7 @@ const utils$1 = {
   freezeMethods,
   toObjectSet,
   toCamelCase,
-  noop: noop$2,
+  noop: noop$1,
   toFiniteNumber,
   findKey,
   global: _global,
@@ -11389,7 +11480,7 @@ const utils$1 = {
   asap,
   isIterable
 };
-function AxiosError$1(message, code, config2, request, response) {
+function AxiosError$1(message, code, config, request, response) {
   Error.call(this);
   if (Error.captureStackTrace) {
     Error.captureStackTrace(this, this.constructor);
@@ -11399,7 +11490,7 @@ function AxiosError$1(message, code, config2, request, response) {
   this.message = message;
   this.name = "AxiosError";
   code && (this.code = code);
-  config2 && (this.config = config2);
+  config && (this.config = config);
   request && (this.request = request);
   if (response) {
     this.response = response;
@@ -11448,7 +11539,7 @@ const descriptors = {};
 });
 Object.defineProperties(AxiosError$1, descriptors);
 Object.defineProperty(prototype$1, "isAxiosError", { value: true });
-AxiosError$1.from = (error, code, config2, request, response, customProps) => {
+AxiosError$1.from = (error, code, config, request, response, customProps) => {
   const axiosError = Object.create(prototype$1);
   utils$1.toFlatObject(error, axiosError, function filter3(obj) {
     return obj !== Error.prototype;
@@ -11457,7 +11548,7 @@ AxiosError$1.from = (error, code, config2, request, response, customProps) => {
   });
   const msg = error && error.message ? error.message : "Error";
   const errCode = code == null && error ? error.code : code;
-  AxiosError$1.call(axiosError, msg, errCode, config2, request, response);
+  AxiosError$1.call(axiosError, msg, errCode, config, request, response);
   if (error && axiosError.cause == null) {
     Object.defineProperty(axiosError, "cause", { value: error, configurable: true });
   }
@@ -12173,12 +12264,12 @@ utils$1.reduceDescriptors(AxiosHeaders$1.prototype, ({ value: value2 }, key) =>
 });
 utils$1.freezeMethods(AxiosHeaders$1);
 function transformData(fns, response) {
-  const config2 = this || defaults;
-  const context = response || config2;
+  const config = this || defaults;
+  const context = response || config;
   const headers = AxiosHeaders$1.from(context.headers);
   let data = context.data;
   utils$1.forEach(fns, function transform(fn) {
-    data = fn.call(config2, data, headers.normalize(), response ? response.status : void 0);
+    data = fn.call(config, data, headers.normalize(), response ? response.status : void 0);
   });
   headers.normalize();
   return data;
@@ -12186,8 +12277,8 @@ function transformData(fns, response) {
 function isCancel$1(value2) {
   return !!(value2 && value2.__CANCEL__);
 }
-function CanceledError$1(message, config2, request) {
-  AxiosError$1.call(this, message == null ? "canceled" : message, AxiosError$1.ERR_CANCELED, config2, request);
+function CanceledError$1(message, config, request) {
+  AxiosError$1.call(this, message == null ? "canceled" : message, AxiosError$1.ERR_CANCELED, config, request);
   this.name = "CanceledError";
 }
 utils$1.inherits(CanceledError$1, AxiosError$1, {
@@ -12363,7 +12454,7 @@ function buildFullPath(baseURL, requestedURL, allowAbsoluteUrls) {
 const headersToObject = (thing) => thing instanceof AxiosHeaders$1 ? { ...thing } : thing;
 function mergeConfig$1(config1, config2) {
   config2 = config2 || {};
-  const config3 = {};
+  const config = {};
   function getMergedValue(target, source, prop, caseless) {
     if (utils$1.isPlainObject(target) && utils$1.isPlainObject(source)) {
       return utils$1.merge.call({ caseless }, target, source);
@@ -12434,15 +12525,15 @@ function mergeConfig$1(config1, config2) {
   utils$1.forEach(Object.keys({ ...config1, ...config2 }), function computeConfigValue(prop) {
     const merge2 = mergeMap[prop] || mergeDeepProperties;
     const configValue = merge2(config1[prop], config2[prop], prop);
-    utils$1.isUndefined(configValue) && merge2 !== mergeDirectKeys || (config3[prop] = configValue);
+    utils$1.isUndefined(configValue) && merge2 !== mergeDirectKeys || (config[prop] = configValue);
   });
-  return config3;
+  return config;
 }
-const resolveConfig = (config2) => {
-  const newConfig = mergeConfig$1({}, config2);
+const resolveConfig = (config) => {
+  const newConfig = mergeConfig$1({}, config);
   let { data, withXSRFToken, xsrfHeaderName, xsrfCookieName, headers, auth } = newConfig;
   newConfig.headers = headers = AxiosHeaders$1.from(headers);
-  newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url, newConfig.allowAbsoluteUrls), config2.params, config2.paramsSerializer);
+  newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url, newConfig.allowAbsoluteUrls), config.params, config.paramsSerializer);
   if (auth) {
     headers.set(
       "Authorization",
@@ -12474,9 +12565,9 @@ const resolveConfig = (config2) => {
   return newConfig;
 };
 const isXHRAdapterSupported = typeof XMLHttpRequest !== "undefined";
-const xhrAdapter = isXHRAdapterSupported && function(config2) {
+const xhrAdapter = isXHRAdapterSupported && function(config) {
   return new Promise(function dispatchXhrRequest(resolve, reject) {
-    const _config = resolveConfig(config2);
+    const _config = resolveConfig(config);
     let requestData = _config.data;
     const requestHeaders = AxiosHeaders$1.from(_config.headers).normalize();
     let { responseType, onUploadProgress, onDownloadProgress } = _config;
@@ -12505,7 +12596,7 @@ const xhrAdapter = isXHRAdapterSupported && function(config2) {
         status: request.status,
         statusText: request.statusText,
         headers: responseHeaders,
-        config: config2,
+        config,
         request
       };
       settle(function _resolve(value2) {
@@ -12534,12 +12625,12 @@ const xhrAdapter = isXHRAdapterSupported && function(config2) {
       if (!request) {
         return;
       }
-      reject(new AxiosError$1("Request aborted", AxiosError$1.ECONNABORTED, config2, request));
+      reject(new AxiosError$1("Request aborted", AxiosError$1.ECONNABORTED, config, request));
       request = null;
     };
     request.onerror = function handleError(event) {
       const msg = event && event.message ? event.message : "Network Error";
-      const err = new AxiosError$1(msg, AxiosError$1.ERR_NETWORK, config2, request);
+      const err = new AxiosError$1(msg, AxiosError$1.ERR_NETWORK, config, request);
       err.event = event || null;
       reject(err);
       request = null;
@@ -12553,7 +12644,7 @@ const xhrAdapter = isXHRAdapterSupported && function(config2) {
       reject(new AxiosError$1(
         timeoutErrorMessage,
         transitional2.clarifyTimeoutError ? AxiosError$1.ETIMEDOUT : AxiosError$1.ECONNABORTED,
-        config2,
+        config,
         request
       ));
       request = null;
@@ -12584,7 +12675,7 @@ const xhrAdapter = isXHRAdapterSupported && function(config2) {
         if (!request) {
           return;
         }
-        reject(!cancel || cancel.type ? new CanceledError$1(null, config2, request) : cancel);
+        reject(!cancel || cancel.type ? new CanceledError$1(null, config, request) : cancel);
         request.abort();
         request = null;
       };
@@ -12595,15 +12686,15 @@ const xhrAdapter = isXHRAdapterSupported && function(config2) {
     }
     const protocol2 = parseProtocol(_config.url);
     if (protocol2 && platform.protocols.indexOf(protocol2) === -1) {
-      reject(new AxiosError$1("Unsupported protocol " + protocol2 + ":", AxiosError$1.ERR_BAD_REQUEST, config2));
+      reject(new AxiosError$1("Unsupported protocol " + protocol2 + ":", AxiosError$1.ERR_BAD_REQUEST, config));
       return;
     }
     request.send(requestData || null);
   });
 };
-const composeSignals = (signals, timeout2) => {
+const composeSignals = (signals, timeout) => {
   const { length } = signals = signals ? signals.filter(Boolean) : [];
-  if (timeout2 || length) {
+  if (timeout || length) {
     let controller = new AbortController();
     let aborted;
     const onabort = function(reason) {
@@ -12614,10 +12705,10 @@ const composeSignals = (signals, timeout2) => {
         controller.abort(err instanceof AxiosError$1 ? err : new CanceledError$1(err instanceof Error ? err.message : err));
       }
     };
-    let timer = timeout2 && setTimeout(() => {
+    let timer = timeout && setTimeout(() => {
       timer = null;
-      onabort(new AxiosError$1(`timeout ${timeout2} of ms exceeded`, AxiosError$1.ETIMEDOUT));
-    }, timeout2);
+      onabort(new AxiosError$1(`timeout ${timeout} of ms exceeded`, AxiosError$1.ETIMEDOUT));
+    }, timeout);
     const unsubscribe = () => {
       if (signals) {
         timer && clearTimeout(timer);
@@ -12757,61 +12848,61 @@ const factory = (env) => {
   };
   isFetchSupported && (() => {
     ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((type) => {
-      !resolvers[type] && (resolvers[type] = (res, config2) => {
+      !resolvers[type] && (resolvers[type] = (res, config) => {
         let method = res && res[type];
         if (method) {
           return method.call(res);
         }
-        throw new AxiosError$1(`Response type '${type}' is not supported`, AxiosError$1.ERR_NOT_SUPPORT, config2);
+        throw new AxiosError$1(`Response type '${type}' is not supported`, AxiosError$1.ERR_NOT_SUPPORT, config);
       });
     });
   })();
-  const getBodyLength = async (body) => {
-    if (body == null) {
+  const getBodyLength = async (body2) => {
+    if (body2 == null) {
       return 0;
     }
-    if (utils$1.isBlob(body)) {
-      return body.size;
+    if (utils$1.isBlob(body2)) {
+      return body2.size;
     }
-    if (utils$1.isSpecCompliantForm(body)) {
+    if (utils$1.isSpecCompliantForm(body2)) {
       const _request = new Request2(platform.origin, {
         method: "POST",
-        body
+        body: body2
       });
       return (await _request.arrayBuffer()).byteLength;
     }
-    if (utils$1.isArrayBufferView(body) || utils$1.isArrayBuffer(body)) {
-      return body.byteLength;
+    if (utils$1.isArrayBufferView(body2) || utils$1.isArrayBuffer(body2)) {
+      return body2.byteLength;
     }
-    if (utils$1.isURLSearchParams(body)) {
-      body = body + "";
+    if (utils$1.isURLSearchParams(body2)) {
+      body2 = body2 + "";
     }
-    if (utils$1.isString(body)) {
-      return (await encodeText(body)).byteLength;
+    if (utils$1.isString(body2)) {
+      return (await encodeText(body2)).byteLength;
     }
   };
-  const resolveBodyLength = async (headers, body) => {
+  const resolveBodyLength = async (headers, body2) => {
     const length = utils$1.toFiniteNumber(headers.getContentLength());
-    return length == null ? getBodyLength(body) : length;
+    return length == null ? getBodyLength(body2) : length;
   };
-  return async (config2) => {
+  return async (config) => {
     let {
       url: url2,
       method,
       data,
       signal,
       cancelToken,
-      timeout: timeout2,
+      timeout,
       onDownloadProgress,
       onUploadProgress,
       responseType,
       headers,
       withCredentials = "same-origin",
       fetchOptions
-    } = resolveConfig(config2);
+    } = resolveConfig(config);
     let _fetch = envFetch || fetch;
     responseType = responseType ? (responseType + "").toLowerCase() : "text";
-    let composedSignal = composeSignals([signal, cancelToken && cancelToken.toAbortSignal()], timeout2);
+    let composedSignal = composeSignals([signal, cancelToken && cancelToken.toAbortSignal()], timeout);
     let request = null;
     const unsubscribe = composedSignal && composedSignal.unsubscribe && (() => {
       composedSignal.unsubscribe();
@@ -12871,7 +12962,7 @@ const factory = (env) => {
         );
       }
       responseType = responseType || "text";
-      let responseData = await resolvers[utils$1.findKey(resolvers, responseType) || "text"](response, config2);
+      let responseData = await resolvers[utils$1.findKey(resolvers, responseType) || "text"](response, config);
       !isStreamResponse && unsubscribe && unsubscribe();
       return await new Promise((resolve, reject) => {
         settle(resolve, reject, {
@@ -12879,7 +12970,7 @@ const factory = (env) => {
           headers: AxiosHeaders$1.from(response.headers),
           status: response.status,
           statusText: response.statusText,
-          config: config2,
+          config,
           request
         });
       });
@@ -12887,19 +12978,19 @@ const factory = (env) => {
       unsubscribe && unsubscribe();
       if (err && err.name === "TypeError" && /Load failed|fetch/i.test(err.message)) {
         throw Object.assign(
-          new AxiosError$1("Network Error", AxiosError$1.ERR_NETWORK, config2, request),
+          new AxiosError$1("Network Error", AxiosError$1.ERR_NETWORK, config, request),
           {
             cause: err.cause || err
           }
         );
       }
-      throw AxiosError$1.from(err, err && err.code, config2, request);
+      throw AxiosError$1.from(err, err && err.code, config, request);
     }
   };
 };
 const seedCache = /* @__PURE__ */ new Map();
-const getFetch = (config2) => {
-  let env = config2 ? config2.env : {};
+const getFetch = (config) => {
+  let env = config ? config.env : {};
   const { fetch: fetch2, Request: Request2, Response } = env;
   const seeds = [
     Request2,
@@ -12935,7 +13026,7 @@ utils$1.forEach(knownAdapters, (fn, value2) => {
 const renderReason = (reason) => `- ${reason}`;
 const isResolvedHandle = (adapter) => utils$1.isFunction(adapter) || adapter === null || adapter === false;
 const adapters = {
-  getAdapter: (adapters2, config2) => {
+  getAdapter: (adapters2, config) => {
     adapters2 = utils$1.isArray(adapters2) ? adapters2 : [adapters2];
     const { length } = adapters2;
     let nameOrAdapter;
@@ -12951,7 +13042,7 @@ const adapters = {
           throw new AxiosError$1(`Unknown adapter '${id2}'`);
         }
       }
-      if (adapter && (utils$1.isFunction(adapter) || (adapter = adapter.get(config2)))) {
+      if (adapter && (utils$1.isFunction(adapter) || (adapter = adapter.get(config)))) {
         break;
       }
       rejectedReasons[id2 || "#" + i] = adapter;
@@ -12970,41 +13061,41 @@ const adapters = {
   },
   adapters: knownAdapters
 };
-function throwIfCancellationRequested(config2) {
-  if (config2.cancelToken) {
-    config2.cancelToken.throwIfRequested();
+function throwIfCancellationRequested(config) {
+  if (config.cancelToken) {
+    config.cancelToken.throwIfRequested();
   }
-  if (config2.signal && config2.signal.aborted) {
-    throw new CanceledError$1(null, config2);
+  if (config.signal && config.signal.aborted) {
+    throw new CanceledError$1(null, config);
   }
 }
-function dispatchRequest(config2) {
-  throwIfCancellationRequested(config2);
-  config2.headers = AxiosHeaders$1.from(config2.headers);
-  config2.data = transformData.call(
-    config2,
-    config2.transformRequest
+function dispatchRequest(config) {
+  throwIfCancellationRequested(config);
+  config.headers = AxiosHeaders$1.from(config.headers);
+  config.data = transformData.call(
+    config,
+    config.transformRequest
   );
-  if (["post", "put", "patch"].indexOf(config2.method) !== -1) {
-    config2.headers.setContentType("application/x-www-form-urlencoded", false);
+  if (["post", "put", "patch"].indexOf(config.method) !== -1) {
+    config.headers.setContentType("application/x-www-form-urlencoded", false);
   }
-  const adapter = adapters.getAdapter(config2.adapter || defaults.adapter, config2);
-  return adapter(config2).then(function onAdapterResolution(response) {
-    throwIfCancellationRequested(config2);
+  const adapter = adapters.getAdapter(config.adapter || defaults.adapter, config);
+  return adapter(config).then(function onAdapterResolution(response) {
+    throwIfCancellationRequested(config);
     response.data = transformData.call(
-      config2,
-      config2.transformResponse,
+      config,
+      config.transformResponse,
       response
     );
     response.headers = AxiosHeaders$1.from(response.headers);
     return response;
   }, function onAdapterRejection(reason) {
     if (!isCancel$1(reason)) {
-      throwIfCancellationRequested(config2);
+      throwIfCancellationRequested(config);
       if (reason && reason.response) {
         reason.response.data = transformData.call(
-          config2,
-          config2.transformResponse,
+          config,
+          config.transformResponse,
           reason.response
         );
         reason.response.headers = AxiosHeaders$1.from(reason.response.headers);
@@ -13072,11 +13163,11 @@ function assertOptions(options, schema, allowUnknown) {
     }
   }
 }
-const validator$1 = {
+const validator = {
   assertOptions,
   validators: validators$1
 };
-const validators = validator$1.validators;
+const validators = validator.validators;
 let Axios$1 = class Axios {
   constructor(instanceConfig) {
     this.defaults = instanceConfig || {};
@@ -13093,9 +13184,9 @@ let Axios$1 = class Axios {
    *
    * @returns {Promise} The Promise to be fulfilled
    */
-  async request(configOrUrl, config2) {
+  async request(configOrUrl, config) {
     try {
-      return await this._request(configOrUrl, config2);
+      return await this._request(configOrUrl, config);
     } catch (err) {
       if (err instanceof Error) {
         let dummy = {};
@@ -13113,17 +13204,17 @@ let Axios$1 = class Axios {
       throw err;
     }
   }
-  _request(configOrUrl, config2) {
+  _request(configOrUrl, config) {
     if (typeof configOrUrl === "string") {
-      config2 = config2 || {};
-      config2.url = configOrUrl;
+      config = config || {};
+      config.url = configOrUrl;
     } else {
-      config2 = configOrUrl || {};
+      config = configOrUrl || {};
     }
-    config2 = mergeConfig$1(this.defaults, config2);
-    const { transitional: transitional2, paramsSerializer, headers } = config2;
+    config = mergeConfig$1(this.defaults, config);
+    const { transitional: transitional2, paramsSerializer, headers } = config;
     if (transitional2 !== void 0) {
-      validator$1.assertOptions(transitional2, {
+      validator.assertOptions(transitional2, {
         silentJSONParsing: validators.transitional(validators.boolean),
         forcedJSONParsing: validators.transitional(validators.boolean),
         clarifyTimeoutError: validators.transitional(validators.boolean)
@@ -13131,30 +13222,30 @@ let Axios$1 = class Axios {
     }
     if (paramsSerializer != null) {
       if (utils$1.isFunction(paramsSerializer)) {
-        config2.paramsSerializer = {
+        config.paramsSerializer = {
           serialize: paramsSerializer
         };
       } else {
-        validator$1.assertOptions(paramsSerializer, {
+        validator.assertOptions(paramsSerializer, {
           encode: validators.function,
           serialize: validators.function
         }, true);
       }
     }
-    if (config2.allowAbsoluteUrls !== void 0) ;
+    if (config.allowAbsoluteUrls !== void 0) ;
     else if (this.defaults.allowAbsoluteUrls !== void 0) {
-      config2.allowAbsoluteUrls = this.defaults.allowAbsoluteUrls;
+      config.allowAbsoluteUrls = this.defaults.allowAbsoluteUrls;
     } else {
-      config2.allowAbsoluteUrls = true;
+      config.allowAbsoluteUrls = true;
     }
-    validator$1.assertOptions(config2, {
+    validator.assertOptions(config, {
       baseUrl: validators.spelling("baseURL"),
       withXsrfToken: validators.spelling("withXSRFToken")
     }, true);
-    config2.method = (config2.method || this.defaults.method || "get").toLowerCase();
+    config.method = (config.method || this.defaults.method || "get").toLowerCase();
     let contextHeaders = headers && utils$1.merge(
       headers.common,
-      headers[config2.method]
+      headers[config.method]
     );
     headers && utils$1.forEach(
       ["delete", "get", "head", "post", "put", "patch", "common"],
@@ -13162,11 +13253,11 @@ let Axios$1 = class Axios {
         delete headers[method];
       }
     );
-    config2.headers = AxiosHeaders$1.concat(contextHeaders, headers);
+    config.headers = AxiosHeaders$1.concat(contextHeaders, headers);
     const requestInterceptorChain = [];
     let synchronousRequestInterceptors = true;
     this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {
-      if (typeof interceptor.runWhen === "function" && interceptor.runWhen(config2) === false) {
+      if (typeof interceptor.runWhen === "function" && interceptor.runWhen(config) === false) {
         return;
       }
       synchronousRequestInterceptors = synchronousRequestInterceptors && interceptor.synchronous;
@@ -13184,14 +13275,14 @@ let Axios$1 = class Axios {
       chain.unshift(...requestInterceptorChain);
       chain.push(...responseInterceptorChain);
       len = chain.length;
-      promise = Promise.resolve(config2);
+      promise = Promise.resolve(config);
       while (i < len) {
         promise = promise.then(chain[i++], chain[i++]);
       }
       return promise;
     }
     len = requestInterceptorChain.length;
-    let newConfig = config2;
+    let newConfig = config;
     while (i < len) {
       const onFulfilled = requestInterceptorChain[i++];
       const onRejected = requestInterceptorChain[i++];
@@ -13214,25 +13305,25 @@ let Axios$1 = class Axios {
     }
     return promise;
   }
-  getUri(config2) {
-    config2 = mergeConfig$1(this.defaults, config2);
-    const fullPath = buildFullPath(config2.baseURL, config2.url, config2.allowAbsoluteUrls);
-    return buildURL(fullPath, config2.params, config2.paramsSerializer);
+  getUri(config) {
+    config = mergeConfig$1(this.defaults, config);
+    const fullPath = buildFullPath(config.baseURL, config.url, config.allowAbsoluteUrls);
+    return buildURL(fullPath, config.params, config.paramsSerializer);
   }
 };
 utils$1.forEach(["delete", "get", "head", "options"], function forEachMethodNoData(method) {
-  Axios$1.prototype[method] = function(url2, config2) {
-    return this.request(mergeConfig$1(config2 || {}, {
+  Axios$1.prototype[method] = function(url2, config) {
+    return this.request(mergeConfig$1(config || {}, {
       method,
       url: url2,
-      data: (config2 || {}).data
+      data: (config || {}).data
     }));
   };
 });
 utils$1.forEach(["post", "put", "patch"], function forEachMethodWithData(method) {
   function generateHTTPMethod(isForm) {
-    return function httpMethod(url2, data, config2) {
-      return this.request(mergeConfig$1(config2 || {}, {
+    return function httpMethod(url2, data, config) {
+      return this.request(mergeConfig$1(config || {}, {
         method,
         headers: isForm ? {
           "Content-Type": "multipart/form-data"
@@ -13274,11 +13365,11 @@ let CancelToken$1 = class CancelToken {
       };
       return promise;
     };
-    executor(function cancel(message, config2, request) {
+    executor(function cancel(message, config, request) {
       if (token.reason) {
         return;
       }
-      token.reason = new CanceledError$1(message, config2, request);
+      token.reason = new CanceledError$1(message, config, request);
       resolvePromise(token.reason);
     });
   }
@@ -13486,35 +13577,17 @@ const remainingWeightSlice = toolkit.createSlice({
 const { setRemainingWeight, updateRemainingWeight, resetRemainingWeight } = remainingWeightSlice.actions;
 const remainingWeightReducer = remainingWeightSlice.reducer;
 const ACTION_ACCOUNT = accountActions;
-const changeMode = toolkit.createAsyncThunk("CHANGE_MODE", (currentMode) => {
-  return currentMode === Mode.LIGHT ? Mode.DARK : Mode.LIGHT;
-});
-const initialStateSystem = {
-  mode: Mode.LIGHT
-};
-const slice$1 = toolkit.createSlice({
-  // Name Slice
-  name: "system",
-  initialState: initialStateSystem,
-  reducers: {},
-  extraReducers: (builder) => {
-    builder.addCase(changeMode.fulfilled, (state, action) => {
-      state.mode = action.payload;
-    });
-  }
-});
-const reducerSystem = slice$1.reducer;
 const axiosRequest = axios.create({
   baseURL: "https://dev.be.office.sevago.local",
   timeout: 2e4,
   headers: { "Content-Type": "application/json", "X-CSRF-TOKEN": "CSRF-Token" },
   withCredentials: true
 });
-axiosRequest.interceptors.request.use(async (config2) => {
+axiosRequest.interceptors.request.use(async (config) => {
   const { userUnitPositionId, accessToken } = store.getState().account;
-  if (accessToken) config2.headers.Authorization = `Bearer ${accessToken}`;
-  if (userUnitPositionId) config2.headers["userUnitPositionId"] = userUnitPositionId;
-  return config2;
+  if (accessToken) config.headers.Authorization = `Bearer ${accessToken}`;
+  if (userUnitPositionId) config.headers["userUnitPositionId"] = userUnitPositionId;
+  return config;
 });
 let refreshingToken = null;
 axiosRequest.interceptors.response.use(
@@ -15846,8 +15919,8 @@ class Socket2 extends Emitter {
    */
   _registerAckCallback(id2, ack) {
     var _a;
-    const timeout2 = (_a = this.flags.timeout) !== null && _a !== void 0 ? _a : this._opts.ackTimeout;
-    if (timeout2 === void 0) {
+    const timeout = (_a = this.flags.timeout) !== null && _a !== void 0 ? _a : this._opts.ackTimeout;
+    if (timeout === void 0) {
       this.acks[id2] = ack;
       return;
     }
@@ -15859,7 +15932,7 @@ class Socket2 extends Emitter {
         }
       }
       ack.call(this, new Error("operation has timed out"));
-    }, timeout2);
+    }, timeout);
     const fn = (...args) => {
       this.io.clearTimeoutFn(timer);
       ack.apply(this, args);
@@ -16257,8 +16330,8 @@ class Socket2 extends Emitter {
    *
    * @returns self
    */
-  timeout(timeout2) {
-    this.flags.timeout = timeout2;
+  timeout(timeout) {
+    this.flags.timeout = timeout;
     return this;
   }
   /**
@@ -16579,12 +16652,12 @@ class Manager extends Emitter {
     };
     const errorSub = on(socket, "error", onError);
     if (false !== this._timeout) {
-      const timeout2 = this._timeout;
+      const timeout = this._timeout;
       const timer = this.setTimeoutFn(() => {
         openSubDestroy();
         onError(new Error("timeout"));
         socket.close();
-      }, timeout2);
+      }, timeout);
       if (this.opts.autoUnref) {
         timer.unref();
       }
@@ -16894,14 +16967,14 @@ const socketConfig = (namespace, roomId) => {
   sockets[namespace] = socket;
   return socket;
 };
-const login$1 = async (body) => await axiosRequest.post("auth/login", body);
-const logout$1 = async (body) => await axiosRequest.post("auth/logout", body);
-const forgotPassword = async (body) => await axiosRequest.post("auth/forgot-password", body);
-const verifyOtp = async (body) => await axiosRequest.post("auth/verify-otp", body);
-const resetPassword$1 = async (body) => await axiosRequest.post("auth/reset-password", body);
-const refreshToken$1 = async (body) => await axiosRequest.post("auth/refresh-token", body);
-const subscribeTopic$1 = async (body) => await axiosRequest.post("auth/subscribe-topic", body);
-const unsubscribeTopic$1 = async (body) => await axiosRequest.post("auth/unsubscribe-topic", body);
+const login$1 = async (body2) => await axiosRequest.post("auth/login", body2);
+const logout$1 = async (body2) => await axiosRequest.post("auth/logout", body2);
+const forgotPassword = async (body2) => await axiosRequest.post("auth/forgot-password", body2);
+const verifyOtp = async (body2) => await axiosRequest.post("auth/verify-otp", body2);
+const resetPassword$1 = async (body2) => await axiosRequest.post("auth/reset-password", body2);
+const refreshToken$1 = async (body2) => await axiosRequest.post("auth/refresh-token", body2);
+const subscribeTopic$1 = async (body2) => await axiosRequest.post("auth/subscribe-topic", body2);
+const unsubscribeTopic$1 = async (body2) => await axiosRequest.post("auth/unsubscribe-topic", body2);
 const authApiMethods = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   forgotPassword,
@@ -16934,18 +17007,18 @@ var ForgotPasswordType = /* @__PURE__ */ ((ForgotPasswordType2) => {
   return ForgotPasswordType2;
 })(ForgotPasswordType || {});
 const authApi = authApiMethods;
-const createUser = async (body) => await axiosRequest.post("user", body);
-const updateUser = async (id2, body) => await axiosRequest.put("user/" + id2, body);
-const updateAccount$1 = async (body) => await axiosRequest.patch("user", body);
+const createUser = async (body2) => await axiosRequest.post("user", body2);
+const updateUser = async (id2, body2) => await axiosRequest.put("user/" + id2, body2);
+const updateAccount$1 = async (body2) => await axiosRequest.patch("user", body2);
 const deleteUser = async (id2) => await axiosRequest.delete("user/" + id2);
-const getListUser = async (body) => await axiosRequest.post("user/list", body);
-const getListUserRelations = async (body) => await axiosRequest.post("user/list/relations", body);
+const getListUser = async (body2) => await axiosRequest.post("user/list", body2);
+const getListUserRelations = async (body2) => await axiosRequest.post("user/list/relations", body2);
 const getUser = async (id2) => await axiosRequest.get("user/" + id2);
 const getUserInformationHistory = async (id2) => await axiosRequest.get("user/user-history/" + id2);
 const getUserOrgUnitPositionById = async (userId) => await axiosRequest.get("user/user-org-unit-position/" + userId);
 const getUserGenerateNextUserCode = async () => await axiosRequest.get("user/generate-next-user-code");
 const getUserNearestManagers = async () => await axiosRequest.get(`user/nearest-managers/current`);
-const getUserByOrgUnit = async (body) => await axiosRequest.post(`/org-unit/users-by-org-units`, body);
+const getUserByOrgUnit = async (body2) => await axiosRequest.post(`/org-unit/users-by-org-units`, body2);
 const userApiMethods = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   createUser,
@@ -16962,9 +17035,9 @@ const userApiMethods = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
   updateUser
 }, Symbol.toStringTag, { value: "Module" }));
 const userApi = userApiMethods;
-const updateNotification = async (body) => await axiosRequest.put("notification", body);
+const updateNotification = async (body2) => await axiosRequest.put("notification", body2);
 const getListNotification = async (params) => await axiosRequest.get("notification", { params });
-const updateNotificationSetting = async (id2, body) => await axiosRequest.put("notification-setting/" + id2, body);
+const updateNotificationSetting = async (id2, body2) => await axiosRequest.put("notification-setting/" + id2, body2);
 const getListNotificationSetting = async (params) => await axiosRequest.get("notification-setting", {
   params
 });
@@ -17086,9 +17159,9 @@ const changeSidebarCount = toolkit.createAsyncThunk(
 );
 const updateAccount = toolkit.createAsyncThunk(
   "UPDATE_ACCOUNT",
-  async (body, { rejectWithValue, getState }) => {
+  async (body2, { rejectWithValue, getState }) => {
     try {
-      await userApi.updateAccount(body);
+      await userApi.updateAccount(body2);
       const state = getState();
       if (!state.account.user) {
         throw new Error("User not found");
@@ -17221,10 +17294,7 @@ const persistConfig = {
     if (!state) return Promise.resolve(void 0);
     state.account = { ...initialStateAccount, ...state.account };
     state.system = { ...initialStateSystem, ...state.system };
-    state.remainingWeight = {
-      ...initialStateRemainingWeight,
-      ...state.remainingWeight
-    };
+    state.remainingWeight = { ...initialStateRemainingWeight, ...state.remainingWeight };
     return Promise.resolve(state);
   }
 };
@@ -17264,2051 +17334,47 @@ function composeClasses(slots, getUtilityClass, classes = void 0) {
   }
   return output;
 }
-function useEventCallback$1(fn) {
-  const ref = React__namespace.useRef(fn);
-  useEnhancedEffect(() => {
-    ref.current = fn;
-  });
-  return React__namespace.useRef((...args) => (
-    // @ts-expect-error hide `this`
-    (0, ref.current)(...args)
-  )).current;
-}
-const UNINITIALIZED = {};
-function useLazyRef(init, initArg) {
-  const ref = React__namespace.useRef(UNINITIALIZED);
-  if (ref.current === UNINITIALIZED) {
-    ref.current = init(initArg);
-  }
-  return ref;
-}
-const EMPTY = [];
-function useOnMount(fn) {
-  React__namespace.useEffect(fn, EMPTY);
-}
-class Timeout {
-  static create() {
-    return new Timeout();
-  }
-  currentId = null;
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
-   */
-  start(delay2, fn) {
-    this.clear();
-    this.currentId = setTimeout(() => {
-      this.currentId = null;
-      fn();
-    }, delay2);
+function chainPropTypes(propType1, propType2) {
+  if (process.env.NODE_ENV === "production") {
+    return () => null;
   }
-  clear = () => {
-    if (this.currentId !== null) {
-      clearTimeout(this.currentId);
-      this.currentId = null;
-    }
-  };
-  disposeEffect = () => {
-    return this.clear;
+  return function validate(...args) {
+    return propType1(...args) || propType2(...args);
   };
 }
-function useTimeout() {
-  const timeout2 = useLazyRef(Timeout.create).current;
-  useOnMount(timeout2.disposeEffect);
-  return timeout2;
-}
-function extractEventHandlers(object2, excludeKeys = []) {
-  if (object2 === void 0) {
-    return {};
-  }
+const memoTheme = system.unstable_memoTheme;
+function generateUtilityClasses(componentName, slots, globalStatePrefix = "Mui") {
   const result = {};
-  Object.keys(object2).filter((prop) => prop.match(/^on[A-Z]/) && typeof object2[prop] === "function" && !excludeKeys.includes(prop)).forEach((prop) => {
-    result[prop] = object2[prop];
+  slots.forEach((slot) => {
+    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);
   });
   return result;
 }
-function useSnackbar$1(parameters = {}) {
-  const {
-    autoHideDuration = null,
-    disableWindowBlurListener = false,
-    onClose,
-    open,
-    resumeHideDuration
-  } = parameters;
-  const timerAutoHide = useTimeout();
-  React__namespace.useEffect(() => {
-    if (!open) {
-      return void 0;
-    }
-    function handleKeyDown(nativeEvent) {
-      if (!nativeEvent.defaultPrevented) {
-        if (nativeEvent.key === "Escape") {
-          onClose?.(nativeEvent, "escapeKeyDown");
-        }
-      }
-    }
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [open, onClose]);
-  const handleClose = useEventCallback$1((event, reason) => {
-    onClose?.(event, reason);
-  });
-  const setAutoHideTimer = useEventCallback$1((autoHideDurationParam) => {
-    if (!onClose || autoHideDurationParam == null) {
-      return;
-    }
-    timerAutoHide.start(autoHideDurationParam, () => {
-      handleClose(null, "timeout");
-    });
-  });
-  React__namespace.useEffect(() => {
-    if (open) {
-      setAutoHideTimer(autoHideDuration);
-    }
-    return timerAutoHide.clear;
-  }, [open, autoHideDuration, setAutoHideTimer, timerAutoHide]);
-  const handleClickAway = (event) => {
-    onClose?.(event, "clickaway");
-  };
-  const handlePause = timerAutoHide.clear;
-  const handleResume = React__namespace.useCallback(() => {
-    if (autoHideDuration != null) {
-      setAutoHideTimer(resumeHideDuration != null ? resumeHideDuration : autoHideDuration * 0.5);
-    }
-  }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);
-  const createHandleBlur = (otherHandlers) => (event) => {
-    const onBlurCallback = otherHandlers.onBlur;
-    onBlurCallback?.(event);
-    handleResume();
-  };
-  const createHandleFocus = (otherHandlers) => (event) => {
-    const onFocusCallback = otherHandlers.onFocus;
-    onFocusCallback?.(event);
-    handlePause();
-  };
-  const createMouseEnter = (otherHandlers) => (event) => {
-    const onMouseEnterCallback = otherHandlers.onMouseEnter;
-    onMouseEnterCallback?.(event);
-    handlePause();
-  };
-  const createMouseLeave = (otherHandlers) => (event) => {
-    const onMouseLeaveCallback = otherHandlers.onMouseLeave;
-    onMouseLeaveCallback?.(event);
-    handleResume();
-  };
-  React__namespace.useEffect(() => {
-    if (!disableWindowBlurListener && open) {
-      window.addEventListener("focus", handleResume);
-      window.addEventListener("blur", handlePause);
-      return () => {
-        window.removeEventListener("focus", handleResume);
-        window.removeEventListener("blur", handlePause);
-      };
-    }
-    return void 0;
-  }, [disableWindowBlurListener, open, handleResume, handlePause]);
-  const getRootProps = (externalProps = {}) => {
-    const externalEventHandlers = {
-      ...extractEventHandlers(parameters),
-      ...extractEventHandlers(externalProps)
-    };
-    return {
-      // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
-      // See https://github.com/mui/material-ui/issues/29080
-      role: "presentation",
-      ...externalProps,
-      ...externalEventHandlers,
-      onBlur: createHandleBlur(externalEventHandlers),
-      onFocus: createHandleFocus(externalEventHandlers),
-      onMouseEnter: createMouseEnter(externalEventHandlers),
-      onMouseLeave: createMouseLeave(externalEventHandlers)
-    };
-  };
-  return {
-    getRootProps,
-    onClickAway: handleClickAway
-  };
-}
-function ownerDocument(node) {
-  return node && node.ownerDocument || document;
-}
-function useForkRef(...refs) {
-  const cleanupRef = React__namespace.useRef(void 0);
-  const refEffect = React__namespace.useCallback((instance) => {
-    const cleanups = refs.map((ref) => {
-      if (ref == null) {
-        return null;
-      }
-      if (typeof ref === "function") {
-        const refCallback = ref;
-        const refCleanup = refCallback(instance);
-        return typeof refCleanup === "function" ? refCleanup : () => {
-          refCallback(null);
-        };
-      }
-      ref.current = instance;
-      return () => {
-        ref.current = null;
-      };
-    });
-    return () => {
-      cleanups.forEach((refCleanup) => refCleanup?.());
-    };
-  }, refs);
-  return React__namespace.useMemo(() => {
-    if (refs.every((ref) => ref == null)) {
-      return null;
-    }
-    return (value2) => {
-      if (cleanupRef.current) {
-        cleanupRef.current();
-        cleanupRef.current = void 0;
-      }
-      if (value2 != null) {
-        cleanupRef.current = refEffect(value2);
-      }
-    };
-  }, refs);
-}
-function chainPropTypes(propType1, propType2) {
-  if (process.env.NODE_ENV === "production") {
-    return () => null;
-  }
-  return function validate(...args) {
-    return propType1(...args) || propType2(...args);
-  };
-}
-function isClassComponent(elementType) {
-  const {
-    prototype: prototype2 = {}
-  } = elementType;
-  return Boolean(prototype2.isReactComponent);
-}
-function acceptingRef(props, propName, componentName, location2, propFullName) {
-  const element = props[propName];
-  const safePropName = propFullName || propName;
-  if (element == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for Emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window === "undefined") {
-    return null;
-  }
-  let warningHint;
-  const elementType = element.type;
-  if (typeof elementType === "function" && !isClassComponent(elementType)) {
-    warningHint = "Did you accidentally use a plain function component for an element instead?";
-  }
-  if (warningHint !== void 0) {
-    return new Error(`Invalid ${location2} \`${safePropName}\` supplied to \`${componentName}\`. Expected an element that can hold a ref. ${warningHint} For more information see https://mui.com/r/caveat-with-refs-guide`);
-  }
-  return null;
-}
-const elementAcceptingRef = chainPropTypes(PropTypes.element, acceptingRef);
-elementAcceptingRef.isRequired = chainPropTypes(PropTypes.element.isRequired, acceptingRef);
-function getReactElementRef(element) {
-  if (parseInt(React__namespace.version, 10) >= 19) {
-    return element?.props?.ref || null;
-  }
-  return element?.ref || null;
-}
-function mapEventPropToEvent(eventProp) {
-  return eventProp.substring(2).toLowerCase();
-}
-function clickedRootScrollbar(event, doc) {
-  return doc.documentElement.clientWidth < event.clientX || doc.documentElement.clientHeight < event.clientY;
-}
-function ClickAwayListener(props) {
-  const {
-    children,
-    disableReactTree = false,
-    mouseEvent = "onClick",
-    onClickAway,
-    touchEvent = "onTouchEnd"
-  } = props;
-  const movedRef = React__namespace.useRef(false);
-  const nodeRef = React__namespace.useRef(null);
-  const activatedRef = React__namespace.useRef(false);
-  const syntheticEventRef = React__namespace.useRef(false);
-  React__namespace.useEffect(() => {
-    setTimeout(() => {
-      activatedRef.current = true;
-    }, 0);
-    return () => {
-      activatedRef.current = false;
-    };
-  }, []);
-  const handleRef = useForkRef(getReactElementRef(children), nodeRef);
-  const handleClickAway = useEventCallback$1((event) => {
-    const insideReactTree = syntheticEventRef.current;
-    syntheticEventRef.current = false;
-    const doc = ownerDocument(nodeRef.current);
-    if (!activatedRef.current || !nodeRef.current || "clientX" in event && clickedRootScrollbar(event, doc)) {
-      return;
-    }
-    if (movedRef.current) {
-      movedRef.current = false;
-      return;
-    }
-    let insideDOM;
-    if (event.composedPath) {
-      insideDOM = event.composedPath().includes(nodeRef.current);
-    } else {
-      insideDOM = !doc.documentElement.contains(
-        // @ts-expect-error returns `false` as intended when not dispatched from a Node
-        event.target
-      ) || nodeRef.current.contains(
-        // @ts-expect-error returns `false` as intended when not dispatched from a Node
-        event.target
-      );
-    }
-    if (!insideDOM && (disableReactTree || !insideReactTree)) {
-      onClickAway(event);
-    }
-  });
-  const createHandleSynthetic = (handlerName) => (event) => {
-    syntheticEventRef.current = true;
-    const childrenPropsHandler = children.props[handlerName];
-    if (childrenPropsHandler) {
-      childrenPropsHandler(event);
-    }
-  };
-  const childrenProps = {
-    ref: handleRef
-  };
-  if (touchEvent !== false) {
-    childrenProps[touchEvent] = createHandleSynthetic(touchEvent);
-  }
-  React__namespace.useEffect(() => {
-    if (touchEvent !== false) {
-      const mappedTouchEvent = mapEventPropToEvent(touchEvent);
-      const doc = ownerDocument(nodeRef.current);
-      const handleTouchMove = () => {
-        movedRef.current = true;
-      };
-      doc.addEventListener(mappedTouchEvent, handleClickAway);
-      doc.addEventListener("touchmove", handleTouchMove);
-      return () => {
-        doc.removeEventListener(mappedTouchEvent, handleClickAway);
-        doc.removeEventListener("touchmove", handleTouchMove);
-      };
-    }
-    return void 0;
-  }, [handleClickAway, touchEvent]);
-  if (mouseEvent !== false) {
-    childrenProps[mouseEvent] = createHandleSynthetic(mouseEvent);
-  }
-  React__namespace.useEffect(() => {
-    if (mouseEvent !== false) {
-      const mappedMouseEvent = mapEventPropToEvent(mouseEvent);
-      const doc = ownerDocument(nodeRef.current);
-      doc.addEventListener(mappedMouseEvent, handleClickAway);
-      return () => {
-        doc.removeEventListener(mappedMouseEvent, handleClickAway);
-      };
-    }
-    return void 0;
-  }, [handleClickAway, mouseEvent]);
-  return /* @__PURE__ */ React__namespace.cloneElement(children, childrenProps);
-}
-process.env.NODE_ENV !== "production" ? ClickAwayListener.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The wrapped element.
-   */
-  children: elementAcceptingRef.isRequired,
-  /**
-   * If `true`, the React tree is ignored and only the DOM tree is considered.
-   * This prop changes how portaled elements are handled.
-   * @default false
-   */
-  disableReactTree: PropTypes.bool,
-  /**
-   * The mouse event to listen to. You can disable the listener by providing `false`.
-   * @default 'onClick'
-   */
-  mouseEvent: PropTypes.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", false]),
-  /**
-   * Callback fired when a "click away" event is detected.
-   */
-  onClickAway: PropTypes.func.isRequired,
-  /**
-   * The touch event to listen to. You can disable the listener by providing `false`.
-   * @default 'onTouchEnd'
-   */
-  touchEvent: PropTypes.oneOf(["onTouchEnd", "onTouchStart", false])
-} : void 0;
-if (process.env.NODE_ENV !== "production") {
-  ClickAwayListener["propTypes"] = exactProp(ClickAwayListener.propTypes);
-}
-const memoTheme = system.unstable_memoTheme;
-function _objectWithoutPropertiesLoose$1(r2, e) {
-  if (null == r2) return {};
-  var t = {};
-  for (var n in r2) if ({}.hasOwnProperty.call(r2, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r2[n];
-  }
-  return t;
-}
-function _setPrototypeOf(t, e) {
-  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
-    return t2.__proto__ = e2, t2;
-  }, _setPrototypeOf(t, e);
-}
-function _inheritsLoose(t, o) {
-  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
-}
-const config = {
-  disabled: false
-};
-var timeoutsShape = process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-  enter: PropTypes.number,
-  exit: PropTypes.number,
-  appear: PropTypes.number
-}).isRequired]) : null;
-process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
-  enter: PropTypes.string,
-  exit: PropTypes.string,
-  active: PropTypes.string
-}), PropTypes.shape({
-  enter: PropTypes.string,
-  enterDone: PropTypes.string,
-  enterActive: PropTypes.string,
-  exit: PropTypes.string,
-  exitDone: PropTypes.string,
-  exitActive: PropTypes.string
-})]) : null;
-const TransitionGroupContext = React.createContext(null);
-var forceReflow = function forceReflow2(node) {
-  return node.scrollTop;
-};
-var UNMOUNTED = "unmounted";
-var EXITED = "exited";
-var ENTERING = "entering";
-var ENTERED = "entered";
-var EXITING = "exiting";
-var Transition = /* @__PURE__ */ (function(_React$Component) {
-  _inheritsLoose(Transition2, _React$Component);
-  function Transition2(props, context) {
-    var _this;
-    _this = _React$Component.call(this, props, context) || this;
-    var parentGroup = context;
-    var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;
-    var initialStatus;
-    _this.appearStatus = null;
-    if (props.in) {
-      if (appear) {
-        initialStatus = EXITED;
-        _this.appearStatus = ENTERING;
-      } else {
-        initialStatus = ENTERED;
-      }
-    } else {
-      if (props.unmountOnExit || props.mountOnEnter) {
-        initialStatus = UNMOUNTED;
-      } else {
-        initialStatus = EXITED;
-      }
-    }
-    _this.state = {
-      status: initialStatus
-    };
-    _this.nextCallback = null;
-    return _this;
-  }
-  Transition2.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {
-    var nextIn = _ref.in;
-    if (nextIn && prevState.status === UNMOUNTED) {
-      return {
-        status: EXITED
-      };
-    }
-    return null;
-  };
-  var _proto = Transition2.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    this.updateStatus(true, this.appearStatus);
-  };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    var nextStatus = null;
-    if (prevProps !== this.props) {
-      var status = this.state.status;
-      if (this.props.in) {
-        if (status !== ENTERING && status !== ENTERED) {
-          nextStatus = ENTERING;
-        }
-      } else {
-        if (status === ENTERING || status === ENTERED) {
-          nextStatus = EXITING;
-        }
-      }
-    }
-    this.updateStatus(false, nextStatus);
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    this.cancelNextCallback();
-  };
-  _proto.getTimeouts = function getTimeouts() {
-    var timeout2 = this.props.timeout;
-    var exit, enter, appear;
-    exit = enter = appear = timeout2;
-    if (timeout2 != null && typeof timeout2 !== "number") {
-      exit = timeout2.exit;
-      enter = timeout2.enter;
-      appear = timeout2.appear !== void 0 ? timeout2.appear : enter;
-    }
-    return {
-      exit,
-      enter,
-      appear
-    };
-  };
-  _proto.updateStatus = function updateStatus(mounting, nextStatus) {
-    if (mounting === void 0) {
-      mounting = false;
-    }
-    if (nextStatus !== null) {
-      this.cancelNextCallback();
-      if (nextStatus === ENTERING) {
-        if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
-          if (node) forceReflow(node);
-        }
-        this.performEnter(mounting);
-      } else {
-        this.performExit();
-      }
-    } else if (this.props.unmountOnExit && this.state.status === EXITED) {
-      this.setState({
-        status: UNMOUNTED
-      });
-    }
-  };
-  _proto.performEnter = function performEnter(mounting) {
-    var _this2 = this;
-    var enter = this.props.enter;
-    var appearing = this.context ? this.context.isMounting : mounting;
-    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing], maybeNode = _ref2[0], maybeAppearing = _ref2[1];
-    var timeouts = this.getTimeouts();
-    var enterTimeout = appearing ? timeouts.appear : timeouts.enter;
-    if (!mounting && !enter || config.disabled) {
-      this.safeSetState({
-        status: ENTERED
-      }, function() {
-        _this2.props.onEntered(maybeNode);
-      });
-      return;
-    }
-    this.props.onEnter(maybeNode, maybeAppearing);
-    this.safeSetState({
-      status: ENTERING
-    }, function() {
-      _this2.props.onEntering(maybeNode, maybeAppearing);
-      _this2.onTransitionEnd(enterTimeout, function() {
-        _this2.safeSetState({
-          status: ENTERED
-        }, function() {
-          _this2.props.onEntered(maybeNode, maybeAppearing);
-        });
-      });
-    });
-  };
-  _proto.performExit = function performExit() {
-    var _this3 = this;
-    var exit = this.props.exit;
-    var timeouts = this.getTimeouts();
-    var maybeNode = this.props.nodeRef ? void 0 : ReactDOM.findDOMNode(this);
-    if (!exit || config.disabled) {
-      this.safeSetState({
-        status: EXITED
-      }, function() {
-        _this3.props.onExited(maybeNode);
-      });
-      return;
-    }
-    this.props.onExit(maybeNode);
-    this.safeSetState({
-      status: EXITING
-    }, function() {
-      _this3.props.onExiting(maybeNode);
-      _this3.onTransitionEnd(timeouts.exit, function() {
-        _this3.safeSetState({
-          status: EXITED
-        }, function() {
-          _this3.props.onExited(maybeNode);
-        });
-      });
-    });
-  };
-  _proto.cancelNextCallback = function cancelNextCallback() {
-    if (this.nextCallback !== null) {
-      this.nextCallback.cancel();
-      this.nextCallback = null;
-    }
-  };
-  _proto.safeSetState = function safeSetState(nextState, callback) {
-    callback = this.setNextCallback(callback);
-    this.setState(nextState, callback);
-  };
-  _proto.setNextCallback = function setNextCallback(callback) {
-    var _this4 = this;
-    var active = true;
-    this.nextCallback = function(event) {
-      if (active) {
-        active = false;
-        _this4.nextCallback = null;
-        callback(event);
-      }
-    };
-    this.nextCallback.cancel = function() {
-      active = false;
-    };
-    return this.nextCallback;
-  };
-  _proto.onTransitionEnd = function onTransitionEnd(timeout2, handler) {
-    this.setNextCallback(handler);
-    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
-    var doesNotHaveTimeoutOrListener = timeout2 == null && !this.props.addEndListener;
-    if (!node || doesNotHaveTimeoutOrListener) {
-      setTimeout(this.nextCallback, 0);
-      return;
-    }
-    if (this.props.addEndListener) {
-      var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback], maybeNode = _ref3[0], maybeNextCallback = _ref3[1];
-      this.props.addEndListener(maybeNode, maybeNextCallback);
-    }
-    if (timeout2 != null) {
-      setTimeout(this.nextCallback, timeout2);
-    }
-  };
-  _proto.render = function render() {
-    var status = this.state.status;
-    if (status === UNMOUNTED) {
-      return null;
-    }
-    var _this$props = this.props, children = _this$props.children;
-    _this$props.in;
-    _this$props.mountOnEnter;
-    _this$props.unmountOnExit;
-    _this$props.appear;
-    _this$props.enter;
-    _this$props.exit;
-    _this$props.timeout;
-    _this$props.addEndListener;
-    _this$props.onEnter;
-    _this$props.onEntering;
-    _this$props.onEntered;
-    _this$props.onExit;
-    _this$props.onExiting;
-    _this$props.onExited;
-    _this$props.nodeRef;
-    var childProps = _objectWithoutPropertiesLoose$1(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
-    return (
-      // allows for nested Transitions
-      /* @__PURE__ */ React.createElement(TransitionGroupContext.Provider, {
-        value: null
-      }, typeof children === "function" ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))
-    );
-  };
-  return Transition2;
-})(React.Component);
-Transition.contextType = TransitionGroupContext;
-Transition.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * A React reference to DOM element that need to transition:
-   * https://stackoverflow.com/a/51127130/4671932
-   *
-   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
-   *      (e.g. `onEnter`) because user already has direct access to the node.
-   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
-   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
-   *     (see
-   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
-   */
-  nodeRef: PropTypes.shape({
-    current: typeof Element === "undefined" ? PropTypes.any : function(propValue, key, componentName, location2, propFullName, secret) {
-      var value2 = propValue[key];
-      return PropTypes.instanceOf(value2 && "ownerDocument" in value2 ? value2.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location2, propFullName, secret);
-    }
-  }),
-  /**
-   * A `function` child can be used instead of a React element. This function is
-   * called with the current transition status (`'entering'`, `'entered'`,
-   * `'exiting'`, `'exited'`), which can be used to apply context
-   * specific props to a component.
-   *
-   * ```jsx
-   * <Transition in={this.state.in} timeout={150}>
-   *   {state => (
-   *     <MyComponent className={`fade fade-${state}`} />
-   *   )}
-   * </Transition>
-   * ```
-   */
-  children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,
-  /**
-   * Show the component; triggers the enter or exit states
-   */
-  in: PropTypes.bool,
-  /**
-   * By default the child component is mounted immediately along with
-   * the parent `Transition` component. If you want to "lazy mount" the component on the
-   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
-   * mounted, even on "exited", unless you also specify `unmountOnExit`.
-   */
-  mountOnEnter: PropTypes.bool,
-  /**
-   * By default the child component stays mounted after it reaches the `'exited'` state.
-   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
-   */
-  unmountOnExit: PropTypes.bool,
-  /**
-   * By default the child component does not perform the enter transition when
-   * it first mounts, regardless of the value of `in`. If you want this
-   * behavior, set both `appear` and `in` to `true`.
-   *
-   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
-   * > only adds an additional enter transition. However, in the
-   * > `<CSSTransition>` component that first enter transition does result in
-   * > additional `.appear-*` classes, that way you can choose to style it
-   * > differently.
-   */
-  appear: PropTypes.bool,
-  /**
-   * Enable or disable enter transitions.
-   */
-  enter: PropTypes.bool,
-  /**
-   * Enable or disable exit transitions.
-   */
-  exit: PropTypes.bool,
-  /**
-   * The duration of the transition, in milliseconds.
-   * Required unless `addEndListener` is provided.
-   *
-   * You may specify a single timeout for all transitions:
-   *
-   * ```jsx
-   * timeout={500}
-   * ```
-   *
-   * or individually:
-   *
-   * ```jsx
-   * timeout={{
-   *  appear: 500,
-   *  enter: 300,
-   *  exit: 500,
-   * }}
-   * ```
-   *
-   * - `appear` defaults to the value of `enter`
-   * - `enter` defaults to `0`
-   * - `exit` defaults to `0`
-   *
-   * @type {number | { enter?: number, exit?: number, appear?: number }}
-   */
-  timeout: function timeout(props) {
-    var pt = timeoutsShape;
-    if (!props.addEndListener) pt = pt.isRequired;
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-    return pt.apply(void 0, [props].concat(args));
-  },
-  /**
-   * Add a custom transition end trigger. Called with the transitioning
-   * DOM node and a `done` callback. Allows for more fine grained transition end
-   * logic. Timeouts are still used as a fallback if provided.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * ```jsx
-   * addEndListener={(node, done) => {
-   *   // use the css transitionend event to mark the finish of a transition
-   *   node.addEventListener('transitionend', done, false);
-   * }}
-   * ```
-   */
-  addEndListener: PropTypes.func,
-  /**
-   * Callback fired before the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEnter: PropTypes.func,
-  /**
-   * Callback fired after the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntering: PropTypes.func,
-  /**
-   * Callback fired after the "entered" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEntered: PropTypes.func,
-  /**
-   * Callback fired before the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExit: PropTypes.func,
-  /**
-   * Callback fired after the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExiting: PropTypes.func,
-  /**
-   * Callback fired after the "exited" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExited: PropTypes.func
-} : {};
-function noop$1() {
-}
-Transition.defaultProps = {
-  in: false,
-  mountOnEnter: false,
-  unmountOnExit: false,
-  appear: false,
-  enter: true,
-  exit: true,
-  onEnter: noop$1,
-  onEntering: noop$1,
-  onEntered: noop$1,
-  onExit: noop$1,
-  onExiting: noop$1,
-  onExited: noop$1
-};
-Transition.UNMOUNTED = UNMOUNTED;
-Transition.EXITED = EXITED;
-Transition.ENTERING = ENTERING;
-Transition.ENTERED = ENTERED;
-Transition.EXITING = EXITING;
-const reflow = (node) => node.scrollTop;
-function getTransitionProps(props, options) {
-  const {
-    timeout: timeout2,
-    easing: easing2,
-    style: style2 = {}
-  } = props;
-  return {
-    duration: style2.transitionDuration ?? (typeof timeout2 === "number" ? timeout2 : timeout2[options.mode] || 0),
-    easing: style2.transitionTimingFunction ?? (typeof easing2 === "object" ? easing2[options.mode] : easing2),
-    delay: style2.transitionDelay
-  };
-}
-function getScale(value2) {
-  return `scale(${value2}, ${value2 ** 2})`;
-}
-const styles = {
-  entering: {
-    opacity: 1,
-    transform: getScale(1)
-  },
-  entered: {
-    opacity: 1,
-    transform: "none"
-  }
-};
-const isWebKit154 = typeof navigator !== "undefined" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent);
-const Grow = /* @__PURE__ */ React__namespace.forwardRef(function Grow2(props, ref) {
-  const {
-    addEndListener,
-    appear = true,
-    children,
-    easing: easing2,
-    in: inProp,
-    onEnter,
-    onEntered,
-    onEntering,
-    onExit,
-    onExited,
-    onExiting,
-    style: style2,
-    timeout: timeout2 = "auto",
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Transition,
-    ...other
-  } = props;
-  const timer = useTimeout();
-  const autoTimeout = React__namespace.useRef();
-  const theme = useTheme();
-  const nodeRef = React__namespace.useRef(null);
-  const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
-  const normalizedTransitionCallback = (callback) => (maybeIsAppearing) => {
-    if (callback) {
-      const node = nodeRef.current;
-      if (maybeIsAppearing === void 0) {
-        callback(node);
-      } else {
-        callback(node, maybeIsAppearing);
-      }
-    }
-  };
-  const handleEntering = normalizedTransitionCallback(onEntering);
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
-    reflow(node);
-    const {
-      duration: transitionDuration,
-      delay: delay2,
-      easing: transitionTimingFunction
-    } = getTransitionProps({
-      style: style2,
-      timeout: timeout2,
-      easing: easing2
-    }, {
-      mode: "enter"
-    });
-    let duration2;
-    if (timeout2 === "auto") {
-      duration2 = theme.transitions.getAutoHeightDuration(node.clientHeight);
-      autoTimeout.current = duration2;
-    } else {
-      duration2 = transitionDuration;
-    }
-    node.style.transition = [theme.transitions.create("opacity", {
-      duration: duration2,
-      delay: delay2
-    }), theme.transitions.create("transform", {
-      duration: isWebKit154 ? duration2 : duration2 * 0.666,
-      delay: delay2,
-      easing: transitionTimingFunction
-    })].join(",");
-    if (onEnter) {
-      onEnter(node, isAppearing);
-    }
-  });
-  const handleEntered = normalizedTransitionCallback(onEntered);
-  const handleExiting = normalizedTransitionCallback(onExiting);
-  const handleExit = normalizedTransitionCallback((node) => {
-    const {
-      duration: transitionDuration,
-      delay: delay2,
-      easing: transitionTimingFunction
-    } = getTransitionProps({
-      style: style2,
-      timeout: timeout2,
-      easing: easing2
-    }, {
-      mode: "exit"
-    });
-    let duration2;
-    if (timeout2 === "auto") {
-      duration2 = theme.transitions.getAutoHeightDuration(node.clientHeight);
-      autoTimeout.current = duration2;
-    } else {
-      duration2 = transitionDuration;
-    }
-    node.style.transition = [theme.transitions.create("opacity", {
-      duration: duration2,
-      delay: delay2
-    }), theme.transitions.create("transform", {
-      duration: isWebKit154 ? duration2 : duration2 * 0.666,
-      delay: isWebKit154 ? delay2 : delay2 || duration2 * 0.333,
-      easing: transitionTimingFunction
-    })].join(",");
-    node.style.opacity = 0;
-    node.style.transform = getScale(0.75);
-    if (onExit) {
-      onExit(node);
-    }
-  });
-  const handleExited = normalizedTransitionCallback(onExited);
-  const handleAddEndListener = (next) => {
-    if (timeout2 === "auto") {
-      timer.start(autoTimeout.current || 0, next);
-    }
-    if (addEndListener) {
-      addEndListener(nodeRef.current, next);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionComponent, {
-    appear,
-    in: inProp,
-    nodeRef,
-    onEnter: handleEnter,
-    onEntered: handleEntered,
-    onEntering: handleEntering,
-    onExit: handleExit,
-    onExited: handleExited,
-    onExiting: handleExiting,
-    addEndListener: handleAddEndListener,
-    timeout: timeout2 === "auto" ? null : timeout2,
-    ...other,
-    children: (state, {
-      ownerState,
-      ...restChildProps
-    }) => {
-      return /* @__PURE__ */ React__namespace.cloneElement(children, {
-        style: {
-          opacity: 0,
-          transform: getScale(0.75),
-          visibility: state === "exited" && !inProp ? "hidden" : void 0,
-          ...styles[state],
-          ...style2,
-          ...children.props.style
-        },
-        ref: handleRef,
-        ...restChildProps
-      });
-    }
-  });
-});
-process.env.NODE_ENV !== "production" ? Grow.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: PropTypes.func,
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear: PropTypes.bool,
-  /**
-   * A single child content element.
-   */
-  children: elementAcceptingRef.isRequired,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: PropTypes.oneOfType([PropTypes.shape({
-    enter: PropTypes.string,
-    exit: PropTypes.string
-  }), PropTypes.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  onEnter: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntered: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onEntering: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExit: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExited: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onExiting: PropTypes.func,
-  /**
-   * @ignore
-   */
-  style: PropTypes.object,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   * @default 'auto'
-   */
-  timeout: PropTypes.oneOfType([PropTypes.oneOf(["auto"]), PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
-  })])
-} : void 0;
-if (Grow) {
-  Grow.muiSupportAuto = true;
-}
-function getTypeByValue(value2) {
-  const valueType = typeof value2;
-  switch (valueType) {
-    case "number":
-      if (Number.isNaN(value2)) {
-        return "NaN";
-      }
-      if (!Number.isFinite(value2)) {
-        return "Infinity";
-      }
-      if (value2 !== Math.floor(value2)) {
-        return "float";
-      }
-      return "number";
-    case "object":
-      if (value2 === null) {
-        return "null";
-      }
-      return value2.constructor.name;
-    default:
-      return valueType;
-  }
-}
-function requiredInteger(props, propName, componentName, location2) {
-  const propValue = props[propName];
-  if (propValue == null || !Number.isInteger(propValue)) {
-    const propType = getTypeByValue(propValue);
-    return new RangeError(`Invalid ${location2} \`${propName}\` of type \`${propType}\` supplied to \`${componentName}\`, expected \`integer\`.`);
-  }
-  return null;
-}
-function validator(props, propName, componentName, location2) {
-  const propValue = props[propName];
-  if (propValue === void 0) {
-    return null;
-  }
-  return requiredInteger(props, propName, componentName, location2);
-}
-function validatorNoop() {
-  return null;
-}
-validator.isRequired = requiredInteger;
-validatorNoop.isRequired = validatorNoop;
-const integerPropType = process.env.NODE_ENV === "production" ? validatorNoop : validator;
-function generateUtilityClasses(componentName, slots, globalStatePrefix = "Mui") {
-  const result = {};
-  slots.forEach((slot) => {
-    result[slot] = generateUtilityClass(componentName, slot, globalStatePrefix);
-  });
-  return result;
-}
-function getPaperUtilityClass(slot) {
-  return generateUtilityClass("MuiPaper", slot);
-}
-generateUtilityClasses("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
-const useUtilityClasses$3 = (ownerState) => {
-  const {
-    square,
-    elevation,
-    variant,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ["root", variant, !square && "rounded", variant === "elevation" && `elevation${elevation}`]
-  };
-  return composeClasses(slots, getPaperUtilityClass, classes);
-};
-const PaperRoot = styled("div", {
-  name: "MuiPaper",
-  slot: "Root",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.root, styles2[ownerState.variant], !ownerState.square && styles2.rounded, ownerState.variant === "elevation" && styles2[`elevation${ownerState.elevation}`]];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  backgroundColor: (theme.vars || theme).palette.background.paper,
-  color: (theme.vars || theme).palette.text.primary,
-  transition: theme.transitions.create("box-shadow"),
-  variants: [{
-    props: ({
-      ownerState
-    }) => !ownerState.square,
-    style: {
-      borderRadius: theme.shape.borderRadius
-    }
-  }, {
-    props: {
-      variant: "outlined"
-    },
-    style: {
-      border: `1px solid ${(theme.vars || theme).palette.divider}`
-    }
-  }, {
-    props: {
-      variant: "elevation"
-    },
-    style: {
-      boxShadow: "var(--Paper-shadow)",
-      backgroundImage: "var(--Paper-overlay)"
-    }
-  }]
-})));
-const Paper = /* @__PURE__ */ React__namespace.forwardRef(function Paper2(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiPaper"
-  });
-  const theme = useTheme();
-  const {
-    className,
-    component = "div",
-    elevation = 1,
-    square = false,
-    variant = "elevation",
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    component,
-    elevation,
-    square,
-    variant
-  };
-  const classes = useUtilityClasses$3(ownerState);
-  if (process.env.NODE_ENV !== "production") {
-    if (theme.shadows[elevation] === void 0) {
-      console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${elevation}]\` is defined.`].join("\n"));
-    }
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PaperRoot, {
-    as: component,
-    ownerState,
-    className: clsx(classes.root, className),
-    ref,
-    ...other,
-    style: {
-      ...variant === "elevation" && {
-        "--Paper-shadow": (theme.vars || theme).shadows[elevation],
-        ...theme.vars && {
-          "--Paper-overlay": theme.vars.overlays?.[elevation]
-        },
-        ...!theme.vars && theme.palette.mode === "dark" && {
-          "--Paper-overlay": `linear-gradient(${alpha$1("#fff", getOverlayAlpha(elevation))}, ${alpha$1("#fff", getOverlayAlpha(elevation))})`
-        }
-      },
-      ...other.style
-    }
-  });
-});
-process.env.NODE_ENV !== "production" ? Paper.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * Shadow depth, corresponds to `dp` in the spec.
-   * It accepts values between 0 and 24 inclusive.
-   * @default 1
-   */
-  elevation: chainPropTypes(integerPropType, (props) => {
-    const {
-      elevation,
-      variant
-    } = props;
-    if (elevation > 0 && variant === "outlined") {
-      return new Error(`MUI: Combining \`elevation={${elevation}}\` with \`variant="${variant}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`);
-    }
-    return null;
-  }),
-  /**
-   * If `true`, rounded corners are disabled.
-   * @default false
-   */
-  square: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  style: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The variant to use.
-   * @default 'elevation'
-   */
-  variant: PropTypes.oneOfType([PropTypes.oneOf(["elevation", "outlined"]), PropTypes.string])
-} : void 0;
-function getSnackbarContentUtilityClass(slot) {
-  return generateUtilityClass("MuiSnackbarContent", slot);
-}
-generateUtilityClasses("MuiSnackbarContent", ["root", "message", "action"]);
-const useUtilityClasses$2 = (ownerState) => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ["root"],
-    action: ["action"],
-    message: ["message"]
-  };
-  return composeClasses(slots, getSnackbarContentUtilityClass, classes);
-};
-const SnackbarContentRoot = styled(Paper, {
-  name: "MuiSnackbarContent",
-  slot: "Root"
-})(memoTheme(({
-  theme
-}) => {
-  const emphasis = theme.palette.mode === "light" ? 0.8 : 0.98;
-  return {
-    ...theme.typography.body2,
-    color: theme.vars ? theme.vars.palette.SnackbarContent.color : theme.palette.getContrastText(emphasize(theme.palette.background.default, emphasis)),
-    backgroundColor: theme.vars ? theme.vars.palette.SnackbarContent.bg : emphasize(theme.palette.background.default, emphasis),
-    display: "flex",
-    alignItems: "center",
-    flexWrap: "wrap",
-    padding: "6px 16px",
-    flexGrow: 1,
-    [theme.breakpoints.up("sm")]: {
-      flexGrow: "initial",
-      minWidth: 288
-    }
-  };
-}));
-const SnackbarContentMessage = styled("div", {
-  name: "MuiSnackbarContent",
-  slot: "Message"
-})({
-  padding: "8px 0"
-});
-const SnackbarContentAction = styled("div", {
-  name: "MuiSnackbarContent",
-  slot: "Action"
-})({
-  display: "flex",
-  alignItems: "center",
-  marginLeft: "auto",
-  paddingLeft: 16,
-  marginRight: -8
-});
-const SnackbarContent = /* @__PURE__ */ React__namespace.forwardRef(function SnackbarContent2(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiSnackbarContent"
-  });
-  const {
-    action,
-    className,
-    message,
-    role = "alert",
-    ...other
-  } = props;
-  const ownerState = props;
-  const classes = useUtilityClasses$2(ownerState);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SnackbarContentRoot, {
-    role,
-    elevation: 6,
-    className: clsx(classes.root, className),
-    ownerState,
-    ref,
-    ...other,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(SnackbarContentMessage, {
-      className: classes.message,
-      ownerState,
-      children: message
-    }), action ? /* @__PURE__ */ jsxRuntimeExports.jsx(SnackbarContentAction, {
-      className: classes.action,
-      ownerState,
-      children: action
-    }) : null]
-  });
-});
-process.env.NODE_ENV !== "production" ? SnackbarContent.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The action to display. It renders after the message, at the end of the snackbar.
-   */
-  action: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The message to display.
-   */
-  message: PropTypes.node,
-  /**
-   * The ARIA role attribute of the element.
-   * @default 'alert'
-   */
-  role: PropTypes.string,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-function getSnackbarUtilityClass(slot) {
-  return generateUtilityClass("MuiSnackbar", slot);
-}
-generateUtilityClasses("MuiSnackbar", ["root", "anchorOriginTopCenter", "anchorOriginBottomCenter", "anchorOriginTopRight", "anchorOriginBottomRight", "anchorOriginTopLeft", "anchorOriginBottomLeft"]);
-function isHostComponent(element) {
-  return typeof element === "string";
-}
-function appendOwnerState(elementType, otherProps, ownerState) {
-  if (elementType === void 0 || isHostComponent(elementType)) {
-    return otherProps;
-  }
-  return {
-    ...otherProps,
-    ownerState: {
-      ...otherProps.ownerState,
-      ...ownerState
-    }
-  };
-}
-function resolveComponentProps(componentProps, ownerState, slotState) {
-  if (typeof componentProps === "function") {
-    return componentProps(ownerState, slotState);
-  }
-  return componentProps;
-}
-function omitEventHandlers(object2) {
-  if (object2 === void 0) {
-    return {};
-  }
-  const result = {};
-  Object.keys(object2).filter((prop) => !(prop.match(/^on[A-Z]/) && typeof object2[prop] === "function")).forEach((prop) => {
-    result[prop] = object2[prop];
-  });
-  return result;
-}
-function mergeSlotProps(parameters) {
-  const {
-    getSlotProps,
-    additionalProps,
-    externalSlotProps,
-    externalForwardedProps,
-    className
-  } = parameters;
-  if (!getSlotProps) {
-    const joinedClasses2 = clsx(additionalProps?.className, className, externalForwardedProps?.className, externalSlotProps?.className);
-    const mergedStyle2 = {
-      ...additionalProps?.style,
-      ...externalForwardedProps?.style,
-      ...externalSlotProps?.style
-    };
-    const props2 = {
-      ...additionalProps,
-      ...externalForwardedProps,
-      ...externalSlotProps
-    };
-    if (joinedClasses2.length > 0) {
-      props2.className = joinedClasses2;
-    }
-    if (Object.keys(mergedStyle2).length > 0) {
-      props2.style = mergedStyle2;
-    }
-    return {
-      props: props2,
-      internalRef: void 0
-    };
-  }
-  const eventHandlers = extractEventHandlers({
-    ...externalForwardedProps,
-    ...externalSlotProps
-  });
-  const componentsPropsWithoutEventHandlers = omitEventHandlers(externalSlotProps);
-  const otherPropsWithoutEventHandlers = omitEventHandlers(externalForwardedProps);
-  const internalSlotProps = getSlotProps(eventHandlers);
-  const joinedClasses = clsx(internalSlotProps?.className, additionalProps?.className, className, externalForwardedProps?.className, externalSlotProps?.className);
-  const mergedStyle = {
-    ...internalSlotProps?.style,
-    ...additionalProps?.style,
-    ...externalForwardedProps?.style,
-    ...externalSlotProps?.style
-  };
-  const props = {
-    ...internalSlotProps,
-    ...additionalProps,
-    ...otherPropsWithoutEventHandlers,
-    ...componentsPropsWithoutEventHandlers
-  };
-  if (joinedClasses.length > 0) {
-    props.className = joinedClasses;
-  }
-  if (Object.keys(mergedStyle).length > 0) {
-    props.style = mergedStyle;
-  }
-  return {
-    props,
-    internalRef: internalSlotProps.ref
-  };
-}
-function useSlot(name2, parameters) {
-  const {
-    className,
-    elementType: initialElementType,
-    ownerState,
-    externalForwardedProps,
-    internalForwardedProps,
-    shouldForwardComponentProp = false,
-    ...useSlotPropsParams
-  } = parameters;
-  const {
-    component: rootComponent,
-    slots = {
-      [name2]: void 0
-    },
-    slotProps = {
-      [name2]: void 0
-    },
-    ...other
-  } = externalForwardedProps;
-  const elementType = slots[name2] || initialElementType;
-  const resolvedComponentsProps = resolveComponentProps(slotProps[name2], ownerState);
-  const {
-    props: {
-      component: slotComponent,
-      ...mergedProps
-    },
-    internalRef
-  } = mergeSlotProps({
-    className,
-    ...useSlotPropsParams,
-    externalForwardedProps: name2 === "root" ? other : void 0,
-    externalSlotProps: resolvedComponentsProps
-  });
-  const ref = useForkRef(internalRef, resolvedComponentsProps?.ref, parameters.ref);
-  const LeafComponent = name2 === "root" ? slotComponent || rootComponent : slotComponent;
-  const props = appendOwnerState(elementType, {
-    ...name2 === "root" && !rootComponent && !slots[name2] && internalForwardedProps,
-    ...name2 !== "root" && !slots[name2] && internalForwardedProps,
-    ...mergedProps,
-    ...LeafComponent && !shouldForwardComponentProp && {
-      as: LeafComponent
-    },
-    ...LeafComponent && shouldForwardComponentProp && {
-      component: LeafComponent
-    },
-    ref
-  }, ownerState);
-  return [elementType, props];
-}
-const useUtilityClasses$1 = (ownerState) => {
-  const {
-    classes,
-    anchorOrigin
-  } = ownerState;
-  const slots = {
-    root: ["root", `anchorOrigin${capitalize(anchorOrigin.vertical)}${capitalize(anchorOrigin.horizontal)}`]
-  };
-  return composeClasses(slots, getSnackbarUtilityClass, classes);
-};
-const SnackbarRoot = styled("div", {
-  name: "MuiSnackbar",
-  slot: "Root",
-  overridesResolver: (props, styles2) => {
-    const {
-      ownerState
-    } = props;
-    return [styles2.root, styles2[`anchorOrigin${capitalize(ownerState.anchorOrigin.vertical)}${capitalize(ownerState.anchorOrigin.horizontal)}`]];
-  }
-})(memoTheme(({
-  theme
-}) => ({
-  zIndex: (theme.vars || theme).zIndex.snackbar,
-  position: "fixed",
-  display: "flex",
-  left: 8,
-  right: 8,
-  justifyContent: "center",
-  alignItems: "center",
-  variants: [{
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical === "top",
-    style: {
-      top: 8,
-      [theme.breakpoints.up("sm")]: {
-        top: 24
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.vertical !== "top",
-    style: {
-      bottom: 8,
-      [theme.breakpoints.up("sm")]: {
-        bottom: 24
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.horizontal === "left",
-    style: {
-      justifyContent: "flex-start",
-      [theme.breakpoints.up("sm")]: {
-        left: 24,
-        right: "auto"
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.horizontal === "right",
-    style: {
-      justifyContent: "flex-end",
-      [theme.breakpoints.up("sm")]: {
-        right: 24,
-        left: "auto"
-      }
-    }
-  }, {
-    props: ({
-      ownerState
-    }) => ownerState.anchorOrigin.horizontal === "center",
-    style: {
-      [theme.breakpoints.up("sm")]: {
-        left: "50%",
-        right: "auto",
-        transform: "translateX(-50%)"
-      }
-    }
-  }]
-})));
-const Snackbar = /* @__PURE__ */ React__namespace.forwardRef(function Snackbar2(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiSnackbar"
-  });
-  const theme = useTheme();
-  const defaultTransitionDuration = {
-    enter: theme.transitions.duration.enteringScreen,
-    exit: theme.transitions.duration.leavingScreen
-  };
-  const {
-    action,
-    anchorOrigin: {
-      vertical,
-      horizontal
-    } = {
-      vertical: "bottom",
-      horizontal: "left"
-    },
-    autoHideDuration = null,
-    children,
-    className,
-    ClickAwayListenerProps: ClickAwayListenerPropsProp,
-    ContentProps: ContentPropsProp,
-    disableWindowBlurListener = false,
-    message,
-    onBlur,
-    onClose,
-    onFocus,
-    onMouseEnter,
-    onMouseLeave,
-    open,
-    resumeHideDuration,
-    slots = {},
-    slotProps = {},
-    TransitionComponent: TransitionComponentProp,
-    transitionDuration = defaultTransitionDuration,
-    TransitionProps: {
-      onEnter,
-      onExited,
-      ...TransitionPropsProp
-    } = {},
-    ...other
-  } = props;
-  const ownerState = {
-    ...props,
-    anchorOrigin: {
-      vertical,
-      horizontal
-    },
-    autoHideDuration,
-    disableWindowBlurListener,
-    TransitionComponent: TransitionComponentProp,
-    transitionDuration
-  };
-  const classes = useUtilityClasses$1(ownerState);
-  const {
-    getRootProps,
-    onClickAway
-  } = useSnackbar$1({
-    ...ownerState
-  });
-  const [exited, setExited] = React__namespace.useState(true);
-  const handleExited = (node) => {
-    setExited(true);
-    if (onExited) {
-      onExited(node);
-    }
-  };
-  const handleEnter = (node, isAppearing) => {
-    setExited(false);
-    if (onEnter) {
-      onEnter(node, isAppearing);
-    }
-  };
-  const externalForwardedProps = {
-    slots: {
-      transition: TransitionComponentProp,
-      ...slots
-    },
-    slotProps: {
-      content: ContentPropsProp,
-      clickAwayListener: ClickAwayListenerPropsProp,
-      transition: TransitionPropsProp,
-      ...slotProps
-    }
-  };
-  const [Root, rootProps] = useSlot("root", {
-    ref,
-    className: [classes.root, className],
-    elementType: SnackbarRoot,
-    getSlotProps: getRootProps,
-    externalForwardedProps: {
-      ...externalForwardedProps,
-      ...other
-    },
-    ownerState
-  });
-  const [ClickAwaySlot, {
-    ownerState: clickAwayOwnerStateProp,
-    ...clickAwayListenerProps
-  }] = useSlot("clickAwayListener", {
-    elementType: ClickAwayListener,
-    externalForwardedProps,
-    getSlotProps: (handlers) => ({
-      onClickAway: (...params) => {
-        const event = params[0];
-        handlers.onClickAway?.(...params);
-        if (event?.defaultMuiPrevented) {
-          return;
-        }
-        onClickAway(...params);
-      }
-    }),
-    ownerState
-  });
-  const [ContentSlot, contentSlotProps] = useSlot("content", {
-    elementType: SnackbarContent,
-    shouldForwardComponentProp: true,
-    externalForwardedProps,
-    additionalProps: {
-      message,
-      action
-    },
-    ownerState
-  });
-  const [TransitionSlot, transitionProps] = useSlot("transition", {
-    elementType: Grow,
-    externalForwardedProps,
-    getSlotProps: (handlers) => ({
-      onEnter: (...params) => {
-        handlers.onEnter?.(...params);
-        handleEnter(...params);
-      },
-      onExited: (...params) => {
-        handlers.onExited?.(...params);
-        handleExited(...params);
-      }
-    }),
-    additionalProps: {
-      appear: true,
-      in: open,
-      timeout: transitionDuration,
-      direction: vertical === "top" ? "down" : "up"
-    },
-    ownerState
-  });
-  if (!open && exited) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ClickAwaySlot, {
-    ...clickAwayListenerProps,
-    ...slots.clickAwayListener && {
-      ownerState: clickAwayOwnerStateProp
-    },
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Root, {
-      ...rootProps,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionSlot, {
-        ...transitionProps,
-        children: children || /* @__PURE__ */ jsxRuntimeExports.jsx(ContentSlot, {
-          ...contentSlotProps
-        })
-      })
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? Snackbar.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The action to display. It renders after the message, at the end of the snackbar.
-   */
-  action: PropTypes.node,
-  /**
-   * The anchor of the `Snackbar`.
-   * On smaller screens, the component grows to occupy all the available width,
-   * the horizontal alignment is ignored.
-   * @default { vertical: 'bottom', horizontal: 'left' }
-   */
-  anchorOrigin: PropTypes.shape({
-    horizontal: PropTypes.oneOf(["center", "left", "right"]).isRequired,
-    vertical: PropTypes.oneOf(["bottom", "top"]).isRequired
-  }),
-  /**
-   * The number of milliseconds to wait before automatically calling the
-   * `onClose` function. `onClose` should then set the state of the `open`
-   * prop to hide the Snackbar. This behavior is disabled by default with
-   * the `null` value.
-   * @default null
-   */
-  autoHideDuration: PropTypes.number,
-  /**
-   * Replace the `SnackbarContent` component.
-   */
-  children: PropTypes.element,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Props applied to the `ClickAwayListener` element.
-   * @deprecated Use `slotProps.clickAwayListener` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  ClickAwayListenerProps: PropTypes.object,
-  /**
-   * Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
-   * @deprecated Use `slotProps.content` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  ContentProps: PropTypes.object,
-  /**
-   * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
-   * @default false
-   */
-  disableWindowBlurListener: PropTypes.bool,
-  /**
-   * When displaying multiple consecutive snackbars using a single parent-rendered
-   * `<Snackbar/>`, add the `key` prop to ensure independent treatment of each message.
-   * For instance, use `<Snackbar key={message} />`. Otherwise, messages might update
-   * in place, and features like `autoHideDuration` could be affected.
-   */
-  key: () => null,
-  /**
-   * The message to display.
-   */
-  message: PropTypes.node,
-  /**
-   * @ignore
-   */
-  onBlur: PropTypes.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   * Typically `onClose` is used to set state in the parent component,
-   * which is used to control the `Snackbar` `open` prop.
-   * The `reason` parameter can optionally be used to control the response to `onClose`,
-   * for example ignoring `clickaway`.
-   *
-   * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
-   * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
-   */
-  onClose: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onFocus: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onMouseEnter: PropTypes.func,
-  /**
-   * @ignore
-   */
-  onMouseLeave: PropTypes.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: PropTypes.bool,
-  /**
-   * The number of milliseconds to wait before dismissing after user interaction.
-   * If `autoHideDuration` prop isn't specified, it does nothing.
-   * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,
-   * we default to `autoHideDuration / 2` ms.
-   */
-  resumeHideDuration: PropTypes.number,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   */
-  slotProps: PropTypes.shape({
-    clickAwayListener: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    content: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    transition: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
-  }),
-  /**
-   * The components used for each slot inside.
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    clickAwayListener: PropTypes.elementType,
-    content: PropTypes.elementType,
-    root: PropTypes.elementType,
-    transition: PropTypes.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The component used for the transition.
-   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default Grow
-   */
-  TransitionComponent: PropTypes.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  transitionDuration: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    appear: PropTypes.number,
-    enter: PropTypes.number,
-    exit: PropTypes.number
-  })]),
-  /**
-   * Props applied to the transition element.
-   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   * @default {}
-   */
-  TransitionProps: PropTypes.object
-} : void 0;
-var SnackbarType = /* @__PURE__ */ ((SnackbarType2) => {
-  SnackbarType2["INFO"] = "info";
-  SnackbarType2["SUCCESS"] = "success";
-  SnackbarType2["ERROR"] = "error";
-  SnackbarType2["WARNING"] = "warning";
-  return SnackbarType2;
-})(SnackbarType || {});
-const SnackbarContext = React.createContext(
-  void 0
-);
-const SnackbarProvider = ({
-  children
-}) => {
-  const [snackbar, setSnackbar] = React.useState(
-    {
-      open: false,
-      message: "",
-      type: "info"
-      /* INFO */
-    }
-  );
-  const showSnackbar = (params) => {
-    setSnackbar({
-      open: true,
-      ...params
-    });
-  };
-  const handleClose = () => {
-    setSnackbar({ ...snackbar, open: false });
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(SnackbarContext.Provider, { value: { showSnackbar }, children: [
-    children,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Snackbar,
-      {
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        sx: {
-          "&.MuiSnackbar-root": {
-            bottom: STYLE.PADDING_GAP_LAYOUT,
-            right: STYLE.PADDING_GAP_LAYOUT
-          }
-        },
-        open: snackbar.open,
-        autoHideDuration: 6e3,
-        onClose: handleClose,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          material.Alert,
-          {
-            sx: { borderRadius: STYLE.BORDER_RADIUS_ELEMENT, boxShadow: 1 },
-            onClose: handleClose,
-            severity: snackbar.type,
-            children: snackbar.message
-          }
-        )
-      }
-    )
-  ] });
-};
-const useSnackbar = () => {
-  const context = React.useContext(SnackbarContext);
-  if (!context)
-    throw new Error("useSnackbar must be used within a SnackbarProvider");
-  return context;
-};
-const AuthLayout = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    material.Stack,
-    {
-      sx: {
-        height: "100vh",
-        width: "100%",
-        backgroundImage: `url(/images/login.jpg)`,
-        backgroundSize: "cover",
-        backgroundPosition: "center"
-      },
-      children
+var SnackbarType = /* @__PURE__ */ ((SnackbarType2) => {
+  SnackbarType2["INFO"] = "info";
+  SnackbarType2["SUCCESS"] = "success";
+  SnackbarType2["ERROR"] = "error";
+  SnackbarType2["WARNING"] = "warning";
+  return SnackbarType2;
+})(SnackbarType || {});
+const SnackbarContext = React.createContext(void 0);
+const useSnackbar = () => {
+  const context = React.useContext(SnackbarContext);
+  if (!context) throw new Error("useSnackbar must be used within a SnackbarProvider");
+  return context;
+};
+const AuthLayout = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    material.Stack,
+    {
+      sx: {
+        height: "100vh",
+        width: "100%",
+        backgroundImage: `url(/images/login.jpg)`,
+        backgroundSize: "cover",
+        backgroundPosition: "center"
+      },
+      children
     }
   );
 };
@@ -19582,9 +17648,9 @@ const extractNumberAtStartString = (string2) => {
   const match = string2.match(/^\d+(\.\d+)?/);
   return match ? parseFloat(match[0]) : 0;
 };
-const stripHtml = (html) => {
+const stripHtml = (html2) => {
   const tempDiv = document.createElement("div");
-  tempDiv.innerHTML = html;
+  tempDiv.innerHTML = html2;
   return tempDiv.textContent || tempDiv.innerText || "";
 };
 const getErrorMessage = (e) => e?.message ?? "Đã xảy ra lỗi không xác định!";
@@ -20722,15 +18788,6 @@ const useIsSystemMonitor = () => {
   const normalize = (p) => p.replace(/\/+$/, "");
   return normalize(location2.pathname) === normalize(PAGE.DASHBOARD.path);
 };
-const useAllApps = () => {
-  const userType = reactRedux.useSelector((state) => state.account.user?.type);
-  const allApps = React.useMemo(() => {
-    return SYSTEM_MODULES.filter((app2) => {
-      return app2.allowUserTypes.includes(userType);
-    });
-  }, [userType]);
-  return allApps;
-};
 const useActiveSidebar = () => {
   const { user, current_access } = reactRedux.useSelector((state) => state.account);
   const activeSidebar = React.useMemo(() => {
@@ -20740,18 +18797,6 @@ const useActiveSidebar = () => {
   }, [current_access, user]);
   return activeSidebar;
 };
-const useSidebarState = () => {
-  const [isSidebarOpen, setIsSidebarOpen] = React.useState(false);
-  const openSidebar = () => setIsSidebarOpen(true);
-  const closeSidebar = () => setIsSidebarOpen(false);
-  const toggleSidebar = () => setIsSidebarOpen((prev) => !prev);
-  return {
-    isSidebarOpen,
-    openSidebar,
-    closeSidebar,
-    toggleSidebar
-  };
-};
 const BellComponent = ({}) => {
   const isSystemMonitor = useIsSystemMonitor();
   const { notificationCount } = reactRedux.useSelector((state) => state.account);
@@ -21282,13 +19327,7 @@ const MonitorPart = ({ children }) => {
       },
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(system.Stack, { p: { padding: STYLE.PADDING_GAP_LAYOUT }, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(StackRowJustBetween, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(StackRowAlignCenter, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            LogoComponent,
-            {
-              url: "/images/logo/logo-sub-3.svg",
-              fillColor: "white"
-            }
-          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(StackRowAlignCenter, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(LogoComponent, { url: "/images/logo/logo-sub-3.svg", fillColor: "white" }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(StackRowAlignCenter, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(BellComponent, {}),
             /* @__PURE__ */ jsxRuntimeExports.jsx(AvatarUserComponent, {})
@@ -24178,13 +22217,13 @@ Object.assign(/* @__PURE__ */ Object.create(null), {
 });
 const isSchema = (obj) => obj && obj.__isYupSchema__;
 class Condition {
-  static fromOptions(refs, config2) {
-    if (!config2.then && !config2.otherwise) throw new TypeError("either `then:` or `otherwise:` is required for `when()` conditions");
+  static fromOptions(refs, config) {
+    if (!config.then && !config.otherwise) throw new TypeError("either `then:` or `otherwise:` is required for `when()` conditions");
     let {
       is,
       then,
       otherwise
-    } = config2;
+    } = config;
     let check = typeof is === "function" ? is : (...values2) => values2.every((value2) => value2 === is);
     return new Condition(refs, (values2, schema) => {
       var _branch;
@@ -24270,7 +22309,7 @@ class Reference {
 }
 Reference.prototype.__isYupRef = true;
 const isAbsent = (value2) => value2 == null;
-function createValidation(config2) {
+function createValidation(config) {
   function validate({
     value: value2,
     path = "",
@@ -24284,7 +22323,7 @@ function createValidation(config2) {
       params,
       message,
       skipAbsent
-    } = config2;
+    } = config;
     let {
       parent,
       context,
@@ -24352,7 +22391,7 @@ function createValidation(config2) {
     }
     handleResult(result);
   }
-  validate.OPTIONS = config2;
+  validate.OPTIONS = config;
   return validate;
 }
 function resolveParams(params, options) {
@@ -25958,17 +23997,11 @@ const AuthPage = ({}) => {
           resetForm();
           break;
         case AuthProcess.FORGOT_PASSWORD:
-          await authApi.forgotPassword({
-            phone: authDto.phone,
-            type: ForgotPasswordType.PHONE
-          });
+          await authApi.forgotPassword({ phone: authDto.phone, type: ForgotPasswordType.PHONE });
           setAuthProcess(AuthProcess.VERIFY_OTP);
           break;
         case AuthProcess.VERIFY_OTP: {
-          const res = await authApi.verifyOtp({
-            otp: authDto.otp,
-            phone: authDto.phone
-          });
+          const res = await authApi.verifyOtp({ otp: authDto.otp, phone: authDto.phone });
           setFieldValue("token", res.token);
           setAuthProcess(AuthProcess.RESET_PASSWORD);
           break;
@@ -25987,170 +24020,140 @@ const AuthPage = ({}) => {
           break;
       }
     } catch (error) {
-      showSnackbar({
-        message: getErrorMessage(error),
-        type: SnackbarType.ERROR
-      });
+      showSnackbar({ message: getErrorMessage(error), type: SnackbarType.ERROR });
     } finally {
       if (showPassword) setShowPassword(false);
       setLoading(false);
     }
   };
   const [showPassword, setShowPassword] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    material.Stack,
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(material.Stack, { sx: { display: "flex", justifyContent: "center", alignItems: "center", position: "relative", width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Formik,
     {
-      sx: {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        position: "relative",
-        width: "100%",
-        height: "100%"
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Formik,
-        {
-          initialValues: {
-            emailOrPhone: "",
-            password: "",
-            token: "",
-            otp: "",
-            phone: ""
-          },
-          validationSchema: validationSchema(authProcess),
-          onSubmit,
-          validateOnChange: false,
-          enableReinitialize: true,
-          children: (formik) => {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(Form, { noValidate: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              material.Stack,
-              {
-                sx: {
-                  width: 400,
-                  backgroundColor: `${palette.background.default}${OPACITY[80]}`,
-                  backdropFilter: "blur(10px)",
-                  borderRadius: 3.5,
-                  padding: 3,
-                  boxShadow: 1,
-                  alignItems: "center"
-                },
-                gap: 3,
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(LogoComponent, { url: "/images/logo/logo-sub-4.svg" }),
-                  authProcess === AuthProcess.LOGIN && /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      TextFieldElement,
-                      {
-                        iconLabel: "mail",
-                        label: "Số điện thoại",
-                        name: "emailOrPhone",
-                        placeholder: "Nhập số điện thoại",
-                        error: formik.errors.emailOrPhone,
-                        value: formik.values.emailOrPhone,
-                        onChange: formik.handleChange,
-                        sx: {
-                          "& fieldset": { borderColor: palette.primary.light }
-                        },
-                        required: true
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      TextFieldElement,
+      initialValues: { emailOrPhone: "", password: "", token: "", otp: "", phone: "" },
+      validationSchema: validationSchema(authProcess),
+      onSubmit,
+      validateOnChange: false,
+      enableReinitialize: true,
+      children: (formik) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Form, { noValidate: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          material.Stack,
+          {
+            sx: {
+              width: 400,
+              backgroundColor: `${palette.background.default}${OPACITY[80]}`,
+              backdropFilter: "blur(10px)",
+              borderRadius: 3.5,
+              padding: 3,
+              boxShadow: 1,
+              alignItems: "center"
+            },
+            gap: 3,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(LogoComponent, { url: "/images/logo/logo-sub-4.svg" }),
+              authProcess === AuthProcess.LOGIN && /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  TextFieldElement,
+                  {
+                    iconLabel: "mail",
+                    label: "Số điện thoại",
+                    name: "emailOrPhone",
+                    placeholder: "Nhập số điện thoại",
+                    error: formik.errors.emailOrPhone,
+                    value: formik.values.emailOrPhone,
+                    onChange: formik.handleChange,
+                    sx: { "& fieldset": { borderColor: palette.primary.light } },
+                    required: true
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  TextFieldElement,
+                  {
+                    iconLabel: "vpn_key",
+                    label: "Mật khẩu",
+                    name: "password",
+                    autoComplete: "current-password",
+                    placeholder: "Nhập mật khẩu",
+                    error: formik.errors.password,
+                    value: formik.values.password,
+                    onChange: formik.handleChange,
+                    type: showPassword ? "text" : "password",
+                    sx: { "& fieldset": { borderColor: palette.primary.light } },
+                    InputProps: {
+                      endAdornment: /* @__PURE__ */ jsxRuntimeExports.jsx(material.InputAdornment, { position: "end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        IconElement,
+                        {
+                          icon: showPassword ? "visibility" : "visibility_off",
+                          onClick: () => setShowPassword(!showPassword)
+                        }
+                      ) })
+                    },
+                    required: true
+                  }
+                )
+              ] }),
+              authProcess === AuthProcess.FORGOT_PASSWORD && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                TextFieldElement,
+                {
+                  iconLabel: "mail",
+                  label: "Số điện thoại",
+                  name: "phone",
+                  placeholder: "Nhập số điện thoại",
+                  sx: { "& fieldset": { borderColor: palette.primary.light } },
+                  error: formik.errors.phone,
+                  value: formik.values.phone,
+                  onChange: formik.handleChange,
+                  required: true
+                }
+              ),
+              authProcess === AuthProcess.VERIFY_OTP && /* @__PURE__ */ jsxRuntimeExports.jsx(OtpPart, { setAuthProcess }),
+              authProcess === AuthProcess.RESET_PASSWORD && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                TextFieldElement,
+                {
+                  label: "Mật khẩu",
+                  placeholder: "Nhập mật khẩu",
+                  name: "password",
+                  error: formik.errors.password,
+                  required: true,
+                  value: formik.values.password,
+                  onChange: formik.handleChange,
+                  sx: { "& fieldset": { borderColor: palette.primary.light } },
+                  type: showPassword ? "text" : "password",
+                  InputProps: {
+                    endAdornment: /* @__PURE__ */ jsxRuntimeExports.jsx(material.InputAdornment, { position: "end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      IconElement,
                       {
-                        iconLabel: "vpn_key",
-                        label: "Mật khẩu",
-                        name: "password",
-                        autoComplete: "current-password",
-                        placeholder: "Nhập mật khẩu",
-                        error: formik.errors.password,
-                        value: formik.values.password,
-                        onChange: formik.handleChange,
-                        type: showPassword ? "text" : "password",
-                        sx: {
-                          "& fieldset": { borderColor: palette.primary.light }
-                        },
-                        InputProps: {
-                          endAdornment: /* @__PURE__ */ jsxRuntimeExports.jsx(material.InputAdornment, { position: "end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                            IconElement,
-                            {
-                              icon: showPassword ? "visibility" : "visibility_off",
-                              onClick: () => setShowPassword(!showPassword)
-                            }
-                          ) })
-                        },
-                        required: true
-                      }
-                    )
-                  ] }),
-                  authProcess === AuthProcess.FORGOT_PASSWORD && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    TextFieldElement,
-                    {
-                      iconLabel: "mail",
-                      label: "Số điện thoại",
-                      name: "phone",
-                      placeholder: "Nhập số điện thoại",
-                      sx: {
-                        "& fieldset": { borderColor: palette.primary.light }
-                      },
-                      error: formik.errors.phone,
-                      value: formik.values.phone,
-                      onChange: formik.handleChange,
-                      required: true
-                    }
-                  ),
-                  authProcess === AuthProcess.VERIFY_OTP && /* @__PURE__ */ jsxRuntimeExports.jsx(OtpPart, { setAuthProcess }),
-                  authProcess === AuthProcess.RESET_PASSWORD && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    TextFieldElement,
-                    {
-                      label: "Mật khẩu",
-                      placeholder: "Nhập mật khẩu",
-                      name: "password",
-                      error: formik.errors.password,
-                      required: true,
-                      value: formik.values.password,
-                      onChange: formik.handleChange,
-                      sx: {
-                        "& fieldset": { borderColor: palette.primary.light }
-                      },
-                      type: showPassword ? "text" : "password",
-                      InputProps: {
-                        endAdornment: /* @__PURE__ */ jsxRuntimeExports.jsx(material.InputAdornment, { position: "end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          IconElement,
-                          {
-                            icon: showPassword ? "visibility" : "visibility_off",
-                            onClick: () => setShowPassword(!showPassword)
-                          }
-                        ) })
+                        icon: showPassword ? "visibility" : "visibility_off",
+                        onClick: () => setShowPassword(!showPassword)
                       }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    IconContentElement,
-                    {
-                      icon: BUTTON_BACK_ICON_CONTENT[authProcess].backIcon,
-                      content: BUTTON_BACK_ICON_CONTENT[authProcess].backContent,
-                      sx: { flexDirection: "row-reverse", width: "100%" },
-                      onClick: () => authProcess === AuthProcess.LOGIN ? setAuthProcess(AuthProcess.FORGOT_PASSWORD) : setAuthProcess(AuthProcess.LOGIN)
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    ButtonElement,
-                    {
-                      loading,
-                      content: BUTTON_BACK_ICON_CONTENT[authProcess].button,
-                      type: "submit",
-                      disabled: authProcess === AuthProcess.VERIFY_OTP ? formik.values.otp.length < 4 : false
-                    }
-                  )
-                ]
-              }
-            ) });
+                    ) })
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                IconContentElement,
+                {
+                  icon: BUTTON_BACK_ICON_CONTENT[authProcess].backIcon,
+                  content: BUTTON_BACK_ICON_CONTENT[authProcess].backContent,
+                  sx: { flexDirection: "row-reverse", width: "100%" },
+                  onClick: () => authProcess === AuthProcess.LOGIN ? setAuthProcess(AuthProcess.FORGOT_PASSWORD) : setAuthProcess(AuthProcess.LOGIN)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ButtonElement,
+                {
+                  loading,
+                  content: BUTTON_BACK_ICON_CONTENT[authProcess].button,
+                  type: "submit",
+                  disabled: authProcess === AuthProcess.VERIFY_OTP ? formik.values.otp.length < 4 : false
+                }
+              )
+            ]
           }
-        }
-      )
+        ) });
+      }
     }
-  );
+  ) });
 };
 const DashboardPage = () => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Outlet, {});
@@ -29479,10 +27482,10 @@ function makeLatestValues(props, context, presenceContext, scrapeMotionValues) {
   }
   return values2;
 }
-const makeUseVisualState = (config2) => (props, isStatic) => {
+const makeUseVisualState = (config) => (props, isStatic) => {
   const context = React.useContext(MotionContext);
   const presenceContext = React.useContext(PresenceContext);
-  const make = () => makeState(config2, props, context, presenceContext);
+  const make = () => makeState(config, props, context, presenceContext);
   return isStatic ? make() : useConstant(make);
 };
 function scrapeMotionValuesFromProps$1(props, prevProps, visualElement) {
@@ -31814,13 +29817,13 @@ class FlatTree {
     this.children.forEach(callback);
   }
 }
-function delay(callback, timeout2) {
+function delay(callback, timeout) {
   const start = time.now();
   const checkElapsed = ({ timestamp }) => {
     const elapsed = timestamp - start;
-    if (elapsed >= timeout2) {
+    if (elapsed >= timeout) {
       cancelFrame(checkElapsed);
-      callback(elapsed - timeout2);
+      callback(elapsed - timeout);
     }
   };
   frame.setup(checkElapsed, true);
@@ -32806,10 +30809,10 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       }
       const stack = this.sharedNodes.get(layoutId);
       stack.add(node);
-      const config2 = node.options.initialPromotionConfig;
+      const config = node.options.initialPromotionConfig;
       node.promote({
-        transition: config2 ? config2.transition : void 0,
-        preserveFollowOpacity: config2 && config2.shouldPreserveFollowOpacity ? config2.shouldPreserveFollowOpacity(node) : void 0
+        transition: config ? config.transition : void 0,
+        preserveFollowOpacity: config && config.shouldPreserveFollowOpacity ? config.shouldPreserveFollowOpacity(node) : void 0
       });
     }
     isLead() {
@@ -33776,18 +31779,10 @@ const routes = [
   }
 ];
 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__ */ jsxRuntimeExports.jsx(reactRouterDom.Navigate, { to: PAGE.DASHBOARD.path });
+  if (path === PAGE.AUTH.path && account.isLogin) Element2 = () => /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Navigate, { to: PAGE.DASHBOARD.path });
   if (type === RouteType.PROTECTED) {
     if (!account.isLogin) Element2 = () => /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Navigate, { to: PAGE.AUTH.path });
     else if (allowUserTypes.length && !allowUserTypes.includes(account.user.type) && account.user.type !== UserType.ROOT)
@@ -33803,7 +31798,184 @@ const renderRoutes = (routes2, account) => routes2.map((route) => {
     path
   );
 });
+function useVersionCheck(options) {
+  React.useEffect(() => {
+    let currentVersion = localStorage.getItem("app_version");
+    const checkVersion = async () => {
+      try {
+        const res = await fetch("/version.json", { cache: "no-store" });
+        const data = await res.json();
+        if (!currentVersion) {
+          localStorage.setItem("app_version", data.version);
+          currentVersion = data.version;
+          return;
+        }
+        if (currentVersion !== data.version) {
+          localStorage.setItem("app_version", data.version);
+          window.location.reload();
+        }
+      } catch (err) {
+        console.error("Failed to check version", err);
+      }
+    };
+    checkVersion();
+    if (options?.interval && options.interval > 0) {
+      const timer = setInterval(checkVersion, options.interval);
+      return () => clearInterval(timer);
+    }
+  }, [options?.interval]);
+}
 initSockets(store);
+function App() {
+  useVersionCheck({ interval: 5 * 60 * 1e3 });
+  const dispatch = useAppDispatch();
+  const account = reactRedux.useSelector((state) => state.account);
+  const system2 = reactRedux.useSelector((state) => state.system);
+  const { showSnackbar } = useSnackbar();
+  const theme = material.createTheme({
+    ...MODE[system2.mode],
+    ...MODE.OTHER,
+    components: {
+      MuiStack: {
+        styleOverrides: {
+          root: { gap: STYLE.PADDING_GAP_LAYOUT }
+        }
+      },
+      MuiButton: {
+        defaultProps: {
+          size: "medium",
+          fullWidth: true
+        },
+        styleOverrides: {
+          root: {
+            "&.Mui-disabled": {
+              borderColor: MODE[system2.mode].palette.divider
+            },
+            fontWeight: 400,
+            lineHeight: "unset",
+            height: STYLE.HEIGHT_DEFAULT_TEXT_FIELD_BUTTON
+          }
+        }
+      },
+      MuiTooltip: {
+        styleOverrides: {
+          tooltip: {
+            backgroundColor: MODE[system2.mode].palette.background.paper,
+            color: MODE[system2.mode].palette.text.primary,
+            boxShadow: MODE[system2.mode].shadows[1],
+            padding: STYLE.PADDING_GAP_ITEM,
+            margin: `5px !important`,
+            borderRadius: STYLE.BORDER_RADIUS_ELEMENT_WRAPPER,
+            maxWidth: "none"
+          }
+        }
+      },
+      MuiTextField: {
+        defaultProps: {
+          variant: "outlined",
+          size: "small",
+          fullWidth: true
+        },
+        styleOverrides: {
+          root: {
+            "& fieldset": {
+              borderColor: MODE[system2.mode].palette.divider,
+              borderRadius: STYLE.BORDER_RADIUS_ELEMENT
+            },
+            "& .MuiFormHelperText-root": {
+              ...getLimitLineCss(1)
+            }
+          }
+        }
+      },
+      MuiDivider: {
+        styleOverrides: {
+          root: {
+            borderColor: `${MODE[system2.mode].palette.divider}${OPACITY[30]}`
+          }
+        }
+      },
+      MuiTableCell: {
+        styleOverrides: {
+          root: {
+            fontWeight: "unset",
+            boxShadow: "none",
+            border: "none",
+            "&:first-of-type": {
+              borderTopLeftRadius: STYLE.BORDER_RADIUS_ELEMENT,
+              borderBottomLeftRadius: STYLE.BORDER_RADIUS_ELEMENT
+            },
+            "&:last-of-type": {
+              borderTopRightRadius: STYLE.BORDER_RADIUS_ELEMENT,
+              borderBottomRightRadius: STYLE.BORDER_RADIUS_ELEMENT
+            }
+          }
+        }
+      }
+    }
+  });
+  React.useEffect(() => {
+    (async () => {
+      try {
+        account.user && await dispatch(ACTION_ACCOUNT.getAccount(account.user.id)).unwrap();
+      } catch (error) {
+        showSnackbar({
+          message: getErrorMessage(error),
+          type: SnackbarType.ERROR
+        });
+      }
+    })();
+  }, []);
+  React.useEffect(() => {
+    (async () => {
+      try {
+        if (!("serviceWorker" in navigator)) return;
+        const registration = await navigator.serviceWorker.register(
+          "/firebase-messaging-sw.js"
+        );
+        await navigator.serviceWorker.ready;
+        const permission = await Notification.requestPermission();
+        if (permission === "granted" && account.isLogin && !account.fcmToken) {
+          const fcmToken = await getToken(messaging, {
+            vapidKey: void 0,
+            serviceWorkerRegistration: registration
+          });
+          if (fcmToken)
+            await dispatch(
+              ACTION_ACCOUNT.subscribeTopic({ fcmToken })
+            ).unwrap();
+        }
+      } catch (error) {
+        showSnackbar({
+          message: getErrorMessage(error),
+          type: SnackbarType.ERROR
+        });
+      }
+    })();
+  }, [account.isLogin]);
+  React.useEffect(() => {
+    const handler = async (event) => {
+      if (!event.data) return;
+      const { title, message } = event.data;
+      const currentCount = store.getState().account.notificationCount;
+      await dispatch(
+        ACTION_ACCOUNT.changeNotificationCount(currentCount + 1)
+      ).unwrap();
+      showSnackbar({
+        message: `${title}: ${message}`,
+        type: SnackbarType.INFO
+      });
+    };
+    navigator.serviceWorker.addEventListener("message", handler);
+    return () => {
+      navigator.serviceWorker.removeEventListener("message", handler);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(material.ThemeProvider, { theme, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(reactRouterDom.Routes, { children: renderRoutes(routes, account) })
+  ] });
+}
 var Country = /* @__PURE__ */ ((Country2) => {
   Country2["VIETNAM"] = "Vietnam";
   Country2["USA"] = "USA";
@@ -33941,12 +32113,10 @@ const useTagSelector = (movementId) => {
     // Export để component cha có thể biết những user nào đã được tag
   };
 };
-exports.ALLOW_USER_TYPES = ALLOW_USER_TYPES;
 exports.ANIMATION_TIME = ANIMATION_TIME;
 exports.AppCategory = AppCategory;
 exports.AppType = AppType;
 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;
@@ -33957,8 +32127,6 @@ 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.Country = Country;
-exports.DASHBOARD_BASE = DASHBOARD_BASE;
-exports.DASHBOARD_SCREEN = DASHBOARD_SCREEN;
 exports.FONT_SIZE_ICON = FONT_SIZE_ICON;
 exports.FONT_SIZE_LOADING = FONT_SIZE_LOADING;
 exports.FileTypeEnum = FileTypeEnum;
@@ -33986,8 +32154,6 @@ 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.RefreshTokenStatus = RefreshTokenStatus;
 exports.RejectionReason = RejectionReason;
@@ -33996,8 +32162,7 @@ exports.RouteType = RouteType;
 exports.SCALE_VALUE = SCALE_VALUE;
 exports.STYLE = STYLE;
 exports.SYSTEM_MODULES = SYSTEM_MODULES;
-exports.SnackbarProvider = SnackbarProvider;
-exports.SnackbarType = SnackbarType;
+exports.SevagoSSOApp = App;
 exports.SocketNamespace = SocketNamespace;
 exports.SocketSystemEvent = SocketSystemEvent;
 exports.SocketSystemRoom = SocketSystemRoom;
@@ -34039,8 +32204,6 @@ 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;
 exports.axiosRequest = axiosRequest;
 exports.checkNowYear = checkNowYear;
@@ -34084,7 +32247,7 @@ exports.phoneRegExp = phoneRegExp;
 exports.refreshToken = refreshToken$1;
 exports.renderRoutes = renderRoutes;
 exports.resetPassword = resetPassword$1;
-exports.routes = routes;
+exports.routeConstants = PAGE;
 exports.socketConfig = socketConfig;
 exports.store = store;
 exports.stringToColor = stringToColor;
@@ -34099,14 +32262,11 @@ exports.updateAccount = updateAccount$1;
 exports.updateNotification = updateNotification;
 exports.updateNotificationSetting = updateNotificationSetting;
 exports.updateUser = updateUser;
-exports.useActiveSidebar = useActiveSidebar;
-exports.useAllApps = useAllApps;
 exports.useApps = useApps;
-exports.useIsSystemMonitor = useIsSystemMonitor;
-exports.useSidebarState = useSidebarState;
 exports.useSnackbar = useSnackbar;
 exports.useTagSelector = useTagSelector;
 exports.useUpdateCurrentAccess = useUpdateCurrentAccess;
+exports.useVersionCheck = useVersionCheck;
 exports.userApi = userApi;
 exports.verifyOtp = verifyOtp;
 //# sourceMappingURL=index.cjs.js.map