@elice/material-runbox 1.260825.0-runboxusability.2 → 1.260825.0-runboxusability.4

package/cjs/components/material-runbox/status/MaterialRunboxStatusPopover.js

@@ -13,6 +13,7 @@ var material = require('@mui/material');
 var MaterialRunboxStatusConnectionItem = require('./MaterialRunboxStatusConnectionItem.js');
 var MaterialRunboxStatusResourceItem = require('./MaterialRunboxStatusResourceItem.js');
 var useRunboxNetworkStatus = require('../hooks/useRunboxNetworkStatus.js');
+var MaterialRunboxEnvResetButton = require('../disk/MaterialRunboxEnvResetButton.js');
 
 //
 //
@@ -26,8 +27,10 @@ var NETWORK_COLOR = Object.freeze(_rollupPluginBabelHelpers.defineProperty(_roll
 var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
   var open = _a.open,
     onClose = _a.onClose,
-    bottomAction = _a.bottomAction,
-    props = tslib.__rest(_a, ["open", "onClose", "bottomAction"]);
+    runtimeTemplateId = _a.runtimeTemplateId,
+    courseId = _a.courseId,
+    userId = _a.userId,
+    props = tslib.__rest(_a, ["open", "onClose", "runtimeTemplateId", "courseId", "userId"]);
   var intl$1 = intl.useRawEliceIntl();
   var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
@@ -134,7 +137,17 @@ var MaterialRunboxStatusPopover = function MaterialRunboxStatusPopover(_a) {
             }))
           })]
         })]
-      }) : null, bottomAction]
+      }) : null, jsxRuntime.jsx(MaterialRunboxEnvResetButton.default, {
+        fullWidth: true,
+        variant: "contained",
+        color: "error",
+        startIcon: jsxRuntime.jsx(muiElements.EliceIcon, {
+          icon: proSolidSvgIcons.faArrowsRotate
+        }),
+        runtimeTemplateId: runtimeTemplateId,
+        courseId: courseId,
+        userId: userId
+      })]
     })
   }));
 };

package/es/_virtual/_rollupPluginBabelHelpers.js

@@ -6,6 +6,9 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -39,6 +42,9 @@ function _defineProperty(e, r, t) {
     writable: true
   }) : e[r] = t, e;
 }
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -69,6 +75,9 @@ function _iterableToArrayLimit(r, l) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _regenerator() {
   /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
   var e,
@@ -187,6 +196,9 @@ function _taggedTemplateLiteral(e, t) {
     }
   }));
 }
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -209,4 +221,4 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _asyncToGenerator as asyncToGenerator, _defineProperty as defineProperty, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _regenerator as regenerator, _regeneratorDefine as regeneratorDefine, _slicedToArray as slicedToArray, _taggedTemplateLiteral as taggedTemplateLiteral, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _unsupportedIterableToArray as unsupportedIterableToArray };
+export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _asyncToGenerator as asyncToGenerator, _defineProperty as defineProperty, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _regenerator as regenerator, _regeneratorDefine as regeneratorDefine, _slicedToArray as slicedToArray, _taggedTemplateLiteral as taggedTemplateLiteral, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _unsupportedIterableToArray as unsupportedIterableToArray };

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

@@ -15,6 +15,8 @@ import MaterialRunboxHeader from './MaterialRunboxHeader.js';
 import { useMaterialRunboxContext } from './contexts/MaterialRunboxContext.js';
 import { useMaterialRunboxApiContext } from './contexts/MaterialRunboxApiContext.js';
 import MaterialRunboxCommandContextProvider from './contexts/MaterialRunboxCommandContext.js';
+import MaterialRunboxDiskUsageAlert from './disk/MaterialRunboxDiskUsageAlert.js';
+import MaterialRunboxDiskUsageDialog from './disk/MaterialRunboxDiskUsageDialog.js';
 import { useMaterialRunboxRunboxIdStarterGet } from './hooks/useMaterialRunboxRunboxIdStarterGet.js';
 
 var _templateObject;
@@ -280,6 +282,12 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
             studentUserId: studentUserId,
             userId: userId,
             isTutoring: isTutoring
