@elice/material-exercise 1.230328.0 → 1.230418.0

package/cjs/components/material-exercise/exercise-submit-history/ExerciseSubmitHistory.js

@@ -1,6 +1,10 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
+var reactIntl = require('react-intl');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
 var types = require('@elice/types');
@@ -21,255 +25,354 @@ var context = require('../context/context.js');
 require('../context/recoilTypes.js');
 require('../context/subjects.js');
 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 ExerciseSubmitHistoryOutput = require('./ExerciseSubmitHistoryOutput.js');
 var ExerciseVersionListItem_styled = require('../../shared/exercise-version-list/ExerciseVersionListItem.styled.js');
 var ExerciseSubmitHistory_styled = require('./ExerciseSubmitHistory.styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, 'default': e }); }
-
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 
-const AsyncFileTree = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('../../shared/file-tree/FileTree.js')); }));
-const AsyncFileTreeList = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('../../shared/file-tree/FileTreeList.js')); }));
-const AsyncFileViewer = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('../../shared/file-viewer/FileViewer.js')); }));
-
-const ExerciseSubmitHistory = ({
-  onHide
-}) => {
-  const COUNT = 100;
-  const {
-    materialExerciseId,
-    exerciseRoomId,
-    exerciseRoomUserId
-  } = React__default["default"].useContext(context.ExerciseContext);
-  const exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  const preference = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState);
-  const [runningList, setRunningList] = React.useState([]);
-  const [selectedRunning, setSelectedRunning] = React.useState(null);
-  const [hasMoreRunning, setMoreRunning] = React.useState(false);
-  const [offset, setOffset] = React.useState(0);
-  const [fileList, setFileList] = React.useState([]);
-  const [selectedFile, setSelectedFile] = React.useState(null);
-  const [usercodeContent, setUsercodeContent] = React.useState(null);
-  const [isUserChanged, setIsUserChanged] = React.useState(false);
-  const [isFile, setIsFile] = React.useState(false);
-  const [isFileReady, setIsFileReady] = React.useState(false);
-  const selectedFileUrl = useMaterialExerciseFileUrl.useMaterialExerciseFileUrl({
+var AsyncFileTree = React__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return require('../../shared/file-tree/FileTree.js'); });
+});
+var AsyncFileTreeList = React__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return require('../../shared/file-tree/FileTreeList.js'); });
+});
+var AsyncFileViewer = React__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return require('../../shared/file-viewer/FileViewer.js'); });
+});
+var ExerciseSubmitHistory = function ExerciseSubmitHistory(_ref) {
+  var onHide = _ref.onHide;
+  var COUNT = 100;
+  var intl = reactIntl.useIntl();
+  var _React$useContext = React__default["default"].useContext(context.ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId,
+    exerciseRoomId = _React$useContext.exerciseRoomId,
+    exerciseRoomUserId = _React$useContext.exerciseRoomUserId;
+  var exercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  var preference = recoil.useRecoilValue(recoil$1.exerciseEditorPreferenceState);
+  var _useState = React.useState([]),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    runningList = _useState2[0],
+    setRunningList = _useState2[1];
+  var _useState3 = React.useState(null),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    selectedRunning = _useState4[0],
+    setSelectedRunning = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    hasMoreRunning = _useState6[0],
+    setMoreRunning = _useState6[1];
+  var _useState7 = React.useState(0),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    offset = _useState8[0],
+    setOffset = _useState8[1];
+  var _useState9 = React.useState([]),
+    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
+    fileList = _useState10[0],
+    setFileList = _useState10[1];
+  var _useState11 = React.useState(null),
+    _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
+    selectedFile = _useState12[0],
+    setSelectedFile = _useState12[1];
+  var _useState13 = React.useState(null),
+    _useState14 = _rollupPluginBabelHelpers.slicedToArray(_useState13, 2),
+    usercodeContent = _useState14[0],
+    setUsercodeContent = _useState14[1];
+  var _useState15 = React.useState(false),
+    _useState16 = _rollupPluginBabelHelpers.slicedToArray(_useState15, 2),
+    isUserChanged = _useState16[0],
+    setIsUserChanged = _useState16[1];
+  var _useState17 = React.useState(false),
+    _useState18 = _rollupPluginBabelHelpers.slicedToArray(_useState17, 2),
+    isFile = _useState18[0],
+    setIsFile = _useState18[1];
+  var _useState19 = React.useState(false),
+    _useState20 = _rollupPluginBabelHelpers.slicedToArray(_useState19, 2),
+    isFileReady = _useState20[0],
+    setIsFileReady = _useState20[1];
+  var selectedFileUrl = useMaterialExerciseFileUrl.useMaterialExerciseFileUrl({
     filename: selectedFile,
-    exercise,
-    exerciseRoomId
-  }); //
+    exercise: exercise,
+    exerciseRoomId: exerciseRoomId
+  });
   //
   //
