@elice/material-exercise 1.230325.0 → 1.230418.0

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

@@ -1,5 +1,5 @@
 import React from 'react';
 
-const ExerciseRunnerContext = React.createContext(null);
+var ExerciseRunnerContext = React.createContext(null);
 
 export { ExerciseRunnerContext };

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

@@ -16,17 +16,15 @@ import ExerciseRunnerControllerRunningInfo from './ExerciseRunnerControllerRunni
 import ExerciseRunnerControllerStatusMessage from './ExerciseRunnerControllerStatusMessage.js';
 import ExerciseRunnerControllerTimer from './ExerciseRunnerControllerTimer.js';
 
-const RUNNER_CONTROLLER_HEIGHT = 50;
-const StyledController = styled.div.withConfig({
+var RUNNER_CONTROLLER_HEIGHT = 50;
+var StyledController = styled.div.withConfig({
   componentId: "sc-1fvokag-0"
 })(["display:flex;justify-content:space-between;align-items:center;padding:0.5rem 1rem;height:", "px;border-bottom:", ";"], RUNNER_CONTROLLER_HEIGHT, MATERIAL_DIVIDER_BORDER_VALUE);
-
-const ExerciseRunnerController = () => {
-  const {
-    materialExerciseId
-  } = React.useContext(ExerciseContext);
-  const exercise = useRecoilValue(exerciseState(materialExerciseId));
-  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
+var ExerciseRunnerController = function ExerciseRunnerController() {
+  var _React$useContext = React.useContext(ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId;
+  var exercise = useRecoilValue(exerciseState(materialExerciseId));
+  var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
   return React.createElement(StyledController, null, React.createElement(Flex, {
     align: "center"
   }, React.createElement(ExerciseRunnerControllerButtonGroup, null), React.createElement(Hspace, {

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

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl';
 import { Modal, Text, Vspace, Flex, Button, Icon, Hspace } from '@elice/blocks';
@@ -10,33 +11,31 @@ import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 
-const ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY = 'elice-material-exercise-arduino-agent-modal-closed';
-const ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE = 'true';
-const ARDUINO_AGENT_MAC_DOWNLOAD_URL = 'https://eli.so/arduino-agent-mac';
-const ARDUINO_AGENT_WIN_DOWNLOAD_URL = 'https://eli.so/arduino-agent-win';
-const ARDUINO_AGENT_MANUAL_URL = 'https://eli.so/arduino-faq';
-
-const ExerciseRunnerControllerArduinoAgentModal = () => {
-  const intl = useIntl();
-  const [open, setOpen] = useRecoilState(exerciseArduinoAgentModalState);
-  React.useEffect(() => {
-    const isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;
-
+var ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY = 'elice-material-exercise-arduino-agent-modal-closed';
+var ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE = 'true';
+var ARDUINO_AGENT_MAC_DOWNLOAD_URL = 'https://eli.so/arduino-agent-mac';
+var ARDUINO_AGENT_WIN_DOWNLOAD_URL = 'https://eli.so/arduino-agent-win';
+var ARDUINO_AGENT_MANUAL_URL = 'https://eli.so/arduino-faq';
+var ExerciseRunnerControllerArduinoAgentModal = function ExerciseRunnerControllerArduinoAgentModal() {
+  var intl = useIntl();
+  var _useRecoilState = useRecoilState(exerciseArduinoAgentModalState),
+    _useRecoilState2 = _slicedToArray(_useRecoilState, 2),
+    open = _useRecoilState2[0],
+    setOpen = _useRecoilState2[1];
+  React.useEffect(function () {
+    var isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;
     if (!isConfirmed) {
       setOpen(true);
     }
   }, [setOpen]);
-
-  const handleClose = () => {
+  var handleClose = function handleClose() {
     setOpen(false);
     localStorage.setItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY, ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE);
   };
-
-  const handleDownload = fileUrl => {
+  var handleDownload = function handleDownload(fileUrl) {
     FileSaver.saveAs(fileUrl);
   };
-
-  const renderAgentInstallInstruction = () => {
+  var renderAgentInstallInstruction = function renderAgentInstallInstruction() {
     return React.createElement(React.Fragment, null, React.createElement(Text, {
       bold: true,
       role: "gray0"
@@ -59,7 +58,9 @@ const ExerciseRunnerControllerArduinoAgentModal = () => {
         size: "huge"
       }),
       iconAlign: "left",
-      onClick: () => handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL)
+      onClick: function onClick() {
+        return handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL);
+      }
     }, React.createElement(FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.install.window"
     })), React.createElement(Hspace, {
@@ -71,13 +72,14 @@ const ExerciseRunnerControllerArduinoAgentModal = () => {
         icon: eisMac
       }),
       iconAlign: "left",
-      onClick: () => handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL)
+      onClick: function onClick() {
+        return handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL);
+      }
     }, React.createElement(FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.install.mac"
     }))));
   };
-
-  const renderAgentConnectionInstruction = () => {
+  var renderAgentConnectionInstruction = function renderAgentConnectionInstruction() {
     return React.createElement(React.Fragment, null, React.createElement(Text, {
       role: "gray0",
       bold: true
@@ -100,16 +102,16 @@ const ExerciseRunnerControllerArduinoAgentModal = () => {
       iconAlign: "right",
       size: "tiny",
       role: "secondary",
-      onClick: () => window.open(ARDUINO_AGENT_MANUAL_URL)
+      onClick: function onClick() {
+        return window.open(ARDUINO_AGENT_MANUAL_URL);
+      }
     }, React.createElement(FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.connect.button"
     })));
   };
-
   if (!open) {
     return null;
   }
-
   return React.createElement(Modal, {
     theme: "dark",
     title: intl.formatMessage({

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

@@ -1,3 +1,4 @@
+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';
@@ -11,19 +12,24 @@ import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
 import ExerciseRunnerControllerStatusIndicator from './ExerciseRunnerControllerStatusIndicator.js';
 
-const StyledMessageWrapper = styled(Flex).withConfig({
+var StyledMessageWrapper = styled(Flex).withConfig({
   componentId: "sc-19z7lun-0"
 })(["height:1rem;"]);
-
-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(() => {
+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 () {
     if (arduinoAgentConnectionStatus === 'disconnected') {
       setStatus('error');
       setMessage(intl.formatMessage({
@@ -31,7 +37,6 @@ const ExerciseRunnerControllerArduinoStatusMessage = () => {
       }));
       return;
     }
-
     if (arduinoAgentConnectionStatus === 'connecting') {
       setStatus('warning');
       setMessage(intl.formatMessage({
@@ -39,16 +44,14 @@ const ExerciseRunnerControllerArduinoStatusMessage = () => {
       }));
       return;
     }
-
     if (arduinoAgentConnectionStatus === 'reconnecting') {
       setStatus('warning');
       setMessage(intl.formatMessage({
         id: 'exerciseRunner.controller.arduino.connectionStatus.reconnecting'
       }));
       return;
-    } // Arduino agent is connected.
-
-
+    }
+    // Arduino agent is connected.
     if (arduinoOpenedPort === '' && arduinoUploadProgress === 'ready') {
       setStatus('error');
       setMessage(intl.formatMessage({
@@ -56,9 +59,7 @@ const ExerciseRunnerControllerArduinoStatusMessage = () => {
       }));
       return;
     }
-
     setStatus('success');
-
     switch (arduinoUploadProgress) {
       case 'receivedHex':
       case 'starting':
@@ -67,13 +68,11 @@ const ExerciseRunnerControllerArduinoStatusMessage = () => {
           id: 'exerciseRunner.controller.arduino.connectionStatus.uploading'
         }));
         return;
-
       case 'ready':
       case 'error':
       case 'done':
       default:
-        const device = getPortFromName(ports, arduinoOpenedPort);
-
+        var device = getPortFromName(ports, arduinoOpenedPort);
         if (device) {
           setMessage(intl.formatMessage({
             id: 'exerciseRunner.controller.arduino.connectionStatus.connectedDevice'
@@ -85,13 +84,12 @@ const ExerciseRunnerControllerArduinoStatusMessage = () => {
             id: 'exerciseRunner.controller.arduino.connectionStatus.connected'
           }));
         }
-
         return;
     }
-  }, [intl, arduinoOpenedPort, arduinoUploadProgress, arduinoAgentConnectionStatus, ports]); //
+  }, [intl, arduinoOpenedPort, arduinoUploadProgress, arduinoAgentConnectionStatus, ports]);
+  //
   //
   //
-
   return React.createElement(StyledMessageWrapper, {
     align: "center"
   }, React.createElement(ExerciseRunnerControllerStatusIndicator, {

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

@@ -7,7 +7,7 @@ import { useRecoilValue } from 'recoil';
 import styled from 'styled-components';
 import 'react-use';
 import 'socket.io-client';
-import { exerciseRunnerWebSocketStatusQuery, exerciseFileEditorCursorSelectionValueState, exerciseState, exerciseRunnerRunTypeState, exerciseLectureState, exerciseRunnerSubmittingState, exerciseRunnerRunningState, exerciseArduinoUploadProgressState, exerciseArduinoOpenedPortNameState } from '../context/recoil.js';
+import { exerciseRunnerWebSocketStatusQuery, exerciseFileEditorCursorSelectionValueState, exerciseState, exerciseRunnerRunTypeState, exerciseLectureState, exerciseRunnerSubmittingState, exerciseRunnerRunningState, exerciseArduinoUploadProgressState, exerciseArduinoOpenedPortNameState, exerciseMonacoEditorApisState } from '../context/recoil.js';
 import { ExerciseContext } from '../context/context.js';
 import '../context/recoilTypes.js';
 import { exerciseFileEditorSaveAction$ } from '../context/subjects.js';
@@ -24,72 +24,67 @@ import 'unicount';
 import { ExerciseRunnerContext } from './ExerciseRunnerContext.js';
 import ExerciseRunnerControllerCodeHelpRequestButton from './ExerciseRunnerControllerCodeHelpRequestButton.js';
 
-const StyledControllerButton = styled(Button).withConfig({
+var StyledControllerButton = styled(Button).withConfig({
   componentId: "sc-d9xhed-0"
 })(["position:relative;transition:none;"]);
-const StyledControllerButtonWrap = styled.div.withConfig({
+var StyledControllerButtonWrap = styled.div.withConfig({
   componentId: "sc-d9xhed-1"
 })(["display:flex;"]);
-const StyledControllerButtonGroup = styled.div.withConfig({
+var 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);
-
-const ExerciseRunnerControllerButtonGroup = () => {
+var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButtonGroup() {
   var _a;
-
-  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
-
-  const isSubmitting = useRecoilValue(exerciseRunnerSubmittingState);
-  const isRunning = useRecoilValue(exerciseRunnerRunningState);
-  const isConnecting = runnerWebsocketStatus === EliceWebSocket.CONNECTING;
-  const isNotReady = runnerWebsocketStatus !== EliceWebSocket.OPEN; // arduino
-
-  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === enums.ExerciseEnvType.Arduino;
-  const arduinoUploadProgress = useRecoilValue(exerciseArduinoUploadProgressState);
-  const arduinoOpenedPortName = useRecoilValue(exerciseArduinoOpenedPortNameState); //
+  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;
+  // runner states
+  var isSubmitting = useRecoilValue(exerciseRunnerSubmittingState);
+  var isRunning = useRecoilValue(exerciseRunnerRunningState);
+  var isConnecting = runnerWebsocketStatus === EliceWebSocket.CONNECTING;
+  var 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);
+  // monaco editor apis
+  var exerciseMonacoEditorApis = useRecoilValue(exerciseMonacoEditorApisState);
+  //
   // ========= ui states =========
   //
   // submit run
-
-  const isSubmitRunHidden = isRunning;
-  const isSubmitRunArduinoDisabled = isArduinoExercise ? arduinoUploadProgress !== 'ready' && arduinoUploadProgress !== 'error' || !arduinoOpenedPortName : false;
-  const isSubmitRunDisabled = isSubmitRunHidden || isSubmitRunArduinoDisabled || isNotReady || isConnecting || isSubmitting; // submit grade
-
-  const isSubmitGradeHidden = isRunning;
-  const isSubmitGradeDisabled = isSubmitGradeHidden || exerciseWithNoGrade || isTestLecture && isTestLectureCompleted || isNotReady || isConnecting || isSubmitting; // cancel
-
-  const isCancelHidden = !isRunning;
-  const isCancelDisabled = isCancelHidden || isNotReady || isConnecting; // sync request
-
-  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; // code help
-
-  const isCodeHelpHidden = isRunning || isTestLecture && !isTestLectureCompleted; //
+  var isSubmitRunHidden = isRunning;
+  var isSubmitRunArduinoDisabled = isArduinoExercise ? arduinoUploadProgress !== 'ready' && arduinoUploadProgress !== 'error' || !arduinoOpenedPortName : false;
+  var isSubmitRunDisabled = isSubmitRunHidden || isSubmitRunArduinoDisabled || isNotReady || isConnecting || isSubmitting;
+  // submit grade
+  var isSubmitGradeHidden = isRunning;
+  var isSubmitGradeDisabled = isSubmitGradeHidden || exerciseWithNoGrade || isTestLecture && isTestLectureCompleted || isNotReady || isConnecting || isSubmitting;
+  // cancel
+  var isCancelHidden = !isRunning;
+  var 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;
+  //
   //
   //
-
   /**
    * Submit to run
    */
-
-  const handleSubmitRun = () => {
+  var handleSubmitRun = function handleSubmitRun() {
     if (!isSubmitRunDisabled) {
       void onSubmit(enums.ExerciseRunType.Run);
     }
@@ -97,9 +92,7 @@ const ExerciseRunnerControllerButtonGroup = () => {
   /**
    * Submit to grade
    */
-
-
-  const handleSubmitGrade = () => {
+  var handleSubmitGrade = function handleSubmitGrade() {
     if (!isSubmitGradeDisabled) {
       void onSubmit(enums.ExerciseRunType.Grade);
     }
@@ -107,9 +100,7 @@ const ExerciseRunnerControllerButtonGroup = () => {
   /**
    * Cancel
    */
-
-
-  const handleCancel = () => {
+  var handleCancel = function handleCancel() {
     if (!isCancelDisabled) {
       onCancel();
     }
@@ -117,40 +108,36 @@ const ExerciseRunnerControllerButtonGroup = () => {
   /**
    * Sync request
    */
-
-
-  const handleSyncRequest = () => {
+  var handleSyncRequest = function handleSyncRequest() {
     if (!isSyncRequestDisabled) {
       onSyncRequest();
     }
-  }; //
+  };
+  //
   // keyboard shortcuts to control runner
   //
-
-
   useExericseShortcut('RUNNER_SUBMIT_RUN', handleSubmitRun);
   useExericseShortcut('RUNNER_SUBMIT_GRADE', handleSubmitGrade);
   useExericseShortcut('RUNNER_CANCEL', handleCancel);
-  useExericseShortcut('RUNNER_SYNC_REQUEST', handleSyncRequest); //
+  useExericseShortcut('RUNNER_SYNC_REQUEST', handleSyncRequest);
+  //
   // handle save action emitted by file editor
   //
-
-  React.useEffect(() => {
-    const saveActionSub = exerciseFileEditorSaveAction$.subscribe(handleSyncRequest);
-    return () => {
+  React.useEffect(function () {
+    var saveActionSub = exerciseFileEditorSaveAction$.subscribe(handleSyncRequest);
+    return function () {
       saveActionSub.unsubscribe();
     };
-  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   [isSyncRequestDisabled]);
   /**
    * Submit to run button
    */
-
-  const renderSubmitRunButton = () => {
+  var renderSubmitRunButton = function renderSubmitRunButton() {
     if (isSubmitRunHidden) {
       return null;
     }
-
     return React.createElement(StyledControllerButton, {
       size: "tiny",
       loading: isConnecting || isSubmitting && exerciseRunType === enums.ExerciseRunType.Run,
@@ -165,13 +152,10 @@ const ExerciseRunnerControllerButtonGroup = () => {
   /**
    * Submit to grade button
    */
-
-
-  const renderSubmitGradeButton = () => {
+  var renderSubmitGradeButton = function renderSubmitGradeButton() {
     if (isSubmitGradeHidden) {
       return null;
     }
-
     return React.createElement(Tooltip, {
       title: exerciseWithNoGrade ? intl.formatMessage({
         id: 'exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit'
@@ -191,13 +175,10 @@ const ExerciseRunnerControllerButtonGroup = () => {
   /**
    * Cancel button
    */
-
-
-  const renderCancelButton = () => {
+  var renderCancelButton = function renderCancelButton() {
     if (isCancelHidden) {
       return null;
     }
-
     return React.createElement(StyledControllerButton, {
       size: "tiny",
       role: "danger",
@@ -211,13 +192,10 @@ const ExerciseRunnerControllerButtonGroup = () => {
   /**
    * Sync request button
    */
-
-
-  const renderSyncRequestButton = () => {
+  var renderSyncRequestButton = function renderSyncRequestButton() {
     if (isSyncRequestHidden) {
       return null;
     }
-
     return React.createElement(StyledControllerButton, {
       size: "tiny",
       role: "secondary",
@@ -231,21 +209,25 @@ const ExerciseRunnerControllerButtonGroup = () => {
   /**
    * Code help button
    */
-
-
-  const renderCodeHelpRequestButton = () => {
-    if (isCodeHelpHidden || !editorCursorSelectionValue || typeof onCodeHelpRequest !== 'function') {
+  var renderCodeHelpRequestButton = function renderCodeHelpRequestButton() {
+    if (isRunning || !editorCursorSelectionValue || typeof onCodeHelpRequest !== 'function') {
       return null;
     }
-
     return React.createElement(ExerciseRunnerControllerCodeHelpRequestButton, {
-      onClick: () => onCodeHelpRequest(editorCursorSelectionValue)
+      onClick: function onClick() {
+        var _a, _b, _c;
+        onCodeHelpRequest({
+          code: editorCursorSelectionValue,
+          readme: (_a = exercise === null || exercise === void 0 ? void 0 : exercise.description) !== null && _a !== void 0 ? _a : '',
+          instruction: (_b = exercise === null || exercise === void 0 ? void 0 : exercise.instructionContent) !== null && _b !== void 0 ? _b : '',
+          openFileContent: (_c = exerciseMonacoEditorApis === null || exerciseMonacoEditorApis === void 0 ? void 0 : exerciseMonacoEditorApis.getValue()) !== null && _c !== void 0 ? _c : ''
+        });
+      }
     });
-  }; //
+  };
+  //
   //
   //
-
-
   return React.createElement(StyledControllerButtonGroup, null, renderSubmitRunButton(), renderSubmitGradeButton(), renderCancelButton(), renderSyncRequestButton(), renderCodeHelpRequestButton());
 };
 

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

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { getGlobalOrganizationGet } from '@elice/api-client';
@@ -6,50 +7,48 @@ import { eilMathsignMultiplyBasic, eilArrowRightwardsBasic } from '@elice/icons'
 import { useMaterialConfig } from '@elice/material-shared-utils';
 import styled from 'styled-components';
 
-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({
+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({
   componentId: "sc-10grd0k-0"
 })(["position:relative;transition:none;"]);
-const ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef((props, ref) => {
-  const {
-    orgNameShort
-  } = useMaterialConfig();
-  const [isTooltipHidden, setIsTooltipHidden] = React.useState(false); //
+var ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef(function (props, ref) {
+  var _useMaterialConfig = useMaterialConfig(),
+    orgNameShort = _useMaterialConfig.orgNameShort;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isTooltipHidden = _React$useState2[0],
+    setIsTooltipHidden = _React$useState2[1];
+  //
   //
   // Get ai info from organization and check all resovle below conditions.
   // - isEnable is true.
   // - quotaPerDay is upper than zero.
   // - tooltip hidden is false.
-
-  React.useEffect(() => {
-    const isTooltipHidden = sessionStorage.getItem(ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY) === ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE;
-
+  React.useEffect(function () {
+    var isTooltipHidden = sessionStorage.getItem(ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY) === ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE;
     if (isTooltipHidden) {
       setIsTooltipHidden(true);
       return;
     }
-
     getGlobalOrganizationGet({
       organizationNameShort: orgNameShort
-    }).then(res => {
-      const {
-        aibotInfo
-      } = res.organization;
-      const isHidden = !aibotInfo.isEnabled || aibotInfo.quotaPerDay <= 0;
+    }).then(function (res) {
+      var aibotInfo = res.organization.aibotInfo;
+      var isHidden = !aibotInfo.isEnabled || aibotInfo.quotaPerDay <= 0;
       setIsTooltipHidden(isHidden);
-    }).catch(() => {
+    }).catch(function () {
       setIsTooltipHidden(true);
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); //
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  //
   //
   //
-
   /**
    *
    */
-
-  const renderAiBotTooltipTitle = () => {
+  var renderAiBotTooltipTitle = function renderAiBotTooltipTitle() {
     return React.createElement(Flex, {
       align: "center"
     }, React.createElement(BadgeNext, {
@@ -74,13 +73,12 @@ const ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef((props, r
       hasPadding: false,
       border: false,
       icon: eilMathsignMultiplyBasic,
-      onClick: () => {
+      onClick: function onClick() {
         sessionStorage.setItem(ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY, ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE);
         setIsTooltipHidden(true);
       }
     }));
   };
-
   return React.createElement(Tooltip, {
     placement: "top",
     dark: false,