@elice/material-exercise 1.240718.0-trasncript.1 → 1.240718.0-trasncript.2

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var icons = require('@elice/icons');
@@ -14,101 +16,128 @@ require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../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$1 = intl.useRawEliceIntl();
-  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;
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var FileSaver__default = /*#__PURE__*/_interopDefaultCompat(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$1 = intl.useRawEliceIntl();
+  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;
     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 => {
-    FileSaver.saveAs(fileUrl);
+  var handleDownload = function handleDownload(fileUrl) {
+    FileSaver__default.default.saveAs(fileUrl);
   };
-  const renderAgentInstallInstruction = () => {
-    return React.createElement(React.Fragment, null, React.createElement(blocks.Text, {
-      bold: true,
-      role: "gray0"
-    }, intl$1.formatMessage({
-      id: 'exerciseRunner.controller.arduino.agent.instruction.install'
-    })), React.createElement(blocks.Vspace, {
-      height: 0.25
-    }), React.createElement(blocks.Text, {
-      role: "navy",
-      size: "small"
-    }, intl$1.formatMessage({
-      id: 'exerciseRunner.controller.arduino.agent.instruction.install.detail'
-    })), React.createElement(blocks.Vspace, {
-      height: 0.75
-    }), React.createElement(blocks.Flex, null, React.createElement(blocks.Button, {
-      size: "tiny",
-      role: "gray1",
-      icon: React.createElement(blocks.Icon, {
-        icon: icons.eisWindows,
-        size: "huge"
-      }),
-      iconAlign: "left",
-      onClick: () => handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL)
-    }, intl$1.formatMessage({
-      id: 'exerciseRunner.controller.arduino.agent.instruction.install.window'
-    })), React.createElement(blocks.Hspace, {
-      width: 0.75
-    }), React.createElement(blocks.Button, {
-      size: "tiny",
-      role: "gray1",
-      icon: React.createElement(blocks.Icon, {
-        icon: icons.eisMac
-      }),
-      iconAlign: "left",
-      onClick: () => handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL)
-    }, intl$1.formatMessage({
-      id: 'exerciseRunner.controller.arduino.agent.instruction.install.mac'
-    }))));
+  var renderAgentInstallInstruction = function renderAgentInstallInstruction() {
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(blocks.Text, {
+        bold: true,
+        role: "gray0",
+        children: intl$1.formatMessage({
+          id: 'exerciseRunner.controller.arduino.agent.instruction.install'
+        })
+      }), jsxRuntime.jsx(blocks.Vspace, {
+        height: 0.25
+      }), jsxRuntime.jsx(blocks.Text, {
+        role: "navy",
+        size: "small",
+        children: intl$1.formatMessage({
+          id: 'exerciseRunner.controller.arduino.agent.instruction.install.detail'
+        })
+      }), jsxRuntime.jsx(blocks.Vspace, {
+        height: 0.75
+      }), jsxRuntime.jsxs(blocks.Flex, {
+        children: [jsxRuntime.jsx(blocks.Button, {
+          size: "tiny",
+          role: "gray1",
+          icon: jsxRuntime.jsx(blocks.Icon, {
+            icon: icons.eisWindows,
+            size: "huge"
+          }),
+          iconAlign: "left",
+          onClick: function onClick() {
+            return handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL);
+          },
+          children: intl$1.formatMessage({
+            id: 'exerciseRunner.controller.arduino.agent.instruction.install.window'
+          })
+        }), jsxRuntime.jsx(blocks.Hspace, {
+          width: 0.75
+        }), jsxRuntime.jsx(blocks.Button, {
+          size: "tiny",
+          role: "gray1",
+          icon: jsxRuntime.jsx(blocks.Icon, {
+            icon: icons.eisMac
+          }),
+          iconAlign: "left",
+          onClick: function onClick() {
+            return handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL);
+          },
+          children: intl$1.formatMessage({
+            id: 'exerciseRunner.controller.arduino.agent.instruction.install.mac'
+          })
+        })]
+      })]
+    });
   };