+          }), jsx(MaterialRunboxDiskUsageAlert, {
+            runtimeTemplateId: runtimeTemplate.id,
+            courseId: courseId,
+            userId: studentUserId
+          }), jsx(MaterialRunboxDiskUsageDialog, {
+            runboxId: runbox.id
           }), jsx(MaterialRunboxBody, Object.assign({
             setSnackbarRoot: setSnackbarRoot
           }, props))]

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

@@ -18,7 +18,6 @@ import { useMaterialRunboxContext } from './contexts/MaterialRunboxContext.js';
 import { useMaterialRunboxApiContext } from './contexts/MaterialRunboxApiContext.js';
 import MaterialRunboxTimer from './timer/MaterialRunboxTimer.js';
 import MaterialRunboxStatusButton from './status/MaterialRunboxStatusButton.js';
-import MaterialRunboxDiskAlmostFullSnackbar from './disk/MaterialRunboxDiskAlmostFullSnackbar.js';
 import { useRunboxControl } from './hooks/useRunboxControl.js';
 
 var StyledHeader = /*#__PURE__*/_styled("div", {
@@ -26,25 +25,28 @@ var StyledHeader = /*#__PURE__*/_styled("div", {
 })("position:relative;flex:0 0 3rem;display:flex;justify-content:flex-start;align-items:center;gap:1rem;padding:0 1rem;width:100%;border-bottom:1px solid ", function (_ref) {
   var theme = _ref.theme;
   return theme.palette.divider;
-}, ";overflow:hidden;background-color:", function (_ref2) {
+}, ";overflow:hidden;color:", function (_ref2) {
   var theme = _ref2.theme;
+  return theme.palette.text.primary;
+}, ";background-color:", function (_ref3) {
+  var theme = _ref3.theme;
   return theme.palette.background.paper;
 }, ";");
 //
 //
 //
-var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
-  var runbox = _ref3.runbox,
-    runtime = _ref3.runtime,
-    runtimeTemplate = _ref3.runtimeTemplate,
-    courseId = _ref3.courseId,
-    userId = _ref3.userId,
-    studentUserId = _ref3.studentUserId,
-    isTutoring = _ref3.isTutoring,
-    refetch = _ref3.refetch,
-    getAchievementColor = _ref3.getAchievementColor,
-    _ref3$hideTimerPopove = _ref3.hideTimerPopover,
-    hideTimerPopover = _ref3$hideTimerPopove === void 0 ? false : _ref3$hideTimerPopove;
+var MaterialRunboxHeader = function MaterialRunboxHeader(_ref4) {
+  var runbox = _ref4.runbox,
+    runtime = _ref4.runtime,
+    runtimeTemplate = _ref4.runtimeTemplate,
+    courseId = _ref4.courseId,
+    userId = _ref4.userId,
+    studentUserId = _ref4.studentUserId,
+    isTutoring = _ref4.isTutoring,
+    refetch = _ref4.refetch,
+    getAchievementColor = _ref4.getAchievementColor,
+    _ref4$hideTimerPopove = _ref4.hideTimerPopover,
+    hideTimerPopover = _ref4$hideTimerPopove === void 0 ? false : _ref4$hideTimerPopove;
   var intl = useRawEliceIntl();
   var _useMaterialRunboxCon = useMaterialRunboxContext(),
     enableAutoShutdownToggle = _useMaterialRunboxCon.enableAutoShutdownToggle;
@@ -95,8 +97,8 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
         courseId: courseId,
         runtime: runtime
       }],
-      queryFn: function queryFn(_ref4) {
-        var signal = _ref4.signal;
+      queryFn: function queryFn(_ref5) {
+        var signal = _ref5.signal;
         return materialRunboxApi.runbox.runboxRunboxIdSubmitInfoGet({
           eliceCourseId: courseId,
           runboxId: runtime === null || runtime === void 0 ? void 0 : runtime.runboxId
@@ -217,8 +219,10 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
       stopRuntime: stopRuntime,
       hideTimerPopover: hideTimerPopover,
       isTutoring: isTutoring
-    }) : null, jsx(MaterialRunboxStatusButton, {}), jsx(MaterialRunboxDiskAlmostFullSnackbar, {
-      runboxId: runbox.id
+    }) : null, jsx(MaterialRunboxStatusButton, {
+      runtimeTemplateId: runtimeTemplate.id,
+      courseId: courseId,
+      userId: studentUserId
     }), jsxs(Stack, {
       direction: "row",
       alignItems: "center",

package/es/components/material-runbox/disk/MaterialRunboxDiskUsageAlert.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+export interface MaterialRunboxDiskUsageAlertProps {
+    runtimeTemplateId: string;
+    courseId: number;
+    /** User ID for tutoring. */
+    userId?: number;
+}
+/**
+ * Persistent bar under the header once disk usage passes 80%. Unlike the notice
+ * dialog it stays put, because it carries the only way out — the reset CTA.
+ */
+declare const MaterialRunboxDiskUsageAlert: React.FC<MaterialRunboxDiskUsageAlertProps>;
+export default MaterialRunboxDiskUsageAlert;

package/es/components/material-runbox/disk/MaterialRunboxDiskUsageAlert.js

@@ -0,0 +1,67 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRawEliceIntl } from '@elice/intl';
+import { EliceIcon } from '@elice/mui-elements';
+import { faArrowsRotate } from '@fortawesome/pro-solid-svg-icons';
+import { Alert, Typography } from '@mui/material';
+import MaterialRunboxEnvResetButton from './MaterialRunboxEnvResetButton.js';
+import { useRunboxDiskUsage } from '../hooks/useRunboxDiskUsage.js';
+
+//
+//
+//
+/**
+ * Persistent bar under the header once disk usage passes 80%. Unlike the notice
+ * dialog it stays put, because it carries the only way out — the reset CTA.
+ */
+var MaterialRunboxDiskUsageAlert = function MaterialRunboxDiskUsageAlert(_ref) {
+  var runtimeTemplateId = _ref.runtimeTemplateId,
+    courseId = _ref.courseId,
+    userId = _ref.userId;
+  var intl = useRawEliceIntl();
+  var _useRunboxDiskUsage = useRunboxDiskUsage(),
+    severity = _useRunboxDiskUsage.severity,
+    diskCurrent = _useRunboxDiskUsage.diskCurrent,
+    diskTotal = _useRunboxDiskUsage.diskTotal;
+  if (!severity) {
+    return null;
+  }
+  //
+  //
+  //
+  return jsx(Alert, {
+    severity: severity,
+    sx: {
+      width: '100%',
+      borderRadius: '0',
+      alignItems: 'center'
+    },
+    action: jsx(MaterialRunboxEnvResetButton, {
+      variant: "text",
+      size: "small",
+      color: "inherit",
+      startIcon: jsx(EliceIcon, {
+        icon: faArrowsRotate
+      }),
+      runtimeTemplateId: runtimeTemplateId,
+      courseId: courseId,
+      userId: userId
+    }),
+    children: jsx(Typography, {
+      variant: "body2",
+      children: intl.formatMessage({
+        id: "runbox.disk.usage.alert.".concat(severity)
+      }, {
+        used: intl.formatDataSize(diskCurrent, {
+          unitSystem: 'iec',
+          maximumFractionDigits: 2
+        }),
+        total: intl.formatDataSize(diskTotal, {
+          unitSystem: 'iec',
+          maximumFractionDigits: 2
+        })
+      })
+    })
+  });
+};
+
+export { MaterialRunboxDiskUsageAlert as default };

package/es/components/material-runbox/disk/MaterialRunboxDiskUsageDialog.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+export interface MaterialRunboxDiskUsageDialogProps {
+    runboxId: string;
+}
+/**
+ * Notice shown once per severity per runbox for the browser session. The reset
+ * CTA lives in the alert bar, so this only has to be acknowledged.
+ */
+declare const MaterialRunboxDiskUsageDialog: React.FC<MaterialRunboxDiskUsageDialogProps>;
+export default MaterialRunboxDiskUsageDialog;

package/es/components/material-runbox/disk/MaterialRunboxDiskUsageDialog.js

@@ -0,0 +1,94 @@
+import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useSessionStorage } from 'react-use';
+import { useRawEliceIntl } from '@elice/intl';
+import { EliceIcon } from '@elice/mui-elements';
+import { faCircleExclamation, faTriangleExclamation } from '@fortawesome/pro-solid-svg-icons';
+import { Dialog, DialogTitle, Stack, DialogContent, DialogContentText, DialogActions, Button } from '@mui/material';
+import { useRunboxDiskUsage } from '../hooks/useRunboxDiskUsage.js';
+
+//
+//
+//
+var SEEN_STORAGE_KEY = 'MaterialRunboxDiskUsage.seenNotice';
+//
+//
+//
+/**
+ * Notice shown once per severity per runbox for the browser session. The reset
+ * CTA lives in the alert bar, so this only has to be acknowledged.
+ */
+var MaterialRunboxDiskUsageDialog = function MaterialRunboxDiskUsageDialog(_ref) {
+  var runboxId = _ref.runboxId;
+  var _a;
+  var intl = useRawEliceIntl();
+  var _useRunboxDiskUsage = useRunboxDiskUsage(),
+    severity = _useRunboxDiskUsage.severity,
+    diskCurrent = _useRunboxDiskUsage.diskCurrent,
+    diskTotal = _useRunboxDiskUsage.diskTotal;
+  var _useSessionStorage = useSessionStorage(SEEN_STORAGE_KEY, {}),
+    _useSessionStorage2 = _slicedToArray(_useSessionStorage, 2),
+    seen = _useSessionStorage2[0],
+    setSeen = _useSessionStorage2[1];
+  var seenSeverities = (_a = seen === null || seen === void 0 ? void 0 : seen[runboxId]) !== null && _a !== void 0 ? _a : [];
+  /**
+   *
+   */
+  var handleClose = function handleClose() {
+    if (!severity) {
+      return;
+    }
+    setSeen(Object.assign(Object.assign({}, seen), _defineProperty({}, runboxId, [].concat(_toConsumableArray(seenSeverities), [severity]))));
+  };
+  //
+  //
+  //
+  if (!severity) {
+    return null;
+  }
+  return jsxs(Dialog, {
+    fullWidth: true,
+    open: !seenSeverities.includes(severity),
+    maxWidth: "xs",
+    onClose: handleClose,
+    children: [jsx(DialogTitle, {
+      children: jsxs(Stack, {
+        direction: "row",
+        alignItems: "center",
+        gap: "0.5rem",
+        children: [jsx(EliceIcon, {
+          icon: severity === 'error' ? faCircleExclamation : faTriangleExclamation,
+          color: severity
+        }), intl.formatMessage({
+          id: 'runbox.disk.usage.dialog.title'
+        })]
+      })
+    }), jsx(DialogContent, {
+      children: jsx(DialogContentText, {
+        whiteSpace: "pre-line",
+        children: intl.formatMessage({
+          id: "runbox.disk.usage.dialog.description.".concat(severity)
+        }, {
+          used: intl.formatDataSize(diskCurrent, {
+            unitSystem: 'iec',
+            maximumFractionDigits: 2
+          }),
+          total: intl.formatDataSize(diskTotal, {
+            unitSystem: 'iec',
+            maximumFractionDigits: 2
+          })
+        })
+      })
+    }), jsx(DialogActions, {
+      children: jsx(Button, {
+        color: "inherit",
+        onClick: handleClose,
+        children: intl.formatMessage({
+          id: 'runbox.disk.usage.dialog.actions.close'
+        })
+      })
+    })]
+  });
+};
+
+export { MaterialRunboxDiskUsageDialog as default };

package/es/components/material-runbox/disk/MaterialRunboxEnvResetButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ButtonProps } from '@mui/material';
+export interface MaterialRunboxEnvResetButtonProps extends Omit<ButtonProps, 'onClick'> {
+    runtimeTemplateId: string;
+    courseId: number;
+    userId?: number;
+    onSuccess?: () => void;
+}
+declare const MaterialRunboxEnvResetButton: React.FC<MaterialRunboxEnvResetButtonProps>;
+export default MaterialRunboxEnvResetButton;

package/es/components/material-runbox/disk/MaterialRunboxEnvResetButton.js

@@ -0,0 +1,60 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from 'tslib';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { useRawEliceIntl } from '@elice/intl';
+import { Button } from '@mui/material';
+import MaterialRunboxEnvResetDialog from './MaterialRunboxEnvResetDialog.js';
+import { useRunboxEnvReset } from '../hooks/useRunboxEnvReset.js';
+
+//
+//
+//
+var MaterialRunboxEnvResetButton = function MaterialRunboxEnvResetButton(_a) {
+  var runtimeTemplateId = _a.runtimeTemplateId,
+    courseId = _a.courseId,
+    userId = _a.userId,
+    _onSuccess = _a.onSuccess,
+    props = __rest(_a, ["runtimeTemplateId", "courseId", "userId", "onSuccess"]);
+  var intl = useRawEliceIntl();
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isDialogOpened = _React$useState2[0],
+    setDialogOpened = _React$useState2[1];
+  var _useRunboxEnvReset = useRunboxEnvReset({
+      onSuccess: function onSuccess() {
+        setDialogOpened(false);
+        _onSuccess === null || _onSuccess === void 0 ? void 0 : _onSuccess();
+      }
+    }),
+    reset = _useRunboxEnvReset.reset,
+    isResetting = _useRunboxEnvReset.isResetting;
+  //
+  //
+  //
+  return jsxs(Fragment, {
+    children: [jsx(Button, Object.assign({}, props, {
+      onClick: function onClick() {
+        return setDialogOpened(true);
+      },
+      children: intl.formatMessage({
+        id: 'runbox.disk.env_reset.title'
+      })
+    })), jsx(MaterialRunboxEnvResetDialog, {
+      open: isDialogOpened,
+      isResetting: isResetting,
+      onClose: function onClose() {
+        return setDialogOpened(false);
+      },
+      onConfirm: function onConfirm() {
+        return void reset({
+          runtimeTemplateId: runtimeTemplateId,
+          courseId: courseId,
+          userId: userId
+        });
+      }
+    })]
+  });
+};
+
+export { MaterialRunboxEnvResetButton as default };

package/es/components/material-runbox/disk/MaterialRunboxEnvResetDialog.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface MaterialRunboxEnvResetDialogProps {
+    open: boolean;
+    isResetting?: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+}
+/**
+ * Confirms clearing the practice environment. The checkbox is the explicit
+ * acknowledgement `[R-3]` asks for: the delete action stays disabled until it
+ * is ticked.
+ */
+declare const MaterialRunboxEnvResetDialog: React.FC<MaterialRunboxEnvResetDialogProps>;
+export default MaterialRunboxEnvResetDialog;

package/es/components/material-runbox/disk/MaterialRunboxEnvResetDialog.js

@@ -0,0 +1,95 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { useRawEliceIntl } from '@elice/intl';
+import { EliceIcon } from '@elice/mui-elements';
+import { faCircleExclamation } from '@fortawesome/pro-solid-svg-icons';
+import { LoadingButton } from '@mui/lab';
+import { Dialog, DialogTitle, Stack, DialogContent, DialogContentText, FormControlLabel, Checkbox, DialogActions, Button } from '@mui/material';
+
+//
+//
+//
+/**
+ * Confirms clearing the practice environment. The checkbox is the explicit
+ * acknowledgement `[R-3]` asks for: the delete action stays disabled until it
+ * is ticked.
+ */
+var MaterialRunboxEnvResetDialog = function MaterialRunboxEnvResetDialog(_ref) {
+  var open = _ref.open,
+    _ref$isResetting = _ref.isResetting,
+    isResetting = _ref$isResetting === void 0 ? false : _ref$isResetting,
+    onClose = _ref.onClose,
+    onConfirm = _ref.onConfirm;
+  var intl = useRawEliceIntl();
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isAcknowledged = _React$useState2[0],
+    setAcknowledged = _React$useState2[1];
+  React.useEffect(function () {
+    if (!open) {
+      setAcknowledged(false);
+    }
+  }, [open]);
+  //
+  //
+  //
+  return jsxs(Dialog, {
+    fullWidth: true,
+    open: open,
+    maxWidth: "xs",
+    onClose: onClose,
+    children: [jsx(DialogTitle, {
+      children: jsxs(Stack, {
+        direction: "row",
+        alignItems: "center",
+        gap: "0.5rem",
+        children: [jsx(EliceIcon, {
+          icon: faCircleExclamation,
+          color: "error"
+        }), intl.formatMessage({
+          id: 'runbox.disk.env_reset.dialog.title'
+        })]
+      })
+    }), jsxs(DialogContent, {
+      children: [jsx(DialogContentText, {
+        whiteSpace: "pre-line",
+        children: intl.formatMessage({
+          id: 'runbox.disk.env_reset.dialog.description'
+        })
+      }), jsx(FormControlLabel, {
+        sx: {
+          marginTop: '1rem'
+        },
+        control: jsx(Checkbox, {
+          checked: isAcknowledged,
+          onChange: function onChange(e) {
+            return setAcknowledged(e.target.checked);
+          }
+        }),
+        label: intl.formatMessage({
+          id: 'runbox.disk.env_reset.dialog.acknowledge'
+        })
+      })]
+    }), jsxs(DialogActions, {
+      children: [jsx(Button, {
+        color: "inherit",
+        disabled: isResetting,
+        onClick: onClose,
+        children: intl.formatMessage({
+          id: 'runbox.disk.env_reset.dialog.actions.cancel'
+        })
+      }), jsx(LoadingButton, {
+        color: "error",
+        loading: isResetting,
+        disabled: !isAcknowledged,
+        onClick: onConfirm,
+        children: intl.formatMessage({
+          id: 'runbox.disk.env_reset.dialog.actions.confirm'
+        })
+      })]
+    })]
+  });
+};
+
+export { MaterialRunboxEnvResetDialog as default };

package/es/components/material-runbox/disk/index.d.ts

@@ -1 +1,8 @@
-export { default as MaterialRunboxDiskAlmostFullSnackbar } from './MaterialRunboxDiskAlmostFullSnackbar';
+export { default as MaterialRunboxDiskUsageAlert } from './MaterialRunboxDiskUsageAlert';
+export { default as MaterialRunboxDiskUsageDialog } from './MaterialRunboxDiskUsageDialog';
+export { default as MaterialRunboxEnvResetButton } from './MaterialRunboxEnvResetButton';
+export { default as MaterialRunboxEnvResetDialog } from './MaterialRunboxEnvResetDialog';
+export type { MaterialRunboxDiskUsageAlertProps } from './MaterialRunboxDiskUsageAlert';
+export type { MaterialRunboxDiskUsageDialogProps } from './MaterialRunboxDiskUsageDialog';
+export type { MaterialRunboxEnvResetButtonProps } from './MaterialRunboxEnvResetButton';
+export type { MaterialRunboxEnvResetDialogProps } from './MaterialRunboxEnvResetDialog';

package/es/components/material-runbox/disk/index.js

@@ -1 +1,4 @@
-export { default as MaterialRunboxDiskAlmostFullSnackbar } from './MaterialRunboxDiskAlmostFullSnackbar.js';
+export { default as MaterialRunboxDiskUsageAlert } from './MaterialRunboxDiskUsageAlert.js';
+export { default as MaterialRunboxDiskUsageDialog } from './MaterialRunboxDiskUsageDialog.js';
+export { default as MaterialRunboxEnvResetButton } from './MaterialRunboxEnvResetButton.js';
+export { default as MaterialRunboxEnvResetDialog } from './MaterialRunboxEnvResetDialog.js';

package/es/components/material-runbox/hooks/index.d.ts

@@ -4,3 +4,5 @@ export * from './useRunboxTimer';
 export * from './useInfiniteRunboxRunboxIdGrade';
 export * from './useMaterialRunboxRunboxIdStarterGet';
 export * from './useRunboxNetworkStatus';
+export * from './useRunboxDiskUsage';
+export * from './useRunboxEnvReset';

package/es/components/material-runbox/hooks/index.js

@@ -4,3 +4,5 @@ export { useRunboxTimer } from './useRunboxTimer.js';
 export { useInfiniteRunboxRunboxIdGrade } from './useInfiniteRunboxRunboxIdGrade.js';
 export { useMaterialRunboxRunboxIdStarterGet } from './useMaterialRunboxRunboxIdStarterGet.js';
 export { RunboxNetworkStatus, useRunboxNetworkStatus } from './useRunboxNetworkStatus.js';
+export { DISK_USAGE_ERROR_RATIO, DISK_USAGE_WARNING_RATIO, useRunboxDiskUsage } from './useRunboxDiskUsage.js';
+export { useRunboxEnvReset } from './useRunboxEnvReset.js';

package/es/components/material-runbox/hooks/useRunboxDiskUsage.d.ts

@@ -0,0 +1,16 @@
+/** Matches MUI's `Alert` severity, which is where this value ends up. */
+export type RunboxDiskUsageSeverity = 'warning' | 'error';
+interface UseRunboxDiskUsageReturn {
+    /** `null` below the first threshold, or while the container reports no stats. */
+    severity: RunboxDiskUsageSeverity | null;
+    diskCurrent: number;
+    diskTotal: number;
+}
+export declare const DISK_USAGE_WARNING_RATIO = 0.8;
+export declare const DISK_USAGE_ERROR_RATIO = 0.9;
+/**
+ * Disk usage against the 80% / 90% thresholds. The numbers come from the
+ * container stats stream, so they are only available while the runtime is up.
+ */
+export declare const useRunboxDiskUsage: () => UseRunboxDiskUsageReturn;
+export {};

package/es/components/material-runbox/hooks/useRunboxDiskUsage.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { useEliceRunboxContainerStats } from '@elice/runbox-client';
+
+//
+//
+//
+var DISK_USAGE_WARNING_RATIO = 0.8;
+var DISK_USAGE_ERROR_RATIO = 0.9;
+//
+//
+//
+/**
+ * Disk usage against the 80% / 90% thresholds. The numbers come from the
+ * container stats stream, so they are only available while the runtime is up.
+ */
+var useRunboxDiskUsage = function useRunboxDiskUsage() {
+  var _a, _b;
+  var contStats = useEliceRunboxContainerStats();
+  var stats = contStats ? contStats[contStats.length - 1] : null;
+  var diskCurrent = (_a = stats === null || stats === void 0 ? void 0 : stats.diskCurrent) !== null && _a !== void 0 ? _a : 0;
+  var diskTotal = (_b = stats === null || stats === void 0 ? void 0 : stats.diskTotal) !== null && _b !== void 0 ? _b : 0;
+  var severity = React.useMemo(function () {
+    if (!stats || diskTotal <= 0) {
+      return null;
+    }
+    var ratio = diskCurrent / diskTotal;
+    if (ratio >= DISK_USAGE_ERROR_RATIO) {
+      return 'error';
+    }
+    if (ratio >= DISK_USAGE_WARNING_RATIO) {
+      return 'warning';
+    }
+    return null;
+  }, [stats, diskCurrent, diskTotal]);
+  return {
+    severity: severity,
+    diskCurrent: diskCurrent,
+    diskTotal: diskTotal
+  };
+};
+
+export { DISK_USAGE_ERROR_RATIO, DISK_USAGE_WARNING_RATIO, useRunboxDiskUsage };

package/es/components/material-runbox/hooks/useRunboxEnvReset.d.ts

@@ -0,0 +1,16 @@
+interface RunboxEnvResetParams {
+    runtimeTemplateId: string;
+    courseId: number;
+    /** User ID for tutoring. */
+    userId?: number;
+}
+interface UseRunboxEnvResetParams {
+    /** Called once the reset has finished. */
+    onSuccess?: () => void;
+}
+interface UseRunboxEnvResetReturn {
+    reset: (params: RunboxEnvResetParams) => Promise<void>;
+    isResetting: boolean;
+}
+export declare const useRunboxEnvReset: ({ onSuccess, }?: UseRunboxEnvResetParams) => UseRunboxEnvResetReturn;
+export {};