@elice/material-exercise 1.230222.0 → 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.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') {

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/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-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/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/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.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') {

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/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-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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.230222.0",
+  "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.230222.0",
-    "@elice/material-shared-utils": "1.230222.0",
-    "@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": "31176c73215066ca4d6760b8c8fde4e49fcba2ec"
+  "gitHead": "2ba30b7324d9fd782970a0343a6573827159b737"
 }