-  const renderAgentConnectionInstruction = () => {
-    return React.createElement(React.Fragment, null, React.createElement(blocks.Text, {
-      role: "gray0",
-      bold: true
-    }, intl$1.formatMessage({
-      id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
-    }), intl$1.formatMessage({
-      id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
-    })), React.createElement(blocks.Vspace, {
-      height: 0.25
-    }), React.createElement(blocks.Text, {
-      role: "navy",
-      size: "small",
-      lineHeight: 1.6
-    }, intl$1.formatMessage({
-      id: 'exerciseRunner.controller.arduino.agent.instruction.connect.detail'
-    })), React.createElement(blocks.Vspace, {
-      height: 0.75
-    }), React.createElement(blocks.Button, {
-      icon: React.createElement(blocks.Icon, {
-        icon: icons.eilArrowRightwardsBasic
-      }),
-      iconAlign: "right",
-      size: "tiny",
-      role: "secondary",
-      onClick: () => window.open(ARDUINO_AGENT_MANUAL_URL)
-    }, intl$1.formatMessage({
-      id: 'exerciseRunner.controller.arduino.agent.instruction.connect.button'
-    })));
+  var renderAgentConnectionInstruction = function renderAgentConnectionInstruction() {
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsxs(blocks.Text, {
+        role: "gray0",
+        bold: true,
+        children: [intl$1.formatMessage({
+          id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
+        }), intl$1.formatMessage({
+          id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
+        })]
+      }), jsxRuntime.jsx(blocks.Vspace, {
+        height: 0.25
+      }), jsxRuntime.jsx(blocks.Text, {
+        role: "navy",
+        size: "small",
+        lineHeight: 1.6,
+        children: intl$1.formatMessage({
+          id: 'exerciseRunner.controller.arduino.agent.instruction.connect.detail'
+        })
+      }), jsxRuntime.jsx(blocks.Vspace, {
+        height: 0.75
+      }), jsxRuntime.jsx(blocks.Button, {
+        icon: jsxRuntime.jsx(blocks.Icon, {
+          icon: icons.eilArrowRightwardsBasic
+        }),
+        iconAlign: "right",
+        size: "tiny",
+        role: "secondary",
+        onClick: function onClick() {
+          return window.open(ARDUINO_AGENT_MANUAL_URL);
+        },
+        children: intl$1.formatMessage({
+          id: 'exerciseRunner.controller.arduino.agent.instruction.connect.button'
+        })
+      })]
+    });
   };
   if (!open) {
     return null;
   }
-  return React.createElement(blocks.Modal, {
+  return jsxRuntime.jsx(blocks.Modal, {
     theme: "dark",
     title: intl$1.formatMessage({
       id: 'exerciseRunner.controller.arduino.agent.title'
@@ -119,10 +148,13 @@ const ExerciseRunnerControllerArduinoAgentModal = () => {
       }),
       onClick: handleClose
     }],
-    onHide: handleClose
-  }, React.createElement(React.Fragment, null, renderAgentInstallInstruction(), React.createElement(blocks.Vspace, {
-    height: 1.5
-  }), renderAgentConnectionInstruction()));
+    onHide: handleClose,
+    children: jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [renderAgentInstallInstruction(), jsxRuntime.jsx(blocks.Vspace, {
+        height: 1.5
+      }), renderAgentConnectionInstruction()]
+    })
+  });
 };
 
 exports.default = ExerciseRunnerControllerArduinoAgentModal;

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var intl = require('@elice/intl');
@@ -15,18 +17,28 @@ require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
 var ExerciseRunnerControllerStatusIndicator = require('./ExerciseRunnerControllerStatusIndicator.js');
 
-const StyledMessageWrapper = styled(blocks.Flex).withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledMessageWrapper = styled__default.default(blocks.Flex).withConfig({
   componentId: "sc-19z7lun-0"
 })(["height:1rem;"]);
