@elice/material-runbox 1.260915.0-edsmigration.0 → 1.260921.0

package/cjs/components/material-runbox/MaterialAdminRunboxConfirmDialog.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
+var material = require('@mui/material');
 
 //
 //
@@ -17,25 +17,25 @@ var MaterialAdminRunboxConfirmDialog = function MaterialAdminRunboxConfirmDialog
   //
   //
   //
-  return jsxRuntime.jsxs(edsMaterial.Dialog, {
+  return jsxRuntime.jsxs(material.Dialog, {
     open: isOpen,
     onClose: onClose,
-    children: [jsxRuntime.jsx(edsMaterial.DialogTitle, {
+    children: [jsxRuntime.jsx(material.DialogTitle, {
       children: intl$1.formatMessage({
         id: 'material.tutoring.runbox_confirm_dialog.title'
       })
-    }), jsxRuntime.jsx(edsMaterial.DialogContent, {
+    }), jsxRuntime.jsx(material.DialogContent, {
       children: intl$1.formatMessage({
         id: 'material.tutoring.runbox_confirm_dialog.content'
       })
-    }), jsxRuntime.jsxs(edsMaterial.DialogActions, {
-      children: [jsxRuntime.jsx(edsMaterial.Button, {
+    }), jsxRuntime.jsxs(material.DialogActions, {
+      children: [jsxRuntime.jsx(material.Button, {
         color: "inherit",
         onClick: onClose,
         children: intl$1.formatMessage({
           id: 'common.cancel'
         })
-      }), jsxRuntime.jsx(edsMaterial.Button, {
+      }), jsxRuntime.jsx(material.Button, {
         onClick: onConfirm,
         children: intl$1.formatMessage({
           id: 'material.tutoring.runbox_confirm_dialog.action.confirm'

package/cjs/components/material-runbox/MaterialRunbox.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
-var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
+var material = require('@mui/material');
 var MaterialRunboxContent = require('./MaterialRunboxContent.js');
 var theme = require('./theme.js');
 var en = require('./locales/en.json.js');
@@ -31,7 +31,7 @@ var MaterialRunbox = function MaterialRunbox(_a) {
     eliceMaterialRunboxApiConfiguration = _a.eliceMaterialRunboxApiConfiguration,
     __intl = _a.__intl,
     contentProps = tslib.__rest(_a, ["enableAutoShutdownToggle", "enableUrlShare", "locale", "showMessenger", "getRunningRunboxLinkProps", "eliceMaterialRunboxApiConfiguration", "__intl"]);
-  return jsxRuntime.jsx(edsMaterial.ThemeProvider, {
+  return jsxRuntime.jsx(material.ThemeProvider, {
     theme: theme.runboxDarkTheme,
     children: jsxRuntime.jsx(intl.RawEliceIntlProvider, {
       value: __intl,

package/cjs/components/material-runbox/MaterialRunboxAlert.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
+var material = require('@mui/material');
 var useMaterialRunboxRunboxIdStarterGet = require('./hooks/useMaterialRunboxRunboxIdStarterGet.js');
 
 var MaterialRunboxAlert = function MaterialRunboxAlert(_ref) {
@@ -28,13 +28,13 @@ var MaterialRunboxAlert = function MaterialRunboxAlert(_ref) {
   if (!isStudentRunboxRunning || !isTutoring) {
     return null;
   }
-  return jsxRuntime.jsx(edsMaterial.Alert, {
+  return jsxRuntime.jsx(material.Alert, {
     severity: "warning",
     sx: {
       width: '100%',
       borderRadius: '0'
     },
-    children: jsxRuntime.jsx(edsMaterial.AlertTitle, {
+    children: jsxRuntime.jsx(material.AlertTitle, {
       children: intl$1.formatMessage({
         id: 'runbox.alert.title'
       })

package/cjs/components/material-runbox/MaterialRunboxContent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TagProps } from '@elice/eds-kit';
+import type { TagProps } from '@elice/mui-elements';
 import type { MaterialRunboxHeaderProps } from './MaterialRunboxHeader';
 export type GetAchievementColor = {
     (params: {

package/cjs/components/material-runbox/MaterialRunboxContent.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var edsMaterial = require('@elice/eds-material');
-var edsXSnackbar = require('@elice/eds-x-snackbar');
 var intl = require('@elice/intl');
+var muiXSnackbar = require('@elice/mui-x-snackbar');
 var openapiClientMaterialRunbox = require('@elice/openapi-client-material-runbox');
 var runboxClient = require('@elice/runbox-client');
 var iconsMaterial = require('@mui/icons-material');
+var material = require('@mui/material');
 var reactQuery = require('@tanstack/react-query');
 var MaterialAdminRunboxConfirmDialog = require('./MaterialAdminRunboxConfirmDialog.js');
 var MaterialRunboxAlert = require('./MaterialRunboxAlert.js');
@@ -38,7 +38,7 @@ var SNACKBAR_CONTAINER_CLASS = 'elice-material-runbox-snackbar-container';
 //
 //
 //
-var StyledRunboxContainer = edsMaterial.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  .", " {\n    position: absolute;\n  }\n"])), SNACKBAR_CONTAINER_CLASS);
+var StyledRunboxContainer = material.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  .", " {\n    position: absolute;\n  }\n"])), SNACKBAR_CONTAINER_CLASS);
 //
 //
 //
@@ -162,38 +162,34 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
   //
   //
   if (isInitialLoading || starterEnabled && isLoading) {
-    return jsxRuntime.jsx(edsMaterial.ThemeProvider, {
+    return jsxRuntime.jsx(material.ThemeProvider, {
       theme: theme.runboxLightTheme,
       children: jsxRuntime.jsx(StyledRunboxContainer, {
         sx: {
           backgroundColor: 'background.paper'
         },
-        children: jsxRuntime.jsx(edsMaterial.CircularProgress, {})
+        children: jsxRuntime.jsx(material.CircularProgress, {})
       })
     });
   }
   if (isError) {
-    return jsxRuntime.jsx(edsMaterial.ThemeProvider, {
+    return jsxRuntime.jsx(material.ThemeProvider, {
       theme: theme.runboxLightTheme,
       children: jsxRuntime.jsx(StyledRunboxContainer, {
         sx: {
           backgroundColor: 'background.paper',
           color: 'text.primary'
         },
-        children: jsxRuntime.jsxs(edsMaterial.Stack, {
-          sx: {
-            gap: '1.5rem'
-          },
-          children: [jsxRuntime.jsx(edsMaterial.Typography, {
+        children: jsxRuntime.jsxs(material.Stack, {
+          gap: "1.5rem",
+          children: [jsxRuntime.jsx(material.Typography, {
             variant: "h6",
             children: intl$1.formatMessage({
               id: 'runbox.runtime.message.startError'
             })
-          }), jsxRuntime.jsxs(edsMaterial.Stack, {
-            sx: {
-              gap: '0.5rem'
-            },
-            children: [jsxRuntime.jsx(edsMaterial.Button, {
+          }), jsxRuntime.jsxs(material.Stack, {
+            gap: "0.5rem",
+            children: [jsxRuntime.jsx(material.Button, {
               startIcon: jsxRuntime.jsx(iconsMaterial.Refresh, {}),
               onClick: function onClick() {
                 return refetch();
@@ -201,7 +197,7 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
               children: intl$1.formatMessage({
                 id: 'runbox.common.retry'
               })
-            }), typeof showMessenger === 'function' ? jsxRuntime.jsx(edsMaterial.Button, {
+            }), typeof showMessenger === 'function' ? jsxRuntime.jsx(material.Button, {
               variant: "outlined",
               onClick: function onClick() {
                 return showMessenger();
@@ -216,32 +212,26 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
     });
   }
   if (!enabledLxpPlan) {
-    return jsxRuntime.jsx(edsMaterial.ThemeProvider, {
+    return jsxRuntime.jsx(material.ThemeProvider, {
       theme: theme.runboxLightTheme,
       children: jsxRuntime.jsx(StyledRunboxContainer, {
         sx: {
           backgroundColor: 'background.paper',
           color: 'text.primary'
         },
-        children: jsxRuntime.jsxs(edsMaterial.Stack, {
-          sx: {
-            textAlign: 'center',
-            gap: '0.5rem'
-          },
-          children: [jsxRuntime.jsx(edsMaterial.Typography, {
+        children: jsxRuntime.jsxs(material.Stack, {
+          gap: "0.5rem",
+          textAlign: "center",
+          children: [jsxRuntime.jsx(material.Typography, {
             variant: "h6",
-            sx: {
-              color: 'text.secondary'
-            },
+            color: "text.secondary",
             children: intl$1.formatMessage({
               id: 'runbox.runtime.message.runbox_unavailable'
             })
-          }), jsxRuntime.jsx(edsMaterial.Typography, {
+          }), jsxRuntime.jsx(material.Typography, {
             variant: "body1",
-            sx: {
-              color: 'text.tertiary',
-              whiteSpace: 'pre-line'
-            },
+            whiteSpace: "pre-line",
+            color: "text.tertiary",
             children: intl$1.formatMessage({
               id: 'runbox.runtime.message.lxp_plan_required'
             })
@@ -306,7 +296,7 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
       onRunboxRefetchRequest: refetch,
       onRunboxRunningIdChange: onRunboxRunningIdChange,
       children: jsxRuntime.jsx(StyledRunboxContainer, {
-        children: jsxRuntime.jsx(edsXSnackbar.SnackbarProvider, {
+        children: jsxRuntime.jsx(muiXSnackbar.SnackbarProvider, {
           domRoot: snackbarRoot !== null && snackbarRoot !== void 0 ? snackbarRoot : document.body,
           classes: {
             containerRoot: SNACKBAR_CONTAINER_CLASS

package/cjs/components/material-runbox/MaterialRunboxHeader.js

@@ -7,13 +7,13 @@ var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
-var edsKit = require('@elice/eds-kit');
-var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
 var materialSharedUtils = require('@elice/material-shared-utils');
+var muiElements = require('@elice/mui-elements');
 var runboxClient = require('@elice/runbox-client');
 var types = require('@elice/types');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
+var material = require('@mui/material');
 var reactQuery = require('@tanstack/react-query');
 var MaterialRunboxActionDisconnect = require('./actions/MaterialRunboxActionDisconnect.js');
 var MaterialRunboxActionGrade = require('./actions/MaterialRunboxActionGrade.js');
@@ -125,7 +125,7 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref4) {
     if (isLeaderboardSubmitInfoLoading || remainSubmitCount === null) {
       return null;
     }
-    return jsxRuntime.jsx(edsKit.Tag, {
+    return jsxRuntime.jsx(muiElements.Tag, {
       label: intl$1.formatMessage({
         id: 'runbox.header.submitInfo'
       }, {
@@ -171,16 +171,16 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref4) {
    */
   var renderOptionMenu = function renderOptionMenu() {
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [isSmallTabletOrSmaller ? jsxRuntime.jsx(edsMaterial.IconButton, {
+      children: [isSmallTabletOrSmaller ? jsxRuntime.jsx(material.IconButton, {
         size: "small",
         disabled: !isRunboxRunning,
         onClick: handleMenuButtonClick,
-        children: jsxRuntime.jsx(edsKit.FaIcon, {
+        children: jsxRuntime.jsx(muiElements.EliceIcon, {
           icon: proSolidSvgIcons.faEllipsisVertical
         })
-      }) : jsxRuntime.jsx(edsMaterial.Button, {
+      }) : jsxRuntime.jsx(material.Button, {
         disabled: !isRunboxRunning,
-        startIcon: jsxRuntime.jsx(edsKit.FaIcon, {
+        startIcon: jsxRuntime.jsx(muiElements.EliceIcon, {
           icon: proSolidSvgIcons.faEllipsisVertical
         }),
         color: "inherit",
@@ -231,13 +231,11 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref4) {
       runtimeTemplateId: runtimeTemplate.id,
       courseId: courseId,
       userId: studentUserId
-    }), jsxRuntime.jsxs(edsMaterial.Stack, {
+    }), jsxRuntime.jsxs(material.Stack, {
       direction: "row",
-      sx: {
-        marginLeft: 'auto',
-        gap: '0.5rem',
-        alignItems: 'center'
-      },
+      alignItems: "center",
+      gap: "0.5rem",
+      marginLeft: "auto",
       children: [renderHeaderSubmitInfo(), renderOptionMenu(), renderHeaderActionDisconnect(), renderHeaderActionGrade()]
     })]
   });

package/cjs/components/material-runbox/actions/MaterialRunboxActionAutoShutdown.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
-var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
+var material = require('@mui/material');
 var MaterialRunboxApiContext = require('../contexts/MaterialRunboxApiContext.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -16,7 +16,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 //
 //
 //
-var StyledFormControlLabel = /*#__PURE__*/_styled__default.default(edsMaterial.FormControlLabel, {
+var StyledFormControlLabel = /*#__PURE__*/_styled__default.default(material.FormControlLabel, {
   target: "e1ket70c0"
 })("production" === "production" ? {
   name: "1ep9nyp",
@@ -57,7 +57,7 @@ var MaterialRunboxActionAutoShutdown = function MaterialRunboxActionAutoShutdown
   //
   //
   //
-  return jsxRuntime.jsx(edsMaterial.Tooltip, {
+  return jsxRuntime.jsx(material.Tooltip, {
     title: intl$1.formatMessage({
       id: 'runbox.action.autoShutdown.tooltip'
     }, {
@@ -68,7 +68,7 @@ var MaterialRunboxActionAutoShutdown = function MaterialRunboxActionAutoShutdown
       })
     }),
     children: jsxRuntime.jsx(StyledFormControlLabel, {
-      control: jsxRuntime.jsx(edsMaterial.Switch, {
+      control: jsxRuntime.jsx(material.Switch, {
         checked: !(runtime === null || runtime === void 0 ? void 0 : runtime.autoShutdown),
         disabled: !runtime || runtimeTemplate.autoShutdown,
         onChange: handleAction
@@ -76,7 +76,7 @@ var MaterialRunboxActionAutoShutdown = function MaterialRunboxActionAutoShutdown
       label: intl$1.formatMessage({
         id: 'runbox.action.autoShutdown.title'
       }),
-      slotProps: {
+      componentsProps: {
         typography: {
           variant: 'body2'
         }

package/cjs/components/material-runbox/actions/MaterialRunboxActionDisconnect.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var edsKit = require('@elice/eds-kit');
-var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
+var muiElements = require('@elice/mui-elements');
 var runboxClient = require('@elice/runbox-client');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
+var material = require('@mui/material');
 var MaterialRunboxActionDisconnectDialog = require('./MaterialRunboxActionDisconnectDialog.js');
 var useBreakpoint = require('../../shared/hooks/useBreakpoint.js');
 var MaterialRunboxControlContext = require('../contexts/MaterialRunboxControlContext.js');
@@ -52,23 +52,23 @@ var MaterialRunboxActionDisconnect = function MaterialRunboxActionDisconnect() {
    */
   var renderActionButton = function renderActionButton() {
     if (isSmallTabletOrSmaller) {
-      return jsxRuntime.jsx(edsMaterial.Tooltip, {
+      return jsxRuntime.jsx(material.Tooltip, {
         title: intl$1.formatMessage({
           id: 'runbox.action.disconnect.title'
         }),
         children: jsxRuntime.jsx("span", {
-          children: jsxRuntime.jsx(edsMaterial.IconButton, {
+          children: jsxRuntime.jsx(material.IconButton, {
             size: "small",
             disabled: isRunboxTerminated,
             onClick: handleClickAction,
-            children: jsxRuntime.jsx(edsKit.FaIcon, {
+            children: jsxRuntime.jsx(muiElements.EliceIcon, {
               icon: proSolidSvgIcons.faLinkSlash
             })
           })
         })
       });
     }
-    return jsxRuntime.jsx(edsMaterial.Button, {
+    return jsxRuntime.jsx(material.Button, {
       disabled: isRunboxTerminated,
       variant: "contained",
       color: "inherit",

package/cjs/components/material-runbox/actions/MaterialRunboxActionDisconnectDialog.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
+var material = require('@mui/material');
 
 var MaterialRunboxActionDisconnectDialog = function MaterialRunboxActionDisconnectDialog(_ref) {
   var open = _ref.open,
@@ -26,31 +26,29 @@ var MaterialRunboxActionDisconnectDialog = function MaterialRunboxActionDisconne
   //
   //
   //
-  return jsxRuntime.jsxs(edsMaterial.Dialog, {
+  return jsxRuntime.jsxs(material.Dialog, {
     open: open,
     onClose: onClose,
-    children: [jsxRuntime.jsx(edsMaterial.DialogTitle, {
+    children: [jsxRuntime.jsx(material.DialogTitle, {
       children: intl$1.formatMessage({
         id: 'runbox.action.disconnect.dialog.title'
       })
-    }), jsxRuntime.jsx(edsMaterial.DialogContent, {
-      children: jsxRuntime.jsx(edsMaterial.Typography, {
-        sx: {
-          whiteSpace: 'pre-line'
-        },
+    }), jsxRuntime.jsx(material.DialogContent, {
+      children: jsxRuntime.jsx(material.Typography, {
+        whiteSpace: "pre-line",
         children: intl$1.formatMessage({
           id: 'runbox.action.disconnect.dialog.description'
         })
       })
-    }), jsxRuntime.jsxs(edsMaterial.DialogActions, {
-      children: [jsxRuntime.jsx(edsMaterial.Button, {
+    }), jsxRuntime.jsxs(material.DialogActions, {
+      children: [jsxRuntime.jsx(material.Button, {
         variant: "contained",
         color: "inherit",
         onClick: handleClickClose,
         children: intl$1.formatMessage({
           id: 'runbox.common.close'
         })
-      }), jsxRuntime.jsx(edsMaterial.Button, {
+      }), jsxRuntime.jsx(material.Button, {
         variant: "contained",
         color: "primary",
         onClick: handleClickDisconnect,

package/cjs/components/material-runbox/actions/MaterialRunboxActionDisconnectMenuItem.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var edsKit = require('@elice/eds-kit');
-var edsMaterial = require('@elice/eds-material');
 var intl = require('@elice/intl');
+var muiElements = require('@elice/mui-elements');
 var runboxClient = require('@elice/runbox-client');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
+var lab = require('@mui/lab');
+var material = require('@mui/material');
 var MaterialRunboxActionDisconnectDialog = require('./MaterialRunboxActionDisconnectDialog.js');
 var MaterialRunboxControlContext = require('../contexts/MaterialRunboxControlContext.js');
 
@@ -56,20 +57,20 @@ var MaterialRunboxActionDisconnectMenuItem = function MaterialRunboxActionDiscon
   //
   //
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsxs(edsMaterial.MenuItem, {
+    children: [jsxRuntime.jsxs(material.MenuItem, {
       fullWidth: true,
-      component: edsMaterial.Button,
+      component: lab.LoadingButton,
       color: "inherit",
       loading: isStopping,
       disabled: isRunboxTerminated,
       onClick: function onClick() {
         return setDisconnectDialogOpen(true);
       },
-      children: [jsxRuntime.jsx(edsMaterial.ListItemIcon, {
-        children: jsxRuntime.jsx(edsKit.FaIcon, {
+      children: [jsxRuntime.jsx(material.ListItemIcon, {
+        children: jsxRuntime.jsx(muiElements.EliceIcon, {
           icon: proSolidSvgIcons.faLinkSlash
         })
-      }), jsxRuntime.jsx(edsMaterial.ListItemText, {
+      }), jsxRuntime.jsx(material.ListItemText, {
         children: intl$1.formatMessage({
           id: 'runbox.action.disconnect.title'
         })

package/cjs/components/material-runbox/actions/MaterialRunboxActionGrade.js

@@ -7,12 +7,13 @@ var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
-var edsMaterial = require('@elice/eds-material');
-var edsXSnackbar = require('@elice/eds-x-snackbar');
 var intl = require('@elice/intl');
+var muiXSnackbar = require('@elice/mui-x-snackbar');
 var openapiClientMaterialRunbox = require('@elice/openapi-client-material-runbox');
 var runboxClient = require('@elice/runbox-client');
 var iconsMaterial = require('@mui/icons-material');
+var lab = require('@mui/lab');
+var material = require('@mui/material');
 var reactQuery = require('@tanstack/react-query');
 var MaterialRunboxApiContext = require('../contexts/MaterialRunboxApiContext.js');
 var MaterialRunboxCommandContext = require('../contexts/MaterialRunboxCommandContext.js');
@@ -47,7 +48,7 @@ var TRANSITION_STYLE_MAP = {
 //
 //
 //
-var StyledMainActionButton = /*#__PURE__*/_styled__default.default(edsMaterial.Button, {
+var StyledMainActionButton = /*#__PURE__*/_styled__default.default(lab.LoadingButton, {
   target: "eae460y2"
 })("production" === "production" ? {
   name: "tssn5p",
@@ -57,7 +58,7 @@ var StyledMainActionButton = /*#__PURE__*/_styled__default.default(edsMaterial.B
   styles: "min-width:4rem!important",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var StyledSubActionButton = /*#__PURE__*/_styled__default.default(edsMaterial.Button, {
+var StyledSubActionButton = /*#__PURE__*/_styled__default.default(material.Button, {
   target: "eae460y1"
 })("transition:max-width ", TRANSITION_DURATION, "ms cubic-bezier(0.25, 0.46, 0.45, 1);");
 var StyledTerminal = /*#__PURE__*/_styled__default.default("textarea", {
@@ -83,7 +84,7 @@ var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
     courseId = _ref5.courseId;
   var _a;
   var intl$1 = intl.useRawEliceIntl();
-  var _useSnackbar = edsXSnackbar.useSnackbar(),
+  var _useSnackbar = muiXSnackbar.useSnackbar(),
     enqueueSnackbar = _useSnackbar.enqueueSnackbar;
   var materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
   var _useMaterialRunboxCom = MaterialRunboxCommandContext.useMaterialRunboxCommandContext(),
@@ -247,10 +248,10 @@ var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
       }
       return '';
     };
-    return jsxRuntime.jsx(edsMaterial.Tooltip, {
+    return jsxRuntime.jsx(material.Tooltip, {
       title: getActionTooltipMessage(),
       placement: "bottom-end",
-      children: jsxRuntime.jsxs(edsMaterial.ButtonGroup, {
+      children: jsxRuntime.jsxs(material.ButtonGroup, {
         variant: "contained",
         children: [jsxRuntime.jsx(StyledMainActionButton, {
           variant: "contained",
@@ -272,7 +273,7 @@ var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
               disabled: isLastCommandRunning,
               style: TRANSITION_STYLE_MAP[state],
               onClick: handleGradeResultDialogOpen,
-              children: jsxRuntime.jsx(edsMaterial.Badge, {
+              children: jsxRuntime.jsx(material.Badge, {
                 color: "error",
                 variant: "dot",
                 invisible: !hasUnreadResult,
@@ -293,26 +294,24 @@ var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
     if ((lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) !== openapiClientMaterialRunbox.CommandType.Grade) {
       return null;
     }
-    return jsxRuntime.jsxs(edsMaterial.Dialog, {
+    return jsxRuntime.jsxs(material.Dialog, {
       fullWidth: true,
       open: isGradeResultDialogOpen,
       maxWidth: "md",
       onClose: handleGradeResultDialogClose,
-      children: [jsxRuntime.jsx(edsMaterial.DialogTitle, {
+      children: [jsxRuntime.jsx(material.DialogTitle, {
         children: intl$1.formatMessage({
           id: 'runbox.action.grade.dialog.title'
         })
-      }), jsxRuntime.jsx(edsMaterial.DialogContent, {
-        children: jsxRuntime.jsxs(edsMaterial.Stack, {
-          sx: {
-            gap: '0.75rem'
-          },
-          children: [lastCommand.terminatedReason === 'done' ? jsxRuntime.jsx(edsMaterial.Alert, {
+      }), jsxRuntime.jsx(material.DialogContent, {
+        children: jsxRuntime.jsxs(material.Stack, {
+          gap: "0.75rem",
+          children: [lastCommand.terminatedReason === 'done' ? jsxRuntime.jsx(material.Alert, {
             severity: "success",
             children: intl$1.formatMessage({
               id: 'runbox.action.grade.dialog.description.success'
             })
-          }) : jsxRuntime.jsx(edsMaterial.Alert, {
+          }) : jsxRuntime.jsx(material.Alert, {
             severity: "error",
             sx: {
               whiteSpace: 'pre-line'
@@ -326,8 +325,8 @@ var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
             rows: 20
           })]
         })
-      }), jsxRuntime.jsx(edsMaterial.DialogActions, {
-        children: jsxRuntime.jsx(edsMaterial.Button, {
+      }), jsxRuntime.jsx(material.DialogActions, {
+        children: jsxRuntime.jsx(material.Button, {
           color: "inherit",
           disabled: isActionLoading,
           onClick: handleGradeResultDialogClose,
@@ -342,23 +341,23 @@ var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
    *
    */
   var renderActionSubmitCountInfoDialog = function renderActionSubmitCountInfoDialog() {
-    return jsxRuntime.jsxs(edsMaterial.Dialog, {
+    return jsxRuntime.jsxs(material.Dialog, {
       fullWidth: true,
       maxWidth: "xs",
       open: isSubmitCountInfoDialogOpen,
       onClick: handleSubmitCountInfoDialogClose,
-      children: [jsxRuntime.jsx(edsMaterial.DialogTitle, {
+      children: [jsxRuntime.jsx(material.DialogTitle, {
         children: intl$1.formatMessage({
           id: 'runbtox.action.submitCountInfo.dialog.title'
         })
-      }), jsxRuntime.jsx(edsMaterial.DialogContent, {
-        children: jsxRuntime.jsx(edsMaterial.Typography, {
+      }), jsxRuntime.jsx(material.DialogContent, {
+        children: jsxRuntime.jsx(material.Typography, {
           children: intl$1.formatMessage({
             id: 'runbox.action.submitCountInfo.dialog.description'
           })
         })
-      }), jsxRuntime.jsx(edsMaterial.DialogActions, {
-        children: jsxRuntime.jsx(edsMaterial.Button, {
+      }), jsxRuntime.jsx(material.DialogActions, {
+        children: jsxRuntime.jsx(material.Button, {
           color: "inherit",
           onClick: handleSubmitCountInfoDialogClose,
           children: intl$1.formatMessage({