@elice/material-exercise 1.231227.0 → 1.240112.0-cloud.0

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
@@ -15,113 +14,99 @@ require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var FileSaver__default = /*#__PURE__*/_interopDefaultLegacy(FileSaver);
-
-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 = reactIntl.useIntl();
-  var _useRecoilState = recoil.useRecoilState(recoil$1.exerciseArduinoAgentModalState),
-    _useRecoilState2 = _rollupPluginBabelHelpers.slicedToArray(_useRecoilState, 2),
-    open = _useRecoilState2[0],
-    setOpen = _useRecoilState2[1];
-  React__default["default"].useEffect(function () {
-    var isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;
+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 = reactIntl.useIntl();
+  const [open, setOpen] = recoil.useRecoilState(recoil$1.exerciseArduinoAgentModalState);
+  React.useEffect(() => {
+    const isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;
     if (!isConfirmed) {
       setOpen(true);
     }
   }, [setOpen]);
-  var handleClose = function handleClose() {
+  const handleClose = () => {
     setOpen(false);
     localStorage.setItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY, ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE);
   };
-  var handleDownload = function handleDownload(fileUrl) {
-    FileSaver__default["default"].saveAs(fileUrl);
+  const handleDownload = fileUrl => {
+    FileSaver.saveAs(fileUrl);
   };
-  var renderAgentInstallInstruction = function renderAgentInstallInstruction() {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Text, {
+  const renderAgentInstallInstruction = () => {
+    return React.createElement(React.Fragment, null, React.createElement(blocks.Text, {
       bold: true,
       role: "gray0"
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.install"
-    })), React__default["default"].createElement(blocks.Vspace, {
+    })), React.createElement(blocks.Vspace, {
       height: 0.25
-    }), React__default["default"].createElement(blocks.Text, {
+    }), React.createElement(blocks.Text, {
       role: "navy",
       size: "small"
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.install.detail"
-    })), React__default["default"].createElement(blocks.Vspace, {
+    })), React.createElement(blocks.Vspace, {
       height: 0.75
-    }), React__default["default"].createElement(blocks.Flex, null, React__default["default"].createElement(blocks.Button, {
+    }), React.createElement(blocks.Flex, null, React.createElement(blocks.Button, {
       size: "tiny",
       role: "gray1",
-      icon: React__default["default"].createElement(blocks.Icon, {
+      icon: React.createElement(blocks.Icon, {
         icon: icons.eisWindows,
         size: "huge"
       }),
       iconAlign: "left",
-      onClick: function onClick() {
-        return handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL);
-      }
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      onClick: () => handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL)
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.install.window"
-    })), React__default["default"].createElement(blocks.Hspace, {
+    })), React.createElement(blocks.Hspace, {
       width: 0.75
-    }), React__default["default"].createElement(blocks.Button, {
+    }), React.createElement(blocks.Button, {
       size: "tiny",
       role: "gray1",
-      icon: React__default["default"].createElement(blocks.Icon, {
+      icon: React.createElement(blocks.Icon, {
         icon: icons.eisMac
       }),
       iconAlign: "left",
-      onClick: function onClick() {
-        return handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL);
-      }
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      onClick: () => handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL)
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.install.mac"
     }))));
   };
-  var renderAgentConnectionInstruction = function renderAgentConnectionInstruction() {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Text, {
+  const renderAgentConnectionInstruction = () => {
+    return React.createElement(React.Fragment, null, React.createElement(blocks.Text, {
       role: "gray0",
       bold: true
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.connect"
-    })), React__default["default"].createElement(blocks.Vspace, {
+    })), React.createElement(blocks.Vspace, {
       height: 0.25
-    }), React__default["default"].createElement(blocks.Text, {
+    }), React.createElement(blocks.Text, {
       role: "navy",
       size: "small",
       lineHeight: 1.6
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.connect.detail"
-    })), React__default["default"].createElement(blocks.Vspace, {
+    })), React.createElement(blocks.Vspace, {
       height: 0.75
-    }), React__default["default"].createElement(blocks.Button, {
-      icon: React__default["default"].createElement(blocks.Icon, {
+    }), React.createElement(blocks.Button, {
+      icon: React.createElement(blocks.Icon, {
         icon: icons.eilArrowRightwardsBasic
       }),
       iconAlign: "right",
       size: "tiny",
       role: "secondary",
-      onClick: function onClick() {
-        return window.open(ARDUINO_AGENT_MANUAL_URL);
-      }
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      onClick: () => window.open(ARDUINO_AGENT_MANUAL_URL)
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.arduino.agent.instruction.connect.button"
     })));
   };
   if (!open) {
     return null;
   }
