@elice/material-exercise 1.240401.0 → 1.240508.0-globalization.0

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { useIntl, FormattedMessage, FormattedDate } from 'react-intl';
 import { usePrevious } from 'react-use';
 import { getOrgCourseGet, getOrgMaterialExerciseExerciseRunningList } from '@elice/api-client';
 import { Hr, Notification, Flex } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
+import { useRawEliceIntl } from '@elice/intl';
 import { enums } from '@elice/types';
 import { useRecoilValue } from 'recoil';
 import styled from 'styled-components';
@@ -29,7 +29,9 @@ const StyledRunnerInfoContent = styled.span.withConfig({
 //
 //
 const ExerciseRunnerControllerRunningInfo = () => {
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     materialExerciseId,
     exerciseRoomId,
@@ -136,13 +138,12 @@ const ExerciseRunnerControllerRunningInfo = () => {
     return React.createElement(React.Fragment, null, React.createElement(Flex, {
       column: true,
       justify: "center"
-    }, React.createElement(StyledRunnerInfoTitle, null, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.runningInfo.lastSubmitScore"
-    })), React.createElement(StyledRunnerInfoContent, null, typeof (exerciseLastSubmit === null || exerciseLastSubmit === void 0 ? void 0 : exerciseLastSubmit.score) === 'string' ? React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.runningInfo.score",
-      values: {
-        score: exerciseLastSubmit.score
-      }
+    }, React.createElement(StyledRunnerInfoTitle, null, intl.formatMessage({
+      id: 'exerciseRunner.controller.runningInfo.lastSubmitScore'
+    })), React.createElement(StyledRunnerInfoContent, null, typeof (exerciseLastSubmit === null || exerciseLastSubmit === void 0 ? void 0 : exerciseLastSubmit.score) === 'string' ? intl.formatMessage({
+      id: 'exerciseRunner.controller.runningInfo.score'
+    }, {
+      score: exerciseLastSubmit.score
     }) : '--')), React.createElement(StyledHr, {
       color: base.color.navy6,
       vertical: true,
@@ -160,30 +161,28 @@ const ExerciseRunnerControllerRunningInfo = () => {
     return React.createElement(Flex, {
       column: true,
       justify: "center"
-    }, React.createElement(StyledRunnerInfoTitle, null, (exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade) ? React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.runningInfo.lastRunningDatetime"
-    }) : React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.runningInfo.lastSubmitDatetime"
+    }, React.createElement(StyledRunnerInfoTitle, null, (exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade) ? intl.formatMessage({
+      id: 'exerciseRunner.controller.runningInfo.lastRunningDatetime'
+    }) : intl.formatMessage({
+      id: 'exerciseRunner.controller.runningInfo.lastSubmitDatetime'
     })), React.createElement(StyledRunnerInfoContent, null, (exercise === null || exercise === void 0 ? void 0 : exercise.isNoSubmitGrade) ?
     // last running
-    (exerciseLastRunning === null || exerciseLastRunning === void 0 ? void 0 : exerciseLastRunning.createdDatetime) ? React.createElement(FormattedDate, {
-      value: exerciseLastRunning.createdDatetime,
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit"
+    (exerciseLastRunning === null || exerciseLastRunning === void 0 ? void 0 : exerciseLastRunning.createdDatetime) ? intl.formatDate(exerciseLastRunning.createdDatetime, {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit'
     }) : '--' :
     // last submit
-    (exerciseLastSubmit === null || exerciseLastSubmit === void 0 ? void 0 : exerciseLastSubmit.createdDatetime) ? React.createElement(FormattedDate, {
-      value: exerciseLastSubmit.createdDatetime,
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit"
+    (exerciseLastSubmit === null || exerciseLastSubmit === void 0 ? void 0 : exerciseLastSubmit.createdDatetime) ? intl.formatDate(exerciseLastSubmit.createdDatetime, {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit'
     }) : '--'));
   };
   //

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
 import { Flex, Text } from '@elice/blocks';
+import { useRawEliceIntl } from '@elice/intl';
 import { EliceWebSocket } from '@elice/websocket';
 import { useRecoilValue } from 'recoil';
 import styled from 'styled-components';
@@ -15,6 +15,9 @@ const StyledMessageWrapper = styled(Flex).withConfig({
   componentId: "sc-1yqi8o2-0"
 })(["height:1rem;"]);
 const ExerciseRunnerControllerStatusMessage = () => {
+  const {
+    intl
+  } = useRawEliceIntl();
   const websocketStatus = useRecoilValue(exerciseRunnerWebSocketStatusQuery);
   /**
    * Websocket state message.
@@ -22,17 +25,17 @@ const ExerciseRunnerControllerStatusMessage = () => {
   const getWebsocketStateMessage = () => {
     switch (websocketStatus) {
       case EliceWebSocket.OPEN:
-        return React.createElement(FormattedMessage, {
-          id: "exerciseRunner.controller.statusMessage.open"
+        return intl.formatMessage({
+          id: 'exerciseRunner.controller.statusMessage.open'
         });
       case EliceWebSocket.CLOSED:
-        return React.createElement(FormattedMessage, {
-          id: "exerciseRunner.controller.statusMessage.closed"
+        return intl.formatMessage({
+          id: 'exerciseRunner.controller.statusMessage.closed'
         });
       case EliceWebSocket.CONNECTING:
       default:
-        return React.createElement(FormattedMessage, {
-          id: "exerciseRunner.controller.statusMessage.connecting"
+        return intl.formatMessage({
+          id: 'exerciseRunner.controller.statusMessage.connecting'
         });
     }
   };

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
 import { Text } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
+import { useRawEliceIntl } from '@elice/intl';
 import { useRecoilValue } from 'recoil';
 import styled from 'styled-components';
 import { exerciseState, exerciseRunnerRunningState } from '../context/recoil.js';
@@ -14,6 +14,9 @@ const StyledControllerTimerText = styled(Text).withConfig({
   componentId: "sc-1ez8ns0-0"
 })(["margin-top:-3px;color:", ";"], base.color.secondary4);
 const ExerciseRunnerControllerTimer = () => {
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     materialExerciseId
   } = React.useContext(ExerciseContext);
@@ -58,11 +61,10 @@ const ExerciseRunnerControllerTimer = () => {
   }
   return React.createElement(StyledControllerTimerText, {
     size: "small"
-  }, React.createElement(FormattedMessage, {
-    id: "exerciseRunner.controller.timer.runningRemainingTime",
-    values: {
-      remainingTime: new Date(remainingTime).toISOString().substr(14, 5)
-    }
+  }, intl.formatMessage({
+    id: 'exerciseRunner.controller.timer.runningRemainingTime'
+  }, {
+    remainingTime: new Date(remainingTime).toISOString().substr(14, 5)
   }));
 };
 

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.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":"Ask Helpy a question","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":"Ask any questions you may have.","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 messageEn = {"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":"Ask Helpy a question","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":"Ask any questions you may have.","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 };
+export { messageEn as default };

package/es/components/material-exercise/exercise-runner/locales/index.d.ts

@@ -0,0 +1,3 @@
+export { default as messageEn } from './en.json';
+export { default as messageKo } from './ko.json';
+export { default as messageTh } from './th.json';

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.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":"궁금한 사항을 질문해 보세요.","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 messageKo = {"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":"궁금한 사항을 질문해 보세요.","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 };
+export { messageKo as default };

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

@@ -0,0 +1,3 @@
+var messageTh = {"exerciseRunner.controller.arduino.connectionStatus.connected":"เอาดูอินอุโน กีย ยอน รยังล่นดึม","exerciseRunner.controller.arduino.connectionStatus.connectedDevice":"{device} เชื่อมต่อแล้ว","exerciseRunner.controller.arduino.connectionStatus.connecting":"เอลลิ스 อาร์ดูย์โน เชื่อมต่อเอเจนท์แอนต์ โThai้ ","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":"เพื่อเชื่อมต่อกับอา두ีโน่ โปรดติดตั้ง 'Elees Arduino Agent' ค่ะ.","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":"โปรดถามคำถามที่คุณสงสัย.","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หากปัญหายังคงอยู่ โปรดตรวจสอบสถานะเครือข่าย","exerciseRunner.submitErrorDialog.body.notForSubmitGrade":"การส่งงานไม่ได้รับอนุญาตในการฝึกปฏิบัตินี้ค่ะ.","exerciseRunner.submitErrorDialog.body.notPreparedRoom":"สมดุลสภาพแวดล้อมกำลังเตรียมอยู่\nโปรดลองใหม่อีกครั้งในภายหลัง","exerciseRunner.submitErrorDialog.body.roomIsBusy":"กำลังดำเนินการฝึกงาน\nโปรดรอสักครู่","exerciseRunner.submitErrorDialog.body.unknown":"มีข้อผิดพลาดเกิดขึ้นในขณะที่รหัสกำลังทำงาน\nโปรดลองอีกครั้งในภายหลัง","exerciseRunner.submitErrorDialog.title":"ไม่สามารถดำเนินการฝึกงานได้"};
+
+export { messageTh as default };

package/es/components/material-exercise/exercise-submit-history/ExerciseSubmitHistory.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 export interface ExerciseSubmitHistoryProps {
     onHide?: () => void;
 }
-declare const _default: React.VFC<ExerciseSubmitHistoryProps>;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<ExerciseSubmitHistoryProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
-import { useIntl } from 'react-intl';
 import { getOrgMaterialExerciseExerciseRunningList, getOrgMaterialExerciseExerciseRunningGet, getOrgMaterialExerciseExerciseImageExerciseFileGet, getOrgMaterialExerciseExerciseRoomUserFileGet, getOrgMaterialExerciseUsercodeGet } from '@elice/api-client';
 import { Flex, Box, Text, ResizableNext, Spinner } from '@elice/blocks';
+import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import { enums } from '@elice/types';
 import dayjs from 'dayjs';
 import { camelizeKeys } from 'humps';
@@ -19,10 +19,10 @@ import { ExerciseContext } from '../context/context.js';
 import '../context/recoilTypes.js';
 import '../context/subjects.js';
 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 ExerciseSubmitHistoryOutput from './ExerciseSubmitHistoryOutput.js';
+import messageEn from './locales/en.json.js';
+import messageKo from './locales/ko.json.js';
+import messageTh from './locales/th.json.js';
 import { StyledExerciseVersionRunType, StyledExerciseVersionDatetime, StyledExerciseVersionScore } from '../../shared/exercise-version-list/ExerciseVersionListItem.styled.js';
 import { StyledFileTreeWrapper, StyledExerciseSubmitHistoryNotChanged, StyledExerciseSubmitHistoryEditorWrapper, StyledExerciseSubmitHistoryEditorLoadingScreen } from './ExerciseSubmitHistory.styled.js';
 
@@ -30,10 +30,10 @@ const AsyncFileTree = React.lazy(() => import('../../shared/file-tree/FileTree.j
 const AsyncFileTreeList = React.lazy(() => import('../../shared/file-tree/FileTreeList.js'));
 const AsyncFileViewer = React.lazy(() => import('../../shared/file-viewer/FileViewer.js'));
 const ExerciseSubmitHistory = ({
-  onHide
+  onHide,
+  __intl
 }) => {
   const COUNT = 100;
-  const intl = useIntl();
   const {
     materialExerciseId,
     exerciseRoomId,
@@ -205,9 +205,9 @@ const ExerciseSubmitHistory = ({
       }, React.createElement(StyledExerciseVersionRunType, {
         role: "gray3",
         size: "small"
-      }, exerciseRunning.runType === enums.ExerciseRunType.Grade ? intl.formatMessage({
+      }, exerciseRunning.runType === enums.ExerciseRunType.Grade ? __intl.formatMessage({
         id: 'exerciseSubmitHistory.runType.grade'
-      }) : intl.formatMessage({
+      }) : __intl.formatMessage({
         id: 'exerciseSubmitHistory.runType.run'
       })), React.createElement(StyledExerciseVersionDatetime, {
         role: "gray3",
@@ -224,7 +224,7 @@ const ExerciseSubmitHistory = ({
       width: "100%"
     }, React.createElement(Text, {
       role: "important"
-    }, intl.formatMessage({
+    }, __intl.formatMessage({
       id: 'exerciseSubmitHistory.button.load.more'
     })))) : null);
   };
@@ -278,7 +278,7 @@ const ExerciseSubmitHistory = ({
     }, !isUserChanged && React.createElement(StyledExerciseSubmitHistoryNotChanged, null, React.createElement(Text, {
       role: "white",
       size: "tiny"
-    }, intl.formatMessage({
+    }, __intl.formatMessage({
       id: 'exerciseSubmitHistory.notChanged'
     }))), React.createElement(StyledExerciseSubmitHistoryEditorWrapper, null, isFile ? React.createElement(React.Suspense, {
       fallback: null
@@ -299,8 +299,12 @@ const ExerciseSubmitHistory = ({
   //
   //
   //
-  return React.createElement(MaterialModal, {
-    title: intl.formatMessage({
+  return React.createElement(RawEliceIntlProvider, {
+    value: {
+      intl: __intl
+    }
+  }, React.createElement(MaterialModal, {
+    title: __intl.formatMessage({
       id: 'exerciseSubmitHistory.title'
     }),
     onHide: onHide
@@ -317,11 +321,8 @@ const ExerciseSubmitHistory = ({
     column: true,
     height: "100%",
     overflow: "hidden"
-  }, renderRunningContent(), renderRunningOutput())));
+  }, renderRunningContent(), renderRunningOutput()))));
 };
-var ExerciseSubmitHistory$1 = withExerciseIntlProvider(ExerciseSubmitHistory, {
-  en: phrasesEn,
-  ko: phrasesKo
-});
+var ExerciseSubmitHistory$1 = new IntlComponentBuilder(ExerciseSubmitHistory).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 
 export { ExerciseSubmitHistory$1 as default };

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

@@ -1,3 +1,3 @@
-var phrasesEn = {"exerciseSubmitHistory.button.load.more":"Load more","exerciseSubmitHistory.notChanged":"A file with no modification history.","exerciseSubmitHistory.runType.grade":"Grade","exerciseSubmitHistory.runType.run":"Run","exerciseSubmitHistory.title":"Code revision history"};
+var messageEn = {"exerciseSubmitHistory.button.load.more":"Load more","exerciseSubmitHistory.notChanged":"A file with no modification history.","exerciseSubmitHistory.runType.grade":"Grade","exerciseSubmitHistory.runType.run":"Run","exerciseSubmitHistory.title":"Code revision history"};
 
-export { phrasesEn as default };
+export { messageEn as default };

package/es/components/material-exercise/exercise-submit-history/locales/index.d.ts

@@ -0,0 +1,3 @@
+export { default as messageEn } from './en.json';
+export { default as messageKo } from './ko.json';
+export { default as messageTh } from './th.json';

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

@@ -1,3 +1,3 @@
-var phrasesKo = {"exerciseSubmitHistory.button.load.more":"더 불러오기","exerciseSubmitHistory.notChanged":"수정 내역이 없는 파일입니다.","exerciseSubmitHistory.runType.grade":"제출","exerciseSubmitHistory.runType.run":"실행","exerciseSubmitHistory.title":"코드 수정 이력"};
+var messageKo = {"exerciseSubmitHistory.button.load.more":"더 불러오기","exerciseSubmitHistory.notChanged":"수정 내역이 없는 파일입니다.","exerciseSubmitHistory.runType.grade":"제출","exerciseSubmitHistory.runType.run":"실행","exerciseSubmitHistory.title":"코드 수정 이력"};
 
-export { phrasesKo as default };
+export { messageKo as default };

package/es/components/material-exercise/exercise-submit-history/locales/th.json.js

@@ -0,0 +1,3 @@
+var messageTh = {"exerciseSubmitHistory.button.load.more":"โหลดเพิ่มเติม","exerciseSubmitHistory.notChanged":"ไม่มีปรับปรุงใดๆในไฟล์นี้ค่ะ.","exerciseSubmitHistory.runType.grade":"ส่ง","exerciseSubmitHistory.runType.run":"การดำเนินการ","exerciseSubmitHistory.title":"ประวัติการแก้ไขโค้ด"};
+
+export { messageTh as default };

package/es/components/shared/file-tree/FileTree.d.ts

@@ -61,9 +61,5 @@ export interface FileTreeProps {
     style?: React.CSSProperties;
     locale?: string;
 }
-declare const _default: React.VFC<FileTreeProps> & {
-    Toolbar: React.VFC<import("./FileTreeToolbar").FileTreeToolbarProps>;
-    List: React.ForwardRefExoticComponent<import("./FileTreeList").FileTreeListProps & React.RefAttributes<HTMLDivElement>>;
-    Config: React.ForwardRefExoticComponent<import("./FileTreeConfig").FileTreeConfigProps & React.RefAttributes<HTMLDivElement>>;
-};
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<FileTreeProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
 export default _default;

package/es/components/shared/file-tree/FileTree.js

@@ -1,14 +1,15 @@
 import React from 'react';
 import { Spinner } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
-import { MaterialIntlProvider } from '@elice/material-shared-utils';
+import { IntlComponentBuilder } from '@elice/intl';
 import styled from 'styled-components';
-import phrasesEn from './locales/en.json.js';
-import phrasesKo from './locales/ko.json.js';
 import { FileTreeProvider } from './context/FileTreeContext.js';
 import FileTreeConfig from './FileTreeConfig.js';
 import FileTreeList from './FileTreeList.js';
 import FileTreeToolbar from './FileTreeToolbar.js';
+import messageEn from './locales/en.json.js';
+import messageKo from './locales/ko.json.js';
+import messageTh from './locales/th.json.js';
 
 const StyledFileTreeWrapper = styled.div.withConfig({
   componentId: "sc-6ext2i-0"
@@ -17,20 +18,18 @@ const StyledLoading = styled.div.withConfig({
   componentId: "sc-6ext2i-1"
 })(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:", ";opacity:0.5;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;"], base.color.navy7);
 const FileTree = props => {
-  return React.createElement(MaterialIntlProvider, {
-    locale: props.locale,
-    phrases: {
-      en: phrasesEn,
-      ko: phrasesKo
-    }
-  }, React.createElement(FileTreeProvider, Object.assign({}, props), React.createElement(StyledFileTreeWrapper, {
+  return React.createElement(FileTreeProvider, Object.assign({}, props), React.createElement(StyledFileTreeWrapper, {
     style: props.style
-  }, props.loading ? React.createElement(StyledLoading, null, React.createElement(Spinner, null)) : null, props.children)));
+  }, props.loading ? React.createElement(StyledLoading, null, React.createElement(Spinner, null)) : null, props.children));
 };
-var FileTree$1 = Object.assign(FileTree, {
+//
+//
+//
+const FileTreeComponents = Object.assign(FileTree, {
   Toolbar: FileTreeToolbar,
   List: FileTreeList,
   Config: FileTreeConfig
 });
+var FileTree$1 = new IntlComponentBuilder(FileTreeComponents).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 
 export { FileTree$1 as default };

package/es/components/shared/file-tree/FileTreeConfig.js

@@ -53,6 +53,5 @@ const FileTreeConfig = forwardRef(({
     }
   }, mode === 'default' ? `Initial Open Files(${initialOpenFileListTemp.length})` : `Settings (${initialOpenFileListTemp.length})`));
 });
-var FileTreeConfig$1 = FileTreeConfig;
 
-export { FileTreeConfig$1 as default };
+export { FileTreeConfig as default };

package/es/components/shared/file-tree/FileTreeList.js

@@ -118,6 +118,5 @@ const FileTreeList = forwardRef(({
     indent: options === null || options === void 0 ? void 0 : options.indent
   }));
 });
-var FileTreeList$1 = FileTreeList;
 
-export { FileTreeList$1 as default };
+export { FileTreeList as default };

package/es/components/shared/file-tree/FileTreeListItemContentInput.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useForm, Controller } from 'react-hook-form';
-import { useIntl } from 'react-intl';
 import { useClickAway } from 'react-use';
+import { useRawEliceIntl } from '@elice/intl';
 import { getParentPath } from './utils/fileTreeGenerator.js';
 import { useFileTreeDispatch } from './context/FileTreeContext.js';
 import { StyledInputForm, StyledInput } from './FileTreeListItemContentInput.styled.js';
@@ -21,7 +21,9 @@ const FileTreeListItemContentInput = ({
   currentDirTitleList,
   newInputType
 }) => {
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const targetPath = getParentPath(currentPath);
   const {
     dispatch,

package/es/components/shared/file-tree/FileTreeListItemContentMenu.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useIntl, FormattedMessage } from 'react-intl';
 import { Menu, Dialog, List } from '@elice/blocks';
+import { useRawEliceIntl } from '@elice/intl';
 import { useFileTreeState, useFileTreeDispatch } from './context/FileTreeContext.js';
 
 const FileTreeListItemContentMenu = ({
@@ -8,7 +8,9 @@ const FileTreeListItemContentMenu = ({
   anchorEl,
   onClose
 }) => {
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     allowToggleHidden,
     allowToggleReadonly
@@ -118,8 +120,8 @@ const FileTreeListItemContentMenu = ({
     }
     return React.createElement(List.Item, {
       onClick: handleReadOnlySet
-    }, React.createElement(List.ItemText, null, React.createElement(FormattedMessage, {
-      id: "fileTree.list.item.content.menu.item.readOnlySet"
+    }, React.createElement(List.ItemText, null, intl.formatMessage({
+      id: 'fileTree.list.item.content.menu.item.readOnlySet'
     })));
   };
   /**
@@ -131,8 +133,8 @@ const FileTreeListItemContentMenu = ({
     }
     return React.createElement(List.Item, {
       onClick: handleReadOnlyUnset
-    }, React.createElement(List.ItemText, null, React.createElement(FormattedMessage, {
-      id: "fileTree.list.item.content.menu.item.readOnlyUnset"
+    }, React.createElement(List.ItemText, null, intl.formatMessage({
+      id: 'fileTree.list.item.content.menu.item.readOnlyUnset'
     })));
   };
   /**
@@ -144,8 +146,8 @@ const FileTreeListItemContentMenu = ({
     }
     return React.createElement(List.Item, {
       onClick: handleHiddenSet
-    }, React.createElement(List.ItemText, null, React.createElement(FormattedMessage, {
-      id: "fileTree.list.item.content.menu.item.hiddenSet"
+    }, React.createElement(List.ItemText, null, intl.formatMessage({
+      id: 'fileTree.list.item.content.menu.item.hiddenSet'
     })));
   };
   /**
@@ -157,8 +159,8 @@ const FileTreeListItemContentMenu = ({
     }
     return React.createElement(List.Item, {
       onClick: handleHiddenUnset
-    }, React.createElement(List.ItemText, null, React.createElement(FormattedMessage, {
-      id: "fileTree.list.item.content.menu.item.hiddenUnset"
+    }, React.createElement(List.ItemText, null, intl.formatMessage({
+      id: 'fileTree.list.item.content.menu.item.hiddenUnset'
     })));
   };
   /**
@@ -170,8 +172,8 @@ const FileTreeListItemContentMenu = ({
     }
     return React.createElement(List.Item, {
       onClick: handleNewFile
-    }, React.createElement(List.ItemText, null, React.createElement(FormattedMessage, {
-      id: "fileTree.list.item.content.menu.item.newFile"
+    }, React.createElement(List.ItemText, null, intl.formatMessage({
+      id: 'fileTree.list.item.content.menu.item.newFile'
     })));
   };
   /**
@@ -183,8 +185,8 @@ const FileTreeListItemContentMenu = ({
     }
     return React.createElement(List.Item, {
       onClick: handleNewDirectory
-    }, React.createElement(List.ItemText, null, React.createElement(FormattedMessage, {
-      id: "fileTree.list.item.content.menu.item.newDirectory"
+    }, React.createElement(List.ItemText, null, intl.formatMessage({
+      id: 'fileTree.list.item.content.menu.item.newDirectory'
     })));
   };
   /**
@@ -194,8 +196,8 @@ const FileTreeListItemContentMenu = ({
     return React.createElement(List.Item, {
       disabled: !node.isRemovable,
       onClick: handleRename
-    }, React.createElement(List.ItemText, null, React.createElement(FormattedMessage, {
-      id: "fileTree.list.item.content.menu.item.rename"
+    }, React.createElement(List.ItemText, null, intl.formatMessage({
+      id: 'fileTree.list.item.content.menu.item.rename'
     })));
   };
   /**
@@ -205,8 +207,8 @@ const FileTreeListItemContentMenu = ({
     return React.createElement(List.Item, {
       disabled: !node.isRemovable,
       onClick: () => setDeleteDialogOpen(true)
-    }, React.createElement(List.ItemText, null, React.createElement(FormattedMessage, {
-      id: "fileTree.list.item.content.menu.item.delete"
+    }, React.createElement(List.ItemText, null, intl.formatMessage({
+      id: 'fileTree.list.item.content.menu.item.delete'
     })));
   };
   /**
@@ -242,12 +244,12 @@ const FileTreeListItemContentMenu = ({
       onHide: () => setDeleteDialogOpen(false)
     }, React.createElement(Dialog.CloseButton, {
       onClick: () => setDeleteDialogOpen(false)
-    }, React.createElement(FormattedMessage, {
-      id: "fileTree.list.item.content.menu.deleteConfirmDialog.cancel"
+    }, intl.formatMessage({
+      id: 'fileTree.list.item.content.menu.deleteConfirmDialog.cancel'
     })), React.createElement(Dialog.ActionButton, {
       onClick: handleDelete
-    }, React.createElement(FormattedMessage, {
-      id: "fileTree.list.item.content.menu.deleteConfirmDialog.confirm"
+    }, intl.formatMessage({
+      id: 'fileTree.list.item.content.menu.deleteConfirmDialog.confirm'
     })));
   };
   //

package/es/components/shared/file-tree/FileTreeToolbar.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useIntl } from 'react-intl';
 import { eilFileAdd, eilFolderAdd, eilUpload } from '@elice/icons';
+import { useRawEliceIntl } from '@elice/intl';
 import ExerciseMenuButton from '../exercise-menu-button/ExerciseMenuButton.js';
 import { useFileTreeState, useFileTreeDispatch } from './context/FileTreeContext.js';
 import { validateFilesSize } from './utils/fileTreeFiles.js';
@@ -10,7 +10,9 @@ import { StyledFileTreeToolbar } from './FileTreeToolbar.styled.js';
 const FileTreeToolbar = ({
   className
 }) => {
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     activePath,
     fileTree,
@@ -107,6 +109,5 @@ const FileTreeToolbar = ({
     className: className
   }, renderFileAddButton(), renderFolderAddButton(), renderFileUploadButton());
 };
-var FileTreeToolbar$1 = FileTreeToolbar;
 
-export { FileTreeToolbar$1 as default };
+export { FileTreeToolbar as default };