-const ExerciseRunnerControllerArduinoStatusMessage = () => {
-  const intl$1 = intl.useRawEliceIntl();
-  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(() => {
+var ExerciseRunnerControllerArduinoStatusMessage = function ExerciseRunnerControllerArduinoStatusMessage() {
+  var intl$1 = intl.useRawEliceIntl();
+  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 () {
     if (arduinoAgentConnectionStatus === 'disconnected') {
       setStatus('error');
       setMessage(intl$1.formatMessage({
@@ -69,7 +81,7 @@ const ExerciseRunnerControllerArduinoStatusMessage = () => {
       case 'error':
       case 'done':
       default:
-        const device = arduino.getPortFromName(ports, arduinoOpenedPort);
+        var device = arduino.getPortFromName(ports, arduinoOpenedPort);
         if (device) {
           setMessage(intl$1.formatMessage({
             id: 'exerciseRunner.controller.arduino.connectionStatus.connectedDevice'
@@ -87,14 +99,16 @@ const ExerciseRunnerControllerArduinoStatusMessage = () => {
   //
   //
   //
-  return React.createElement(StyledMessageWrapper, {
-    align: "center"
-  }, React.createElement(ExerciseRunnerControllerStatusIndicator.default, {
-    status: status
-  }), React.createElement(blocks.Text, {
-    role: "gray3",
-    size: "tiny"
-  }, message));
+  return jsxRuntime.jsxs(StyledMessageWrapper, {
+    align: "center",
+    children: [jsxRuntime.jsx(ExerciseRunnerControllerStatusIndicator.default, {
+      status: status
+    }), jsxRuntime.jsx(blocks.Text, {
+      role: "gray3",
+      size: "tiny",
+      children: message
+    })]
+  });
 };
 
 exports.default = ExerciseRunnerControllerArduinoStatusMessage;

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var blocks = require('@elice/blocks');
 var intl = require('@elice/intl');
@@ -29,69 +30,72 @@ require('unicount');
 var ExerciseRunnerContext = require('./ExerciseRunnerContext.js');
 var ExerciseRunnerControllerCodeHelpRequestButton = require('./ExerciseRunnerControllerCodeHelpRequestButton.js');
 
-const StyledControllerButton = styled(blocks.Button).withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledControllerButton = styled__default.default(blocks.Button).withConfig({
   componentId: "sc-d9xhed-0"
 })(["position:relative;transition:none;&.eb-button--role-danger{border-color:", ";background-color:", ";}"], muiSystem.colors.red[700], muiSystem.colors.red[700]);
-const StyledControllerButtonWrap = styled.div.withConfig({
+var StyledControllerButtonWrap = styled__default.default.div.withConfig({
   componentId: "sc-d9xhed-1"
 })(["display:flex;"]);
-const StyledControllerButtonGroup = styled.div.withConfig({
+var StyledControllerButtonGroup = styled__default.default.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$1 = intl.useRawEliceIntl();
-  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;
+  var intl$1 = intl.useRawEliceIntl();
+  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;
   // runner states
-  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;
+  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;
   // arduino
-  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);
+  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);
   // monaco editor apis
-  const exerciseMonacoEditorApis = recoil.useRecoilValue(recoil$1.exerciseMonacoEditorApisState);
+  var exerciseMonacoEditorApis = recoil.useRecoilValue(recoil$1.exerciseMonacoEditorApisState);
   //
   // ========= ui states =========
   //
   // submit run
-  const isSubmitRunHidden = isRunning;
-  const isSubmitRunArduinoDisabled = isArduinoExercise ? arduinoUploadProgress !== 'ready' && arduinoUploadProgress !== 'error' || !arduinoOpenedPortName : false;
-  const isSubmitRunDisabled = isSubmitRunHidden || isSubmitRunArduinoDisabled || isNotReady || isConnecting || isSubmitting;
+  var isSubmitRunHidden = isRunning;
+  var isSubmitRunArduinoDisabled = isArduinoExercise ? arduinoUploadProgress !== 'ready' && arduinoUploadProgress !== 'error' || !arduinoOpenedPortName : false;
+  var isSubmitRunDisabled = isSubmitRunHidden || isSubmitRunArduinoDisabled || isNotReady || isConnecting || isSubmitting;
   // submit grade
-  const isSubmitGradeHidden = isRunning;
-  const isSubmitGradeDisabled = isSubmitGradeHidden || exerciseWithNoGrade || isTestLecture && isTestLectureCompleted || isNotReady || isConnecting || isSubmitting;
+  var isSubmitGradeHidden = isRunning;
+  var isSubmitGradeDisabled = isSubmitGradeHidden || exerciseWithNoGrade || isTestLecture && isTestLectureCompleted || isNotReady || isConnecting || isSubmitting;
   // cancel
-  const isCancelHidden = !isRunning;
-  const isCancelDisabled = isCancelHidden || isNotReady || isConnecting;
+  var isCancelHidden = !isRunning;
+  var 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;
+  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(types.enums.ExerciseRunType.Run);
     }
@@ -99,7 +103,7 @@ const ExerciseRunnerControllerButtonGroup = () => {
   /**
    * Submit to grade
    */
-  const handleSubmitGrade = () => {
+  var handleSubmitGrade = function handleSubmitGrade() {
     if (!isSubmitGradeDisabled) {
       void onSubmit(types.enums.ExerciseRunType.Grade);
     }
@@ -107,7 +111,7 @@ const ExerciseRunnerControllerButtonGroup = () => {
   /**
    * Cancel
    */
-  const handleCancel = () => {
+  var handleCancel = function handleCancel() {
     if (!isCancelDisabled) {
       onCancel();
     }
@@ -115,7 +119,7 @@ const ExerciseRunnerControllerButtonGroup = () => {
   /**
    * Sync request
    */
-  const handleSyncRequest = () => {
+  var handleSyncRequest = function handleSyncRequest() {
     if (!isSyncRequestDisabled) {
       onSyncRequest();
     }
@@ -130,9 +134,9 @@ const ExerciseRunnerControllerButtonGroup = () => {
   //
   // handle save action emitted by file editor
   //
-  React.useEffect(() => {
-    const saveActionSub = subjects.exerciseFileEditorSaveAction$.subscribe(handleSyncRequest);
-    return () => {
+  React__default.default.useEffect(function () {
+    var saveActionSub = subjects.exerciseFileEditorSaveAction$.subscribe(handleSyncRequest);
+    return function () {
       saveActionSub.unsubscribe();
     };
   },
@@ -141,87 +145,94 @@ const ExerciseRunnerControllerButtonGroup = () => {
   /**
    * Submit to run button
    */
-  const renderSubmitRunButton = () => {
+  var renderSubmitRunButton = function renderSubmitRunButton() {
     if (isSubmitRunHidden) {
       return null;
     }
-    return React.createElement(StyledControllerButton, {
+    return jsxRuntime.jsx(StyledControllerButton, {
       size: "tiny",
       loading: isConnecting || isSubmitting && exerciseRunType === types.enums.ExerciseRunType.Run,
       disabled: isSubmitRunDisabled,
-      onClick: handleSubmitRun
-    }, isArduinoExercise ? intl$1.formatMessage({
-      id: 'exerciseRunner.controller.buttonGroup.button.compile'
-    }) : intl$1.formatMessage({
-      id: 'exerciseRunner.controller.buttonGroup.button.run'
-    }));
+      onClick: handleSubmitRun,
+      children: isArduinoExercise ? intl$1.formatMessage({
+        id: 'exerciseRunner.controller.buttonGroup.button.compile'
+      }) : intl$1.formatMessage({
+        id: 'exerciseRunner.controller.buttonGroup.button.run'
+      })
+    });
   };
   /**
    * Submit to grade button
    */
-  const renderSubmitGradeButton = () => {
+  var renderSubmitGradeButton = function renderSubmitGradeButton() {
     if (isSubmitGradeHidden) {
       return null;
     }
-    return React.createElement(blocks.Tooltip, {
+    return jsxRuntime.jsx(blocks.Tooltip, {
       title: exerciseWithNoGrade ? intl$1.formatMessage({
         id: 'exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit'
       }) : undefined,
       placement: "top",
-      dark: true
-    }, React.createElement(StyledControllerButtonWrap, null, React.createElement(StyledControllerButton, {
-      size: "tiny",
-      role: "secondary",
-      loading: isConnecting || isSubmitting && exerciseRunType === types.enums.ExerciseRunType.Grade,
-      disabled: isSubmitGradeDisabled,
-      onClick: handleSubmitGrade
-    }, intl$1.formatMessage({
-      id: 'exerciseRunner.controller.buttonGroup.button.submit'
-    }))));
+      dark: true,
+      children: jsxRuntime.jsx(StyledControllerButtonWrap, {
+        children: jsxRuntime.jsx(StyledControllerButton, {
+          size: "tiny",
+          role: "secondary",
+          loading: isConnecting || isSubmitting && exerciseRunType === types.enums.ExerciseRunType.Grade,
+          disabled: isSubmitGradeDisabled,
+          onClick: handleSubmitGrade,
+          children: intl$1.formatMessage({
+            id: 'exerciseRunner.controller.buttonGroup.button.submit'
+          })
+        })
+      })
+    });
   };
   /**
    * Cancel button
    */
-  const renderCancelButton = () => {
+  var renderCancelButton = function renderCancelButton() {
     if (isCancelHidden) {
       return null;
     }
-    return React.createElement(StyledControllerButton, {
+    return jsxRuntime.jsx(StyledControllerButton, {
       size: "tiny",
       role: "danger",
       loading: isConnecting,
       disabled: isCancelDisabled,
-      onClick: handleCancel
-    }, intl$1.formatMessage({
-      id: 'exerciseRunner.controller.buttonGroup.button.stop'
-    }));
+      onClick: handleCancel,
+      children: intl$1.formatMessage({
+        id: 'exerciseRunner.controller.buttonGroup.button.stop'
+      })
+    });
   };
   /**
    * Sync request button
    */
-  const renderSyncRequestButton = () => {
+  var renderSyncRequestButton = function renderSyncRequestButton() {
     if (isSyncRequestHidden) {
       return null;
     }
-    return React.createElement(StyledControllerButton, {
+    return jsxRuntime.jsx(StyledControllerButton, {
       size: "tiny",
       role: "secondary",
       loading: isConnecting,
       disabled: isSyncRequestDisabled,
-      onClick: handleSyncRequest
-    }, intl$1.formatMessage({
-      id: 'exerciseRunner.controller.buttonGroup.button.syncRequest'
-    }));
+      onClick: handleSyncRequest,
+      children: intl$1.formatMessage({
+        id: 'exerciseRunner.controller.buttonGroup.button.syncRequest'
+      })
+    });
   };
   /**
    * Code help button
    */
-  const renderCodeHelpRequestButton = () => {
+  var renderCodeHelpRequestButton = function renderCodeHelpRequestButton() {
     if (isRunning || !editorCursorSelectionValue || typeof onCodeHelpRequest !== 'function') {
       return null;
     }
-    return React.createElement(ExerciseRunnerControllerCodeHelpRequestButton.default, {
-      onClick: () => {
+    return jsxRuntime.jsx(ExerciseRunnerControllerCodeHelpRequestButton.default, {
+      onClick: function onClick() {
         var _a, _b, _c;
         onCodeHelpRequest({
           code: editorCursorSelectionValue,
@@ -235,7 +246,9 @@ const ExerciseRunnerControllerButtonGroup = () => {
   //
   //
   //
-  return React.createElement(StyledControllerButtonGroup, null, renderSubmitRunButton(), renderSubmitGradeButton(), renderCancelButton(), renderSyncRequestButton(), renderCodeHelpRequestButton());
+  return jsxRuntime.jsxs(StyledControllerButtonGroup, {
+    children: [renderSubmitRunButton(), renderSubmitGradeButton(), renderCancelButton(), renderSyncRequestButton(), renderCodeHelpRequestButton()]
+  });
 };
 
 exports.default = ExerciseRunnerControllerButtonGroup;