@elice/material-exercise 1.231227.0 → 1.231228.0

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoStatusMessage.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useState, useEffect } from 'react';
 import { useIntl } from 'react-intl';
 import { Flex, Text } from '@elice/blocks';
@@ -12,24 +11,18 @@ import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 import ExerciseRunnerControllerStatusIndicator from './ExerciseRunnerControllerStatusIndicator.js';
 
-var StyledMessageWrapper = styled(Flex).withConfig({
+const StyledMessageWrapper = styled(Flex).withConfig({
   componentId: "sc-19z7lun-0"
 })(["height:1rem;"]);
-var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerControllerArduinoStatusMessage() {
-  var intl = useIntl();
-  var ports = useRecoilValue(exerciseArduinoPortsState);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    message = _useState2[0],
-    setMessage = _useState2[1];
-  var _useState3 = useState('error'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    status = _useState4[0],
-    setStatus = _useState4[1];
-  var arduinoOpenedPort = useRecoilValue(exerciseArduinoOpenedPortNameState);
-  var arduinoUploadProgress = useRecoilValue(exerciseArduinoUploadProgressState);
-  var arduinoAgentConnectionStatus = useRecoilValue(exerciseArduinoAgentConnectionState);
-  useEffect(function () {
+const ExerciseRunnerControllerArduinoStatusMessage = () => {
+  const intl = useIntl();
+  const ports = useRecoilValue(exerciseArduinoPortsState);
+  const [message, setMessage] = useState('');
+  const [status, setStatus] = useState('error');
+  const arduinoOpenedPort = useRecoilValue(exerciseArduinoOpenedPortNameState);
+  const arduinoUploadProgress = useRecoilValue(exerciseArduinoUploadProgressState);
+  const arduinoAgentConnectionStatus = useRecoilValue(exerciseArduinoAgentConnectionState);
+  useEffect(() => {
     if (arduinoAgentConnectionStatus === 'disconnected') {
       setStatus('error');
       setMessage(intl.formatMessage({
@@ -72,7 +65,7 @@ var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerContro
       case 'error':
       case 'done':
       default:
-        var device = getPortFromName(ports, arduinoOpenedPort);
+        const device = getPortFromName(ports, arduinoOpenedPort);
         if (device) {
           setMessage(intl.formatMessage({
             id: 'exerciseRunner.controller.arduino.connectionStatus.connectedDevice'

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerButtonGroup.js

@@ -24,67 +24,69 @@ import 'unicount';
 import { ExerciseRunnerContext } from './ExerciseRunnerContext.js';
 import ExerciseRunnerControllerCodeHelpRequestButton from './ExerciseRunnerControllerCodeHelpRequestButton.js';
 
-var StyledControllerButton = styled(Button).withConfig({
+const StyledControllerButton = styled(Button).withConfig({
   componentId: "sc-d9xhed-0"
 })(["position:relative;transition:none;"]);
-var StyledControllerButtonWrap = styled.div.withConfig({
+const StyledControllerButtonWrap = styled.div.withConfig({
   componentId: "sc-d9xhed-1"
 })(["display:flex;"]);
-var StyledControllerButtonGroup = styled.div.withConfig({
+const StyledControllerButtonGroup = styled.div.withConfig({
   componentId: "sc-d9xhed-2"
 })(["display:flex;flex-direction:row;align-items:center;> ", ",> ", "{margin-right:0.5rem;&:last-child{margin-right:0;}}"], StyledControllerButtonWrap, StyledControllerButton);
-var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButtonGroup() {
+const ExerciseRunnerControllerButtonGroup = () => {
   var _a;
-  var intl = useIntl();
-  var _React$useContext = React.useContext(ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId,
-    onCodeHelpRequest = _React$useContext.onCodeHelpRequest;
-  var _React$useContext2 = React.useContext(ExerciseRunnerContext),
-    onSubmit = _React$useContext2.onSubmit,
-    onSyncRequest = _React$useContext2.onSyncRequest,
-    onCancel = _React$useContext2.onCancel;
-  var runnerWebsocketStatus = useRecoilValue(exerciseRunnerWebSocketStatusQuery);
-  var editorCursorSelectionValue = useRecoilValue(exerciseFileEditorCursorSelectionValueState);
-  var exercise = useRecoilValue(exerciseState(materialExerciseId));
-  var exerciseRunType = useRecoilValue(exerciseRunnerRunTypeState);
-  var exerciseWithNoGrade = Boolean(exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade);
-  var lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
-  var isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === enums.LectureType.Test;
-  var isTestLectureCompleted = (lecture === null || lecture === void 0 ? void 0 : lecture.testAdmissionStatus) === enums.TestAdmissionStatus.Completed;
+  const intl = useIntl();
+  const {
+    materialExerciseId,
+    onCodeHelpRequest
+  } = React.useContext(ExerciseContext);
+  const {
+    onSubmit,
+    onSyncRequest,
+    onCancel
+  } = React.useContext(ExerciseRunnerContext);
+  const runnerWebsocketStatus = useRecoilValue(exerciseRunnerWebSocketStatusQuery);
+  const editorCursorSelectionValue = useRecoilValue(exerciseFileEditorCursorSelectionValueState);
+  const exercise = useRecoilValue(exerciseState(materialExerciseId));
+  const exerciseRunType = useRecoilValue(exerciseRunnerRunTypeState);
+  const exerciseWithNoGrade = Boolean(exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade);
+  const lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
+  const isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === enums.LectureType.Test;
+  const isTestLectureCompleted = (lecture === null || lecture === void 0 ? void 0 : lecture.testAdmissionStatus) === enums.TestAdmissionStatus.Completed;
   // runner states
-  var isSubmitting = useRecoilValue(exerciseRunnerSubmittingState);
-  var isRunning = useRecoilValue(exerciseRunnerRunningState);
-  var isConnecting = runnerWebsocketStatus === EliceWebSocket.CONNECTING;
-  var isNotReady = runnerWebsocketStatus !== EliceWebSocket.OPEN;
+  const isSubmitting = useRecoilValue(exerciseRunnerSubmittingState);
+  const isRunning = useRecoilValue(exerciseRunnerRunningState);
+  const isConnecting = runnerWebsocketStatus === EliceWebSocket.CONNECTING;
+  const isNotReady = runnerWebsocketStatus !== EliceWebSocket.OPEN;
   // arduino
-  var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
-  var arduinoUploadProgress = useRecoilValue(exerciseArduinoUploadProgressState);
-  var arduinoOpenedPortName = useRecoilValue(exerciseArduinoOpenedPortNameState);
+  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
+  const arduinoUploadProgress = useRecoilValue(exerciseArduinoUploadProgressState);
+  const arduinoOpenedPortName = useRecoilValue(exerciseArduinoOpenedPortNameState);
   // monaco editor apis
-  var exerciseMonacoEditorApis = useRecoilValue(exerciseMonacoEditorApisState);
+  const exerciseMonacoEditorApis = useRecoilValue(exerciseMonacoEditorApisState);
   //
   // ========= ui states =========
   //
   // submit run
-  var isSubmitRunHidden = isRunning;
-  var isSubmitRunArduinoDisabled = isArduinoExercise ? arduinoUploadProgress !== 'ready' && arduinoUploadProgress !== 'error' || !arduinoOpenedPortName : false;
-  var isSubmitRunDisabled = isSubmitRunHidden || isSubmitRunArduinoDisabled || isNotReady || isConnecting || isSubmitting;
+  const isSubmitRunHidden = isRunning;
+  const isSubmitRunArduinoDisabled = isArduinoExercise ? arduinoUploadProgress !== 'ready' && arduinoUploadProgress !== 'error' || !arduinoOpenedPortName : false;
+  const isSubmitRunDisabled = isSubmitRunHidden || isSubmitRunArduinoDisabled || isNotReady || isConnecting || isSubmitting;
   // submit grade
-  var isSubmitGradeHidden = isRunning;
-  var isSubmitGradeDisabled = isSubmitGradeHidden || exerciseWithNoGrade || isTestLecture && isTestLectureCompleted || isNotReady || isConnecting || isSubmitting;
+  const isSubmitGradeHidden = isRunning;
+  const isSubmitGradeDisabled = isSubmitGradeHidden || exerciseWithNoGrade || isTestLecture && isTestLectureCompleted || isNotReady || isConnecting || isSubmitting;
   // cancel
-  var isCancelHidden = !isRunning;
-  var isCancelDisabled = isCancelHidden || isNotReady || isConnecting;
+  const isCancelHidden = !isRunning;
+  const isCancelDisabled = isCancelHidden || isNotReady || isConnecting;
   // sync request
-  var isSyncRequestHidden = !isRunning || !((_a = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.httpPort);
-  var isSyncRequestDisabled = isSyncRequestHidden || isNotReady || isConnecting;
+  const isSyncRequestHidden = !isRunning || !((_a = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.httpPort);
+  const isSyncRequestDisabled = isSyncRequestHidden || isNotReady || isConnecting;
   //
   //
   //
   /**
    * Submit to run
    */
-  var handleSubmitRun = function handleSubmitRun() {
+  const handleSubmitRun = () => {
     if (!isSubmitRunDisabled) {
       void onSubmit(enums.ExerciseRunType.Run);
     }
@@ -92,7 +94,7 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Submit to grade
    */
-  var handleSubmitGrade = function handleSubmitGrade() {
+  const handleSubmitGrade = () => {
     if (!isSubmitGradeDisabled) {
       void onSubmit(enums.ExerciseRunType.Grade);
     }
@@ -100,7 +102,7 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Cancel
    */
-  var handleCancel = function handleCancel() {
+  const handleCancel = () => {
     if (!isCancelDisabled) {
       onCancel();
     }
@@ -108,7 +110,7 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Sync request
    */
-  var handleSyncRequest = function handleSyncRequest() {
+  const handleSyncRequest = () => {
     if (!isSyncRequestDisabled) {
       onSyncRequest();
     }
@@ -123,9 +125,9 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   //
   // handle save action emitted by file editor
   //
-  React.useEffect(function () {
-    var saveActionSub = exerciseFileEditorSaveAction$.subscribe(handleSyncRequest);
-    return function () {
+  React.useEffect(() => {
+    const saveActionSub = exerciseFileEditorSaveAction$.subscribe(handleSyncRequest);
+    return () => {
       saveActionSub.unsubscribe();
     };
   },
@@ -134,7 +136,7 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Submit to run button
    */
-  var renderSubmitRunButton = function renderSubmitRunButton() {
+  const renderSubmitRunButton = () => {
     if (isSubmitRunHidden) {
       return null;
     }
@@ -152,7 +154,7 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Submit to grade button
    */
-  var renderSubmitGradeButton = function renderSubmitGradeButton() {
+  const renderSubmitGradeButton = () => {
     if (isSubmitGradeHidden) {
       return null;
     }
@@ -175,7 +177,7 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Cancel button
    */
-  var renderCancelButton = function renderCancelButton() {
+  const renderCancelButton = () => {
     if (isCancelHidden) {
       return null;
     }
@@ -192,7 +194,7 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Sync request button
    */
-  var renderSyncRequestButton = function renderSyncRequestButton() {
+  const renderSyncRequestButton = () => {
     if (isSyncRequestHidden) {
       return null;
     }
@@ -209,12 +211,12 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Code help button
    */
-  var renderCodeHelpRequestButton = function renderCodeHelpRequestButton() {
+  const renderCodeHelpRequestButton = () => {
     if (isRunning || !editorCursorSelectionValue || typeof onCodeHelpRequest !== 'function') {
       return null;
     }
     return React.createElement(ExerciseRunnerControllerCodeHelpRequestButton, {
-      onClick: function onClick() {
+      onClick: () => {
         var _a, _b, _c;
         onCodeHelpRequest({
           code: editorCursorSelectionValue,

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerCodeHelpRequestButton.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Button, Tooltip, Icon, Flex, BadgeNext, Text, Hspace, IconButton } from '@elice/blocks';
@@ -11,22 +10,19 @@ import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 
-var ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY = 'elice-material-exercise-aibot-tooltip-hidden';
-var ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE = 'true';
-var StyledControllerButton = styled(Button).withConfig({
+const ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY = 'elice-material-exercise-aibot-tooltip-hidden';
+const ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE = 'true';
+const StyledControllerButton = styled(Button).withConfig({
   componentId: "sc-10grd0k-0"
 })(["position:relative;transition:none;"]);
-var ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef(function (props, ref) {
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isTooltipHidden = _React$useState2[0],
-    setIsTooltipHidden = _React$useState2[1];
-  var isAibotInfoEnabled = useRecoilValue(exerciseAibotInfoEnableState);
+const ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef((props, ref) => {
+  const [isTooltipHidden, setIsTooltipHidden] = React.useState(false);
+  const isAibotInfoEnabled = useRecoilValue(exerciseAibotInfoEnableState);
   //
   //
   //
-  React.useEffect(function () {
-    var isTooltipHidden = sessionStorage.getItem(ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY) === ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE;
+  React.useEffect(() => {
+    const isTooltipHidden = sessionStorage.getItem(ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY) === ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE;
     if (isTooltipHidden) {
       setIsTooltipHidden(true);
       return;
@@ -38,7 +34,7 @@ var ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef(function (p
   /**
    *
    */
-  var renderAiBotTooltipTitle = function renderAiBotTooltipTitle() {
+  const renderAiBotTooltipTitle = () => {
     return React.createElement(Flex, {
       align: "center"
     }, React.createElement(BadgeNext, {
@@ -63,7 +59,7 @@ var ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef(function (p
       hasPadding: false,
       border: false,
       icon: eilMathsignMultiplyBasic,
-      onClick: function onClick() {
+      onClick: () => {
         sessionStorage.setItem(ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY, ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE);
         setIsTooltipHidden(true);
       }

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerRunningInfo.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl, FormattedMessage, FormattedDate } from 'react-intl';
 import { usePrevious } from 'react-use';
@@ -17,48 +16,40 @@ import '../context/ExerciseProvider.js';
 //
 //
 //
-var StyledHr = styled(Hr).withConfig({
+const StyledHr = styled(Hr).withConfig({
   componentId: "sc-30ywzi-0"
 })(["height:2rem;"]);
-var StyledRunnerInfoTitle = styled.span.withConfig({
+const StyledRunnerInfoTitle = styled.span.withConfig({
   componentId: "sc-30ywzi-1"
 })(["display:block;color:", ";font-size:11px;line-height:1.25;"], base.color.navy3);
-var StyledRunnerInfoContent = styled.span.withConfig({
+const StyledRunnerInfoContent = styled.span.withConfig({
   componentId: "sc-30ywzi-2"
 })(["display:block;color:", ";font-size:12px;line-height:1.25;"], base.color.navy1);
 //
 //
 //
-var ExerciseRunnerControllerRunningInfo = function ExerciseRunnerControllerRunningInfo() {
-  var intl = useIntl();
-  var _React$useContext = React.useContext(ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId,
-    exerciseRoomId = _React$useContext.exerciseRoomId,
-    onExerciseRunningDone = _React$useContext.onExerciseRunningDone,
-    onError = _React$useContext.onError;
-  var isRunning = useRecoilValue(exerciseRunnerRunningState);
-  var isPrevRunning = usePrevious(isRunning);
-  var isNoRunning = isPrevRunning === undefined;
-  var isRunningDone = isPrevRunning === true && !isRunning;
-  var exercise = useRecoilValue(exerciseState(materialExerciseId));
-  var user = useRecoilValue(exerciseUserState);
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    course = _React$useState2[0],
-    setCourse = _React$useState2[1];
-  var _React$useState3 = React.useState(null),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    exerciseLastRunning = _React$useState4[0],
-    setExerciseLastRunning = _React$useState4[1];
-  var _React$useState5 = React.useState(null),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    exerciseLastSubmit = _React$useState6[0],
-    setExerciseLastSubmit = _React$useState6[1];
+const ExerciseRunnerControllerRunningInfo = () => {
+  const intl = useIntl();
+  const {
+    materialExerciseId,
+    exerciseRoomId,
+    onExerciseRunningDone,
+    onError
+  } = React.useContext(ExerciseContext);
+  const isRunning = useRecoilValue(exerciseRunnerRunningState);
+  const isPrevRunning = usePrevious(isRunning);
+  const isNoRunning = isPrevRunning === undefined;
+  const isRunningDone = isPrevRunning === true && !isRunning;
+  const exercise = useRecoilValue(exerciseState(materialExerciseId));
+  const user = useRecoilValue(exerciseUserState);
+  const [course, setCourse] = React.useState();
+  const [exerciseLastRunning, setExerciseLastRunning] = React.useState(null);
+  const [exerciseLastSubmit, setExerciseLastSubmit] = React.useState(null);
   //
   // Get exercise running list.
   //
-  React.useEffect(function () {
-    var userId = user === null || user === void 0 ? void 0 : user.id;
+  React.useEffect(() => {
+    const userId = user === null || user === void 0 ? void 0 : user.id;
     if (!userId || !exercise || !exerciseRoomId) {
       return;
     }
@@ -68,36 +59,21 @@ var ExerciseRunnerControllerRunningInfo = function ExerciseRunnerControllerRunni
     if (!isNoRunning && !isRunningDone) {
       return;
     }
-    var abortCtrl = new AbortController();
-    var _fetch = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(runType) {
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              return _context.abrupt("return", getOrgMaterialExerciseExerciseRunningList({
-                exerciseRoomId: exerciseRoomId,
-                filterRunType: runType,
-                offset: 0,
-                count: 1,
-                userId: userId
-              }, {
-                signal: abortCtrl.signal
-              }).then(function (res) {
-                return res.exerciseRunnings;
-              }).then(function (exerciseRunnings) {
-                var _a;
-                return (_a = exerciseRunnings[0]) !== null && _a !== void 0 ? _a : null;
-              }));
-            case 1:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function _fetch(_x) {
-        return _ref.apply(this, arguments);
-      };
-    }();
+    const abortCtrl = new AbortController();
+    const _fetch = async runType => {
+      return getOrgMaterialExerciseExerciseRunningList({
+        exerciseRoomId,
+        filterRunType: runType,
+        offset: 0,
+        count: 1,
+        userId
+      }, {
+        signal: abortCtrl.signal
+      }).then(res => res.exerciseRunnings).then(exerciseRunnings => {
+        var _a;
+        return (_a = exerciseRunnings[0]) !== null && _a !== void 0 ? _a : null;
+      });
+    };
     Promise.all([
     // running
     // - if exercise is no submit grade, fetch only running
@@ -106,17 +82,14 @@ var ExerciseRunnerControllerRunningInfo = function ExerciseRunnerControllerRunni
     // submit
     // - if exercise is no submit grade, fetch nothing
     // - else, fetch submit
-    exercise.isNoSubmitGrade ? Promise.resolve(null) : _fetch(enums.ExerciseRunType.Grade)]).then(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-        exerciseLastRunning = _ref3[0],
-        exerciseLastSubmit = _ref3[1];
+    exercise.isNoSubmitGrade ? Promise.resolve(null) : _fetch(enums.ExerciseRunType.Grade)]).then(([exerciseLastRunning, exerciseLastSubmit]) => {
       setExerciseLastRunning(exerciseLastRunning);
       setExerciseLastSubmit(exerciseLastSubmit);
       // callback on running done (last running which includes submit)
       if (isRunningDone && typeof onExerciseRunningDone === 'function') {
         onExerciseRunningDone(exerciseLastRunning);
       }
-    }).catch(function (err) {
+    }).catch(err => {
       if (err.name === 'AbortError') {
         return;
       }
@@ -127,7 +100,7 @@ var ExerciseRunnerControllerRunningInfo = function ExerciseRunnerControllerRunni
         id: 'exerciseRunner.controller.runningInfo.error.fetch'
       }));
     });
-    return function () {
+    return () => {
       abortCtrl.abort();
     };
   },
@@ -136,26 +109,24 @@ var ExerciseRunnerControllerRunningInfo = function ExerciseRunnerControllerRunni
   //
   // Get course
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!exercise) {
       return;
     }
-    var abortCtrl = new AbortController();
+    const abortCtrl = new AbortController();
     getOrgCourseGet({
       courseId: exercise._courseId
     }, {
       signal: abortCtrl.signal
-    }).then(function (res) {
-      return res.course;
-    }).then(setCourse).catch(console.error);
-    return function () {
+    }).then(res => res.course).then(setCourse).catch(console.error);
+    return () => {
       abortCtrl.abort();
     };
   }, [exercise]);
   /**
    * Last running score.
    */
-  var renderRunningInfoLastSubmitScore = function renderRunningInfoLastSubmitScore() {
+  const renderRunningInfoLastSubmitScore = () => {
     if (exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade) {
       return null;
     }
@@ -182,7 +153,7 @@ var ExerciseRunnerControllerRunningInfo = function ExerciseRunnerControllerRunni
   /**
    * Last submit time.
    */
-  var renderRunningInfoLastRunningTime = function renderRunningInfoLastRunningTime() {
+  const renderRunningInfoLastRunningTime = () => {
     if (!course || (course === null || course === void 0 ? void 0 : course.courseType) === enums.CourseType.Challenge) {
       return;
     }

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerStatusIndicator.js

@@ -1,9 +1,9 @@
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 
-var ExerciseRunnerControllerStatusIndicator = styled.div.withConfig({
+const ExerciseRunnerControllerStatusIndicator = styled.div.withConfig({
   componentId: "sc-15703mt-0"
-})(["margin-top:1px;margin-right:0.3rem;width:0.375rem;height:0.375rem;border-radius:50%;vertical-align:middle;background-color:", ";"], function (props) {
+})(["margin-top:1px;margin-right:0.3rem;width:0.375rem;height:0.375rem;border-radius:50%;vertical-align:middle;background-color:", ";"], props => {
   switch (props.status) {
     case 'success':
       return base.color.green8;

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerStatusMessage.js

@@ -11,15 +11,15 @@ import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 import ExerciseRunnerControllerStatusIndicator from './ExerciseRunnerControllerStatusIndicator.js';
 
-var StyledMessageWrapper = styled(Flex).withConfig({
+const StyledMessageWrapper = styled(Flex).withConfig({
   componentId: "sc-1yqi8o2-0"
 })(["height:1rem;"]);
-var ExerciseRunnerControllerStatusMessage = function ExerciseRunnerControllerStatusMessage() {
-  var websocketStatus = useRecoilValue(exerciseRunnerWebSocketStatusQuery);
+const ExerciseRunnerControllerStatusMessage = () => {
+  const websocketStatus = useRecoilValue(exerciseRunnerWebSocketStatusQuery);
   /**
    * Websocket state message.
    */
-  var getWebsocketStateMessage = function getWebsocketStateMessage() {
+  const getWebsocketStateMessage = () => {
     switch (websocketStatus) {
       case EliceWebSocket.OPEN:
         return React.createElement(FormattedMessage, {

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerTimer.js

@@ -1,4 +1,3 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { Text } from '@elice/blocks';
@@ -11,26 +10,21 @@ import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 
-var StyledControllerTimerText = styled(Text).withConfig({
+const StyledControllerTimerText = styled(Text).withConfig({
   componentId: "sc-1ez8ns0-0"
 })(["margin-top:-3px;color:", ";"], base.color.secondary4);
-var ExerciseRunnerControllerTimer = function ExerciseRunnerControllerTimer() {
-  var _React$useContext = React.useContext(ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId;
-  var exercise = useRecoilValue(exerciseState(materialExerciseId));
-  var isRunning = useRecoilValue(exerciseRunnerRunningState);
-  var _React$useState = React.useState(0),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    exerciseTimeLimit = _React$useState2[0],
-    setExerciseTimeLimit = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    remainingTime = _React$useState4[0],
-    setRemainingTime = _React$useState4[1];
+const ExerciseRunnerControllerTimer = () => {
+  const {
+    materialExerciseId
+  } = React.useContext(ExerciseContext);
+  const exercise = useRecoilValue(exerciseState(materialExerciseId));
+  const isRunning = useRecoilValue(exerciseRunnerRunningState);
+  const [exerciseTimeLimit, setExerciseTimeLimit] = React.useState(0);
+  const [remainingTime, setRemainingTime] = React.useState(0);
   //
   // Get time limit from exercise.
   //
-  React.useEffect(function () {
+  React.useEffect(() => {
     var _a, _b;
     if (isRunning) {
       setExerciseTimeLimit((_b = (_a = exercise === null || exercise === void 0 ? void 0 : exercise.readyExerciseImage) === null || _a === void 0 ? void 0 : _a.timeLimit) !== null && _b !== void 0 ? _b : 0);
@@ -41,17 +35,17 @@ var ExerciseRunnerControllerTimer = function ExerciseRunnerControllerTimer() {
   //
   // Calculate remaining time.
   //
-  React.useEffect(function () {
-    var startTime = Date.now();
+  React.useEffect(() => {
+    const startTime = Date.now();
     setRemainingTime(exerciseTimeLimit);
-    var interval = window.setInterval(function () {
-      var newRemainingTime = exerciseTimeLimit - (Date.now() - startTime);
+    const interval = window.setInterval(() => {
+      const newRemainingTime = exerciseTimeLimit - (Date.now() - startTime);
       if (newRemainingTime < 0) {
         window.clearInterval(interval);
       }
       setRemainingTime(Math.max(newRemainingTime, 0));
     }, 100);
-    return function () {
+    return () => {
       setRemainingTime(0);
       window.clearInterval(interval);
     };