-  return React__default["default"].createElement(blocks.Modal, {
+  return React.createElement(blocks.Modal, {
     theme: "dark",
     title: intl.formatMessage({
       id: 'exerciseRunner.controller.arduino.agent.title'
@@ -133,9 +118,9 @@ var ExerciseRunnerControllerArduinoAgentModal = function ExerciseRunnerControlle
       onClick: handleClose
     }],
     onHide: handleClose
-  }, React__default["default"].createElement(React__default["default"].Fragment, null, renderAgentInstallInstruction(), React__default["default"].createElement(blocks.Vspace, {
+  }, React.createElement(React.Fragment, null, renderAgentInstallInstruction(), React.createElement(blocks.Vspace, {
     height: 1.5
   }), renderAgentConnectionInstruction()));
 };
 
-exports["default"] = ExerciseRunnerControllerArduinoAgentModal;
+exports.default = ExerciseRunnerControllerArduinoAgentModal;

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
@@ -16,29 +15,18 @@ require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 var ExerciseRunnerControllerStatusIndicator = require('./ExerciseRunnerControllerStatusIndicator.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledMessageWrapper = styled__default["default"](blocks.Flex).withConfig({
+const StyledMessageWrapper = styled(blocks.Flex).withConfig({
   componentId: "sc-19z7lun-0"
 })(["height:1rem;"]);
-var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerControllerArduinoStatusMessage() {
-  var intl = reactIntl.useIntl();
-  var ports = recoil.useRecoilValue(recoil$1.exerciseArduinoPortsState);
-  var _useState = React.useState(''),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    message = _useState2[0],
-    setMessage = _useState2[1];
-  var _useState3 = React.useState('error'),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    status = _useState4[0],
-    setStatus = _useState4[1];
-  var arduinoOpenedPort = recoil.useRecoilValue(recoil$1.exerciseArduinoOpenedPortNameState);
-  var arduinoUploadProgress = recoil.useRecoilValue(recoil$1.exerciseArduinoUploadProgressState);
-  var arduinoAgentConnectionStatus = recoil.useRecoilValue(recoil$1.exerciseArduinoAgentConnectionState);
-  React.useEffect(function () {
+const ExerciseRunnerControllerArduinoStatusMessage = () => {
+  const intl = reactIntl.useIntl();
+  const ports = recoil.useRecoilValue(recoil$1.exerciseArduinoPortsState);
+  const [message, setMessage] = React.useState('');
+  const [status, setStatus] = React.useState('error');
+  const arduinoOpenedPort = recoil.useRecoilValue(recoil$1.exerciseArduinoOpenedPortNameState);
+  const arduinoUploadProgress = recoil.useRecoilValue(recoil$1.exerciseArduinoUploadProgressState);
+  const arduinoAgentConnectionStatus = recoil.useRecoilValue(recoil$1.exerciseArduinoAgentConnectionState);
+  React.useEffect(() => {
     if (arduinoAgentConnectionStatus === 'disconnected') {
       setStatus('error');
       setMessage(intl.formatMessage({
@@ -81,7 +69,7 @@ var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerContro
       case 'error':
       case 'done':
       default:
-        var device = arduino.getPortFromName(ports, arduinoOpenedPort);
+        const device = arduino.getPortFromName(ports, arduinoOpenedPort);
         if (device) {
           setMessage(intl.formatMessage({
             id: 'exerciseRunner.controller.arduino.connectionStatus.connectedDevice'
@@ -99,14 +87,14 @@ var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerContro
   //
   //
   //
-  return React__default["default"].createElement(StyledMessageWrapper, {
+  return React.createElement(StyledMessageWrapper, {
     align: "center"
-  }, React__default["default"].createElement(ExerciseRunnerControllerStatusIndicator["default"], {
+  }, React.createElement(ExerciseRunnerControllerStatusIndicator.default, {
     status: status
-  }), React__default["default"].createElement(blocks.Text, {
+  }), React.createElement(blocks.Text, {
     role: "gray3",
     size: "tiny"
   }, message));
 };
 
-exports["default"] = ExerciseRunnerControllerArduinoStatusMessage;
+exports.default = ExerciseRunnerControllerArduinoStatusMessage;

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

@@ -28,72 +28,69 @@ require('unicount');
 var ExerciseRunnerContext = require('./ExerciseRunnerContext.js');
 var ExerciseRunnerControllerCodeHelpRequestButton = require('./ExerciseRunnerControllerCodeHelpRequestButton.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledControllerButton = styled__default["default"](blocks.Button).withConfig({
+const StyledControllerButton = styled(blocks.Button).withConfig({
   componentId: "sc-d9xhed-0"
 })(["position:relative;transition:none;"]);
-var StyledControllerButtonWrap = styled__default["default"].div.withConfig({
+const StyledControllerButtonWrap = styled.div.withConfig({
   componentId: "sc-d9xhed-1"
 })(["display:flex;"]);
-var StyledControllerButtonGroup = styled__default["default"].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 = reactIntl.useIntl();
-  var _React$useContext = React__default["default"].useContext(context.ExerciseContext),
-    materialExerciseId = _React$useContext.materialExerciseId,
-    onCodeHelpRequest = _React$useContext.onCodeHelpRequest;
-  var _React$useContext2 = React__default["default"].useContext(ExerciseRunnerContext.ExerciseRunnerContext),
-    onSubmit = _React$useContext2.onSubmit,
-    onSyncRequest = _React$useContext2.onSyncRequest,
-    onCancel = _React$useContext2.onCancel;
-  var runnerWebsocketStatus = recoil.useRecoilValue(recoil$1.exerciseRunnerWebSocketStatusQuery);
-  var editorCursorSelectionValue = recoil.useRecoilValue(recoil$1.exerciseFileEditorCursorSelectionValueState);
-  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  var exerciseRunType = recoil.useRecoilValue(recoil$1.exerciseRunnerRunTypeState);
-  var exerciseWithNoGrade = Boolean(exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade);
-  var lecture = recoil.useRecoilValue(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
-  var isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === types.enums.LectureType.Test;
-  var isTestLectureCompleted = (lecture === null || lecture === void 0 ? void 0 : lecture.testAdmissionStatus) === types.enums.TestAdmissionStatus.Completed;
+  const intl = reactIntl.useIntl();
+  const {
+    materialExerciseId,
+    onCodeHelpRequest
+  } = React.useContext(context.ExerciseContext);
+  const {
+    onSubmit,
+    onSyncRequest,
+    onCancel
+  } = React.useContext(ExerciseRunnerContext.ExerciseRunnerContext);
+  const runnerWebsocketStatus = recoil.useRecoilValue(recoil$1.exerciseRunnerWebSocketStatusQuery);
+  const editorCursorSelectionValue = recoil.useRecoilValue(recoil$1.exerciseFileEditorCursorSelectionValueState);
+  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  const exerciseRunType = recoil.useRecoilValue(recoil$1.exerciseRunnerRunTypeState);
+  const exerciseWithNoGrade = Boolean(exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade);
+  const lecture = recoil.useRecoilValue(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
+  const isTestLecture = (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === types.enums.LectureType.Test;
+  const isTestLectureCompleted = (lecture === null || lecture === void 0 ? void 0 : lecture.testAdmissionStatus) === types.enums.TestAdmissionStatus.Completed;
   // runner states
-  var isSubmitting = recoil.useRecoilValue(recoil$1.exerciseRunnerSubmittingState);
-  var isRunning = recoil.useRecoilValue(recoil$1.exerciseRunnerRunningState);
-  var isConnecting = runnerWebsocketStatus === websocket.EliceWebSocket.CONNECTING;
-  var isNotReady = runnerWebsocketStatus !== websocket.EliceWebSocket.OPEN;
+  const isSubmitting = recoil.useRecoilValue(recoil$1.exerciseRunnerSubmittingState);
+  const isRunning = recoil.useRecoilValue(recoil$1.exerciseRunnerRunningState);
+  const isConnecting = runnerWebsocketStatus === websocket.EliceWebSocket.CONNECTING;
+  const isNotReady = runnerWebsocketStatus !== websocket.EliceWebSocket.OPEN;
   // arduino
-  var isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
-  var arduinoUploadProgress = recoil.useRecoilValue(recoil$1.exerciseArduinoUploadProgressState);
-  var arduinoOpenedPortName = recoil.useRecoilValue(recoil$1.exerciseArduinoOpenedPortNameState);
+  const isArduinoExercise = (exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.Arduino;
+  const arduinoUploadProgress = recoil.useRecoilValue(recoil$1.exerciseArduinoUploadProgressState);
+  const arduinoOpenedPortName = recoil.useRecoilValue(recoil$1.exerciseArduinoOpenedPortNameState);
   // monaco editor apis
-  var exerciseMonacoEditorApis = recoil.useRecoilValue(recoil$1.exerciseMonacoEditorApisState);
+  const exerciseMonacoEditorApis = recoil.useRecoilValue(recoil$1.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(types.enums.ExerciseRunType.Run);
     }
@@ -101,7 +98,7 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Submit to grade
    */
-  var handleSubmitGrade = function handleSubmitGrade() {
+  const handleSubmitGrade = () => {
     if (!isSubmitGradeDisabled) {
       void onSubmit(types.enums.ExerciseRunType.Grade);
     }
@@ -109,7 +106,7 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Cancel
    */
-  var handleCancel = function handleCancel() {
+  const handleCancel = () => {
     if (!isCancelDisabled) {
       onCancel();
     }
@@ -117,7 +114,7 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Sync request
    */
-  var handleSyncRequest = function handleSyncRequest() {
+  const handleSyncRequest = () => {
     if (!isSyncRequestDisabled) {
       onSyncRequest();
     }
@@ -132,9 +129,9 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   //
   // handle save action emitted by file editor
   //
-  React__default["default"].useEffect(function () {
-    var saveActionSub = subjects.exerciseFileEditorSaveAction$.subscribe(handleSyncRequest);
-    return function () {
+  React.useEffect(() => {
+    const saveActionSub = subjects.exerciseFileEditorSaveAction$.subscribe(handleSyncRequest);
+    return () => {
       saveActionSub.unsubscribe();
     };
   },
@@ -143,87 +140,87 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   /**
    * Submit to run button
    */
-  var renderSubmitRunButton = function renderSubmitRunButton() {
+  const renderSubmitRunButton = () => {
     if (isSubmitRunHidden) {
       return null;
     }
-    return React__default["default"].createElement(StyledControllerButton, {
+    return React.createElement(StyledControllerButton, {
       size: "tiny",
       loading: isConnecting || isSubmitting && exerciseRunType === types.enums.ExerciseRunType.Run,
       disabled: isSubmitRunDisabled,
       onClick: handleSubmitRun
-    }, isArduinoExercise ? React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, isArduinoExercise ? React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.buttonGroup.button.compile"
-    }) : React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }) : React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.buttonGroup.button.run"
     }));
   };
   /**
    * Submit to grade button
    */
-  var renderSubmitGradeButton = function renderSubmitGradeButton() {
+  const renderSubmitGradeButton = () => {
     if (isSubmitGradeHidden) {
       return null;
     }
-    return React__default["default"].createElement(blocks.Tooltip, {
+    return React.createElement(blocks.Tooltip, {
       title: exerciseWithNoGrade ? intl.formatMessage({
         id: 'exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit'
       }) : undefined,
       placement: "top",
       dark: true
-    }, React__default["default"].createElement(StyledControllerButtonWrap, null, React__default["default"].createElement(StyledControllerButton, {
+    }, React.createElement(StyledControllerButtonWrap, null, React.createElement(StyledControllerButton, {
       size: "tiny",
       role: "secondary",
       loading: isConnecting || isSubmitting && exerciseRunType === types.enums.ExerciseRunType.Grade,
       disabled: isSubmitGradeDisabled,
       onClick: handleSubmitGrade
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.buttonGroup.button.submit"
     }))));
   };
   /**
    * Cancel button
    */
-  var renderCancelButton = function renderCancelButton() {
+  const renderCancelButton = () => {
     if (isCancelHidden) {
       return null;
     }
-    return React__default["default"].createElement(StyledControllerButton, {
+    return React.createElement(StyledControllerButton, {
       size: "tiny",
       role: "danger",
       loading: isConnecting,
       disabled: isCancelDisabled,
       onClick: handleCancel
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.buttonGroup.button.stop"
     }));
   };
   /**
    * Sync request button
    */
-  var renderSyncRequestButton = function renderSyncRequestButton() {
+  const renderSyncRequestButton = () => {
     if (isSyncRequestHidden) {
       return null;
     }
-    return React__default["default"].createElement(StyledControllerButton, {
+    return React.createElement(StyledControllerButton, {
       size: "tiny",
       role: "secondary",
       loading: isConnecting,
       disabled: isSyncRequestDisabled,
       onClick: handleSyncRequest
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.buttonGroup.button.syncRequest"
     }));
   };
   /**
    * Code help button
    */
-  var renderCodeHelpRequestButton = function renderCodeHelpRequestButton() {
+  const renderCodeHelpRequestButton = () => {
     if (isRunning || !editorCursorSelectionValue || typeof onCodeHelpRequest !== 'function') {
       return null;
     }
-    return React__default["default"].createElement(ExerciseRunnerControllerCodeHelpRequestButton["default"], {
-      onClick: function onClick() {
+    return React.createElement(ExerciseRunnerControllerCodeHelpRequestButton.default, {
+      onClick: () => {
         var _a, _b, _c;
         onCodeHelpRequest({
           code: editorCursorSelectionValue,
@@ -237,7 +234,7 @@ var ExerciseRunnerControllerButtonGroup = function ExerciseRunnerControllerButto
   //
   //
   //
-  return React__default["default"].createElement(StyledControllerButtonGroup, null, renderSubmitRunButton(), renderSubmitGradeButton(), renderCancelButton(), renderSyncRequestButton(), renderCodeHelpRequestButton());
+  return React.createElement(StyledControllerButtonGroup, null, renderSubmitRunButton(), renderSubmitGradeButton(), renderCancelButton(), renderSyncRequestButton(), renderCodeHelpRequestButton());
 };
 
-exports["default"] = ExerciseRunnerControllerButtonGroup;
+exports.default = ExerciseRunnerControllerButtonGroup;

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

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
@@ -15,27 +14,19 @@ require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-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__default["default"](blocks.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(blocks.Button).withConfig({
   componentId: "sc-10grd0k-0"
 })(["position:relative;transition:none;"]);
-var ExerciseRunnerControllerCodeHelpRequestButton = React__default["default"].forwardRef(function (props, ref) {
-  var _React$useState = React__default["default"].useState(false),
-    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
-    isTooltipHidden = _React$useState2[0],
-    setIsTooltipHidden = _React$useState2[1];
-  var isAibotInfoEnabled = recoil.useRecoilValue(recoil$1.exerciseAibotInfoEnableState);
+const ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef((props, ref) => {
+  const [isTooltipHidden, setIsTooltipHidden] = React.useState(false);
+  const isAibotInfoEnabled = recoil.useRecoilValue(recoil$1.exerciseAibotInfoEnableState);
   //
   //
   //
-  React__default["default"].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;
@@ -47,53 +38,53 @@ var ExerciseRunnerControllerCodeHelpRequestButton = React__default["default"].fo
   /**
    *
    */
-  var renderAiBotTooltipTitle = function renderAiBotTooltipTitle() {
-    return React__default["default"].createElement(blocks.Flex, {
+  const renderAiBotTooltipTitle = () => {
+    return React.createElement(blocks.Flex, {
       align: "center"
-    }, React__default["default"].createElement(blocks.BadgeNext, {
+    }, React.createElement(blocks.BadgeNext, {
       role: "red"
-    }, React__default["default"].createElement(blocks.Text, {
+    }, React.createElement(blocks.Text, {
       role: "white",
       size: "tiny",
       bold: true
-    }, "NEW")), React__default["default"].createElement(blocks.Hspace, {
+    }, "NEW")), React.createElement(blocks.Hspace, {
       width: 0.625
-    }), React__default["default"].createElement(blocks.Text, {
+    }), React.createElement(blocks.Text, {
       role: "gray9",
       size: "small",
       bold: true
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    }, React.createElement(reactIntl.FormattedMessage, {
       id: "exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp"
-    })), React__default["default"].createElement(blocks.Hspace, {
+    })), React.createElement(blocks.Hspace, {
       width: 0.625
-    }), React__default["default"].createElement(blocks.IconButton, {
+    }), React.createElement(blocks.IconButton, {
       size: "tiny",
       role: "primary",
       hasPadding: false,
       border: false,
       icon: icons.eilMathsignMultiplyBasic,
-      onClick: function onClick() {
+      onClick: () => {
         sessionStorage.setItem(ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_KEY, ELICE_MATERIAL_EXERCISE_AI_BOT_TOOLTIP_VALUE);
         setIsTooltipHidden(true);
       }
     }));
   };
-  return isAibotInfoEnabled ? React__default["default"].createElement(blocks.Tooltip, {
+  return isAibotInfoEnabled ? React.createElement(blocks.Tooltip, {
     placement: "top",
     dark: false,
     visible: !isTooltipHidden,
     title: renderAiBotTooltipTitle()
-  }, React__default["default"].createElement(StyledControllerButton, Object.assign({}, props, {
+  }, React.createElement(StyledControllerButton, Object.assign({}, props, {
     ref: ref,
     size: "tiny",
     role: "darkblue",
-    icon: React__default["default"].createElement(blocks.Icon, {
+    icon: React.createElement(blocks.Icon, {
       icon: icons.eilArrowRightwardsBasic
     }),
     iconAlign: "right"
-  }), React__default["default"].createElement(reactIntl.FormattedMessage, {
+  }), React.createElement(reactIntl.FormattedMessage, {
     id: "exerciseRunner.controller.buttonGroup.button.helpRequest"
   }))) : null;
 });
 
-exports["default"] = ExerciseRunnerControllerCodeHelpRequestButton;
+exports.default = ExerciseRunnerControllerCodeHelpRequestButton;