-
-  React.useEffect(() => {
-    void (async () => {
-      try {
-        const {
-          exerciseRunnings
-        } = await apiClient.getOrgMaterialExerciseExerciseRunningList({
-          materialExerciseId,
-          userId: exerciseRoomUserId,
-          offset,
-          count: COUNT
-        });
-        setRunningList(runningList => {
-          if (runningList.length === 0 && exerciseRunnings[0]) {
-            setSelectedRunning(exerciseRunnings[0]);
-          }
-
-          return [...runningList, ...exerciseRunnings];
-        });
-        setMoreRunning(exerciseRunnings.length === COUNT);
-      } catch (err) {}
-    })();
-  }, [materialExerciseId, exerciseRoomUserId, offset]); //
+  //
+  React.useEffect(function () {
+    void _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+      var _yield$getOrgMaterial, exerciseRunnings;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return apiClient.getOrgMaterialExerciseExerciseRunningList({
+              materialExerciseId: materialExerciseId,
+              userId: exerciseRoomUserId,
+              offset: offset,
+              count: COUNT
+            });
+          case 3:
+            _yield$getOrgMaterial = _context.sent;
+            exerciseRunnings = _yield$getOrgMaterial.exerciseRunnings;
+            setRunningList(function (runningList) {
+              if (runningList.length === 0 && exerciseRunnings[0]) {
+                setSelectedRunning(exerciseRunnings[0]);
+              }
+              return [].concat(_rollupPluginBabelHelpers.toConsumableArray(runningList), _rollupPluginBabelHelpers.toConsumableArray(exerciseRunnings));
+            });
+            setMoreRunning(exerciseRunnings.length === COUNT);
+            _context.next = 11;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](0);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 9]]);
+    }))();
+  }, [materialExerciseId, exerciseRoomUserId, offset]);
+  //
   // When id of selected running is updated,
   // Get exercise running data and filelist.
   //
