@elice/material-exercise 1.230220.2 → 1.230306.0

package/cjs/components/material-exercise/context/ExerciseProvider.js

@@ -44,8 +44,8 @@ const ExerciseProvider = _a => {
   const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
   const exerciseRoom = recoil.useRecoilValue(recoil$1.exerciseRoomState(exerciseRoomId)); // lecture
 
-  const lecture = recoil.useRecoilValue(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId));
-  const resetLecture = recoil.useResetRecoilState(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId)); // multilang languages
+  const lecture = recoil.useRecoilValue(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
+  const resetLecture = recoil.useResetRecoilState(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId)); // multilang languages
 
   const exerciseMultilangLanguages = recoil.useRecoilValue(recoil$1.exerciseMultilangLanguagesState(exercise === null || exercise === void 0 ? void 0 : exercise.id));
   const resetExerciseMultilangLanguages = recoil.useResetRecoilState(recoil$1.exerciseMultilangLanguagesState(exercise === null || exercise === void 0 ? void 0 : exercise.id)); // etc
@@ -83,7 +83,7 @@ const ExerciseProvider = _a => {
   //
 
   React__default["default"].useEffect(() => {
-    if (!(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId)) {
+    if (!(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId)) {
       return;
     }
 

package/cjs/components/material-exercise/context/recoil.d.ts

@@ -122,6 +122,10 @@ export declare const exerciseArduinoAgentConnectionState: import("recoil").Recoi
  * Arduino upload progress.
  */
 export declare const exerciseArduinoUploadProgressState: import("recoil").RecoilState<ArduinoUploadProgressStatus>;
+/**
+ * Arduino agent modal open status.
+ */
+export declare const exerciseArduinoAgentModalState: import("recoil").RecoilState<boolean>;
 /**
  *
  */

package/cjs/components/material-exercise/context/recoil.js

@@ -74,7 +74,17 @@ const exerciseState = recoil.atomFamily({
     const get = async () => {
       setSelf(await apiClient.getOrgMaterialExerciseGet({
         materialExerciseId
-      }).then(res => res.materialExercise).catch(() => null));
+      }).then(res => res.materialExercise).then(materialExercise => Promise.all([materialExercise, apiClient.getOrgLecturePageResolve({
+        materialId: materialExercise.id,
+        materialType: types.enums.LectureMaterialType.Exercise
+      }).then(res => ({
+        _courseId: res.courseId,
+        _lectureId: res.lectureId,
+        _lecturePageId: res.lecturePageId,
+        _orderNo: res.orderNo
+      })).catch(err => {
+        throw err;
+      })])).then(([materialExercise, lecturePageResolve]) => Object.assign(Object.assign({}, materialExercise), lecturePageResolve)).catch(() => null));
     };
 
     if (trigger === 'get') {
@@ -554,6 +564,14 @@ const exerciseArduinoAgentConnectionState = recoil.atom({
 const exerciseArduinoUploadProgressState = recoil.atom({
   key: `${KEY_PREFIX}/Arduino/UploadProgressState`,
   default: 'ready'
+});
+/**
+ * Arduino agent modal open status.
+ */
+
+const exerciseArduinoAgentModalState = recoil.atom({
+  key: `${KEY_PREFIX}/Arduino/AgentModalState`,
+  default: false
 }); //
 // =============== others ===============
 //
@@ -607,6 +625,7 @@ const exerciseFileEditorCursorSelectionValueState = recoil.atom({
 
 exports.exerciseActiveFilenameState = exerciseActiveFilenameState;
 exports.exerciseArduinoAgentConnectionState = exerciseArduinoAgentConnectionState;
+exports.exerciseArduinoAgentModalState = exerciseArduinoAgentModalState;
 exports.exerciseArduinoOnSelectPortState = exerciseArduinoOnSelectPortState;
 exports.exerciseArduinoOpenedPortNameState = exerciseArduinoOpenedPortNameState;
 exports.exerciseArduinoPortsState = exerciseArduinoPortsState;

package/cjs/components/material-exercise/context/recoilTypes.d.ts

@@ -10,7 +10,12 @@ export declare type AtomLectureState = GetOrgLectureGetResponses['lecture'] | nu
 /**
  * Material exercise.
  */
-export declare type AtomExerciseState = GetOrgMaterialExerciseGetResponses['materialExercise'] | null;
+export declare type AtomExerciseState = (GetOrgMaterialExerciseGetResponses['materialExercise'] & {
+    _courseId: number;
+    _lectureId: number;
+    _lecturePageId: number;
+    _orderNo: number;
+}) | null;
 /**
  * Material exercise room.
  */

package/cjs/components/material-exercise/exercise-file-editor/ExerciseFileEditor.js

@@ -53,7 +53,7 @@ const ExerciseFileEditor = () => {
   } = React__default["default"].useContext(context.ExerciseContext);
   const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
   const exerciseRoom = recoil.useRecoilValue(recoil$1.exerciseRoomState(exerciseRoomId));
-  const lecture = recoil.useRecoilValue(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId));
+  const lecture = recoil.useRecoilValue(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
   const preference = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState);
   const activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
   const readOnly = readOnlyEditor || readOnlyActiveFile;

package/cjs/components/material-exercise/exercise-menu/ExerciseMenu.js

@@ -13,6 +13,7 @@ require('../context/ExerciseProvider.js');
 var ExerciseIntlProvider = require('../context/ExerciseIntlProvider.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
+var ExerciseMenuArduinoAgentModalButton = require('./ExerciseMenuArduinoAgentModalButton.js');
 var ExerciseMenuArduinoSettings = require('./ExerciseMenuArduinoSettings.js');
 var ExerciseMenuDropdown = require('./ExerciseMenuDropdown.js');
 var ExerciseMenuReset = require('./ExerciseMenuReset.js');
@@ -25,7 +26,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const StyledExerciseMenuWrapper = styled__default["default"].div.withConfig({
   componentId: "sc-1gf6m87-0"
-})(["display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;height:2.25rem;background-color:", ";"], designTokens.base.color.navy8);
+})(["display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;height:2.25rem;gap:0.5rem;background-color:", ";"], designTokens.base.color.navy8);
 
 const ExerciseMenu = () => {
   const {
@@ -36,7 +37,7 @@ const ExerciseMenu = () => {
   //
   //
 
-  return React__default["default"].createElement(StyledExerciseMenuWrapper, null, isArduinoExercise ? React__default["default"].createElement(ExerciseMenuArduinoSettings, null) : React__default["default"].createElement(ExerciseMenuStdioFileBrowser, null), React__default["default"].createElement(ExerciseMenuReset, null), React__default["default"].createElement(ExerciseMenuDropdown, null));
+  return React__default["default"].createElement(StyledExerciseMenuWrapper, null, isArduinoExercise ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ExerciseMenuArduinoAgentModalButton, null), React__default["default"].createElement(ExerciseMenuArduinoSettings, null)) : React__default["default"].createElement(ExerciseMenuStdioFileBrowser, null), React__default["default"].createElement(ExerciseMenuReset, null), React__default["default"].createElement(ExerciseMenuDropdown, null));
 };
 
 var ExerciseMenu$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseMenu, {

package/cjs/components/material-exercise/exercise-menu/ExerciseMenuArduinoAgentModalButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ExerciseMenuArduinoAgentModalButton: React.FC;
+export default ExerciseMenuArduinoAgentModalButton;

package/cjs/components/material-exercise/exercise-menu/ExerciseMenuArduinoAgentModalButton.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+var reactIntl = require('react-intl');
+var blocks = require('@elice/blocks');
+var icons = require('@elice/icons');
+var recoil = require('recoil');
+var recoil$1 = require('../context/recoil.js');
+require('../context/context.js');
+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);
+
+const ExerciseMenuArduinoAgentModalButton = () => {
+  const setOpen = recoil.useSetRecoilState(recoil$1.exerciseArduinoAgentModalState);
+
+  const handleClick = () => {
+    setOpen(true);
+  };
+
+  return React__default["default"].createElement(blocks.Button, {
+    size: "micro",
+    role: "warning",
+    icon: React__default["default"].createElement(blocks.Icon, {
+      icon: icons.eilStatusDanger
+    }),
+    iconAlign: "left",
+    border: false,
+    onClick: handleClick
+  }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+    id: "exerciseMenu.arduino.agent.button"
+  }));
+};
+
+module.exports = ExerciseMenuArduinoAgentModalButton;

package/cjs/components/material-exercise/exercise-menu/ExerciseMenuDropdown.js

@@ -27,7 +27,7 @@ const ExerciseMenuDropdown = () => {
   } = React__default["default"].useContext(context.ExerciseContext);
   const user = recoil.useRecoilValue(recoil$1.exerciseUserState);
   const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  const lecture = recoil.useRecoilValue(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId));
+  const lecture = recoil.useRecoilValue(recoil$1.exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
   const activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
   const setRightpaneActiveState = recoil.useSetRecoilState(recoil$1.exerciseRightpaneActiveState);
   const [isSubmitHistoryModalOpen, setIsSubmitHistoryModalOpen] = React__default["default"].useState(false);

package/cjs/components/material-exercise/exercise-menu/locales/en.json.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var phrasesEn = {"exerciseMenu.dropdown.button.tooltip":"More","exerciseMenu.dropdown.item.codeHistory":"Submit History","exerciseMenu.dropdown.item.environment":"Environment","exerciseMenu.dropdown.item.preference":"Editor Preferences","exerciseMenu.dropdown.item.room":"Code Sharing","exerciseMenu.dropdown.item.submitHistory":"Code History","exerciseMenu.reset.button.tooltip.disabled":"The file cannot be reset","exerciseMenu.reset.button.tooltip.enabled":"Reset the file","exerciseMenu.reset.confirmDialog.body":"Are you sure you want to clear all the code you wrote at current file and reset it?","exerciseMenu.reset.confirmDialog.cancel":"Cencel","exerciseMenu.reset.confirmDialog.confirm":"Confirm","exerciseMenu.reset.confirmDialog.title":"Reset the file","exerciseMenu.stdioFileBrowser.button.tooltip":"File","exerciseMenu.stdioFileBrowser.popover.body.placeholder":"Files sent from your code\nappear here.","exerciseMenu.stdioFileBrowser.popover.header":"File"};
+var phrasesEn = {"exerciseMenu.dropdown.button.tooltip":"More","exerciseMenu.dropdown.item.codeHistory":"Submit History","exerciseMenu.dropdown.item.environment":"Environment","exerciseMenu.dropdown.item.preference":"Editor Preferences","exerciseMenu.dropdown.item.room":"Code Sharing","exerciseMenu.dropdown.item.submitHistory":"Code History","exerciseMenu.arduino.agent.button":"Having problem with connecting to arduino?","exerciseMenu.reset.button.tooltip.disabled":"The file cannot be reset","exerciseMenu.reset.button.tooltip.enabled":"Reset the file","exerciseMenu.reset.confirmDialog.body":"Are you sure you want to clear all the code you wrote at current file and reset it?","exerciseMenu.reset.confirmDialog.cancel":"Cencel","exerciseMenu.reset.confirmDialog.confirm":"Confirm","exerciseMenu.reset.confirmDialog.title":"Reset the file","exerciseMenu.stdioFileBrowser.button.tooltip":"File","exerciseMenu.stdioFileBrowser.popover.body.placeholder":"Files sent from your code\nappear here.","exerciseMenu.stdioFileBrowser.popover.header":"File"};
 
 module.exports = phrasesEn;

package/cjs/components/material-exercise/exercise-menu/locales/ko.json.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var phrasesKo = {"exerciseMenu.dropdown.button.tooltip":"더 보기","exerciseMenu.dropdown.item.codeHistory":"코드 수정 이력","exerciseMenu.dropdown.item.environment":"실습 환경","exerciseMenu.dropdown.item.preference":"에디터 설정","exerciseMenu.dropdown.item.room":"코드 공유","exerciseMenu.dropdown.item.submitHistory":"실행/제출 이력","exerciseMenu.reset.button.tooltip.disabled":"해당 파일은 초기화를 할 수 없습니다","exerciseMenu.reset.button.tooltip.enabled":"코드 초기화","exerciseMenu.reset.confirmDialog.body":"작성한 코드를 모두 지우고 초기화하시겠습니까?","exerciseMenu.reset.confirmDialog.cancel":"취소","exerciseMenu.reset.confirmDialog.confirm":"확인","exerciseMenu.reset.confirmDialog.title":"코드 초기화","exerciseMenu.stdioFileBrowser.button.tooltip":"파일","exerciseMenu.stdioFileBrowser.popover.body.placeholder":"코드에서 전송한 파일이\n여기에 표시됩니다.","exerciseMenu.stdioFileBrowser.popover.header":"파일"};
+var phrasesKo = {"exerciseMenu.dropdown.button.tooltip":"더 보기","exerciseMenu.dropdown.item.codeHistory":"코드 수정 이력","exerciseMenu.dropdown.item.environment":"실습 환경","exerciseMenu.dropdown.item.preference":"에디터 설정","exerciseMenu.dropdown.item.room":"코드 공유","exerciseMenu.dropdown.item.submitHistory":"실행/제출 이력","exerciseMenu.arduino.agent.button":"아두이노 연결 중 문제가 발생했나요?","exerciseMenu.reset.button.tooltip.disabled":"해당 파일은 초기화를 할 수 없습니다","exerciseMenu.reset.button.tooltip.enabled":"코드 초기화","exerciseMenu.reset.confirmDialog.body":"작성한 코드를 모두 지우고 초기화하시겠습니까?","exerciseMenu.reset.confirmDialog.cancel":"취소","exerciseMenu.reset.confirmDialog.confirm":"확인","exerciseMenu.reset.confirmDialog.title":"코드 초기화","exerciseMenu.stdioFileBrowser.button.tooltip":"파일","exerciseMenu.stdioFileBrowser.popover.body.placeholder":"코드에서 전송한 파일이\n여기에 표시됩니다.","exerciseMenu.stdioFileBrowser.popover.header":"파일"};
 
 module.exports = phrasesKo;

package/cjs/components/material-exercise/exercise-room/ExerciseRoomDetail.js

@@ -34,7 +34,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   goToList,
   onHide
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
 
   const intl = reactIntl.useIntl();
   const {
@@ -52,7 +52,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   const [isLeaveDialogOpen, setIsLeaveDialogOpen] = React__default["default"].useState(false);
   const [isDeleting, setIsDeleting] = React__default["default"].useState(false);
   const isThisChatRoomOwner = (_b = ((_a = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.roomUsers.find(roomUser => roomUser.user.id === (user === null || user === void 0 ? void 0 : user.id))) === null || _a === void 0 ? void 0 : _a.permission) === types.enums.ExerciseRoomPermission.Owner) !== null && _b !== void 0 ? _b : false;
-  const shareLink = materialExercise ? `https://${window.location.host}/courses/${materialExercise.courseId}/lectures/${materialExercise.lectureId}/materials/${(_c = materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise.mainOrderNo) !== null && _c !== void 0 ? _c : 0}/projects/${selectedExerciseRoomId}` : '';
+  const shareLink = materialExercise ? `https://${window.location.host}/courses/${materialExercise._courseId}/lectures/${materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise._lectureId}/materials/${materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise._orderNo}/projects/${selectedExerciseRoomId}` : '';
   const [, copyToClipboard] = reactUse.useCopyToClipboard();
   const doGetOrgMaterialExerciseExerciseRoomGet = React__default["default"].useCallback(() => {
     return apiClient.getOrgMaterialExerciseExerciseRoomGet({
@@ -100,7 +100,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   const doGetOrgCourseUserList = React__default["default"].useCallback(() => {
     if (materialExercise) {
       return apiClient.getOrgCourseUserList({
-        courseId: materialExercise.courseId,
+        courseId: materialExercise._courseId,
         isForTutoring: false,
         count: 20,
         offset: 0,
@@ -174,7 +174,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   return React__default["default"].createElement(StyledModal, {
     theme: "dark",
     onHide: onHide,
-    title: (_d = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.title) !== null && _d !== void 0 ? _d : '',
+    title: (_c = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.title) !== null && _c !== void 0 ? _c : '',
     headerIcon: icons.eilArrowLeftwardsSingle,
     onHeaderIconClick: goToList,
     footerChild: exerciseRoom ? exerciseRoom.isDefaultRoom ? React__default["default"].createElement(blocks.Flex, {
@@ -217,7 +217,7 @@ const MaterialExerciseExerciseRoomDetail = ({
       label: intl.formatMessage({
         id: 'materialExerciseExerciseRoom.leave'
       }),
-      disabled: (_e = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.isDefaultRoom) !== null && _e !== void 0 ? _e : false,
+      disabled: (_d = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.isDefaultRoom) !== null && _d !== void 0 ? _d : false,
       role: 'gray6',
       onClick: () => {
         setIsLeaveDialogOpen(true);
@@ -449,7 +449,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   }), isThisChatRoomOwner ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Select, {
     size: "small",
     width: "small",
-    value: (_f = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.publicPermission) !== null && _f !== void 0 ? _f : types.enums.ExerciseRoomPermission.Nothing,
+    value: (_e = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.publicPermission) !== null && _e !== void 0 ? _e : types.enums.ExerciseRoomPermission.Nothing,
     onChange: value => {
       doPostOrgMaterialExerciseExerciseRoomEdit(value);
     },

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

@@ -11,6 +11,7 @@ var context = require('../context/context.js');
 require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
+var ExerciseRunnerControllerArduinoAgentModal = require('./ExerciseRunnerControllerArduinoAgentModal.js');
 var ExerciseRunnerControllerArduinoStatusMessage = require('./ExerciseRunnerControllerArduinoStatusMessage.js');
 var ExerciseRunnerControllerButtonGroup = require('./ExerciseRunnerControllerButtonGroup.js');
 var ExerciseRunnerControllerRunningInfo = require('./ExerciseRunnerControllerRunningInfo.js');
@@ -40,7 +41,7 @@ const ExerciseRunnerController = () => {
   }), React__default["default"].createElement(ExerciseRunnerControllerRunningInfo, null), React__default["default"].createElement(ExerciseRunnerControllerTimer, null)), React__default["default"].createElement(blocks.Flex, {
     column: true,
     align: "flex-end"
-  }, React__default["default"].createElement(ExerciseRunnerControllerStatusMessage, null), isArduinoExercise ? React__default["default"].createElement(ExerciseRunnerControllerArduinoStatusMessage, null) : null));
+  }, React__default["default"].createElement(ExerciseRunnerControllerStatusMessage, null), isArduinoExercise ? React__default["default"].createElement(ExerciseRunnerControllerArduinoStatusMessage, null) : null), isArduinoExercise ? React__default["default"].createElement(ExerciseRunnerControllerArduinoAgentModal, null) : null);
 };
 
 module.exports = ExerciseRunnerController;

package/cjs/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoAgentModal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ExerciseRunnerControllerArduinoAgentModal: React.FC;
+export default ExerciseRunnerControllerArduinoAgentModal;

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

@@ -0,0 +1,137 @@
+'use strict';
+
+var React = require('react');
+var reactIntl = require('react-intl');
+var blocks = require('@elice/blocks');
+var icons = require('@elice/icons');
+var FileSaver = require('file-saver');
+var recoil = require('recoil');
+var recoil$1 = require('../context/recoil.js');
+require('../context/context.js');
+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);
+
+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__default["default"].useEffect(() => {
+    const isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;
+
+    if (!isConfirmed) {
+      setOpen(true);
+    }
+  }, [setOpen]);
+
+  const handleClose = () => {
+    setOpen(false);
+    localStorage.setItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY, ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE);
+  };
+
+  const handleDownload = fileUrl => {
+    FileSaver__default["default"].saveAs(fileUrl);
+  };
+
+  const renderAgentInstallInstruction = () => {
+    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Text, {
+      bold: true,
+      role: "gray0"
+    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.install"
+    })), React__default["default"].createElement(blocks.Vspace, {
+      height: 0.25
+    }), React__default["default"].createElement(blocks.Text, {
+      role: "navy",
+      size: "small"
+    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.install.detail"
+    })), React__default["default"].createElement(blocks.Vspace, {
+      height: 0.75
+    }), React__default["default"].createElement(blocks.Flex, null, React__default["default"].createElement(blocks.Button, {
+      size: "tiny",
+      role: "gray1",
+      icon: React__default["default"].createElement(blocks.Icon, {
+        icon: icons.eisWindows,
+        size: "huge"
+      }),
+      iconAlign: "left",
+      onClick: () => handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL)
+    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.install.window"
+    })), React__default["default"].createElement(blocks.Hspace, {
+      width: 0.75
+    }), React__default["default"].createElement(blocks.Button, {
+      size: "tiny",
+      role: "gray1",
+      icon: React__default["default"].createElement(blocks.Icon, {
+        icon: icons.eisMac
+      }),
+      iconAlign: "left",
+      onClick: () => handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL)
+    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.install.mac"
+    }))));
+  };
+
+  const renderAgentConnectionInstruction = () => {
+    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Text, {
+      role: "gray0",
+      bold: true
+    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.connect"
+    })), React__default["default"].createElement(blocks.Vspace, {
+      height: 0.25
+    }), React__default["default"].createElement(blocks.Text, {
+      role: "navy",
+      size: "small",
+      lineHeight: 1.6
+    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.connect.detail"
+    })), React__default["default"].createElement(blocks.Vspace, {
+      height: 0.75
+    }), React__default["default"].createElement(blocks.Button, {
+      icon: React__default["default"].createElement(blocks.Icon, {
+        icon: icons.eilArrowRightwardsBasic
+      }),
+      iconAlign: "right",
+      size: "tiny",
+      role: "secondary",
+      onClick: () => window.open(ARDUINO_AGENT_MANUAL_URL)
+    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.connect.button"
+    })));
+  };
+
+  if (!open) {
+    return null;
+  }
+
+  return React__default["default"].createElement(blocks.Modal, {
+    theme: "dark",
+    title: intl.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.title'
+    }),
+    footerButtons: [{
+      label: intl.formatMessage({
+        id: 'exerciseRunner.controller.arduino.agent.instruction.close'
+      }),
+      onClick: handleClose
+    }],
+    onHide: handleClose
+  }, React__default["default"].createElement(React__default["default"].Fragment, null, renderAgentInstallInstruction(), React__default["default"].createElement(blocks.Vspace, {
+    height: 1.5
+  }), renderAgentConnectionInstruction()));
+};
+
+module.exports = ExerciseRunnerControllerArduinoAgentModal;

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

