@elice/material-runbox 1.240718.0-trasncript.2 → 1.240718.1

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

@@ -3,22 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _styled = require('@emotion/styled/base');
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var intl = require('@elice/intl');
 var material = require('@mui/material');
 var MaterialRunboxApiContext = require('../contexts/MaterialRunboxApiContext.js');
 require('../contexts/MaterialRunboxCommandContext.js');
 require('../contexts/MaterialRunboxContext.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 //
 //
 //
-var StyledFormControlLabel = /*#__PURE__*/_styled__default.default(material.FormControlLabel, {
+const StyledFormControlLabel = /*#__PURE__*/_styled(material.FormControlLabel, {
   target: "e1ket70c0"
 })("production" === "production" ? {
   name: "1ep9nyp",
@@ -31,18 +27,19 @@ var StyledFormControlLabel = /*#__PURE__*/_styled__default.default(material.Form
 //
 //
 //
-var MaterialRunboxActionAutoShutdown = function MaterialRunboxActionAutoShutdown(_ref) {
-  var runtime = _ref.runtime,
-    runtimeTemplate = _ref.runtimeTemplate,
-    courseId = _ref.courseId,
-    refetch = _ref.refetch;
+const MaterialRunboxActionAutoShutdown = ({
+  runtime,
+  runtimeTemplate,
+  courseId,
+  refetch
+}) => {
   var _a;
-  var intl$1 = intl.useRawEliceIntl();
-  var materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
+  const intl$1 = intl.useRawEliceIntl();
+  const materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
   /**
    *
    */
-  var handleAction = function handleAction(_, shutdown) {
+  const handleAction = (_, shutdown) => {
     if (!runtime) {
       return;
     }
@@ -52,14 +49,14 @@ var MaterialRunboxActionAutoShutdown = function MaterialRunboxActionAutoShutdown
         autoShutdown: !shutdown
       },
       eliceCourseId: courseId
-    }).then(refetch).catch(function () {
+    }).then(refetch).catch(() => {
       //
     });
   };
   //
   //
   //
-  return jsxRuntime.jsx(material.Tooltip, {
+  return React.createElement(material.Tooltip, {
     title: intl$1.formatMessage({
       id: runtimeTemplate.autoShutdown ? 'runbox.action.autoShutdown.tooltip.disabled' : 'runbox.action.autoShutdown.tooltip.enabled'
     }, {
@@ -68,23 +65,22 @@ var MaterialRunboxActionAutoShutdown = function MaterialRunboxActionAutoShutdown
         unit: 'minute',
         unitDisplay: 'short'
       })
+    })
+  }, React.createElement(StyledFormControlLabel, {
+    control: React.createElement(material.Switch, {
+      checked: !(runtime === null || runtime === void 0 ? void 0 : runtime.autoShutdown),
+      disabled: !runtime || runtimeTemplate.autoShutdown,
+      onChange: handleAction
     }),
-    children: jsxRuntime.jsx(StyledFormControlLabel, {
-      control: jsxRuntime.jsx(material.Switch, {
-        checked: !(runtime === null || runtime === void 0 ? void 0 : runtime.autoShutdown),
-        disabled: !runtime || runtimeTemplate.autoShutdown,
-        onChange: handleAction
-      }),
-      label: intl$1.formatMessage({
-        id: 'runbox.action.autoShutdown.title'
-      }),
-      componentsProps: {
-        typography: {
-          variant: 'body2'
-        }
+    label: intl$1.formatMessage({
+      id: 'runbox.action.autoShutdown.title'
+    }),
+    componentsProps: {
+      typography: {
+        variant: 'body2'
       }
-    })
-  });
+    }
+  }));
 };
 
 exports.default = MaterialRunboxActionAutoShutdown;

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

@@ -2,9 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var _styled = require('@emotion/styled/base');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var intl = require('@elice/intl');
@@ -19,17 +17,12 @@ var MaterialRunboxApiContext = require('../contexts/MaterialRunboxApiContext.js'
 var MaterialRunboxCommandContext = require('../contexts/MaterialRunboxCommandContext.js');
 require('../contexts/MaterialRunboxContext.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 //
 //
 //
-var TRANSITION_DURATION = 300;
-var TRANSITION_STYLE_MAP = {
+const TRANSITION_DURATION = 300;
+const TRANSITION_STYLE_MAP = {
   entering: {
     maxWidth: 0
   },
@@ -49,7 +42,7 @@ var TRANSITION_STYLE_MAP = {
 //
 //
 //
-var StyledMainActionButton = /*#__PURE__*/_styled__default.default(lab.LoadingButton, {
+const StyledMainActionButton = /*#__PURE__*/_styled(lab.LoadingButton, {
   target: "eae460y2"
 })("production" === "production" ? {
   name: "tssn5p",
@@ -59,184 +52,139 @@ var StyledMainActionButton = /*#__PURE__*/_styled__default.default(lab.LoadingBu
   styles: "min-width:4rem!important",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var StyledSubActionButton = /*#__PURE__*/_styled__default.default(material.Button, {
+const StyledSubActionButton = /*#__PURE__*/_styled(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", {
+const StyledTerminal = /*#__PURE__*/_styled("textarea", {
   target: "eae460y0"
-})("padding:1rem;width:100%;color:", function (_ref) {
-  var theme = _ref.theme;
-  return theme.palette.common.white;
-}, ";background-color:", function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.palette.common.black;
-}, ";border:none;border-radius:0.5rem;font-family:'Elice Digital Coding',monospace;font-size:", function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.typography.body2.fontSize;
-}, ";line-height:", function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.typography.body2.lineHeight;
-}, ";outline:none;resize:none;");
+})("padding:1rem;width:100%;color:", ({
+  theme
+}) => theme.palette.common.white, ";background-color:", ({
+  theme
+}) => theme.palette.common.black, ";border:none;border-radius:0.5rem;font-family:'Elice Digital Coding',monospace;font-size:", ({
+  theme
+}) => theme.typography.body2.fontSize, ";line-height:", ({
+  theme
+}) => theme.typography.body2.lineHeight, ";outline:none;resize:none;");
 //
 //
 //
-var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
-  var runtime = _ref5.runtime,
-    courseId = _ref5.courseId;
+const MaterialRunboxActionGrade = ({
+  runtime,
+  courseId
+}) => {
   var _a;
-  var intl$1 = intl.useRawEliceIntl();
-  var _useSnackbar = muiXSnackbar.useSnackbar(),
-    enqueueSnackbar = _useSnackbar.enqueueSnackbar;
-  var materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
-  var _useMaterialRunboxCom = MaterialRunboxCommandContext.useMaterialRunboxCommandContext(),
-    isLastCommandRunning = _useMaterialRunboxCom.isLastCommandRunning,
-    lastCommand = _useMaterialRunboxCom.lastCommand,
-    setCommandIdToPing = _useMaterialRunboxCom.setCommandIdToPing;
-  var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
-    status = _useEliceRunboxRunnin.status;
-  var leaderboardSubmitInfoQuery = reactQuery.useQuery({
+  const intl$1 = intl.useRawEliceIntl();
+  const {
+    enqueueSnackbar
+  } = muiXSnackbar.useSnackbar();
+  const materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
+  const {
+    isLastCommandRunning,
+    lastCommand,
+    setCommandIdToPing
+  } = MaterialRunboxCommandContext.useMaterialRunboxCommandContext();
+  const {
+    status
+  } = runboxClient.useEliceRunboxRunning();
+  const leaderboardSubmitInfoQuery = reactQuery.useQuery({
     queryKey: ['eliceMaterialRunboxRunboxApi.runboxRunboxIdSubmitInfoGet', {
-      courseId: courseId,
-      runtime: runtime
+      courseId,
+      runtime
     }],
-    queryFn: function queryFn(_ref6) {
-      var signal = _ref6.signal;
-      return materialRunboxApi.runbox.runboxRunboxIdSubmitInfoGet({
-        eliceCourseId: courseId,
-        runboxId: runtime === null || runtime === void 0 ? void 0 : runtime.runboxId
-      }, {
-        signal: signal
-      });
-    },
+    queryFn: ({
+      signal
+    }) => materialRunboxApi.runbox.runboxRunboxIdSubmitInfoGet({
+      eliceCourseId: courseId,
+      runboxId: runtime === null || runtime === void 0 ? void 0 : runtime.runboxId
+    }, {
+      signal
+    }),
     enabled: Boolean(runtime === null || runtime === void 0 ? void 0 : runtime.runboxId),
     retry: false
   });
-  var isSubmitCountRemained = ((_a = leaderboardSubmitInfoQuery.data) === null || _a === void 0 ? void 0 : _a.remainSubmitCount) !== 0;
-  var _React$useState = React__default.default.useState(false),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    isActionLoading = _React$useState2[0],
-    setActionLoading = _React$useState2[1];
-  var _React$useState3 = React__default.default.useState(false),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    isGradeResultDialogOpen = _React$useState4[0],
-    setGradeResultDialogOpen = _React$useState4[1];
-  var _React$useState5 = React__default.default.useState(false),
-    _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
-    isSubmitCountInfoDialogOpen = _React$useState6[0],
-    setSubmitCountInfoDialogOpen = _React$useState6[1];
-  var _React$useState7 = React__default.default.useState(false),
-    _React$useState8 = _rollupPluginBabelHelpers.slicedToArray(_React$useState7, 2),
-    hasUnreadResult = _React$useState8[0],
-    setHasUnreadResult = _React$useState8[1];
-  var isRunboxRunning = status === 'running';
-  var isGradeDoneWithOutput = !isLastCommandRunning && (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) === openapiClientMaterialRunbox.CommandType.Grade && Boolean(lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.output);
+  const isSubmitCountRemained = ((_a = leaderboardSubmitInfoQuery.data) === null || _a === void 0 ? void 0 : _a.remainSubmitCount) !== 0;
+  const [isActionLoading, setActionLoading] = React.useState(false);
+  const [isGradeResultDialogOpen, setGradeResultDialogOpen] = React.useState(false);
+  const [isSubmitCountInfoDialogOpen, setSubmitCountInfoDialogOpen] = React.useState(false);
+  const [hasUnreadResult, setHasUnreadResult] = React.useState(false);
+  const isRunboxRunning = status === 'running';
+  const isGradeDoneWithOutput = !isLastCommandRunning && (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) === openapiClientMaterialRunbox.CommandType.Grade && Boolean(lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.output);
   /**
    *
    */
-  var handleGradeResultDialogOpen = function handleGradeResultDialogOpen() {
+  const handleGradeResultDialogOpen = () => {
     setGradeResultDialogOpen(true);
   };
   /**
    *
    */
-  var handleGradeResultDialogClose = function handleGradeResultDialogClose() {
+  const handleGradeResultDialogClose = () => {
     setGradeResultDialogOpen(false);
   };
   /**
    *
    */
-  var handleSubmitCountInfoDialogClose = function handleSubmitCountInfoDialogClose() {
+  const handleSubmitCountInfoDialogClose = () => {
     setSubmitCountInfoDialogOpen(false);
   };
   /**
    *
    */
-  var handleAction = /*#__PURE__*/function () {
-    var _ref7 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-      var _yield$leaderboardSub, currentLeaderboardSubmitInfo, isCurrentSubmitCountEmpty, runtimeId, _yield$materialRunbox, commandId;
-      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setActionLoading(true);
-            _context.prev = 1;
-            _context.next = 4;
-            return leaderboardSubmitInfoQuery.refetch();
-          case 4:
-            _yield$leaderboardSub = _context.sent;
-            currentLeaderboardSubmitInfo = _yield$leaderboardSub.data;
-            isCurrentSubmitCountEmpty = (currentLeaderboardSubmitInfo === null || currentLeaderboardSubmitInfo === void 0 ? void 0 : currentLeaderboardSubmitInfo.remainSubmitCount) === 0;
-            if (!isCurrentSubmitCountEmpty) {
-              _context.next = 10;
-              break;
-            }
-            setSubmitCountInfoDialogOpen(true);
-            return _context.abrupt("return");
-          case 10:
-            runtimeId = runtime === null || runtime === void 0 ? void 0 : runtime.id;
-            _context.next = 13;
-            return materialRunboxApi.runtime.runtimeRuntimeIdCommandPost({
-              runtimeId: runtimeId,
-              eliceCourseId: courseId,
-              runboxCommandPostRequest: {
-                commandType: openapiClientMaterialRunbox.CommandType.Grade
-              }
-            });
-          case 13:
-            _yield$materialRunbox = _context.sent;
-            commandId = _yield$materialRunbox.id;
-            setCommandIdToPing(commandId);
-            _context.next = 21;
-            break;
-          case 18:
-            _context.prev = 18;
-            _context.t0 = _context["catch"](1);
-            enqueueSnackbar(intl$1.formatMessage({
-              id: 'runbox.action.grade.noti.error'
-            }), {
-              variant: 'error'
-            });
-          case 21:
-            _context.prev = 21;
-            setActionLoading(false);
-            return _context.finish(21);
-          case 24:
-          case "end":
-            return _context.stop();
+  const handleAction = async () => {
+    setActionLoading(true);
+    try {
+      const {
+        data: currentLeaderboardSubmitInfo
+      } = await leaderboardSubmitInfoQuery.refetch();
+      const isCurrentSubmitCountEmpty = (currentLeaderboardSubmitInfo === null || currentLeaderboardSubmitInfo === void 0 ? void 0 : currentLeaderboardSubmitInfo.remainSubmitCount) === 0;
+      if (isCurrentSubmitCountEmpty) {
+        setSubmitCountInfoDialogOpen(true);
+        return;
+      }
+      const runtimeId = runtime === null || runtime === void 0 ? void 0 : runtime.id;
+      const {
+        id: commandId
+      } = await materialRunboxApi.runtime.runtimeRuntimeIdCommandPost({
+        runtimeId,
+        eliceCourseId: courseId,
+        runboxCommandPostRequest: {
+          commandType: openapiClientMaterialRunbox.CommandType.Grade
         }
-      }, _callee, null, [[1, 18, 21, 24]]);
-    }));
-    return function handleAction() {
-      return _ref7.apply(this, arguments);
-    };
-  }();
+      });
+      setCommandIdToPing(commandId);
+    } catch (err) {
+      enqueueSnackbar(intl$1.formatMessage({
+        id: 'runbox.action.grade.noti.error'
+      }), {
+        variant: 'error'
+      });
+    } finally {
+      setActionLoading(false);
+    }
+  };
   //
   // set `hasUnreadResult` when last command output exists
   //
-  React__default.default.useEffect(function () {
-    return setHasUnreadResult(isGradeDoneWithOutput);
-  }, [isGradeDoneWithOutput]);
+  React.useEffect(() => setHasUnreadResult(isGradeDoneWithOutput), [isGradeDoneWithOutput]);
   //
   // reset `hasUnreadResult` when dialog state toggled
   //
-  React__default.default.useEffect(function () {
-    return setHasUnreadResult(false);
-  }, [isGradeResultDialogOpen]);
+  React.useEffect(() => setHasUnreadResult(false), [isGradeResultDialogOpen]);
   //
   // toggle dialog state when last command output exists
   //
-  React__default.default.useEffect(function () {
-    return setGradeResultDialogOpen(isGradeDoneWithOutput);
-  }, [isGradeDoneWithOutput]);
+  React.useEffect(() => setGradeResultDialogOpen(isGradeDoneWithOutput), [isGradeDoneWithOutput]);
   /**
    *
    */
-  var renderActionButton = function renderActionButton() {
-    var isGradeType = (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) === openapiClientMaterialRunbox.CommandType.Grade;
-    var isGrading = isActionLoading || isLastCommandRunning && isGradeType;
+  const renderActionButton = () => {
+    const isGradeType = (lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) === openapiClientMaterialRunbox.CommandType.Grade;
+    const isGrading = isActionLoading || isLastCommandRunning && isGradeType;
     /**
      *
      */
-    var getActionTooltipMessage = function getActionTooltipMessage() {
+    const getActionTooltipMessage = () => {
       if (!isSubmitCountRemained) {
         return intl$1.formatMessage({
           id: 'runbox.action.submitCountInfo.tooltip.disabled'
@@ -249,128 +197,97 @@ var MaterialRunboxActionGrade = function MaterialRunboxActionGrade(_ref5) {
       }
       return '';
     };
-    return jsxRuntime.jsx(material.Tooltip, {
+    return React.createElement(material.Tooltip, {
       title: getActionTooltipMessage(),
-      placement: "bottom-end",
-      children: jsxRuntime.jsxs(material.ButtonGroup, {
-        variant: "contained",
-        children: [jsxRuntime.jsx(StyledMainActionButton, {
-          variant: "contained",
-          loading: isGrading,
-          disabled: !isRunboxRunning || isLastCommandRunning || !isSubmitCountRemained,
-          size: "small",
-          onClick: handleAction,
-          children: intl$1.formatMessage({
-            id: 'runbox.action.grade.title'
-          })
-        }), isGradeDoneWithOutput ? jsxRuntime.jsx(reactTransitionGroup.Transition, {
-          in: isGradeDoneWithOutput,
-          timeout: 0,
-          mountOnEnter: true,
-          unmountOnExit: true,
-          children: function children(state) {
-            return jsxRuntime.jsx(StyledSubActionButton, {
-              size: "small",
-              disabled: isLastCommandRunning,
-              onClick: handleGradeResultDialogOpen,
-              style: TRANSITION_STYLE_MAP[state],
-              children: jsxRuntime.jsx(material.Badge, {
-                color: "error",
-                variant: "dot",
-                invisible: !hasUnreadResult,
-                children: jsxRuntime.jsx(iconsMaterial.Terminal, {
-                  fontSize: "small"
-                })
-              })
-            });
-          }
-        }) : null]
-      })
-    });
+      placement: "bottom-end"
+    }, React.createElement(material.ButtonGroup, {
+      variant: "contained"
+    }, React.createElement(StyledMainActionButton, {
+      variant: "contained",
+      loading: isGrading,
+      disabled: !isRunboxRunning || isLastCommandRunning || !isSubmitCountRemained,
+      size: "small",
+      onClick: handleAction
+    }, intl$1.formatMessage({
+      id: 'runbox.action.grade.title'
+    })), isGradeDoneWithOutput ? React.createElement(reactTransitionGroup.Transition, {
+      in: isGradeDoneWithOutput,
+      timeout: 0,
+      mountOnEnter: true,
+      unmountOnExit: true
+    }, state => React.createElement(StyledSubActionButton, {
+      size: "small",
+      disabled: isLastCommandRunning,
+      onClick: handleGradeResultDialogOpen,
+      style: TRANSITION_STYLE_MAP[state]
+    }, React.createElement(material.Badge, {
+      color: "error",
+      variant: "dot",
+      invisible: !hasUnreadResult
+    }, React.createElement(iconsMaterial.Terminal, {
+      fontSize: "small"
+    })))) : null));
   };
   /**
    *
    */
-  var renderActionGradeResultDialog = function renderActionGradeResultDialog() {
+  const renderActionGradeResultDialog = () => {
     if ((lastCommand === null || lastCommand === void 0 ? void 0 : lastCommand.commandType) !== openapiClientMaterialRunbox.CommandType.Grade) {
       return null;
     }
-    return jsxRuntime.jsxs(material.Dialog, {
+    return React.createElement(material.Dialog, {
       open: isGradeResultDialogOpen,
       maxWidth: "md",
       fullWidth: true,
-      onClose: handleGradeResultDialogClose,
-      children: [jsxRuntime.jsx(material.DialogTitle, {
-        children: intl$1.formatMessage({
-          id: 'runbox.action.grade.dialog.title'
-        })
-      }), 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(material.Alert, {
-            severity: "error",
-            children: intl$1.formatMessage({
-              id: 'runbox.action.grade.dialog.description.error'
-            })
-          }), jsxRuntime.jsx(StyledTerminal, {
-            value: lastCommand.output,
-            readOnly: true,
-            rows: 20
-          })]
-        })
-      }), jsxRuntime.jsx(material.DialogActions, {
-        children: jsxRuntime.jsx(material.Button, {
-          color: "inherit",
-          disabled: isActionLoading,
-          onClick: handleGradeResultDialogClose,
-          children: intl$1.formatMessage({
-            id: 'runbox.common.close'
-          })
-        })
-      })]
-    });
+      onClose: handleGradeResultDialogClose
+    }, React.createElement(material.DialogTitle, null, intl$1.formatMessage({
+      id: 'runbox.action.grade.dialog.title'
+    })), React.createElement(material.DialogContent, null, React.createElement(material.Stack, {
+      gap: "0.75rem"
+    }, lastCommand.terminatedReason === 'done' ? React.createElement(material.Alert, {
+      severity: "success"
+    }, intl$1.formatMessage({
+      id: 'runbox.action.grade.dialog.description.success'
+    })) : React.createElement(material.Alert, {
+      severity: "error"
+    }, intl$1.formatMessage({
+      id: 'runbox.action.grade.dialog.description.error'
+    })), React.createElement(StyledTerminal, {
+      value: lastCommand.output,
+      readOnly: true,
+      rows: 20
+    }))), React.createElement(material.DialogActions, null, React.createElement(material.Button, {
+      color: "inherit",
+      disabled: isActionLoading,
+      onClick: handleGradeResultDialogClose
+    }, intl$1.formatMessage({
+      id: 'runbox.common.close'
+    }))));
   };
   /**
    *
    */
-  var renderActionSubmitCountInfoDialog = function renderActionSubmitCountInfoDialog() {
-    return jsxRuntime.jsxs(material.Dialog, {
+  const renderActionSubmitCountInfoDialog = () => {
+    return React.createElement(material.Dialog, {
       fullWidth: true,
       maxWidth: "xs",
       open: isSubmitCountInfoDialogOpen,
-      onClick: handleSubmitCountInfoDialogClose,
-      children: [jsxRuntime.jsx(material.DialogTitle, {
-        children: intl$1.formatMessage({
-          id: 'runbtox.action.submitCountInfo.dialog.title'
-        })
-      }), jsxRuntime.jsx(material.DialogContent, {
-        children: jsxRuntime.jsx(material.Typography, {
-          children: intl$1.formatMessage({
-            id: 'runbox.action.submitCountInfo.dialog.description'
-          })
-        })
-      }), jsxRuntime.jsx(material.DialogActions, {
-        children: jsxRuntime.jsx(material.Button, {
-          color: "inherit",
-          onClick: handleSubmitCountInfoDialogClose,
-          children: intl$1.formatMessage({
-            id: 'runbox.common.close'
-          })
-        })
-      })]
-    });
+      onClick: handleSubmitCountInfoDialogClose
+    }, React.createElement(material.DialogTitle, null, intl$1.formatMessage({
+      id: 'runbtox.action.submitCountInfo.dialog.title'
+    })), React.createElement(material.DialogContent, null, React.createElement(material.Typography, null, intl$1.formatMessage({
+      id: 'runbox.action.submitCountInfo.dialog.description'
+    }))), React.createElement(material.DialogActions, null, React.createElement(material.Button, {
+      color: "inherit",
+      onClick: handleSubmitCountInfoDialogClose
+    }, intl$1.formatMessage({
+      id: 'runbox.common.close'
+    }))));
   };
   //
   //
   //
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [renderActionButton(), renderActionGradeResultDialog(), renderActionSubmitCountInfoDialog()]
-  });
+  return React.createElement(React.Fragment, null, renderActionButton(), renderActionGradeResultDialog(), renderActionSubmitCountInfoDialog());
 };
 
 exports.default = MaterialRunboxActionGrade;