-
-  React.useEffect(() => {
-    void (async () => {
-      var _a, _b, _c, _d, _e;
-
-      if (!selectedRunning) {
-        return;
-      }
-
-      try {
-        const {
-          exerciseRunning
-        } = await apiClient.getOrgMaterialExerciseExerciseRunningGet({
-          exerciseRunningId: selectedRunning.id,
-          returnFilelist: true,
-          returnUsercodeFilelist: true
-        });
-        setSelectedRunning(exerciseRunning);
-
-        if ((exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.MultiLanguage) {
-          let languages, environment;
-
-          try {
-            const languagesResponse = await apiClient.getOrgMaterialExerciseExerciseImageExerciseFileGet({
+  React.useEffect(function () {
+    void _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
+      var _a, _b, _c, _d, _e, _yield$getOrgMaterial2, exerciseRunning, languages, environment, languagesResponse, response, rootDir, initialOpenFilelist;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (selectedRunning) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
+            _context2.prev = 2;
+            _context2.next = 5;
+            return apiClient.getOrgMaterialExerciseExerciseRunningGet({
+              exerciseRunningId: selectedRunning.id,
+              returnFilelist: true,
+              returnUsercodeFilelist: true
+            });
+          case 5:
+            _yield$getOrgMaterial2 = _context2.sent;
+            exerciseRunning = _yield$getOrgMaterial2.exerciseRunning;
+            setSelectedRunning(exerciseRunning);
+            if (!((exercise === null || exercise === void 0 ? void 0 : exercise.envType) === types.enums.ExerciseEnvType.MultiLanguage)) {
+              _context2.next = 35;
+              break;
+            }
+            _context2.prev = 9;
+            _context2.next = 12;
+            return apiClient.getOrgMaterialExerciseExerciseImageExerciseFileGet({
               exerciseImageId: exerciseRunning.exerciseImage.id,
               filename: '.languages.json'
             });
+          case 12:
+            languagesResponse = _context2.sent;
             languages = humps.camelizeKeys(JSON.parse(languagesResponse.exerciseFile.content));
-          } catch (e) {
-            console.error(e);
-          }
-
-          try {
-            const response = await apiClient.getOrgMaterialExerciseExerciseRoomUserFileGet({
+            _context2.next = 19;
+            break;
+          case 16:
+            _context2.prev = 16;
+            _context2.t0 = _context2["catch"](9);
+            console.error(_context2.t0);
+          case 19:
+            _context2.prev = 19;
+            _context2.next = 22;
+            return apiClient.getOrgMaterialExerciseExerciseRoomUserFileGet({
               filename: '.environment.json',
-              exerciseRoomId,
+              exerciseRoomId: exerciseRoomId,
               targetDatetime: exerciseRunning.createdDatetime
             });
+          case 22:
+            response = _context2.sent;
             environment = humps.camelizeKeys(JSON.parse(response.userFile.content));
-          } catch (e) {
+            _context2.next = 29;
+            break;
+          case 26:
+            _context2.prev = 26;
+            _context2.t1 = _context2["catch"](19);
             // API returns error when the user hasn't changed the language
             if (languages && Object.keys(languages).length > 0) {
               environment = {
                 language: Object.keys(languages)[0]
               };
             }
-          }
-
-          const rootDir = languages[environment.language].rootDir;
-          const initialOpenFilelist = (_a = languages === null || languages === void 0 ? void 0 : languages[environment === null || environment === void 0 ? void 0 : environment.language]) === null || _a === void 0 ? void 0 : _a.initialOpenFilelist;
-          setFileList([...((_b = exerciseRunning.exerciseImage.filelist) !== null && _b !== void 0 ? _b : []), ...((_c = exerciseRunning.exerciseRoom.filelist) !== null && _c !== void 0 ? _c : [])].filter(filepath => filepath.startsWith(rootDir)));
-
-          if ((initialOpenFilelist === null || initialOpenFilelist === void 0 ? void 0 : initialOpenFilelist.length) > 0) {
-            setSelectedFile(initialOpenFilelist[0]);
-          }
-        } else {
-          setFileList([...((_d = exerciseRunning.exerciseImage.filelist) !== null && _d !== void 0 ? _d : []), ...((_e = exerciseRunning.exerciseRoom.filelist) !== null && _e !== void 0 ? _e : [])]);
-
-          if (exerciseRunning.exerciseImage.taskFilelist && exerciseRunning.exerciseImage.taskFilelist.length > 0) {
-            setSelectedFile(exerciseRunning.exerciseImage.taskFilelist[0]);
-          }
+          case 29:
+            rootDir = languages[environment.language].rootDir;
+            initialOpenFilelist = (_a = languages === null || languages === void 0 ? void 0 : languages[environment === null || environment === void 0 ? void 0 : environment.language]) === null || _a === void 0 ? void 0 : _a.initialOpenFilelist;
+            setFileList([].concat(_rollupPluginBabelHelpers.toConsumableArray((_b = exerciseRunning.exerciseImage.filelist) !== null && _b !== void 0 ? _b : []), _rollupPluginBabelHelpers.toConsumableArray((_c = exerciseRunning.exerciseRoom.filelist) !== null && _c !== void 0 ? _c : [])).filter(function (filepath) {
+              return filepath.startsWith(rootDir);
+            }));
+            if ((initialOpenFilelist === null || initialOpenFilelist === void 0 ? void 0 : initialOpenFilelist.length) > 0) {
+              setSelectedFile(initialOpenFilelist[0]);
+            }
+            _context2.next = 37;
+            break;
+          case 35:
+            setFileList([].concat(_rollupPluginBabelHelpers.toConsumableArray((_d = exerciseRunning.exerciseImage.filelist) !== null && _d !== void 0 ? _d : []), _rollupPluginBabelHelpers.toConsumableArray((_e = exerciseRunning.exerciseRoom.filelist) !== null && _e !== void 0 ? _e : [])));
+            if (exerciseRunning.exerciseImage.taskFilelist && exerciseRunning.exerciseImage.taskFilelist.length > 0) {
+              setSelectedFile(exerciseRunning.exerciseImage.taskFilelist[0]);
+            }
+          case 37:
+            _context2.next = 42;
+            break;
+          case 39:
+            _context2.prev = 39;
+            _context2.t2 = _context2["catch"](2);
+            console.error(_context2.t2);
+          case 42:
+          case "end":
+            return _context2.stop();
         }
-      } catch (err) {
-        console.error(err);
-      }
-    })(); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [selectedRunning === null || selectedRunning === void 0 ? void 0 : selectedRunning.id]); //
+      }, _callee2, null, [[2, 39], [9, 16], [19, 26]]);
+    }))();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedRunning === null || selectedRunning === void 0 ? void 0 : selectedRunning.id]);
+  //
   // When selectedFile or selectedRunning is updated,
   // Get usercode of selected file.
   //
-
-  React.useEffect(() => {
-    void (async () => {
-      setIsFileReady(false);
-
-      if (!(selectedRunning === null || selectedRunning === void 0 ? void 0 : selectedRunning.exerciseImage) || !selectedFile || !exerciseRoomId) {
-        return;
-      }
-
-      const {
-        usercode
-      } = await apiClient.getOrgMaterialExerciseUsercodeGet({
-        filename: selectedFile,
-        exerciseRoomId: selectedRunning.exerciseRoom.id,
-        targetDatetime: selectedRunning.createdDatetime
-      });
-
-      if ((usercode === null || usercode === void 0 ? void 0 : usercode.content) !== null && (usercode === null || usercode === void 0 ? void 0 : usercode.content) !== undefined) {
-        setIsUserChanged(true);
-        setIsFile(false);
-        setUsercodeContent(usercode.content);
-        setIsFileReady(true);
-      } else {
-        try {
-          const {
-            exerciseFile
-          } = await apiClient.getOrgMaterialExerciseExerciseImageExerciseFileGet({
-            exerciseImageId: selectedRunning.exerciseImage.id,
-            filename: selectedFile
-          });
-
-          if ((exerciseFile === null || exerciseFile === void 0 ? void 0 : exerciseFile.content) !== null && (exerciseFile === null || exerciseFile === void 0 ? void 0 : exerciseFile.content) !== undefined) {
-            setIsUserChanged(false);
+  React.useEffect(function () {
+    void _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3() {
+      var _yield$getOrgMaterial3, usercode, _yield$getOrgMaterial4, exerciseFile;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            setIsFileReady(false);
+            if (!(!(selectedRunning === null || selectedRunning === void 0 ? void 0 : selectedRunning.exerciseImage) || !selectedFile || !exerciseRoomId)) {
+              _context3.next = 3;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 3:
+            _context3.next = 5;
+            return apiClient.getOrgMaterialExerciseUsercodeGet({
+              filename: selectedFile,
+              exerciseRoomId: selectedRunning.exerciseRoom.id,
+              targetDatetime: selectedRunning.createdDatetime
+            });
+          case 5:
+            _yield$getOrgMaterial3 = _context3.sent;
+            usercode = _yield$getOrgMaterial3.usercode;
+            if (!((usercode === null || usercode === void 0 ? void 0 : usercode.content) !== null && (usercode === null || usercode === void 0 ? void 0 : usercode.content) !== undefined)) {
+              _context3.next = 14;
+              break;
+            }
+            setIsUserChanged(true);
             setIsFile(false);
-            setUsercodeContent(exerciseFile.content);
+            setUsercodeContent(usercode.content);
             setIsFileReady(true);
-          } else {
+            _context3.next = 27;
+            break;
+          case 14:
+            _context3.prev = 14;
+            _context3.next = 17;
+            return apiClient.getOrgMaterialExerciseExerciseImageExerciseFileGet({
+              exerciseImageId: selectedRunning.exerciseImage.id,
+              filename: selectedFile
+            });
+          case 17:
+            _yield$getOrgMaterial4 = _context3.sent;
+            exerciseFile = _yield$getOrgMaterial4.exerciseFile;
+            if ((exerciseFile === null || exerciseFile === void 0 ? void 0 : exerciseFile.content) !== null && (exerciseFile === null || exerciseFile === void 0 ? void 0 : exerciseFile.content) !== undefined) {
+              setIsUserChanged(false);
+              setIsFile(false);
+              setUsercodeContent(exerciseFile.content);
+              setIsFileReady(true);
+            } else {
+              setIsUserChanged(false);
+              setIsFile(true);
+              setIsFileReady(true);
+            }
+            _context3.next = 27;
+            break;
+          case 22:
+            _context3.prev = 22;
+            _context3.t0 = _context3["catch"](14);
             setIsUserChanged(false);
             setIsFile(true);
             setIsFileReady(true);
-          }
-        } catch (_a) {
-          setIsUserChanged(false);
-          setIsFile(true);
-          setIsFileReady(true);
+          case 27:
+          case "end":
+            return _context3.stop();
         }
-      }
-    })();
+      }, _callee3, null, [[14, 22]]);
+    }))();
   }, [selectedFile, exerciseRoomId, selectedRunning]);
   /**
    *
    */