@@ -59,7 +59,7 @@ const ExerciseRunnerControllerButtonGroup = () => {
   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 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
 

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

@@ -104,15 +104,19 @@ const ExerciseRunnerControllerRunningInfo = () => {
   //
 
   React__default["default"].useEffect(() => {
-    if (exercise === null || exercise === void 0 ? void 0 : exercise.courseId) {
-      apiClient.getOrgCourseGet({
-        courseId: exercise.courseId
-      }).then(({
-        course
-      }) => {
-        setCourse(course);
-      }).catch(console.error);
+    if (!exercise) {
+      return;
     }
+
+    const abortCtrl = new AbortController();
+    apiClient.getOrgCourseGet({
+      courseId: exercise._courseId
+    }, {
+      signal: abortCtrl.signal
+    }).then(res => res.course).then(setCourse).catch(console.error);
+    return () => {
+      abortCtrl.abort();
+    };
   }, [exercise]);
   /**
    * Last running score.

package/cjs/components/material-exercise/exercise-runner/locales/en.json.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var phrasesEn = {"exerciseRunner.controller.arduino.connectionStatus.connected":"Connected to Arduino","exerciseRunner.controller.arduino.connectionStatus.connectedDevice":"Connected to {device}","exerciseRunner.controller.arduino.connectionStatus.connecting":"Connecting to Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.disconnected":"Disconnected from Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.noDevice":"No connected device","exerciseRunner.controller.arduino.connectionStatus.reconnecting":"Connecting to Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.uploading":"Uploading...","exerciseRunner.controller.buttonGroup.button.compile":"Compile","exerciseRunner.controller.buttonGroup.button.helpRequest":"Help me","exerciseRunner.controller.buttonGroup.button.run":"Run","exerciseRunner.controller.buttonGroup.button.stop":"Stop","exerciseRunner.controller.buttonGroup.button.submit":"Submit","exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit":"Exercise without submission","exerciseRunner.controller.buttonGroup.button.syncRequest":"Sync code","exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp":"A function to get help from AI has been added.","exerciseRunner.controller.runningInfo.error.fetch":"An error occurred while fetching running info","exerciseRunner.controller.runningInfo.lastRunningDatetime":"Last running datetime","exerciseRunner.controller.runningInfo.lastSubmitDatetime":"Last submit datetime","exerciseRunner.controller.runningInfo.lastSubmitScore":"Last submit score","exerciseRunner.controller.runningInfo.score":"{score}","exerciseRunner.controller.statusMessage.closed":"Editor disconnected","exerciseRunner.controller.statusMessage.connecting":"Connecting to editor...","exerciseRunner.controller.statusMessage.open":"Editor connected","exerciseRunner.controller.timer.runningRemainingTime":"Remaining: {remainingTime}","exerciseRunner.submitErrorDialog.action.confirm":"OK","exerciseRunner.submitErrorDialog.action.reload":"Reload page","exerciseRunner.submitErrorDialog.body.commonError":"An error occurred while running the code.\nPlease refresh and try again.","exerciseRunner.submitErrorDialog.body.exceedSubmitGradeLimit":"You have exceeded the allowed number of lab submissions.","exerciseRunner.submitErrorDialog.body.expiredExerciseImage":"The exercise image has been updated.\nPlease refresh and try again.","exerciseRunner.submitErrorDialog.body.networkError":"An error occurred while running the code.\nPlease refresh and try again.\nIf the problem persists, please check the network status.","exerciseRunner.submitErrorDialog.body.notForSubmitGrade":"This exercise is not allowed to be submitted.","exerciseRunner.submitErrorDialog.body.notPreparedRoom":"The exercise room is being prepared.\nPlease try again later.","exerciseRunner.submitErrorDialog.body.roomIsBusy":"The exercise room is running.\nPlease wait a moment.","exerciseRunner.submitErrorDialog.body.unknown":"An error occurred while running the code.\nPlease try again later.","exerciseRunner.submitErrorDialog.title":"Unable to run the code"};
+var phrasesEn = {"exerciseRunner.controller.arduino.connectionStatus.connected":"Connected to Arduino","exerciseRunner.controller.arduino.connectionStatus.connectedDevice":"Connected to {device}","exerciseRunner.controller.arduino.connectionStatus.connecting":"Connecting to Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.disconnected":"Disconnected from Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.noDevice":"No connected device","exerciseRunner.controller.arduino.connectionStatus.reconnecting":"Connecting to Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.uploading":"Uploading...","exerciseRunner.controller.arduino.agent.title":"Connect to Agent","exerciseRunner.controller.arduino.agent.instruction.install":"1. Install Elice arduino agent","exerciseRunner.controller.arduino.agent.instruction.install.detail":"Install 'elice-arduino-agent' program to connect to arduino.","exerciseRunner.controller.arduino.agent.instruction.install.window":"Download for Windows","exerciseRunner.controller.arduino.agent.instruction.install.mac":"Download for MacOS","exerciseRunner.controller.arduino.agent.instruction.connect":"2. Connect to arduino","exerciseRunner.controller.arduino.agent.instruction.connect.detail":"After the download is completed, it should be connected to exercise environment. If connection is unavailable, please follow the manual.\nClick the button below to read the manual.","exerciseRunner.controller.arduino.agent.instruction.connect.button":"Go to Manual","exerciseRunner.controller.arduino.agent.instruction.close":"Close","exerciseRunner.controller.buttonGroup.button.compile":"Compile","exerciseRunner.controller.buttonGroup.button.helpRequest":"Help me","exerciseRunner.controller.buttonGroup.button.run":"Run","exerciseRunner.controller.buttonGroup.button.stop":"Stop","exerciseRunner.controller.buttonGroup.button.submit":"Submit","exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit":"Exercise without submission","exerciseRunner.controller.buttonGroup.button.syncRequest":"Sync code","exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp":"A function to get help from AI has been added.","exerciseRunner.controller.runningInfo.error.fetch":"An error occurred while fetching running info","exerciseRunner.controller.runningInfo.lastRunningDatetime":"Last running datetime","exerciseRunner.controller.runningInfo.lastSubmitDatetime":"Last submit datetime","exerciseRunner.controller.runningInfo.lastSubmitScore":"Last submit score","exerciseRunner.controller.runningInfo.score":"{score}","exerciseRunner.controller.statusMessage.closed":"Editor disconnected","exerciseRunner.controller.statusMessage.connecting":"Connecting to editor...","exerciseRunner.controller.statusMessage.open":"Editor connected","exerciseRunner.controller.timer.runningRemainingTime":"Remaining: {remainingTime}","exerciseRunner.submitErrorDialog.action.confirm":"OK","exerciseRunner.submitErrorDialog.action.reload":"Reload page","exerciseRunner.submitErrorDialog.body.commonError":"An error occurred while running the code.\nPlease refresh and try again.","exerciseRunner.submitErrorDialog.body.exceedSubmitGradeLimit":"You have exceeded the allowed number of lab submissions.","exerciseRunner.submitErrorDialog.body.expiredExerciseImage":"The exercise image has been updated.\nPlease refresh and try again.","exerciseRunner.submitErrorDialog.body.networkError":"An error occurred while running the code.\nPlease refresh and try again.\nIf the problem persists, please check the network status.","exerciseRunner.submitErrorDialog.body.notForSubmitGrade":"This exercise is not allowed to be submitted.","exerciseRunner.submitErrorDialog.body.notPreparedRoom":"The exercise room is being prepared.\nPlease try again later.","exerciseRunner.submitErrorDialog.body.roomIsBusy":"The exercise room is running.\nPlease wait a moment.","exerciseRunner.submitErrorDialog.body.unknown":"An error occurred while running the code.\nPlease try again later.","exerciseRunner.submitErrorDialog.title":"Unable to run the code"};
 
 module.exports = phrasesEn;

package/cjs/components/material-exercise/exercise-runner/locales/ko.json.js

@@ -1,5 +1,5 @@
 'use strict';
 
-var phrasesKo = {"exerciseRunner.controller.arduino.connectionStatus.connected":"아두이노 기기 연결됨","exerciseRunner.controller.arduino.connectionStatus.connectedDevice":"{device} 연결됨","exerciseRunner.controller.arduino.connectionStatus.connecting":"엘리스 아두이노 에이전트 연결 중","exerciseRunner.controller.arduino.connectionStatus.disconnected":"엘리스 아두이노 에이전트 연결 끊김","exerciseRunner.controller.arduino.connectionStatus.noDevice":"연결된 기기 없음","exerciseRunner.controller.arduino.connectionStatus.reconnecting":"엘리스 아두이노 에이전트 연결 중","exerciseRunner.controller.arduino.connectionStatus.uploading":"업로드 중","exerciseRunner.controller.buttonGroup.button.compile":"컴파일","exerciseRunner.controller.buttonGroup.button.helpRequest":"도와주세요","exerciseRunner.controller.buttonGroup.button.run":"실행","exerciseRunner.controller.buttonGroup.button.stop":"정지","exerciseRunner.controller.buttonGroup.button.submit":"제출","exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit":"실행만 가능한 실습입니다.","exerciseRunner.controller.buttonGroup.button.syncRequest":"코드 동기화","exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp":"AI에게 도움받기 기능이 추가되었어요.","exerciseRunner.controller.runningInfo.error.fetch":"최종 실행 내역을 가져오는데 문제가 발생하였습니다.","exerciseRunner.controller.runningInfo.lastRunningDatetime":"최종 실행 시간","exerciseRunner.controller.runningInfo.lastSubmitDatetime":"최종 제출 시간","exerciseRunner.controller.runningInfo.lastSubmitScore":"최종 제출 점수","exerciseRunner.controller.runningInfo.score":"{score} 점","exerciseRunner.controller.statusMessage.closed":"에디터 연결 끊김","exerciseRunner.controller.statusMessage.connecting":"에디터 연결 중...","exerciseRunner.controller.statusMessage.open":"에디터 연결됨","exerciseRunner.controller.timer.runningRemainingTime":"실행 제한시간: {remainingTime}","exerciseRunner.submitErrorDialog.action.confirm":"확인","exerciseRunner.submitErrorDialog.action.reload":"새로고침","exerciseRunner.submitErrorDialog.body.commonError":"코드 실행 중 오류가 발생했습니다.\n새로고침 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.exceedSubmitGradeLimit":"실습 제출 허용 횟수를 초과했습니다.","exerciseRunner.submitErrorDialog.body.expiredExerciseImage":"실습환경이 업데이트 되었습니다.\n새로고침 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.networkError":"코드 실행 중 오류가 발생했습니다.\n새로고침 후 다시 시도해주세요.\n문제가 계속되면 네트워크 상태를 확인해주세요.","exerciseRunner.submitErrorDialog.body.notForSubmitGrade":"제출이 허용되지 않은 실습입니다.","exerciseRunner.submitErrorDialog.body.notPreparedRoom":"실습환경이 준비 중입니다.\n잠시 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.roomIsBusy":"실습을 실행하고 있습니다.\n잠시만 기다려주세요.","exerciseRunner.submitErrorDialog.body.unknown":"코드 실행 중 오류가 발생했습니다.\n잠시 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.title":"실습을 실행할 수 없습니다"};
+var phrasesKo = {"exerciseRunner.controller.arduino.connectionStatus.connected":"아두이노 기기 연결됨","exerciseRunner.controller.arduino.connectionStatus.connectedDevice":"{device} 연결됨","exerciseRunner.controller.arduino.connectionStatus.connecting":"엘리스 아두이노 에이전트 연결 중","exerciseRunner.controller.arduino.connectionStatus.disconnected":"엘리스 아두이노 에이전트 연결 끊김","exerciseRunner.controller.arduino.connectionStatus.noDevice":"연결된 기기 없음","exerciseRunner.controller.arduino.connectionStatus.reconnecting":"엘리스 아두이노 에이전트 연결 중","exerciseRunner.controller.arduino.connectionStatus.uploading":"업로드 중","exerciseRunner.controller.arduino.agent.title":"에이전트 연결","exerciseRunner.controller.arduino.agent.instruction.install":"1. 엘리스 아두이노 에이전트 설치하기","exerciseRunner.controller.arduino.agent.instruction.install.detail":"아두이노와 연결하기 위해 ‘엘리스 아두이노 에이전트'를 설치해주세요.","exerciseRunner.controller.arduino.agent.instruction.install.window":"Windows 용 설치","exerciseRunner.controller.arduino.agent.instruction.install.mac":"MacOS 용 설치","exerciseRunner.controller.arduino.agent.instruction.connect":"2. 연결하기","exerciseRunner.controller.arduino.agent.instruction.connect.detail":"다운로드를 완료하였다면 실습 환경과 연결이 필요합니다. 연결되지 않을 경우 매뉴얼을 확인하세요.\n아래 버튼을 클릭해 매뉴얼을 확인하실 수 있습니다.","exerciseRunner.controller.arduino.agent.instruction.connect.button":"매뉴얼 이동","exerciseRunner.controller.arduino.agent.instruction.close":"닫기","exerciseRunner.controller.buttonGroup.button.compile":"컴파일","exerciseRunner.controller.buttonGroup.button.helpRequest":"도와주세요","exerciseRunner.controller.buttonGroup.button.run":"실행","exerciseRunner.controller.buttonGroup.button.stop":"정지","exerciseRunner.controller.buttonGroup.button.submit":"제출","exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit":"실행만 가능한 실습입니다.","exerciseRunner.controller.buttonGroup.button.syncRequest":"코드 동기화","exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp":"AI에게 도움받기 기능이 추가되었어요.","exerciseRunner.controller.runningInfo.error.fetch":"최종 실행 내역을 가져오는데 문제가 발생하였습니다.","exerciseRunner.controller.runningInfo.lastRunningDatetime":"최종 실행 시간","exerciseRunner.controller.runningInfo.lastSubmitDatetime":"최종 제출 시간","exerciseRunner.controller.runningInfo.lastSubmitScore":"최종 제출 점수","exerciseRunner.controller.runningInfo.score":"{score} 점","exerciseRunner.controller.statusMessage.closed":"에디터 연결 끊김","exerciseRunner.controller.statusMessage.connecting":"에디터 연결 중...","exerciseRunner.controller.statusMessage.open":"에디터 연결됨","exerciseRunner.controller.timer.runningRemainingTime":"실행 제한시간: {remainingTime}","exerciseRunner.submitErrorDialog.action.confirm":"확인","exerciseRunner.submitErrorDialog.action.reload":"새로고침","exerciseRunner.submitErrorDialog.body.commonError":"코드 실행 중 오류가 발생했습니다.\n새로고침 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.exceedSubmitGradeLimit":"실습 제출 허용 횟수를 초과했습니다.","exerciseRunner.submitErrorDialog.body.expiredExerciseImage":"실습환경이 업데이트 되었습니다.\n새로고침 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.networkError":"코드 실행 중 오류가 발생했습니다.\n새로고침 후 다시 시도해주세요.\n문제가 계속되면 네트워크 상태를 확인해주세요.","exerciseRunner.submitErrorDialog.body.notForSubmitGrade":"제출이 허용되지 않은 실습입니다.","exerciseRunner.submitErrorDialog.body.notPreparedRoom":"실습환경이 준비 중입니다.\n잠시 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.roomIsBusy":"실습을 실행하고 있습니다.\n잠시만 기다려주세요.","exerciseRunner.submitErrorDialog.body.unknown":"코드 실행 중 오류가 발생했습니다.\n잠시 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.title":"실습을 실행할 수 없습니다"};
 
 module.exports = phrasesKo;

package/cjs/components/shared/exercise-menu-button/ExerciseMenuButton.js

@@ -16,7 +16,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 const StyledMenuButtonWrap = styled__default["default"].span.withConfig({
   componentId: "sc-48m0vh-0"
-})(["position:relative;margin-right:0.5rem;&:last-of-type{margin-right:0;}"]);
+})(["position:relative;"]);
 const StyledMenuButton = styled__default["default"](blocks.IconButton).withConfig({
   componentId: "sc-48m0vh-1"
 })(["", ""], ({

package/es/components/material-exercise/context/ExerciseProvider.js

@@ -37,8 +37,8 @@ const ExerciseProvider = _a => {
   const exercise = useRecoilValue(exerciseState(materialExerciseId));
   const exerciseRoom = useRecoilValue(exerciseRoomState(exerciseRoomId)); // lecture
 
-  const lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId));
-  const resetLecture = useResetRecoilState(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId)); // multilang languages
+  const lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
+  const resetLecture = useResetRecoilState(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId)); // multilang languages
 
   const exerciseMultilangLanguages = useRecoilValue(exerciseMultilangLanguagesState(exercise === null || exercise === void 0 ? void 0 : exercise.id));
   const resetExerciseMultilangLanguages = useResetRecoilState(exerciseMultilangLanguagesState(exercise === null || exercise === void 0 ? void 0 : exercise.id)); // etc
@@ -76,7 +76,7 @@ const ExerciseProvider = _a => {
   //
 
   React.useEffect(() => {
-    if (!(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId)) {
+    if (!(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId)) {
       return;
     }
 

package/es/components/material-exercise/context/recoil.d.ts

@@ -122,6 +122,10 @@ export declare const exerciseArduinoAgentConnectionState: import("recoil").Recoi
  * Arduino upload progress.
  */
 export declare const exerciseArduinoUploadProgressState: import("recoil").RecoilState<ArduinoUploadProgressStatus>;
+/**
+ * Arduino agent modal open status.
+ */
+export declare const exerciseArduinoAgentModalState: import("recoil").RecoilState<boolean>;
 /**
  *
  */

package/es/components/material-exercise/context/recoil.js

@@ -1,4 +1,4 @@
-import { postGlobalAccountPreferenceEdit, postOrgMaterialExerciseExerciseRoomUserFileAdd, getOrgLectureGet, getOrgMaterialExerciseGet, getOrgMaterialExerciseExerciseRoomGet, getOrgUserGet, getGlobalAccountPreferenceGet, getOrgMaterialExerciseExerciseImageExerciseFileGet, getOrgMaterialExerciseExerciseRoomUserFileGet } from '@elice/api-client';
+import { postGlobalAccountPreferenceEdit, postOrgMaterialExerciseExerciseRoomUserFileAdd, getOrgLectureGet, getOrgMaterialExerciseGet, getOrgLecturePageResolve, getOrgMaterialExerciseExerciseRoomGet, getOrgUserGet, getGlobalAccountPreferenceGet, getOrgMaterialExerciseExerciseImageExerciseFileGet, getOrgMaterialExerciseExerciseRoomUserFileGet } from '@elice/api-client';
 import { enums } from '@elice/types';
 import { EliceWebSocket } from '@elice/websocket';
 import { camelizeKeys } from 'humps';
@@ -66,7 +66,17 @@ const exerciseState = atomFamily({
     const get = async () => {
       setSelf(await getOrgMaterialExerciseGet({
         materialExerciseId
-      }).then(res => res.materialExercise).catch(() => null));
+      }).then(res => res.materialExercise).then(materialExercise => Promise.all([materialExercise, getOrgLecturePageResolve({
+        materialId: materialExercise.id,
+        materialType: enums.LectureMaterialType.Exercise
+      }).then(res => ({
+        _courseId: res.courseId,
+        _lectureId: res.lectureId,
+        _lecturePageId: res.lecturePageId,
+        _orderNo: res.orderNo
+      })).catch(err => {
+        throw err;
+      })])).then(([materialExercise, lecturePageResolve]) => Object.assign(Object.assign({}, materialExercise), lecturePageResolve)).catch(() => null));
     };
 
     if (trigger === 'get') {
@@ -546,6 +556,14 @@ const exerciseArduinoAgentConnectionState = atom({
 const exerciseArduinoUploadProgressState = atom({
   key: `${KEY_PREFIX}/Arduino/UploadProgressState`,
   default: 'ready'
+});
+/**
+ * Arduino agent modal open status.
+ */
+
+const exerciseArduinoAgentModalState = atom({
+  key: `${KEY_PREFIX}/Arduino/AgentModalState`,
+  default: false
 }); //
 // =============== others ===============
 //
@@ -597,4 +615,4 @@ const exerciseFileEditorCursorSelectionValueState = atom({
   default: null
 });
 
-export { exerciseActiveFilenameState, exerciseArduinoAgentConnectionState, exerciseArduinoOnSelectPortState, exerciseArduinoOpenedPortNameState, exerciseArduinoPortsState, exerciseArduinoPreferenceState, exerciseArduinoUploadProgressState, exerciseContainerSizeState, exerciseEditorPreferenceState, exerciseFileEditorCursorSelectionValueState, exerciseFileEditorCursorState, exerciseFileTabsOpenedState, exerciseFileTreeOpenedState, exerciseLectureState, exerciseMultilangEnvironmentState, exerciseMultilangLanguagesState, exercisePreviewDisplayModeState, exercisePreviewTypeState, exerciseRightpaneActiveState, exerciseRoomState, exerciseRunnerRoomConnectionInfoState, exerciseRunnerRunTypeState, exerciseRunnerRunningState, exerciseRunnerStdioFilesState, exerciseRunnerSubmittingState, exerciseRunnerWebSocketStatusQuery, exerciseState, exerciseUserState, exerciseWebsocketQuery, exerciseWebsocketStates };
+export { exerciseActiveFilenameState, exerciseArduinoAgentConnectionState, exerciseArduinoAgentModalState, exerciseArduinoOnSelectPortState, exerciseArduinoOpenedPortNameState, exerciseArduinoPortsState, exerciseArduinoPreferenceState, exerciseArduinoUploadProgressState, exerciseContainerSizeState, exerciseEditorPreferenceState, exerciseFileEditorCursorSelectionValueState, exerciseFileEditorCursorState, exerciseFileTabsOpenedState, exerciseFileTreeOpenedState, exerciseLectureState, exerciseMultilangEnvironmentState, exerciseMultilangLanguagesState, exercisePreviewDisplayModeState, exercisePreviewTypeState, exerciseRightpaneActiveState, exerciseRoomState, exerciseRunnerRoomConnectionInfoState, exerciseRunnerRunTypeState, exerciseRunnerRunningState, exerciseRunnerStdioFilesState, exerciseRunnerSubmittingState, exerciseRunnerWebSocketStatusQuery, exerciseState, exerciseUserState, exerciseWebsocketQuery, exerciseWebsocketStates };

package/es/components/material-exercise/context/recoilTypes.d.ts

@@ -10,7 +10,12 @@ export declare type AtomLectureState = GetOrgLectureGetResponses['lecture'] | nu
 /**
  * Material exercise.
  */
-export declare type AtomExerciseState = GetOrgMaterialExerciseGetResponses['materialExercise'] | null;
+export declare type AtomExerciseState = (GetOrgMaterialExerciseGetResponses['materialExercise'] & {
+    _courseId: number;
+    _lectureId: number;
+    _lecturePageId: number;
+    _orderNo: number;
+}) | null;
 /**
  * Material exercise room.
  */

package/es/components/material-exercise/exercise-file-editor/ExerciseFileEditor.js

@@ -47,7 +47,7 @@ const ExerciseFileEditor = () => {
   } = React.useContext(ExerciseContext);
   const exercise = useRecoilValue(exerciseState(materialExerciseId));
   const exerciseRoom = useRecoilValue(exerciseRoomState(exerciseRoomId));
-  const lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId));
+  const lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
   const preference = useRecoilValue(exerciseEditorPreferenceState);
   const activeFilename = useRecoilValue(exerciseActiveFilenameState);
   const readOnly = readOnlyEditor || readOnlyActiveFile;

package/es/components/material-exercise/exercise-menu/ExerciseMenu.js

@@ -11,6 +11,7 @@ import '../context/ExerciseProvider.js';
 import { withExerciseIntlProvider } from '../context/ExerciseIntlProvider.js';
 import phrasesEn from './locales/en.json.js';
 import phrasesKo from './locales/ko.json.js';
+import ExerciseMenuArduinoAgentModalButton from './ExerciseMenuArduinoAgentModalButton.js';
 import ExerciseMenuArduinoSettings from './ExerciseMenuArduinoSettings.js';
 import ExerciseMenuDropdown from './ExerciseMenuDropdown.js';
 import ExerciseMenuReset from './ExerciseMenuReset.js';
@@ -18,7 +19,7 @@ import ExerciseMenuStdioFileBrowser from './ExerciseMenuStdioFileBrowser.js';
 
 const StyledExerciseMenuWrapper = styled.div.withConfig({
   componentId: "sc-1gf6m87-0"
-})(["display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;height:2.25rem;background-color:", ";"], base.color.navy8);
+})(["display:flex;justify-content:center;align-items:center;padding:0 0.5rem 0 1rem;height:2.25rem;gap:0.5rem;background-color:", ";"], base.color.navy8);
 
 const ExerciseMenu = () => {
   const {
@@ -29,7 +30,7 @@ const ExerciseMenu = () => {
   //
   //
 
-  return React.createElement(StyledExerciseMenuWrapper, null, isArduinoExercise ? React.createElement(ExerciseMenuArduinoSettings, null) : React.createElement(ExerciseMenuStdioFileBrowser, null), React.createElement(ExerciseMenuReset, null), React.createElement(ExerciseMenuDropdown, null));
+  return React.createElement(StyledExerciseMenuWrapper, null, isArduinoExercise ? React.createElement(React.Fragment, null, React.createElement(ExerciseMenuArduinoAgentModalButton, null), React.createElement(ExerciseMenuArduinoSettings, null)) : React.createElement(ExerciseMenuStdioFileBrowser, null), React.createElement(ExerciseMenuReset, null), React.createElement(ExerciseMenuDropdown, null));
 };
 
 var ExerciseMenu$1 = withExerciseIntlProvider(ExerciseMenu, {

package/es/components/material-exercise/exercise-menu/ExerciseMenuArduinoAgentModalButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ExerciseMenuArduinoAgentModalButton: React.FC;
+export default ExerciseMenuArduinoAgentModalButton;

package/es/components/material-exercise/exercise-menu/ExerciseMenuArduinoAgentModalButton.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { Button, Icon } from '@elice/blocks';
+import { eilStatusDanger } from '@elice/icons';
+import { useSetRecoilState } from 'recoil';
+import { exerciseArduinoAgentModalState } from '../context/recoil.js';
+import '../context/context.js';
+import '../context/recoilTypes.js';
+import '../context/subjects.js';
+import '../context/ExerciseProvider.js';
+
+const ExerciseMenuArduinoAgentModalButton = () => {
+  const setOpen = useSetRecoilState(exerciseArduinoAgentModalState);
+
+  const handleClick = () => {
+    setOpen(true);
+  };
+
+  return React.createElement(Button, {
+    size: "micro",
+    role: "warning",
+    icon: React.createElement(Icon, {
+      icon: eilStatusDanger
+    }),
+    iconAlign: "left",
+    border: false,
+    onClick: handleClick
+  }, React.createElement(FormattedMessage, {
+    id: "exerciseMenu.arduino.agent.button"
+  }));
+};
+
+export { ExerciseMenuArduinoAgentModalButton as default };

package/es/components/material-exercise/exercise-menu/ExerciseMenuDropdown.js

@@ -21,7 +21,7 @@ const ExerciseMenuDropdown = () => {
   } = React.useContext(ExerciseContext);
   const user = useRecoilValue(exerciseUserState);
   const exercise = useRecoilValue(exerciseState(materialExerciseId));
-  const lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise.lectureId));
+  const lecture = useRecoilValue(exerciseLectureState(exercise === null || exercise === void 0 ? void 0 : exercise._lectureId));
   const activeFilename = useRecoilValue(exerciseActiveFilenameState);
   const setRightpaneActiveState = useSetRecoilState(exerciseRightpaneActiveState);
   const [isSubmitHistoryModalOpen, setIsSubmitHistoryModalOpen] = React.useState(false);

package/es/components/material-exercise/exercise-menu/locales/en.json.js

@@ -1,3 +1,3 @@
-var phrasesEn = {"exerciseMenu.dropdown.button.tooltip":"More","exerciseMenu.dropdown.item.codeHistory":"Submit History","exerciseMenu.dropdown.item.environment":"Environment","exerciseMenu.dropdown.item.preference":"Editor Preferences","exerciseMenu.dropdown.item.room":"Code Sharing","exerciseMenu.dropdown.item.submitHistory":"Code History","exerciseMenu.reset.button.tooltip.disabled":"The file cannot be reset","exerciseMenu.reset.button.tooltip.enabled":"Reset the file","exerciseMenu.reset.confirmDialog.body":"Are you sure you want to clear all the code you wrote at current file and reset it?","exerciseMenu.reset.confirmDialog.cancel":"Cencel","exerciseMenu.reset.confirmDialog.confirm":"Confirm","exerciseMenu.reset.confirmDialog.title":"Reset the file","exerciseMenu.stdioFileBrowser.button.tooltip":"File","exerciseMenu.stdioFileBrowser.popover.body.placeholder":"Files sent from your code\nappear here.","exerciseMenu.stdioFileBrowser.popover.header":"File"};
+var phrasesEn = {"exerciseMenu.dropdown.button.tooltip":"More","exerciseMenu.dropdown.item.codeHistory":"Submit History","exerciseMenu.dropdown.item.environment":"Environment","exerciseMenu.dropdown.item.preference":"Editor Preferences","exerciseMenu.dropdown.item.room":"Code Sharing","exerciseMenu.dropdown.item.submitHistory":"Code History","exerciseMenu.arduino.agent.button":"Having problem with connecting to arduino?","exerciseMenu.reset.button.tooltip.disabled":"The file cannot be reset","exerciseMenu.reset.button.tooltip.enabled":"Reset the file","exerciseMenu.reset.confirmDialog.body":"Are you sure you want to clear all the code you wrote at current file and reset it?","exerciseMenu.reset.confirmDialog.cancel":"Cencel","exerciseMenu.reset.confirmDialog.confirm":"Confirm","exerciseMenu.reset.confirmDialog.title":"Reset the file","exerciseMenu.stdioFileBrowser.button.tooltip":"File","exerciseMenu.stdioFileBrowser.popover.body.placeholder":"Files sent from your code\nappear here.","exerciseMenu.stdioFileBrowser.popover.header":"File"};
 
 export { phrasesEn as default };

package/es/components/material-exercise/exercise-menu/locales/ko.json.js

@@ -1,3 +1,3 @@
-var phrasesKo = {"exerciseMenu.dropdown.button.tooltip":"더 보기","exerciseMenu.dropdown.item.codeHistory":"코드 수정 이력","exerciseMenu.dropdown.item.environment":"실습 환경","exerciseMenu.dropdown.item.preference":"에디터 설정","exerciseMenu.dropdown.item.room":"코드 공유","exerciseMenu.dropdown.item.submitHistory":"실행/제출 이력","exerciseMenu.reset.button.tooltip.disabled":"해당 파일은 초기화를 할 수 없습니다","exerciseMenu.reset.button.tooltip.enabled":"코드 초기화","exerciseMenu.reset.confirmDialog.body":"작성한 코드를 모두 지우고 초기화하시겠습니까?","exerciseMenu.reset.confirmDialog.cancel":"취소","exerciseMenu.reset.confirmDialog.confirm":"확인","exerciseMenu.reset.confirmDialog.title":"코드 초기화","exerciseMenu.stdioFileBrowser.button.tooltip":"파일","exerciseMenu.stdioFileBrowser.popover.body.placeholder":"코드에서 전송한 파일이\n여기에 표시됩니다.","exerciseMenu.stdioFileBrowser.popover.header":"파일"};
+var phrasesKo = {"exerciseMenu.dropdown.button.tooltip":"더 보기","exerciseMenu.dropdown.item.codeHistory":"코드 수정 이력","exerciseMenu.dropdown.item.environment":"실습 환경","exerciseMenu.dropdown.item.preference":"에디터 설정","exerciseMenu.dropdown.item.room":"코드 공유","exerciseMenu.dropdown.item.submitHistory":"실행/제출 이력","exerciseMenu.arduino.agent.button":"아두이노 연결 중 문제가 발생했나요?","exerciseMenu.reset.button.tooltip.disabled":"해당 파일은 초기화를 할 수 없습니다","exerciseMenu.reset.button.tooltip.enabled":"코드 초기화","exerciseMenu.reset.confirmDialog.body":"작성한 코드를 모두 지우고 초기화하시겠습니까?","exerciseMenu.reset.confirmDialog.cancel":"취소","exerciseMenu.reset.confirmDialog.confirm":"확인","exerciseMenu.reset.confirmDialog.title":"코드 초기화","exerciseMenu.stdioFileBrowser.button.tooltip":"파일","exerciseMenu.stdioFileBrowser.popover.body.placeholder":"코드에서 전송한 파일이\n여기에 표시됩니다.","exerciseMenu.stdioFileBrowser.popover.header":"파일"};
 
 export { phrasesKo as default };

package/es/components/material-exercise/exercise-room/ExerciseRoomDetail.js

@@ -26,7 +26,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   goToList,
   onHide
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
 
   const intl = useIntl();
   const {
@@ -44,7 +44,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   const [isLeaveDialogOpen, setIsLeaveDialogOpen] = React.useState(false);
   const [isDeleting, setIsDeleting] = React.useState(false);
   const isThisChatRoomOwner = (_b = ((_a = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.roomUsers.find(roomUser => roomUser.user.id === (user === null || user === void 0 ? void 0 : user.id))) === null || _a === void 0 ? void 0 : _a.permission) === enums.ExerciseRoomPermission.Owner) !== null && _b !== void 0 ? _b : false;
-  const shareLink = materialExercise ? `https://${window.location.host}/courses/${materialExercise.courseId}/lectures/${materialExercise.lectureId}/materials/${(_c = materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise.mainOrderNo) !== null && _c !== void 0 ? _c : 0}/projects/${selectedExerciseRoomId}` : '';
+  const shareLink = materialExercise ? `https://${window.location.host}/courses/${materialExercise._courseId}/lectures/${materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise._lectureId}/materials/${materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise._orderNo}/projects/${selectedExerciseRoomId}` : '';
   const [, copyToClipboard] = useCopyToClipboard();
   const doGetOrgMaterialExerciseExerciseRoomGet = React.useCallback(() => {
     return getOrgMaterialExerciseExerciseRoomGet({
@@ -92,7 +92,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   const doGetOrgCourseUserList = React.useCallback(() => {
     if (materialExercise) {
       return getOrgCourseUserList({
-        courseId: materialExercise.courseId,
+        courseId: materialExercise._courseId,
         isForTutoring: false,
         count: 20,
         offset: 0,
@@ -166,7 +166,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   return React.createElement(StyledModal, {
     theme: "dark",
     onHide: onHide,
-    title: (_d = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.title) !== null && _d !== void 0 ? _d : '',
+    title: (_c = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.title) !== null && _c !== void 0 ? _c : '',
     headerIcon: eilArrowLeftwardsSingle,
     onHeaderIconClick: goToList,
     footerChild: exerciseRoom ? exerciseRoom.isDefaultRoom ? React.createElement(Flex, {
@@ -209,7 +209,7 @@ const MaterialExerciseExerciseRoomDetail = ({
       label: intl.formatMessage({
         id: 'materialExerciseExerciseRoom.leave'
       }),
-      disabled: (_e = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.isDefaultRoom) !== null && _e !== void 0 ? _e : false,
+      disabled: (_d = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.isDefaultRoom) !== null && _d !== void 0 ? _d : false,
       role: 'gray6',
       onClick: () => {
         setIsLeaveDialogOpen(true);
@@ -441,7 +441,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   }), isThisChatRoomOwner ? React.createElement(React.Fragment, null, React.createElement(Select, {
     size: "small",
     width: "small",
-    value: (_f = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.publicPermission) !== null && _f !== void 0 ? _f : enums.ExerciseRoomPermission.Nothing,
+    value: (_e = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.publicPermission) !== null && _e !== void 0 ? _e : enums.ExerciseRoomPermission.Nothing,
     onChange: value => {
       doPostOrgMaterialExerciseExerciseRoomEdit(value);
     },

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

@@ -9,6 +9,7 @@ import { ExerciseContext } from '../context/context.js';
 import '../context/recoilTypes.js';
 import '../context/subjects.js';
 import '../context/ExerciseProvider.js';
+import ExerciseRunnerControllerArduinoAgentModal from './ExerciseRunnerControllerArduinoAgentModal.js';
 import ExerciseRunnerControllerArduinoStatusMessage from './ExerciseRunnerControllerArduinoStatusMessage.js';
 import ExerciseRunnerControllerButtonGroup from './ExerciseRunnerControllerButtonGroup.js';
 import ExerciseRunnerControllerRunningInfo from './ExerciseRunnerControllerRunningInfo.js';
@@ -33,7 +34,7 @@ const ExerciseRunnerController = () => {
   }), React.createElement(ExerciseRunnerControllerRunningInfo, null), React.createElement(ExerciseRunnerControllerTimer, null)), React.createElement(Flex, {
     column: true,
     align: "flex-end"
-  }, React.createElement(ExerciseRunnerControllerStatusMessage, null), isArduinoExercise ? React.createElement(ExerciseRunnerControllerArduinoStatusMessage, null) : null));
+  }, React.createElement(ExerciseRunnerControllerStatusMessage, null), isArduinoExercise ? React.createElement(ExerciseRunnerControllerArduinoStatusMessage, null) : null), isArduinoExercise ? React.createElement(ExerciseRunnerControllerArduinoAgentModal, null) : null);
 };
 
 export { ExerciseRunnerController as default };

package/es/components/material-exercise/exercise-runner/ExerciseRunnerControllerArduinoAgentModal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ExerciseRunnerControllerArduinoAgentModal: React.FC;
+export default ExerciseRunnerControllerArduinoAgentModal;

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

@@ -0,0 +1,130 @@
+import React from 'react';
+import { useIntl, FormattedMessage } from 'react-intl';
+import { Modal, Text, Vspace, Flex, Button, Icon, Hspace } from '@elice/blocks';
+import { eisWindows, eisMac, eilArrowRightwardsBasic } from '@elice/icons';
+import FileSaver from 'file-saver';
+import { useRecoilState } from 'recoil';
+import { exerciseArduinoAgentModalState } from '../context/recoil.js';
+import '../context/context.js';
+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;
+
+    if (!isConfirmed) {
+      setOpen(true);
+    }
+  }, [setOpen]);
+
+  const 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);
+  };
+
+  const renderAgentInstallInstruction = () => {
+    return React.createElement(React.Fragment, null, React.createElement(Text, {
+      bold: true,
+      role: "gray0"
+    }, React.createElement(FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.install"
+    })), React.createElement(Vspace, {
+      height: 0.25
+    }), React.createElement(Text, {
+      role: "navy",
+      size: "small"
+    }, React.createElement(FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.install.detail"
+    })), React.createElement(Vspace, {
+      height: 0.75
+    }), React.createElement(Flex, null, React.createElement(Button, {
+      size: "tiny",
+      role: "gray1",
+      icon: React.createElement(Icon, {
+        icon: eisWindows,
+        size: "huge"
+      }),
+      iconAlign: "left",
+      onClick: () => handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL)
+    }, React.createElement(FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.install.window"
+    })), React.createElement(Hspace, {
+      width: 0.75
+    }), React.createElement(Button, {
+      size: "tiny",
+      role: "gray1",
+      icon: React.createElement(Icon, {
+        icon: eisMac
+      }),
+      iconAlign: "left",
+      onClick: () => handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL)
+    }, React.createElement(FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.install.mac"
+    }))));
+  };
+
+  const renderAgentConnectionInstruction = () => {
+    return React.createElement(React.Fragment, null, React.createElement(Text, {
+      role: "gray0",
+      bold: true
+    }, React.createElement(FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.connect"
+    })), React.createElement(Vspace, {
+      height: 0.25
+    }), React.createElement(Text, {
+      role: "navy",
+      size: "small",
+      lineHeight: 1.6
+    }, React.createElement(FormattedMessage, {
+      id: "exerciseRunner.controller.arduino.agent.instruction.connect.detail"
+    })), React.createElement(Vspace, {
+      height: 0.75
+    }), React.createElement(Button, {
+      icon: React.createElement(Icon, {
+        icon: eilArrowRightwardsBasic
+      }),
+      iconAlign: "right",
+      size: "tiny",
+      role: "secondary",
+      onClick: () => 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({
+      id: 'exerciseRunner.controller.arduino.agent.title'
+    }),
+    footerButtons: [{
+      label: intl.formatMessage({
+        id: 'exerciseRunner.controller.arduino.agent.instruction.close'
+      }),
+      onClick: handleClose
+    }],
+    onHide: handleClose
+  }, React.createElement(React.Fragment, null, renderAgentInstallInstruction(), React.createElement(Vspace, {
+    height: 1.5
+  }), renderAgentConnectionInstruction()));
+};
+
+export { ExerciseRunnerControllerArduinoAgentModal as default };

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

@@ -52,7 +52,7 @@ const ExerciseRunnerControllerButtonGroup = () => {
   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 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
 

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

@@ -97,15 +97,19 @@ const ExerciseRunnerControllerRunningInfo = () => {
   //
 
   React.useEffect(() => {
-    if (exercise === null || exercise === void 0 ? void 0 : exercise.courseId) {
-      getOrgCourseGet({
-        courseId: exercise.courseId
-      }).then(({
-        course
-      }) => {
-        setCourse(course);
-      }).catch(console.error);
+    if (!exercise) {
+      return;
     }
+
+    const abortCtrl = new AbortController();
+    getOrgCourseGet({
+      courseId: exercise._courseId
+    }, {
+      signal: abortCtrl.signal
+    }).then(res => res.course).then(setCourse).catch(console.error);
+    return () => {
+      abortCtrl.abort();
+    };
   }, [exercise]);
   /**
    * Last running score.

package/es/components/material-exercise/exercise-runner/locales/en.json.js

@@ -1,3 +1,3 @@
-var phrasesEn = {"exerciseRunner.controller.arduino.connectionStatus.connected":"Connected to Arduino","exerciseRunner.controller.arduino.connectionStatus.connectedDevice":"Connected to {device}","exerciseRunner.controller.arduino.connectionStatus.connecting":"Connecting to Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.disconnected":"Disconnected from Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.noDevice":"No connected device","exerciseRunner.controller.arduino.connectionStatus.reconnecting":"Connecting to Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.uploading":"Uploading...","exerciseRunner.controller.buttonGroup.button.compile":"Compile","exerciseRunner.controller.buttonGroup.button.helpRequest":"Help me","exerciseRunner.controller.buttonGroup.button.run":"Run","exerciseRunner.controller.buttonGroup.button.stop":"Stop","exerciseRunner.controller.buttonGroup.button.submit":"Submit","exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit":"Exercise without submission","exerciseRunner.controller.buttonGroup.button.syncRequest":"Sync code","exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp":"A function to get help from AI has been added.","exerciseRunner.controller.runningInfo.error.fetch":"An error occurred while fetching running info","exerciseRunner.controller.runningInfo.lastRunningDatetime":"Last running datetime","exerciseRunner.controller.runningInfo.lastSubmitDatetime":"Last submit datetime","exerciseRunner.controller.runningInfo.lastSubmitScore":"Last submit score","exerciseRunner.controller.runningInfo.score":"{score}","exerciseRunner.controller.statusMessage.closed":"Editor disconnected","exerciseRunner.controller.statusMessage.connecting":"Connecting to editor...","exerciseRunner.controller.statusMessage.open":"Editor connected","exerciseRunner.controller.timer.runningRemainingTime":"Remaining: {remainingTime}","exerciseRunner.submitErrorDialog.action.confirm":"OK","exerciseRunner.submitErrorDialog.action.reload":"Reload page","exerciseRunner.submitErrorDialog.body.commonError":"An error occurred while running the code.\nPlease refresh and try again.","exerciseRunner.submitErrorDialog.body.exceedSubmitGradeLimit":"You have exceeded the allowed number of lab submissions.","exerciseRunner.submitErrorDialog.body.expiredExerciseImage":"The exercise image has been updated.\nPlease refresh and try again.","exerciseRunner.submitErrorDialog.body.networkError":"An error occurred while running the code.\nPlease refresh and try again.\nIf the problem persists, please check the network status.","exerciseRunner.submitErrorDialog.body.notForSubmitGrade":"This exercise is not allowed to be submitted.","exerciseRunner.submitErrorDialog.body.notPreparedRoom":"The exercise room is being prepared.\nPlease try again later.","exerciseRunner.submitErrorDialog.body.roomIsBusy":"The exercise room is running.\nPlease wait a moment.","exerciseRunner.submitErrorDialog.body.unknown":"An error occurred while running the code.\nPlease try again later.","exerciseRunner.submitErrorDialog.title":"Unable to run the code"};
+var phrasesEn = {"exerciseRunner.controller.arduino.connectionStatus.connected":"Connected to Arduino","exerciseRunner.controller.arduino.connectionStatus.connectedDevice":"Connected to {device}","exerciseRunner.controller.arduino.connectionStatus.connecting":"Connecting to Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.disconnected":"Disconnected from Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.noDevice":"No connected device","exerciseRunner.controller.arduino.connectionStatus.reconnecting":"Connecting to Elice Arduino Agent","exerciseRunner.controller.arduino.connectionStatus.uploading":"Uploading...","exerciseRunner.controller.arduino.agent.title":"Connect to Agent","exerciseRunner.controller.arduino.agent.instruction.install":"1. Install Elice arduino agent","exerciseRunner.controller.arduino.agent.instruction.install.detail":"Install 'elice-arduino-agent' program to connect to arduino.","exerciseRunner.controller.arduino.agent.instruction.install.window":"Download for Windows","exerciseRunner.controller.arduino.agent.instruction.install.mac":"Download for MacOS","exerciseRunner.controller.arduino.agent.instruction.connect":"2. Connect to arduino","exerciseRunner.controller.arduino.agent.instruction.connect.detail":"After the download is completed, it should be connected to exercise environment. If connection is unavailable, please follow the manual.\nClick the button below to read the manual.","exerciseRunner.controller.arduino.agent.instruction.connect.button":"Go to Manual","exerciseRunner.controller.arduino.agent.instruction.close":"Close","exerciseRunner.controller.buttonGroup.button.compile":"Compile","exerciseRunner.controller.buttonGroup.button.helpRequest":"Help me","exerciseRunner.controller.buttonGroup.button.run":"Run","exerciseRunner.controller.buttonGroup.button.stop":"Stop","exerciseRunner.controller.buttonGroup.button.submit":"Submit","exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit":"Exercise without submission","exerciseRunner.controller.buttonGroup.button.syncRequest":"Sync code","exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp":"A function to get help from AI has been added.","exerciseRunner.controller.runningInfo.error.fetch":"An error occurred while fetching running info","exerciseRunner.controller.runningInfo.lastRunningDatetime":"Last running datetime","exerciseRunner.controller.runningInfo.lastSubmitDatetime":"Last submit datetime","exerciseRunner.controller.runningInfo.lastSubmitScore":"Last submit score","exerciseRunner.controller.runningInfo.score":"{score}","exerciseRunner.controller.statusMessage.closed":"Editor disconnected","exerciseRunner.controller.statusMessage.connecting":"Connecting to editor...","exerciseRunner.controller.statusMessage.open":"Editor connected","exerciseRunner.controller.timer.runningRemainingTime":"Remaining: {remainingTime}","exerciseRunner.submitErrorDialog.action.confirm":"OK","exerciseRunner.submitErrorDialog.action.reload":"Reload page","exerciseRunner.submitErrorDialog.body.commonError":"An error occurred while running the code.\nPlease refresh and try again.","exerciseRunner.submitErrorDialog.body.exceedSubmitGradeLimit":"You have exceeded the allowed number of lab submissions.","exerciseRunner.submitErrorDialog.body.expiredExerciseImage":"The exercise image has been updated.\nPlease refresh and try again.","exerciseRunner.submitErrorDialog.body.networkError":"An error occurred while running the code.\nPlease refresh and try again.\nIf the problem persists, please check the network status.","exerciseRunner.submitErrorDialog.body.notForSubmitGrade":"This exercise is not allowed to be submitted.","exerciseRunner.submitErrorDialog.body.notPreparedRoom":"The exercise room is being prepared.\nPlease try again later.","exerciseRunner.submitErrorDialog.body.roomIsBusy":"The exercise room is running.\nPlease wait a moment.","exerciseRunner.submitErrorDialog.body.unknown":"An error occurred while running the code.\nPlease try again later.","exerciseRunner.submitErrorDialog.title":"Unable to run the code"};
 
 export { phrasesEn as default };

package/es/components/material-exercise/exercise-runner/locales/ko.json.js

@@ -1,3 +1,3 @@
-var phrasesKo = {"exerciseRunner.controller.arduino.connectionStatus.connected":"아두이노 기기 연결됨","exerciseRunner.controller.arduino.connectionStatus.connectedDevice":"{device} 연결됨","exerciseRunner.controller.arduino.connectionStatus.connecting":"엘리스 아두이노 에이전트 연결 중","exerciseRunner.controller.arduino.connectionStatus.disconnected":"엘리스 아두이노 에이전트 연결 끊김","exerciseRunner.controller.arduino.connectionStatus.noDevice":"연결된 기기 없음","exerciseRunner.controller.arduino.connectionStatus.reconnecting":"엘리스 아두이노 에이전트 연결 중","exerciseRunner.controller.arduino.connectionStatus.uploading":"업로드 중","exerciseRunner.controller.buttonGroup.button.compile":"컴파일","exerciseRunner.controller.buttonGroup.button.helpRequest":"도와주세요","exerciseRunner.controller.buttonGroup.button.run":"실행","exerciseRunner.controller.buttonGroup.button.stop":"정지","exerciseRunner.controller.buttonGroup.button.submit":"제출","exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit":"실행만 가능한 실습입니다.","exerciseRunner.controller.buttonGroup.button.syncRequest":"코드 동기화","exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp":"AI에게 도움받기 기능이 추가되었어요.","exerciseRunner.controller.runningInfo.error.fetch":"최종 실행 내역을 가져오는데 문제가 발생하였습니다.","exerciseRunner.controller.runningInfo.lastRunningDatetime":"최종 실행 시간","exerciseRunner.controller.runningInfo.lastSubmitDatetime":"최종 제출 시간","exerciseRunner.controller.runningInfo.lastSubmitScore":"최종 제출 점수","exerciseRunner.controller.runningInfo.score":"{score} 점","exerciseRunner.controller.statusMessage.closed":"에디터 연결 끊김","exerciseRunner.controller.statusMessage.connecting":"에디터 연결 중...","exerciseRunner.controller.statusMessage.open":"에디터 연결됨","exerciseRunner.controller.timer.runningRemainingTime":"실행 제한시간: {remainingTime}","exerciseRunner.submitErrorDialog.action.confirm":"확인","exerciseRunner.submitErrorDialog.action.reload":"새로고침","exerciseRunner.submitErrorDialog.body.commonError":"코드 실행 중 오류가 발생했습니다.\n새로고침 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.exceedSubmitGradeLimit":"실습 제출 허용 횟수를 초과했습니다.","exerciseRunner.submitErrorDialog.body.expiredExerciseImage":"실습환경이 업데이트 되었습니다.\n새로고침 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.networkError":"코드 실행 중 오류가 발생했습니다.\n새로고침 후 다시 시도해주세요.\n문제가 계속되면 네트워크 상태를 확인해주세요.","exerciseRunner.submitErrorDialog.body.notForSubmitGrade":"제출이 허용되지 않은 실습입니다.","exerciseRunner.submitErrorDialog.body.notPreparedRoom":"실습환경이 준비 중입니다.\n잠시 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.roomIsBusy":"실습을 실행하고 있습니다.\n잠시만 기다려주세요.","exerciseRunner.submitErrorDialog.body.unknown":"코드 실행 중 오류가 발생했습니다.\n잠시 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.title":"실습을 실행할 수 없습니다"};
+var phrasesKo = {"exerciseRunner.controller.arduino.connectionStatus.connected":"아두이노 기기 연결됨","exerciseRunner.controller.arduino.connectionStatus.connectedDevice":"{device} 연결됨","exerciseRunner.controller.arduino.connectionStatus.connecting":"엘리스 아두이노 에이전트 연결 중","exerciseRunner.controller.arduino.connectionStatus.disconnected":"엘리스 아두이노 에이전트 연결 끊김","exerciseRunner.controller.arduino.connectionStatus.noDevice":"연결된 기기 없음","exerciseRunner.controller.arduino.connectionStatus.reconnecting":"엘리스 아두이노 에이전트 연결 중","exerciseRunner.controller.arduino.connectionStatus.uploading":"업로드 중","exerciseRunner.controller.arduino.agent.title":"에이전트 연결","exerciseRunner.controller.arduino.agent.instruction.install":"1. 엘리스 아두이노 에이전트 설치하기","exerciseRunner.controller.arduino.agent.instruction.install.detail":"아두이노와 연결하기 위해 ‘엘리스 아두이노 에이전트'를 설치해주세요.","exerciseRunner.controller.arduino.agent.instruction.install.window":"Windows 용 설치","exerciseRunner.controller.arduino.agent.instruction.install.mac":"MacOS 용 설치","exerciseRunner.controller.arduino.agent.instruction.connect":"2. 연결하기","exerciseRunner.controller.arduino.agent.instruction.connect.detail":"다운로드를 완료하였다면 실습 환경과 연결이 필요합니다. 연결되지 않을 경우 매뉴얼을 확인하세요.\n아래 버튼을 클릭해 매뉴얼을 확인하실 수 있습니다.","exerciseRunner.controller.arduino.agent.instruction.connect.button":"매뉴얼 이동","exerciseRunner.controller.arduino.agent.instruction.close":"닫기","exerciseRunner.controller.buttonGroup.button.compile":"컴파일","exerciseRunner.controller.buttonGroup.button.helpRequest":"도와주세요","exerciseRunner.controller.buttonGroup.button.run":"실행","exerciseRunner.controller.buttonGroup.button.stop":"정지","exerciseRunner.controller.buttonGroup.button.submit":"제출","exerciseRunner.controller.buttonGroup.button.submit.tooltip.noSubmit":"실행만 가능한 실습입니다.","exerciseRunner.controller.buttonGroup.button.syncRequest":"코드 동기화","exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp":"AI에게 도움받기 기능이 추가되었어요.","exerciseRunner.controller.runningInfo.error.fetch":"최종 실행 내역을 가져오는데 문제가 발생하였습니다.","exerciseRunner.controller.runningInfo.lastRunningDatetime":"최종 실행 시간","exerciseRunner.controller.runningInfo.lastSubmitDatetime":"최종 제출 시간","exerciseRunner.controller.runningInfo.lastSubmitScore":"최종 제출 점수","exerciseRunner.controller.runningInfo.score":"{score} 점","exerciseRunner.controller.statusMessage.closed":"에디터 연결 끊김","exerciseRunner.controller.statusMessage.connecting":"에디터 연결 중...","exerciseRunner.controller.statusMessage.open":"에디터 연결됨","exerciseRunner.controller.timer.runningRemainingTime":"실행 제한시간: {remainingTime}","exerciseRunner.submitErrorDialog.action.confirm":"확인","exerciseRunner.submitErrorDialog.action.reload":"새로고침","exerciseRunner.submitErrorDialog.body.commonError":"코드 실행 중 오류가 발생했습니다.\n새로고침 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.exceedSubmitGradeLimit":"실습 제출 허용 횟수를 초과했습니다.","exerciseRunner.submitErrorDialog.body.expiredExerciseImage":"실습환경이 업데이트 되었습니다.\n새로고침 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.networkError":"코드 실행 중 오류가 발생했습니다.\n새로고침 후 다시 시도해주세요.\n문제가 계속되면 네트워크 상태를 확인해주세요.","exerciseRunner.submitErrorDialog.body.notForSubmitGrade":"제출이 허용되지 않은 실습입니다.","exerciseRunner.submitErrorDialog.body.notPreparedRoom":"실습환경이 준비 중입니다.\n잠시 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.body.roomIsBusy":"실습을 실행하고 있습니다.\n잠시만 기다려주세요.","exerciseRunner.submitErrorDialog.body.unknown":"코드 실행 중 오류가 발생했습니다.\n잠시 후 다시 시도해주세요.","exerciseRunner.submitErrorDialog.title":"실습을 실행할 수 없습니다"};
 
 export { phrasesKo as default };

package/es/components/shared/exercise-menu-button/ExerciseMenuButton.js

@@ -9,7 +9,7 @@ import styled from 'styled-components';
 
 const StyledMenuButtonWrap = styled.span.withConfig({
   componentId: "sc-48m0vh-0"
-})(["position:relative;margin-right:0.5rem;&:last-of-type{margin-right:0;}"]);
+})(["position:relative;"]);
 const StyledMenuButton = styled(IconButton).withConfig({
   componentId: "sc-48m0vh-1"
 })(["", ""], ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.230220.2",
+  "version": "1.230306.0",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -29,14 +29,14 @@
     "clean": "del-cli \"es/*\" \"cjs/*\" \"dist/*\""
   },
   "peerDependencies": {
-    "@elice/api-client": "1.230215.1",
+    "@elice/api-client": "^1.230306.0",
     "@elice/blocks": "^1.220803.0",
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.220803.0",
     "@elice/markdown": "^1.220803.0",
     "@elice/material-shared-types": "*",
     "@elice/material-shared-utils": "*",
-    "@elice/types": "1.230215.1",
+    "@elice/types": "^1.230306.0",
     "@elice/websocket": "^1.220803.0",
     "humps": "^2.0.1",
     "lodash": "^4.17.21",
@@ -74,14 +74,14 @@
     "xterm-addon-fit": "^0.5.0"
   },
   "devDependencies": {
-    "@elice/api-client": "1.230215.1",
+    "@elice/api-client": "^1.230306.0",
     "@elice/blocks": "^1.220803.0",
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.220803.0",
     "@elice/markdown": "^1.220803.0",
-    "@elice/material-shared-types": "1.230220.2",
-    "@elice/material-shared-utils": "1.230220.2",
-    "@elice/types": "1.230215.1",
+    "@elice/material-shared-types": "1.230306.0",
+    "@elice/material-shared-utils": "1.230306.0",
+    "@elice/types": "^1.230306.0",
     "@elice/websocket": "^1.220803.0",
     "@types/classnames": "^2.3.1",
     "@types/color": "^3.0.3",
@@ -102,5 +102,5 @@
     "recoil": "^0.6.1",
     "styled-components": "^5.2.0"
   },
-  "gitHead": "f49499e86ce2ccbea6a1b83e070649a3167f8074"
+  "gitHead": "2ba30b7324d9fd782970a0343a6573827159b737"
 }