@elice/material-runbox 1.250311.0 → 1.250313.1

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

@@ -1,4 +1,15 @@
 import React from 'react';
+import type { TagProps } from '@elice/mui-elements';
+export type GetAchievementColor = {
+    (params: {
+        score: number;
+        variant: 'text' | 'chart';
+    }): string | null;
+    (params: {
+        score: number;
+        variant: 'tag';
+    }): TagProps['color'];
+};
 export interface MaterialRunboxContentProps {
     /** Runbox ID. */
     runboxId: string | null;
@@ -6,6 +17,12 @@ export interface MaterialRunboxContentProps {
     courseId: number;
     /**  */
     enabledLxpPlan?: boolean;
+    /** User ID for tutoring. */
+    userId: number;
+    /** Whether tutoring is enabled. */
+    isTutoring: boolean;
+    /** Used for submit log score tag color. */
+    getAchievementColor?: GetAchievementColor;
 }
 declare const MaterialRunboxContent: React.FC<MaterialRunboxContentProps>;
 export default MaterialRunboxContent;

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

@@ -32,7 +32,11 @@ var StyledRunboxContainer = material.styled('div')(_templateObject || (_template
 var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
   var runboxId = _ref.runboxId,
     courseId = _ref.courseId,
-    enabledLxpPlan = _ref.enabledLxpPlan;
+    enabledLxpPlan = _ref.enabledLxpPlan,
+    userId = _ref.userId,
+    _ref$isTutoring = _ref.isTutoring,
+    isTutoring = _ref$isTutoring === void 0 ? false : _ref$isTutoring,
+    getAchievementColor = _ref.getAchievementColor;
   var intl$1 = intl.useRawEliceIntl();
   var _useMaterialRunboxCon = MaterialRunboxContext.useMaterialRunboxContext(),
     showMessenger = _useMaterialRunboxCon.showMessenger;
@@ -60,7 +64,8 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
             filterRuntimeTemplateId: runbox.runtimeTemplateId,
             skip: 0,
             count: 1,
-            eliceCourseId: courseId
+            eliceCourseId: courseId,
+            userId: userId
           }, {
             signal: signal
           }).then(function (runtimes) {
@@ -164,7 +169,10 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
     runtime: runtime,
     runtimeTemplate: runtimeTemplate,
     courseId: courseId,
-    refetch: refetch
+    userId: userId,
+    isTutoring: isTutoring,
+    refetch: refetch,
+    getAchievementColor: getAchievementColor
   };
   return jsxRuntime.jsx(MaterialRunboxCommandContext.default, {
     runtime: runtime,
@@ -176,7 +184,10 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
           signal = _ref3.signal;
         return materialRunboxApi.runbox.runboxRunboxIdHeartbeatPost({
           runboxId: id,
-          eliceCourseId: courseId
+          eliceCourseId: courseId,
+          runboxHeartbeatPostRequest: {
+            userId: userId
+          }
         }, {
           signal: signal
         });
@@ -186,7 +197,8 @@ var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
           signal = _ref4.signal;
         return materialRunboxApi.runbox.runboxRunboxIdQuotaGet({
           runboxId: id,
-          eliceCourseId: courseId
+          eliceCourseId: courseId,
+          userId: userId
         }, {
           signal: signal
         });

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

@@ -43,7 +43,10 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
     runtime = _ref3.runtime,
     runtimeTemplate = _ref3.runtimeTemplate,
     courseId = _ref3.courseId,
-    refetch = _ref3.refetch;
+    userId = _ref3.userId,
+    isTutoring = _ref3.isTutoring,
+    refetch = _ref3.refetch,
+    getAchievementColor = _ref3.getAchievementColor;
   var intl$1 = intl.useRawEliceIntl();
   var _useMaterialRunboxCon = MaterialRunboxContext.useMaterialRunboxContext(),
     enableAutoShutdownToggle = _useMaterialRunboxCon.enableAutoShutdownToggle;
@@ -111,7 +114,7 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
    *
    */
   var renderHeaderActionAutoShutdown = function renderHeaderActionAutoShutdown() {
-    if (!enableAutoShutdownToggle) {
+    if (!enableAutoShutdownToggle || isTutoring) {
       return null;
     }
     return jsxRuntime.jsx(MaterialRunboxActionAutoShutdown.default, {
@@ -125,7 +128,7 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
    *
    */
   var renderHeaderActionGrade = function renderHeaderActionGrade() {
-    if (!runbox.submission.enabled) {
+    if (!runbox.submission.enabled || isTutoring) {
       return null;
     }
     return jsxRuntime.jsx(MaterialRunboxActionGrade.default, {
@@ -154,9 +157,12 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref3) {
         runbox: runbox,
         runtime: runtime,
         courseId: courseId,
+        userId: userId,
+        isTutoring: isTutoring,
         menuAnchorEl: menuAnchorEl,
         refetch: refetch,
-        handleMenuClose: handleMenuClose
+        handleMenuClose: handleMenuClose,
+        getAchievementColor: getAchievementColor
       })]
     });
   };

package/cjs/components/material-runbox/actions/MaterialRunboxActionMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RuntimeProps } from '../runtime/Runtime';
-type MaterialRunboxActionMenuProps = Pick<RuntimeProps, 'runbox' | 'runtime' | 'courseId' | 'refetch'> & {
+type MaterialRunboxActionMenuProps = Pick<RuntimeProps, 'runbox' | 'runtime' | 'courseId' | 'refetch' | 'userId' | 'isTutoring' | 'getAchievementColor'> & {
     menuAnchorEl: null | HTMLButtonElement;
     handleMenuClose: () => void;
 };

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

@@ -9,6 +9,7 @@ var material = require('@mui/material');
 var MaterialRunboxActionReset = require('./MaterialRunboxActionReset.js');
 var MaterialRunboxActionRestart = require('./MaterialRunboxActionRestart.js');
 var MaterialRunboxActionShare = require('./MaterialRunboxActionShare.js');
+var MaterialRunboxActionSubmitLog = require('./MaterialRunboxActionSubmitLog.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -21,8 +22,11 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
   var runbox = _ref.runbox,
     runtime = _ref.runtime,
     courseId = _ref.courseId,
+    userId = _ref.userId,
+    isTutoring = _ref.isTutoring,
     menuAnchorEl = _ref.menuAnchorEl,
     refetch = _ref.refetch,
+    getAchievementColor = _ref.getAchievementColor,
     handleMenuClose = _ref.handleMenuClose;
   var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
@@ -56,9 +60,16 @@ var MaterialRunboxActionMenu = function MaterialRunboxActionMenu(_ref) {
       runbox: runbox,
       runtime: runtime,
       courseId: courseId,
+      userId: userId,
       refetch: refetch,
       handleMenuClose: handleMenuClose
-    }), jsxRuntime.jsx(MaterialRunboxActionReset.default, {
+    }), isTutoring ? jsxRuntime.jsx(MaterialRunboxActionSubmitLog.default, {
+      runboxId: runbox === null || runbox === void 0 ? void 0 : runbox.id,
+      userId: userId,
+      eliceCourseId: courseId,
+      getAchievementColor: getAchievementColor,
+      handleMenuClose: handleMenuClose
+    }) : jsxRuntime.jsx(MaterialRunboxActionReset.default, {
       runtime: runtime,
       courseId: courseId,
       handleMenuClose: handleMenuClose

package/cjs/components/material-runbox/actions/MaterialRunboxActionRestart.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RuntimeProps } from '../runtime/Runtime';
-type MaterialRunboxActionRestartProps = Pick<RuntimeProps, 'runbox' | 'runtime' | 'courseId' | 'refetch'> & {
+type MaterialRunboxActionRestartProps = Pick<RuntimeProps, 'runbox' | 'runtime' | 'courseId' | 'refetch' | 'userId'> & {
     handleMenuClose: () => void;
 };
 declare const MaterialRunboxActionRestart: React.FC<MaterialRunboxActionRestartProps>;

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

@@ -23,6 +23,7 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
   var runbox = _ref.runbox,
     courseId = _ref.courseId,
     refetch = _ref.refetch,
+    userId = _ref.userId,
     handleMenuClose = _ref.handleMenuClose;
   var intl$1 = intl.useRawEliceIntl();
   var _React$useState = React__default.default.useState(false),
@@ -37,7 +38,8 @@ var MaterialRunboxActionRestart = function MaterialRunboxActionRestart(_ref) {
   var _useRunboxControl = useRunboxControl.useRunboxControl({
       runbox: runbox,
       courseId: courseId,
-      refetch: refetch
+      refetch: refetch,
+      userId: userId
     }),
     start = _useRunboxControl.start;
   /**

package/cjs/components/material-runbox/actions/MaterialRunboxActionSubmitLog.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { RunboxRunboxIdGradeGetRequest } from '@elice/openapi-client-material-runbox';
+import type { GetAchievementColor } from '../MaterialRunboxContent';
+export type MaterialRunboxActionSubmitLogProps = Omit<RunboxRunboxIdGradeGetRequest, 'skip' | 'count'> & {
+    handleMenuClose: () => void;
+    getAchievementColor?: GetAchievementColor;
+};
+declare const MaterialRunboxActionSubmitLog: React.FC<MaterialRunboxActionSubmitLogProps>;
+export default MaterialRunboxActionSubmitLog;

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

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var intl = require('@elice/intl');
+var muiElements = require('@elice/mui-elements');
+var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
+var material = require('@mui/material');
+var MaterialRunboxActionSubmitLogDialog = require('./MaterialRunboxActionSubmitLogDialog.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+//
+//
+//
+var MaterialRunboxActionSubmitLog = function MaterialRunboxActionSubmitLog(props) {
+  var intl$1 = intl.useRawEliceIntl();
+  //
+  var _React$useState = React__default.default.useState(false),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    isOpen = _React$useState2[0],
+    setIsOpen = _React$useState2[1];
+  /**
+   *
+   */
+  var renderMenuItem = function renderMenuItem() {
+    return jsxRuntime.jsxs(material.MenuItem, {
+      onClick: function onClick() {
+        return setIsOpen(true);
+      },
+      children: [jsxRuntime.jsx(material.ListItemIcon, {
+        children: jsxRuntime.jsx(muiElements.EliceIcon, {
+          icon: proRegularSvgIcons.faTimeline
+        })
+      }), jsxRuntime.jsx(material.ListItemText, {
+        children: intl$1.formatMessage({
+          id: 'runbox.action.submitLog.title'
+        })
+      })]
+    });
+  };
+  /**
+   *
+   */
+  var renderSubmitLogDialog = function renderSubmitLogDialog() {
+    return jsxRuntime.jsx(MaterialRunboxActionSubmitLogDialog.default, Object.assign({}, props, {
+      isOpen: isOpen,
+      onClose: function onClose() {
+        setIsOpen(false);
+        props.handleMenuClose();
+      }
+    }));
+  };
+  //
+  //
+  //
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [renderMenuItem(), renderSubmitLogDialog()]
+  });
+};
+
+exports.default = MaterialRunboxActionSubmitLog;

package/cjs/components/material-runbox/actions/MaterialRunboxActionSubmitLogDialog.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { MaterialRunboxActionSubmitLogProps } from './MaterialRunboxActionSubmitLog';
+type MaterialRunboxActionSubmitLogDialogProps = MaterialRunboxActionSubmitLogProps & {
+    userId: number;
+    isOpen: boolean;
+    onClose: () => void;
+};
+declare const MaterialRunboxActionSubmitLogDialog: React.FC<MaterialRunboxActionSubmitLogDialogProps>;
+export default MaterialRunboxActionSubmitLogDialog;

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

@@ -0,0 +1,196 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactIntersectionObserver = require('react-intersection-observer');
+var intl = require('@elice/intl');
+var muiElements = require('@elice/mui-elements');
+var react = require('@emotion/react');
+var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
+var material = require('@mui/material');
+var dayjs = require('dayjs');
+require('../contexts/MaterialRunboxApiContext.js');
+require('../contexts/MaterialRunboxCommandContext.js');
+var MaterialRunboxContext = require('../contexts/MaterialRunboxContext.js');
+var useInfiniteRunboxRunboxIdGrade = require('../hooks/useInfiniteRunboxRunboxIdGrade.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var dayjs__default = /*#__PURE__*/_interopDefaultCompat(dayjs);
+
+//
+//
+//
+var MaterialRunboxActionSubmitLogDialog = function MaterialRunboxActionSubmitLogDialog(_a) {
+  var isOpen = _a.isOpen,
+    onClose = _a.onClose,
+    getAchievementColor = _a.getAchievementColor,
+    props = tslib.__rest(_a, ["isOpen", "onClose", "getAchievementColor"]);
+  var intl$1 = intl.useRawEliceIntl();
+  //
+  var _useMaterialRunboxCon = MaterialRunboxContext.useMaterialRunboxContext(),
+    locale = _useMaterialRunboxCon.locale;
+  dayjs__default.default.locale(locale);
+  //
+  var theme = react.useTheme();
+  var isMobileOrSmaller = material.useMediaQuery(theme.breakpoints.down('sm'));
+  //
+  var _useInfiniteRunboxRun = useInfiniteRunboxRunboxIdGrade.useInfiniteRunboxRunboxIdGrade(Object.assign(Object.assign({}, props), {
+      enabled: Boolean(isOpen && props.runboxId && props.userId)
+    })),
+    grade = _useInfiniteRunboxRun.grade,
+    fetchNextPage = _useInfiniteRunboxRun.fetchNextPage;
+  var _useInView = reactIntersectionObserver.useInView(),
+    inView = _useInView.inView,
+    ref = _useInView.ref;
+  //
+  var _React$useState = React__default.default.useState(null),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    selectedGrade = _React$useState2[0],
+    setSelectedGrade = _React$useState2[1];
+  /**
+   *
+   */
+  var renderEmpty = function renderEmpty() {
+    return jsxRuntime.jsx(material.Stack, {
+      justifyContent: "center",
+      alignItems: "center",
+      children: jsxRuntime.jsx(material.Typography, {
+        variant: "body1",
+        children: intl$1.formatMessage({
+          id: 'runbox.action.submitLog.empty'
+        })
+      })
+    });
+  };
+  /**
+   *
+   */
+  var renderGradeList = function renderGradeList() {
+    return jsxRuntime.jsxs(material.List, {
+      ref: ref,
+      sx: {
+        width: '100%',
+        maxHeight: '100%',
+        overflow: 'auto'
+      },
+      children: [grade === null || grade === void 0 ? void 0 : grade.map(function (item) {
+        return jsxRuntime.jsxs(material.ListItemButton, {
+          selected: (selectedGrade === null || selectedGrade === void 0 ? void 0 : selectedGrade.id) === item.id,
+          onClick: function onClick() {
+            return setSelectedGrade(item);
+          },
+          children: [jsxRuntime.jsx(material.ListItemText, {
+            primary: dayjs__default.default(item.created).format(isMobileOrSmaller ? 'YYYY.MM.DD' : 'YYYY.MM.DD A HH:mm')
+          }), jsxRuntime.jsx(material.ListItemSecondaryAction, {
+            children: jsxRuntime.jsxs(material.Stack, {
+              direction: "row",
+              alignItems: "center",
+              gap: "0.5rem",
+              children: [(item === null || item === void 0 ? void 0 : item.score) ? jsxRuntime.jsx(muiElements.Tag, {
+                variant: "muted",
+                color: typeof getAchievementColor === 'function' ? getAchievementColor({
+                  score: Number(item.score),
+                  variant: 'tag'
+                }) : 'info',
+                label: intl$1.formatMessage({
+                  id: 'runbox.common.score'
+                }, {
+                  score: item.score
+                })
+              }) : null, jsxRuntime.jsx(material.Tooltip, {
+                title: intl$1.formatMessage({
+                  id: 'runbox.action.submitLog.dialog.download.tooltip'
+                }),
+                children: jsxRuntime.jsx(material.IconButton, {
+                  onClick: function onClick() {
+                    window.open(item.submissionFileUrl, '_blank');
+                  },
+                  children: jsxRuntime.jsx(muiElements.EliceIcon, {
+                    icon: proRegularSvgIcons.faArrowDownToLine
+                  })
+                })
+              })]
+            })
+          })]
+        }, item.id);
+      }), jsxRuntime.jsx("div", {
+        ref: ref
+      })]
+    });
+  };
+  /**
+   *
+   */
+  var renderCodebox = function renderCodebox() {
+    return jsxRuntime.jsx(material.Box, {
+      bgcolor: function bgcolor(theme) {
+        return theme.palette.common.black;
+      },
+      borderRadius: "0.5rem",
+      padding: "1rem",
+      width: "100%",
+      overflow: "auto",
+      fontFamily: "Elice Digital Coding, monospace",
+      fontSize: "0.875rem",
+      whiteSpace: "pre-wrap",
+      lineHeight: "1.375rem",
+      children: selectedGrade === null || selectedGrade === void 0 ? void 0 : selectedGrade.output
+    });
+  };
+  //
+  //
+  //
+  React__default.default.useEffect(function () {
+    if (inView) {
+      fetchNextPage();
+    }
+  }, [inView, fetchNextPage]);
+  //
+  //
+  //
+  React__default.default.useEffect(function () {
+    if ((grade === null || grade === void 0 ? void 0 : grade.length) && !selectedGrade) {
+      setSelectedGrade(grade[0]);
+    }
+  }, [grade, selectedGrade]);
+  //
+  //
+  //
+  return jsxRuntime.jsxs(material.Dialog, {
+    fullWidth: true,
+    maxWidth: "lg",
+    open: isOpen,
+    onClose: onClose,
+    children: [jsxRuntime.jsx(material.DialogTitle, {
+      children: intl$1.formatMessage({
+        id: 'runbox.action.submitLog.dialog.title'
+      })
+    }), jsxRuntime.jsx(material.DialogContent, {
+      children: jsxRuntime.jsx(material.Stack, {
+        direction: "row",
+        gap: "0.5rem",
+        overflow: "auto",
+        maxHeight: "30rem",
+        children: (grade === null || grade === void 0 ? void 0 : grade.length) ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [renderGradeList(), renderCodebox()]
+        }) : renderEmpty()
+      })
+    }), jsxRuntime.jsx(material.DialogActions, {
+      children: jsxRuntime.jsx(material.Button, {
+        color: "inherit",
+        onClick: onClose,
+        children: intl$1.formatMessage({
+          id: 'runbox.common.close'
+        })
+      })
+    })]
+  });
+};
+
+exports.default = MaterialRunboxActionSubmitLogDialog;

package/cjs/components/material-runbox/hooks/useInfiniteRunboxRunboxIdGrade.d.ts

@@ -0,0 +1,13 @@
+import type { RunboxGradeGetResponse, RunboxRunboxIdGradeGetRequest } from '@elice/openapi-client-material-runbox';
+type UseInfiniteRunboxRunboxIdGradeProps = RunboxRunboxIdGradeGetRequest & {
+    enabled: boolean;
+};
+type UseInfiniteRunboxRunboxIdGradeReturn = {
+    grade: RunboxGradeGetResponse[] | undefined;
+    isGradeLoading: boolean;
+    isGradeError: boolean;
+    refetchGrade: () => void;
+    fetchNextPage: () => void;
+};
+export declare const useInfiniteRunboxRunboxIdGrade: (props: Omit<UseInfiniteRunboxRunboxIdGradeProps, 'skip' | 'count'>) => UseInfiniteRunboxRunboxIdGradeReturn;
+export {};

package/cjs/components/material-runbox/hooks/useInfiniteRunboxRunboxIdGrade.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var React = require('react');
+var reactQuery = require('@tanstack/react-query');
+var MaterialRunboxApiContext = require('../contexts/MaterialRunboxApiContext.js');
+require('../contexts/MaterialRunboxCommandContext.js');
+require('../contexts/MaterialRunboxContext.js');
+
+//
+//
+//
+var DEFAULT_COUNT = 10;
+var DEFAULT_SKIP = 0;
+//
+//
+//
+var useInfiniteRunboxRunboxIdGrade = function useInfiniteRunboxRunboxIdGrade(props) {
+  var _return = React.useRef({});
+  var enabled = props.enabled;
+  var materialRunboxApi = MaterialRunboxApiContext.useMaterialRunboxApiContext();
+  //
+  var _useInfiniteQuery = reactQuery.useInfiniteQuery({
+      queryKey: ['runboxRunboxIdGrade', props],
+      queryFn: function queryFn(_ref) {
+        var _ref$pageParam = _ref.pageParam,
+          pageParam = _ref$pageParam === void 0 ? DEFAULT_SKIP : _ref$pageParam;
+        return materialRunboxApi.runbox.runboxRunboxIdGradeGet(Object.assign(Object.assign({}, props), {
+          skip: pageParam,
+          count: DEFAULT_COUNT
+        }));
+      },
+      getNextPageParam: function getNextPageParam(lastPage, pages) {
+        return lastPage.length === DEFAULT_COUNT ? pages.length * DEFAULT_COUNT : undefined;
+      },
+      enabled: enabled
+    }),
+    data = _useInfiniteQuery.data,
+    isLoading = _useInfiniteQuery.isLoading,
+    isFetchingNextPage = _useInfiniteQuery.isFetchingNextPage,
+    hasNextPage = _useInfiniteQuery.hasNextPage,
+    isError = _useInfiniteQuery.isError,
+    fetchNextPage = _useInfiniteQuery.fetchNextPage,
+    refetch = _useInfiniteQuery.refetch;
+  //
+  _return.current.grade = data === null || data === void 0 ? void 0 : data.pages.flatMap(function (page) {
+    return page;
+  });
+  _return.current.isGradeLoading = isLoading || isFetchingNextPage;
+  _return.current.isGradeError = isError;
+  _return.current.refetchGrade = refetch;
+  _return.current.fetchNextPage = React.useCallback(function () {
+    if (hasNextPage && !isFetchingNextPage) {
+      void fetchNextPage();
+    }
+  }, [fetchNextPage, hasNextPage, isFetchingNextPage]);
+  return _return.current;
+};
+
+exports.useInfiniteRunboxRunboxIdGrade = useInfiniteRunboxRunboxIdGrade;

package/cjs/components/material-runbox/hooks/useRunboxControl.d.ts

@@ -1,5 +1,5 @@
 import type { RuntimeProps } from '../runtime/Runtime';
-type UseRunboxControlProps = Pick<RuntimeProps, 'runbox' | 'courseId' | 'refetch'>;
+type UseRunboxControlProps = Pick<RuntimeProps, 'runbox' | 'courseId' | 'refetch' | 'userId'>;
 interface UseRunboxControlReturn {
     start: (force?: boolean) => Promise<void>;
     stop: () => Promise<void>;

package/cjs/components/material-runbox/hooks/useRunboxControl.js

@@ -37,7 +37,10 @@ var useRunboxControl = function useRunboxControl(props) {
           return _context.abrupt("return", runboxStart(function (signal) {
             return materialRunboxApi.runbox.runboxRunboxIdStartPost({
               runboxId: props.runbox.id,
-              eliceCourseId: props.courseId
+              eliceCourseId: props.courseId,
+              runboxStartRequest: {
+                userId: props.userId
+              }
             }, {
               signal: signal
             });
@@ -59,7 +62,7 @@ var useRunboxControl = function useRunboxControl(props) {
     }, _callee);
   })),
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [props.runbox.id, props.courseId, runboxStart]);
+  [props.runbox.id, props.courseId, props.userId, runboxStart]);
   /**
    * Stop project.
    */

package/cjs/components/material-runbox/locales/en.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var messageEn = {"runbox.action.autoShutdown.title":"Always on","runbox.action.autoShutdown.tooltip.disabled":"This runtime automatically shuts down after {time}, which is set as the per-session usage time.","runbox.action.autoShutdown.tooltip.enabled":"If set to always on, the runtime will not shut down even if you leave the learning {_termLibraryLecturePage}. However, it will automatically shut down after {time}, which is set as the session-specific usage time of the runtime.","runbox.action.grade.dialog.description.error":"An error occurred while grading the code.","runbox.action.grade.dialog.description.success":"Grading completed successfully.","runbox.action.grade.dialog.title":"Grading result","runbox.action.grade.noti.error":"An error occurred while grading the code.","runbox.action.grade.title":"Submit","runbox.action.grade.tooltip.onProgress":"Grading is in progress. Please wait for a moment. Depending on the {_termLibraryLecturePage}, grading may take up to 3 minutes.","runbox.action.reset.dialog.actions.confirm":"Reset","runbox.action.reset.dialog.description":"Are you sure you want to reset the runbox code? Your codes will be overwritten to default code of {_termLibraryLecturePage}.\nAfter reset, the runbox session will be refreshed.","runbox.action.reset.noti.error":"An error occurred while initializing the runbox code.","runbox.action.reset.title":"Reset code","runbox.action.restart.dialog.actions.confirm":"Restart","runbox.action.restart.dialog.description":"Are you sure you want to restart the runbox?","runbox.action.restart.title":"Restart runbox","runbox.action.share.snackbar.copied.fail":"Copying the runbox URL failed, please try again","runbox.action.share.snackbar.copied.success":"The runbox URL was copied successfully.","runbox.action.share.title":"Share runbox URL","runbox.action.submitCountInfo.dialog.description":"You have exceeded the submission count limit","runbox.action.submitCountInfo.dialog.title":"Limit the number of submissions","runbox.action.submitCountInfo.tooltip.disabled":"The submission count has been used up","runbox.common.close":"Close","runbox.common.retry":"Retry","runbox.common.support":"Support","runbox.context.command.ping.error":"An error occurred while processing task.","runbox.header.submitInfo":"{isIndividual, select, true {} other {Team}} submission count | {remainCount}/{totalCount} times left {isDailyLimitEnabled, select, true {today} other {}}","runbox.runtime.message.lxp_plan_required":"Your institution currently does not support Runbox course materials.\nPlease contact your institution administrator for more details.","runbox.runtime.message.runbox_unavailable":"Runbox Unavailable","runbox.runtime.message.startError":"There was an error starting the runbox.","runbox.runtime.overlay.assigned.description_timeout":"(3 of 3)\nRunning the runbox is taking longer than we expected.\nPlease wait a little longer without refreshing!","runbox.runtime.overlay.assigned.description":"(3 of 3)\nRunbox is running.\nPlease wait!","runbox.runtime.overlay.queued.description_zero":"(2 of 3)\nRunbox will run soon","runbox.runtime.overlay.queued.description":"(2 of 3)\nCurrently queued {waiters} times...","runbox.runtime.overlay.terminated.description.default":"The runtime terminated due to an unexpected problem.\nClick the button below to reconnect to the runbox.","runbox.runtime.overlay.terminated.description.general":"The runtime connected to the runbox has ended.\nTo reconnect to the runbox, click the button below.","runbox.runtime.overlay.terminated.description.os_disk_is_full":"Runtime has ended because the disk is full.\nIf you have recently deleted a runbox, it may take some time to reflect.","runbox.runtime.overlay.terminated.description.quota_exceeded":"The runtime has ended because the runtime has expired.","runbox.runtime.overlay.terminated.description.quota_per_session_exceeded":"Runbox has been running for 24 hours and the runtime has ended.\nTo reconnect to the runbox, click the button below.","runbox.runtime.overlay.terminated.description.unexpected":"If the problem persists, please contact customer service.","runbox.runtime.overlay.terminated.restart":"Reconnect","runbox.runtime.overlay.terminated.title":"Runtime disconnected"};
+var messageEn = {"runbox.action.autoShutdown.title":"Always on","runbox.action.autoShutdown.tooltip.disabled":"This runtime automatically shuts down after {time}, which is set as the per-session usage time.","runbox.action.autoShutdown.tooltip.enabled":"If set to always on, the runtime will not shut down even if you leave the learning {_termLibraryLecturePage}. However, it will automatically shut down after {time}, which is set as the session-specific usage time of the runtime.","runbox.action.grade.dialog.description.error":"An error occurred while grading the code.","runbox.action.grade.dialog.description.success":"Grading completed successfully.","runbox.action.grade.dialog.title":"Grading result","runbox.action.grade.noti.error":"An error occurred while grading the code.","runbox.action.grade.title":"Submit","runbox.action.grade.tooltip.onProgress":"Grading is in progress. Please wait for a moment. Depending on the {_termLibraryLecturePage}, grading may take up to 3 minutes.","runbox.action.reset.dialog.actions.confirm":"Reset","runbox.action.reset.dialog.description":"Are you sure you want to reset the runbox code? Your codes will be overwritten to default code of {_termLibraryLecturePage}.\nAfter reset, the runbox session will be refreshed.","runbox.action.reset.noti.error":"An error occurred while initializing the runbox code.","runbox.action.reset.title":"Reset code","runbox.action.restart.dialog.actions.confirm":"Restart","runbox.action.restart.dialog.description":"Are you sure you want to restart the runbox?","runbox.action.restart.title":"Restart runbox","runbox.action.share.snackbar.copied.fail":"Copying the runbox URL failed, please try again","runbox.action.share.snackbar.copied.success":"The runbox URL was copied successfully.","runbox.action.share.title":"Share runbox URL","runbox.action.submitCountInfo.dialog.description":"You have exceeded the submission count limit","runbox.action.submitCountInfo.dialog.title":"Limit the number of submissions","runbox.action.submitCountInfo.tooltip.disabled":"The submission count has been used up","runbox.action.submitLog.dialog.download.tooltip":"Download submitted file","runbox.action.submitLog.dialog.title":"Submission History","runbox.action.submitLog.empty":"No submission history exists.","runbox.action.submitLog.title":"Runbox Submission History","runbox.common.close":"Close","runbox.common.retry":"Retry","runbox.common.score":"{score} points","runbox.common.support":"Support","runbox.context.command.ping.error":"An error occurred while processing task.","runbox.header.submitInfo":"{isIndividual, select, true {} other {Team}} submission count | {remainCount}/{totalCount} times left {isDailyLimitEnabled, select, true {today} other {}}","runbox.runtime.message.lxp_plan_required":"Your institution currently does not support Runbox course materials.\nPlease contact your institution administrator for more details.","runbox.runtime.message.runbox_unavailable":"Runbox Unavailable","runbox.runtime.message.startError":"There was an error starting the runbox.","runbox.runtime.overlay.assigned.description":"(3 of 3)\nRunbox is running.\nPlease wait!","runbox.runtime.overlay.assigned.description_timeout":"(3 of 3)\nRunning the runbox is taking longer than we expected.\nPlease wait a little longer without refreshing!","runbox.runtime.overlay.queued.description":"(2 of 3)\nCurrently queued {waiters} times...","runbox.runtime.overlay.queued.description_zero":"(2 of 3)\nRunbox will run soon","runbox.runtime.overlay.terminated.description.default":"The runtime terminated due to an unexpected problem.\nClick the button below to reconnect to the runbox.","runbox.runtime.overlay.terminated.description.general":"The runtime connected to the runbox has ended.\nTo reconnect to the runbox, click the button below.","runbox.runtime.overlay.terminated.description.os_disk_is_full":"Runtime has ended because the disk is full.\nIf you have recently deleted a runbox, it may take some time to reflect.","runbox.runtime.overlay.terminated.description.quota_exceeded":"The runtime has ended because the runtime has expired.","runbox.runtime.overlay.terminated.description.quota_per_session_exceeded":"Runbox has been running for 24 hours and the runtime has ended.\nTo reconnect to the runbox, click the button below.","runbox.runtime.overlay.terminated.description.unexpected":"If the problem persists, please contact customer service.","runbox.runtime.overlay.terminated.restart":"Reconnect","runbox.runtime.overlay.terminated.title":"Runtime disconnected"};
 
 exports.default = messageEn;

package/cjs/components/material-runbox/locales/ja.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ja = {"runbox.action.autoShutdown.title":"常にオン","runbox.action.autoShutdown.tooltip.disabled":"このランタイムは、セッションごとの利用時間として設定された{time}後に自動的にシャットダウンします。","runbox.action.autoShutdown.tooltip.enabled":"常にオンに設定した場合、ランタイムは学習 {_termLibraryLecturePage} を離れてもシャットダウンしません。ただし、ランタイムのセッション固有の使用時間として設定された {time} 後には自動的にシャットダウンします。","runbox.action.grade.dialog.description.error":"コードの採点中にエラーが発生しました。","runbox.action.grade.dialog.description.success":"成績評価が成功裏に完了しました。","runbox.action.grade.dialog.title":"成績結果","runbox.action.grade.noti.error":"コードの採点中にエラーが発生しました。","runbox.action.grade.title":"提出","runbox.action.grade.tooltip.onProgress":"採点中です。しばらくお待ちください。{_termLibraryLecturePage}によって、採点には最大3分かかる場合があります。","runbox.action.reset.dialog.actions.confirm":"リセット","runbox.action.reset.dialog.description":"ランボックスのコードをリセットしてもよろしいですか？ あなたのコードは {_termLibraryLecturePage} のデフォルトコードに上書きされます。\nリセット後、ランボックスのセッションがリフレッシュされます。","runbox.action.reset.noti.error":"ランボックスコードの初期化中にエラーが発生しました。","runbox.action.reset.title":"リセットコード","runbox.action.restart.dialog.actions.confirm":"再起動","runbox.action.restart.dialog.description":"再起動してもよろしいですか？","runbox.action.restart.title":"ランボックスを再起動してください","runbox.action.share.snackbar.copied.fail":"ランボックスのURLをコピーすることに失敗しました。もう一度お試しください。","runbox.action.share.snackbar.copied.success":"ランボックスのURLが正常にコピーされました。","runbox.action.share.title":"ランボックスのURLを共有してください。","runbox.action.submitCountInfo.dialog.description":"提出回数の制限を超えています","runbox.action.submitCountInfo.dialog.title":"投稿の数を制限してください。","runbox.action.submitCountInfo.tooltip.disabled":"提出回数が使い果たされました。","runbox.common.close":"閉じる","runbox.common.retry":"リトライ","runbox.common.support":"サポート","runbox.context.command.ping.error":"タスクの処理中にエラーが発生しました。","runbox.header.submitInfo":"{isIndividual, select, true {個人} other {チーム}}の提出回数 | {remainCount}/{totalCount} 回残っています {isDailyLimitEnabled, select, true {今日} other {}}","runbox.runtime.message.lxp_plan_required":"現在、所属機関ではRunboxの学習資料を利用できません。\n詳細については機関の管理者にお問い合わせください。","runbox.runtime.message.runbox_unavailable":"Runboxは利用できません","runbox.runtime.message.startError":"ランボックスの起動中にエラーが発生しました。","runbox.runtime.overlay.assigned.description_timeout":"ランボックスを実行する時間が私たちの予想よりも長くかかっています。\n更新せずにもう少し待ってください！","runbox.runtime.overlay.assigned.description":"Runbox が実行中です。\nお待ちください！","runbox.runtime.overlay.queued.description_zero":"Runboxはもうすぐ実行されます。","runbox.runtime.overlay.queued.description":"現在{waiters}回待機中...","runbox.runtime.overlay.terminated.description.default":"ランタイムは予期せぬ問題により終了しました。\n再接続するには、下のボタンをクリックしてください。","runbox.runtime.overlay.terminated.description.general":"ランボックスに接続されているランタイムが終了しました。\nランボックスに再接続するには、以下のボタンをクリックしてください。","runbox.runtime.overlay.terminated.description.os_disk_is_full":"ディスクがいっぱいになったため、ランタイムが終了しました。\n最近ランボックスを削除した場合、反映には時間がかかることがあります。","runbox.runtime.overlay.terminated.description.quota_exceeded":"ランタイムが期限切れになったため、ランタイムが終了しました。","runbox.runtime.overlay.terminated.description.quota_per_session_exceeded":"ランボックスは24時間稼働しており、ランタイムが終了しました。\nランボックスに再接続するには、以下のボタンをクリックしてください。","runbox.runtime.overlay.terminated.description.unexpected":"問題が解決しない場合は、カスタマーサービスにお問い合わせください。","runbox.runtime.overlay.terminated.restart":"再接続","runbox.runtime.overlay.terminated.title":"ランタイムが切断されました。"};
+var ja = {"runbox.action.autoShutdown.title":"常にオン","runbox.action.autoShutdown.tooltip.disabled":"このランタイムは、セッションごとの利用時間として設定された{time}後に自動的にシャットダウンします。","runbox.action.autoShutdown.tooltip.enabled":"常にオンに設定した場合、ランタイムは学習 {_termLibraryLecturePage} を離れてもシャットダウンしません。ただし、ランタイムのセッション固有の使用時間として設定された {time} 後には自動的にシャットダウンします。","runbox.action.grade.dialog.description.error":"コードの採点中にエラーが発生しました。","runbox.action.grade.dialog.description.success":"成績評価が成功裏に完了しました。","runbox.action.grade.dialog.title":"成績結果","runbox.action.grade.noti.error":"コードの採点中にエラーが発生しました。","runbox.action.grade.title":"提出","runbox.action.grade.tooltip.onProgress":"採点中です。しばらくお待ちください。{_termLibraryLecturePage}によって、採点には最大3分かかる場合があります。","runbox.action.reset.dialog.actions.confirm":"リセット","runbox.action.reset.dialog.description":"ランボックスのコードをリセットしてもよろしいですか？ あなたのコードは {_termLibraryLecturePage} のデフォルトコードに上書きされます。\nリセット後、ランボックスのセッションがリフレッシュされます。","runbox.action.reset.noti.error":"ランボックスコードの初期化中にエラーが発生しました。","runbox.action.reset.title":"リセットコード","runbox.action.restart.dialog.actions.confirm":"再起動","runbox.action.restart.dialog.description":"再起動してもよろしいですか？","runbox.action.restart.title":"ランボックスを再起動してください","runbox.action.share.snackbar.copied.fail":"ランボックスのURLをコピーすることに失敗しました。もう一度お試しください。","runbox.action.share.snackbar.copied.success":"ランボックスのURLが正常にコピーされました。","runbox.action.share.title":"ランボックスのURLを共有してください。","runbox.action.submitCountInfo.dialog.description":"提出回数の制限を超えています","runbox.action.submitCountInfo.dialog.title":"投稿の数を制限してください。","runbox.action.submitCountInfo.tooltip.disabled":"提出回数が使い果たされました。","runbox.action.submitLog.dialog.download.tooltip":"提出ファイルをダウンロード","runbox.action.submitLog.dialog.title":"提出履歴","runbox.action.submitLog.empty":"提出履歴が存在しません。","runbox.action.submitLog.title":"ランボックス提出履歴","runbox.common.close":"閉じる","runbox.common.retry":"リトライ","runbox.common.score":"{score}点","runbox.common.support":"サポート","runbox.context.command.ping.error":"タスクの処理中にエラーが発生しました。","runbox.header.submitInfo":"{isIndividual, select, true {個人} other {チーム}}の提出回数 | {remainCount}/{totalCount} 回残っています {isDailyLimitEnabled, select, true {今日} other {}}","runbox.runtime.message.lxp_plan_required":"現在、所属機関ではRunboxの学習資料を利用できません。\n詳細については機関の管理者にお問い合わせください。","runbox.runtime.message.runbox_unavailable":"Runboxは利用できません","runbox.runtime.message.startError":"ランボックスの起動中にエラーが発生しました。","runbox.runtime.overlay.assigned.description":"Runbox が実行中です。\nお待ちください！","runbox.runtime.overlay.assigned.description_timeout":"ランボックスを実行する時間が私たちの予想よりも長くかかっています。\n更新せずにもう少し待ってください！","runbox.runtime.overlay.queued.description":"現在{waiters}回待機中...","runbox.runtime.overlay.queued.description_zero":"Runboxはもうすぐ実行されます。","runbox.runtime.overlay.terminated.description.default":"ランタイムは予期せぬ問題により終了しました。\n再接続するには、下のボタンをクリックしてください。","runbox.runtime.overlay.terminated.description.general":"ランボックスに接続されているランタイムが終了しました。\nランボックスに再接続するには、以下のボタンをクリックしてください。","runbox.runtime.overlay.terminated.description.os_disk_is_full":"ディスクがいっぱいになったため、ランタイムが終了しました。\n最近ランボックスを削除した場合、反映には時間がかかることがあります。","runbox.runtime.overlay.terminated.description.quota_exceeded":"ランタイムが期限切れになったため、ランタイムが終了しました。","runbox.runtime.overlay.terminated.description.quota_per_session_exceeded":"ランボックスは24時間稼働しており、ランタイムが終了しました。\nランボックスに再接続するには、以下のボタンをクリックしてください。","runbox.runtime.overlay.terminated.description.unexpected":"問題が解決しない場合は、カスタマーサービスにお問い合わせください。","runbox.runtime.overlay.terminated.restart":"再接続","runbox.runtime.overlay.terminated.title":"ランタイムが切断されました。"};
 
 exports.default = ja;