-
-  const renderRunningVersionList = () => {
-    return React__default["default"].createElement(ExerciseVersionList, null, runningList.map(exerciseRunning => {
-      return React__default["default"].createElement(ExerciseVersionListItem, {
+  var renderRunningVersionList = function renderRunningVersionList() {
+    return React__default["default"].createElement(ExerciseVersionList["default"], null, runningList.map(function (exerciseRunning) {
+      return React__default["default"].createElement(ExerciseVersionListItem["default"], {
         key: exerciseRunning.id,
         selected: Boolean(selectedRunning && selectedRunning.id === exerciseRunning.id),
-        onClick: () => {
+        onClick: function onClick() {
           setSelectedRunning(exerciseRunning);
         }
       }, React__default["default"].createElement(ExerciseVersionListItem_styled.StyledExerciseVersionRunType, {
         role: "gray3",
         size: "small"
-      }, exerciseRunning.runType === types.enums.ExerciseRunType.Grade ? '제출' : '실행'), React__default["default"].createElement(ExerciseVersionListItem_styled.StyledExerciseVersionDatetime, {
+      }, exerciseRunning.runType === types.enums.ExerciseRunType.Grade ? intl.formatMessage({
+        id: 'exerciseSubmitHistory.runType.grade'
+      }) : intl.formatMessage({
+        id: 'exerciseSubmitHistory.runType.run'
+      })), React__default["default"].createElement(ExerciseVersionListItem_styled.StyledExerciseVersionDatetime, {
         role: "gray3",
         size: "small"
       }, dayjs__default["default"](exerciseRunning.createdDatetime).format('YYYY.M.DD hh:mm')), React__default["default"].createElement(ExerciseVersionListItem_styled.StyledExerciseVersionScore, {
         role: "gray3",
         size: "small"
       }, exerciseRunning.score));
-    }), hasMoreRunning ? React__default["default"].createElement(ExerciseVersionListItem, {
-      onClick: () => setOffset(prevOffset => prevOffset + COUNT)
+    }), hasMoreRunning ? React__default["default"].createElement(ExerciseVersionListItem["default"], {
+      onClick: function onClick() {
+        return setOffset(function (prevOffset) {
+          return prevOffset + COUNT;
+        });
+      }
     }, React__default["default"].createElement(blocks.Flex, {
       align: "center",
       justify: "center",
       width: "100%"
     }, React__default["default"].createElement(blocks.Text, {
       role: "important"
-    }, "\uB354 \uBD88\uB7EC\uC624\uAE30"))) : null);
+    }, intl.formatMessage({
+      id: 'exerciseSubmitHistory.button.load.more'
+    })))) : null);
   };
   /**
    *
    */
-
-
-  const renderRunningOutput = () => {
+  var renderRunningOutput = function renderRunningOutput() {
     if (!selectedRunning) {
       return null;
     }
-
-    return React__default["default"].createElement(ExerciseSubmitHistoryOutput, {
+    return React__default["default"].createElement(ExerciseSubmitHistoryOutput["default"], {
       exerciseRunningId: selectedRunning.id
     });
   };
   /**
    *
    */
-
-
-  const renderRunningContent = () => {
+  var renderRunningContent = function renderRunningContent() {
     var _a;
-
     if (!selectedFile) {
       return null;
     }
-
-    const runningId = Number((_a = selectedRunning === null || selectedRunning === void 0 ? void 0 : selectedRunning.id) !== null && _a !== void 0 ? _a : 0);
-    const uniqueFilePath = `submit-history/${exerciseRoomId}/r${runningId}`;
-    const editorFilename = `${uniqueFilePath}/${selectedFile}`;
+    var runningId = Number((_a = selectedRunning === null || selectedRunning === void 0 ? void 0 : selectedRunning.id) !== null && _a !== void 0 ? _a : 0);
+    var uniqueFilePath = "submit-history/".concat(exerciseRoomId, "/r").concat(runningId);
+    var editorFilename = "".concat(uniqueFilePath, "/").concat(selectedFile);
     return React__default["default"].createElement(blocks.Flex, {
       width: "100%",
       auto: true,
@@ -284,11 +387,11 @@ const ExerciseSubmitHistory = ({
       activePath: selectedFile,
       exerciseRoomFilelist: fileList,
       imageFilelist: [],
-      onActivePathChange: (path, isDirectory = false) => {
+      onActivePathChange: function onActivePathChange(path) {
+        var isDirectory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
         if (isDirectory) {
           return;
         }
-
         setSelectedFile(path);
       }
     }, React__default["default"].createElement(AsyncFileTreeList, null))))), React__default["default"].createElement(blocks.Flex, {
@@ -299,13 +402,15 @@ const ExerciseSubmitHistory = ({
     }, !isUserChanged && React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryNotChanged, null, React__default["default"].createElement(blocks.Text, {
       role: "white",
       size: "tiny"
-    }, "\uC218\uC815 \uB0B4\uC5ED\uC774 \uC5C6\uB294 \uD30C\uC77C\uC785\uB2C8\uB2E4.")), React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryEditorWrapper, null, isFile ? React__default["default"].createElement(React__default["default"].Suspense, {
+    }, intl.formatMessage({
+      id: 'exerciseSubmitHistory.notChanged'
+    }))), React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryEditorWrapper, null, isFile ? React__default["default"].createElement(React__default["default"].Suspense, {
       fallback: null
     }, React__default["default"].createElement(AsyncFileViewer, {
       key: editorFilename,
       filename: editorFilename,
       fileurl: selectedFileUrl || ''
-    })) : React__default["default"].createElement(MonacoEditorLazy, {
+    })) : React__default["default"].createElement(MonacoEditorLazy["default"], {
       key: editorFilename,
       defaultValue: usercodeContent !== null && usercodeContent !== void 0 ? usercodeContent : '',
       filename: editorFilename,
@@ -314,13 +419,14 @@ const ExerciseSubmitHistory = ({
         readOnly: true
       })
     }), !isFileReady && React__default["default"].createElement(ExerciseSubmitHistory_styled.StyledExerciseSubmitHistoryEditorLoadingScreen, null, React__default["default"].createElement(blocks.Spinner, null)))));
-  }; //
+  };
   //
   //
-
-
-  return React__default["default"].createElement(MaterialModal, {
-    title: "\uC81C\uCD9C \uC774\uB825",
+  //
+  return React__default["default"].createElement(MaterialModal["default"], {
+    title: intl.formatMessage({
+      id: 'exerciseSubmitHistory.title'
+    }),
     onHide: onHide
   }, React__default["default"].createElement(blocks.Flex, {
     width: "100%",
@@ -337,5 +443,9 @@ const ExerciseSubmitHistory = ({
     overflow: "hidden"
   }, renderRunningContent(), renderRunningOutput())));
 };
+var ExerciseSubmitHistory$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseSubmitHistory, {
+  en: en["default"],
+  ko: ko["default"]
+});
 
-module.exports = ExerciseSubmitHistory;
+exports["default"] = ExerciseSubmitHistory$1;

package/cjs/components/material-exercise/exercise-submit-history/ExerciseSubmitHistory.styled.js

@@ -10,28 +10,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledFileTreeWrapper = styled__default["default"].div.withConfig({
+var StyledFileTreeWrapper = styled__default["default"].div.withConfig({
   componentId: "sc-uooiby-0"
 })(["overflow:auto;width:100%;height:100%;background-color:", ";"], designTokens.base.color.navy9);
-const StyledExerciseSubmitHistoryEditorWrapper = styled__default["default"](blocks.Flex).withConfig({
+var StyledExerciseSubmitHistoryEditorWrapper = styled__default["default"](blocks.Flex).withConfig({
   componentId: "sc-uooiby-1"
 })(["position:relative;flex-direction:column;flex:1 1 0%;width:100%;overflow:hidden;"]);
-const StyledExerciseSubmitHistoryNotChanged = styled__default["default"].div.withConfig({
+var StyledExerciseSubmitHistoryNotChanged = styled__default["default"].div.withConfig({
   componentId: "sc-uooiby-2"
 })(["background-color:", ";padding:0.5rem;"], designTokens.base.color.navy7);
-const StyledExerciseSubmitHistoryEditorLoadingScreen = styled__default["default"](blocks.Flex).withConfig({
+var StyledExerciseSubmitHistoryEditorLoadingScreen = styled__default["default"](blocks.Flex).withConfig({
   componentId: "sc-uooiby-3"
 })(["position:absolute;top:0;left:0;right:0;bottom:0;background-color:", ";align-items:center;justify-content:center;"], designTokens.base.color.navy9);
-const StyledExerciseSubmitHistoryOutputText = styled__default["default"].span.withConfig({
+var StyledExerciseSubmitHistoryOutputText = styled__default["default"].span.withConfig({
   componentId: "sc-uooiby-4"
 })(["white-space:pre-wrap;color:", ";font-size:0.875rem;line-height:1.5rem;&.grader{color:", ";}&.info{color:", ";display:block;}&.file{display:block;color:", ";cursor:pointer;&:hover{color:", ";}}"], designTokens.base.color.white, designTokens.base.color.secondary4, designTokens.base.color.red8, designTokens.base.color.secondary4, designTokens.base.color.white);
-const StyledExerciseSubmitHistoryOutput = styled__default["default"].div.withConfig({
+var StyledExerciseSubmitHistoryOutput = styled__default["default"].div.withConfig({
   componentId: "sc-uooiby-5"
 })(["width:100%;height:100%;overflow:scroll;background-color:black;padding:0.5rem;font-size:14px;font-family:Elice Digital Coding;"]);
-const StyledExerciseSubmitHistoryOutputImageLink = styled__default["default"].a.withConfig({
+var StyledExerciseSubmitHistoryOutputImageLink = styled__default["default"].a.withConfig({
   componentId: "sc-uooiby-6"
 })(["display:block;margin:9.8px 0;padding:0;width:100%;max-width:400px;"]);
-const StyledExerciseSubmitHistoryOutputImage = styled__default["default"].img.withConfig({
+var StyledExerciseSubmitHistoryOutputImage = styled__default["default"].img.withConfig({
   componentId: "sc-uooiby-7"
 })(["display:block;width:100%;"]);