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

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

@@ -1,3 +1,3 @@
-var phrasesEn = {"materialExerciseExerciseRoom.create":"New Exercise Room","materialExerciseExerciseRoom.create.failure":"There was a problem creating a new lab.","materialExerciseExerciseRoom.create.success":"A new room has been created.","materialExerciseExerciseRoom.defaultExerciseRoomDescription":"The room is set to open by default.","materialExerciseExerciseRoom.description":"Create your own practice environment by creating a practice room with your tutor and friends.","materialExerciseExerciseRoom.detail.addUsers.label":"Add users","materialExerciseExerciseRoom.detail.addUsers.placeholder":"Search for the username you want to invite.","materialExerciseExerciseRoom.detail.copy":"Copy","materialExerciseExerciseRoom.detail.copy.success":"The link has been copied.","materialExerciseExerciseRoom.detail.footer.button.open.description":"The room is set to open by default.","materialExerciseExerciseRoom.detail.footer.description":"The room is set to open by default.","materialExerciseExerciseRoom.detail.sharelink.label":"Share Link","materialExerciseExerciseRoom.detail.table.body.add":"Invite","materialExerciseExerciseRoom.detail.table.head.permission":"Permission","materialExerciseExerciseRoom.detail.table.head.users":"Participants","materialExerciseExerciseRoom.detail.title.label":"Title","materialExerciseExerciseRoom.detail.title.placeholder":"Enter title","materialExerciseExerciseRoom.exerciseRoom.name":"Room Name","materialExerciseExerciseRoom.exerciseRoom.defaultName":"Untitled ({date})","materialExerciseExerciseRoom.exerciseRoom.participants":"Participants","materialExerciseExerciseRoom.exerciseRoom.publicPermission":"Permission","materialExerciseExerciseRoom.exerciseRoom.publicPermission.nothing":"No Permission","materialExerciseExerciseRoom.exerciseRoom.publicPermission.owner":"Owner","materialExerciseExerciseRoom.exerciseRoom.publicPermission.read":"Read Only","materialExerciseExerciseRoom.exerciseRoom.publicPermission.readWrite":"Read and Write","materialExerciseExerciseRoom.exit":"Close","materialExerciseExerciseRoom.leave":"Leave Exercise Room","materialExerciseExerciseRoom.leave.dialog.body":"Every code you wrote will disappear. Are you sure you want to leave this room?","materialExerciseExerciseRoom.leave.dialog.title":"Exit Exercise Room","materialExerciseExerciseRoom.open":"Open Exercise Room","materialExerciseExerciseRoom.selected":"(Current ExerciseRoom)","materialExerciseExerciseRoom.setDefaultExerciseRoom":"Set to open as default","materialExerciseExerciseRoom.title":"Exercise Room"};
+var messageEn = {"materialExerciseExerciseRoom.create":"New Exercise Room","materialExerciseExerciseRoom.create.failure":"There was a problem creating a new lab.","materialExerciseExerciseRoom.create.success":"A new room has been created.","materialExerciseExerciseRoom.defaultExerciseRoomDescription":"The room is set to open by default.","materialExerciseExerciseRoom.description":"Create your own practice environment by creating a practice room with your tutor and friends.","materialExerciseExerciseRoom.detail.addUsers.label":"Add users","materialExerciseExerciseRoom.detail.addUsers.placeholder":"Search for the username you want to invite.","materialExerciseExerciseRoom.detail.copy":"Copy","materialExerciseExerciseRoom.detail.copy.success":"The link has been copied.","materialExerciseExerciseRoom.detail.footer.button.open.description":"The room is set to open by default.","materialExerciseExerciseRoom.detail.footer.description":"The room is set to open by default.","materialExerciseExerciseRoom.detail.sharelink.label":"Share Link","materialExerciseExerciseRoom.detail.table.body.add":"Invite","materialExerciseExerciseRoom.detail.table.head.permission":"Permission","materialExerciseExerciseRoom.detail.table.head.users":"Participants","materialExerciseExerciseRoom.detail.title.label":"Title","materialExerciseExerciseRoom.detail.title.placeholder":"Enter title","materialExerciseExerciseRoom.exerciseRoom.name":"Room Name","materialExerciseExerciseRoom.exerciseRoom.defaultName":"Untitled ({date})","materialExerciseExerciseRoom.exerciseRoom.participants":"Participants","materialExerciseExerciseRoom.exerciseRoom.publicPermission":"Permission","materialExerciseExerciseRoom.exerciseRoom.publicPermission.nothing":"No Permission","materialExerciseExerciseRoom.exerciseRoom.publicPermission.owner":"Owner","materialExerciseExerciseRoom.exerciseRoom.publicPermission.read":"Read Only","materialExerciseExerciseRoom.exerciseRoom.publicPermission.readWrite":"Read and Write","materialExerciseExerciseRoom.exit":"Close","materialExerciseExerciseRoom.leave":"Leave Exercise Room","materialExerciseExerciseRoom.leave.dialog.body":"Every code you wrote will disappear. Are you sure you want to leave this room?","materialExerciseExerciseRoom.leave.dialog.title":"Exit Exercise Room","materialExerciseExerciseRoom.open":"Open Exercise Room","materialExerciseExerciseRoom.selected":"(Current ExerciseRoom)","materialExerciseExerciseRoom.setDefaultExerciseRoom":"Set to open as default","materialExerciseExerciseRoom.title":"Exercise Room"};
 
-export { phrasesEn as default };
+export { messageEn as default };

package/es/components/material-exercise/exercise-room/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-room/locales/ko.json.js

@@ -1,3 +1,3 @@
-var phrasesKo = {"materialExerciseExerciseRoom.create":"새 실습방","materialExerciseExerciseRoom.create.failure":"새로운 실습방을 만드는데 문제가 발생하였습니다.","materialExerciseExerciseRoom.create.success":"새로운 실습방이 생성 되었습니다.","materialExerciseExerciseRoom.defaultExerciseRoomDescription":"해당 실습방이 기본으로 열리도록 설정되어 있습니다.","materialExerciseExerciseRoom.description":"튜터, 친구들과 함께 실습방을 만들어 나만의 실습 환경을 만들어보세요.","materialExerciseExerciseRoom.detail.addUsers.label":"구성원 초대","materialExerciseExerciseRoom.detail.addUsers.placeholder":"초대할 사용자 이름을 검색하세요.","materialExerciseExerciseRoom.detail.copy":"복사","materialExerciseExerciseRoom.detail.copy.success":"공유 링크가 복사되었습니다.","materialExerciseExerciseRoom.detail.footer.button.open.description":"해당 실습방이 기본으로 열리도록 설정되어 있습니다.","materialExerciseExerciseRoom.detail.footer.description":"해당 실습방이 기본으로 열리도록 설정되어 있습니다.","materialExerciseExerciseRoom.detail.sharelink.label":"공유 링크","materialExerciseExerciseRoom.detail.table.body.add":"초대","materialExerciseExerciseRoom.detail.table.head.permission":"권한","materialExerciseExerciseRoom.detail.table.head.users":"구성원","materialExerciseExerciseRoom.detail.title.label":"타이틀","materialExerciseExerciseRoom.detail.title.placeholder":"타이틀을 입력하세요.","materialExerciseExerciseRoom.exerciseRoom.name":"실습방 이름","materialExerciseExerciseRoom.exerciseRoom.defaultName":"제목없음 ({date})","materialExerciseExerciseRoom.exerciseRoom.participants":"구성원","materialExerciseExerciseRoom.exerciseRoom.publicPermission":"내 권한","materialExerciseExerciseRoom.exerciseRoom.publicPermission.nothing":"권한없음","materialExerciseExerciseRoom.exerciseRoom.publicPermission.owner":"개설자","materialExerciseExerciseRoom.exerciseRoom.publicPermission.read":"읽기 전용","materialExerciseExerciseRoom.exerciseRoom.publicPermission.readWrite":"수정","materialExerciseExerciseRoom.exit":"닫기","materialExerciseExerciseRoom.leave":"실습방 나가기","materialExerciseExerciseRoom.leave.dialog.body":"작성한 코드가 모두 사라집니다. 정말 이 실습방에서 나가시겠습니까?","materialExerciseExerciseRoom.leave.dialog.title":"실습방 나가기","materialExerciseExerciseRoom.open":"실습방 열기","materialExerciseExerciseRoom.selected":"(현재 열린 실습방)","materialExerciseExerciseRoom.setDefaultExerciseRoom":"기본 실습방으로 설정하기","materialExerciseExerciseRoom.title":"실습방"};
+var messageKo = {"materialExerciseExerciseRoom.create":"새 실습방","materialExerciseExerciseRoom.create.failure":"새로운 실습방을 만드는데 문제가 발생하였습니다.","materialExerciseExerciseRoom.create.success":"새로운 실습방이 생성 되었습니다.","materialExerciseExerciseRoom.defaultExerciseRoomDescription":"해당 실습방이 기본으로 열리도록 설정되어 있습니다.","materialExerciseExerciseRoom.description":"튜터, 친구들과 함께 실습방을 만들어 나만의 실습 환경을 만들어보세요.","materialExerciseExerciseRoom.detail.addUsers.label":"구성원 초대","materialExerciseExerciseRoom.detail.addUsers.placeholder":"초대할 사용자 이름을 검색하세요.","materialExerciseExerciseRoom.detail.copy":"복사","materialExerciseExerciseRoom.detail.copy.success":"공유 링크가 복사되었습니다.","materialExerciseExerciseRoom.detail.footer.button.open.description":"해당 실습방이 기본으로 열리도록 설정되어 있습니다.","materialExerciseExerciseRoom.detail.footer.description":"해당 실습방이 기본으로 열리도록 설정되어 있습니다.","materialExerciseExerciseRoom.detail.sharelink.label":"공유 링크","materialExerciseExerciseRoom.detail.table.body.add":"초대","materialExerciseExerciseRoom.detail.table.head.permission":"권한","materialExerciseExerciseRoom.detail.table.head.users":"구성원","materialExerciseExerciseRoom.detail.title.label":"타이틀","materialExerciseExerciseRoom.detail.title.placeholder":"타이틀을 입력하세요.","materialExerciseExerciseRoom.exerciseRoom.name":"실습방 이름","materialExerciseExerciseRoom.exerciseRoom.defaultName":"제목없음 ({date})","materialExerciseExerciseRoom.exerciseRoom.participants":"구성원","materialExerciseExerciseRoom.exerciseRoom.publicPermission":"내 권한","materialExerciseExerciseRoom.exerciseRoom.publicPermission.nothing":"권한없음","materialExerciseExerciseRoom.exerciseRoom.publicPermission.owner":"개설자","materialExerciseExerciseRoom.exerciseRoom.publicPermission.read":"읽기 전용","materialExerciseExerciseRoom.exerciseRoom.publicPermission.readWrite":"수정","materialExerciseExerciseRoom.exit":"닫기","materialExerciseExerciseRoom.leave":"실습방 나가기","materialExerciseExerciseRoom.leave.dialog.body":"작성한 코드가 모두 사라집니다. 정말 이 실습방에서 나가시겠습니까?","materialExerciseExerciseRoom.leave.dialog.title":"실습방 나가기","materialExerciseExerciseRoom.open":"실습방 열기","materialExerciseExerciseRoom.selected":"(현재 열린 실습방)","materialExerciseExerciseRoom.setDefaultExerciseRoom":"기본 실습방으로 설정하기","materialExerciseExerciseRoom.title":"실습방"};
 
-export { phrasesKo as default };
+export { messageKo as default };

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

@@ -0,0 +1,3 @@
+var messageTh = {"materialExerciseExerciseRoom.create":"ห้องปฏิบัติการใหม่","materialExerciseExerciseRoom.create.failure":"มีปัญหาเกิดขึ้นในการสร้างห้องปฏิบัติการใหม่ ค่ะ.","materialExerciseExerciseRoom.create.success":"ห้องปฏิบัติการใหม่ถูกสร้างขึ้นแล้วครับ.","materialExerciseExerciseRoom.defaultExerciseRoomDescription":"ห้องปฏิบัติการนั้นถูกตั้งค่าให้เปิดโดยค่าเริ่มต้นแล้วค่ะ.","materialExerciseExerciseRoom.description":"ติวเตอร์, สร้างห้องปฏิบัติการกับเพื่อนๆ เพื่อสร้างสภาพแวดล้อมในการฝึกฝนของคุณเองสิ ","materialExerciseExerciseRoom.detail.addUsers.label":"สมาชิกเชิญชวน","materialExerciseExerciseRoom.detail.addUsers.placeholder":"ค้นหาชื่อผู้ใช้ที่ต้องการเชิญลงชื่อที่นี่.","materialExerciseExerciseRoom.detail.copy":"คัดลอก","materialExerciseExerciseRoom.detail.copy.success":"ลิงก์ที่แชร์ถูกคัดลอกแล้วครับ.","materialExerciseExerciseRoom.detail.footer.button.open.description":"ห้องปฏิบัติการนั้นถูกตั้งค่าให้เปิดโดยค่าเริ่มต้นแล้วค่ะ.","materialExerciseExerciseRoom.detail.footer.description":"ห้องปฏิบัติการนั้นถูกตั้งค่าให้เปิดโดยค่าเริ่มต้นแล้วค่ะ.","materialExerciseExerciseRoom.detail.sharelink.label":"ลิงก์แชร์","materialExerciseExerciseRoom.detail.table.body.add":"เชิญ","materialExerciseExerciseRoom.detail.table.head.permission":"สิทธิ์","materialExerciseExerciseRoom.detail.table.head.users":"สมาชิก","materialExerciseExerciseRoom.detail.title.label":"หัวข้อ","materialExerciseExerciseRoom.detail.title.placeholder":"โปรดใส่หัวข้อ","materialExerciseExerciseRoom.exerciseRoom.name":"ชื่อห้องปฏิบัติการ","materialExerciseExerciseRoom.exerciseRoom.defaultName":"ไม่มีหัวเรื่อง ({date})","materialExerciseExerciseRoom.exerciseRoom.participants":"สมาชิก","materialExerciseExerciseRoom.exerciseRoom.publicPermission":"สิทธิของฉัน","materialExerciseExerciseRoom.exerciseRoom.publicPermission.nothing":"ไม่มีสิทธิ์","materialExerciseExerciseRoom.exerciseRoom.publicPermission.owner":"ผู้สร้าง","materialExerciseExerciseRoom.exerciseRoom.publicPermission.read":"โหมดอ่านอย่างเดียว","materialExerciseExerciseRoom.exerciseRoom.publicPermission.readWrite":"แก้ไข","materialExerciseExerciseRoom.exit":"ปิด","materialExerciseExerciseRoom.leave":"ออกจากห้องปฏิบัติการ","materialExerciseExerciseRoom.leave.dialog.body":"เขียนโค้ดทั้งหมดที่คุณเขียนจะหายไป คุณแน่ใจว่าต้องการออกจากห้องปฏิบัติการนี้หรือไม่?","materialExerciseExerciseRoom.leave.dialog.title":"ออกจากห้องปฏิบัติการ","materialExerciseExerciseRoom.open":"เปิดห้องปฏิบัติการ","materialExerciseExerciseRoom.selected":"(ห้องปฏิบัติการที่เปิดอยู่)","materialExerciseExerciseRoom.setDefaultExerciseRoom":"ตั้งค่าเป็นห้องฝึกฝนหลัก","materialExerciseExerciseRoom.title":"ห้องปฏิบัติการ"};
+
+export { messageTh as default };

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

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

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { useIntl } from 'react-intl';
 import { useEvent } from 'react-use';
 import { postOrgMaterialExerciseExerciseRunningSubmit, postOrgMaterialExerciseExerciseRunningCancel } from '@elice/api-client';
 import { Flex, ResizableNext, Dialog } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
+import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import { enums } from '@elice/types';
 import { useRecoilValue, useSetRecoilState, useRecoilState } from 'recoil';
 import styled from 'styled-components';
@@ -26,11 +26,11 @@ import 'lodash/debounce';
 import 'random-words';
 import 'unicount';
 import { useStdioTextConcator } from '../../../hooks/useStdioTextConcator.js';
-import { withExerciseIntlProvider } from '../context/ExerciseIntlProvider.js';
-import phrasesEn from './locales/en.json.js';
-import phrasesKo from './locales/ko.json.js';
 import { ExerciseRunnerContext } from './ExerciseRunnerContext.js';
 import ExerciseRunnerController from './ExerciseRunnerController.js';
+import messageEn from './locales/en.json.js';
+import messageKo from './locales/ko.json.js';
+import messageTh from './locales/th.json.js';
 
 const EXERCISE_RUNNER_HORIZONTAL_RATIO = {
   PREVIEW: 0.3,
@@ -43,10 +43,10 @@ const StyledExerciseRunner = styled.div.withConfig({
  *
  */
 const ExerciseRunner = ({
-  exercisePreview
+  exercisePreview,
+  __intl
 }) => {
   var _a, _b, _c;
-  const intl = useIntl();
   const {
     onCodeHelpRequest
   } = React.useContext(ExerciseContext);
@@ -178,10 +178,10 @@ const ExerciseRunner = ({
       case 'insufficient_permission':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
-          message: intl.formatMessage({
+          message: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.body.commonError'
           }),
-          action: intl.formatMessage({
+          action: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.reload'
           }),
           onAction: () => window.location.reload()
@@ -190,10 +190,10 @@ const ExerciseRunner = ({
       case 'invalid_room_token':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
-          message: intl.formatMessage({
+          message: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.body.networkError'
           }),
-          action: intl.formatMessage({
+          action: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.reload'
           }),
           onAction: () => window.location.reload()
@@ -202,10 +202,10 @@ const ExerciseRunner = ({
       case 'not_for_submit_grade':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
-          message: intl.formatMessage({
+          message: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.body.notForSubmitGrade'
           }),
-          action: intl.formatMessage({
+          action: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.confirm'
           })
         });
@@ -213,10 +213,10 @@ const ExerciseRunner = ({
       case 'expired_exercise_image':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
-          message: intl.formatMessage({
+          message: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.body.expiredExerciseImage'
           }),
-          action: intl.formatMessage({
+          action: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.reload'
           }),
           onAction: () => window.location.reload()
@@ -226,10 +226,10 @@ const ExerciseRunner = ({
       case 'try_again':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
-          message: intl.formatMessage({
+          message: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.body.notPreparedRoom'
           }),
-          action: intl.formatMessage({
+          action: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.confirm'
           })
         });
@@ -237,10 +237,10 @@ const ExerciseRunner = ({
       case 'room_is_busy':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
-          message: intl.formatMessage({
+          message: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.body.roomIsBusy'
           }),
-          action: intl.formatMessage({
+          action: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.confirm'
           })
         });
@@ -248,10 +248,10 @@ const ExerciseRunner = ({
       case 'exceed_submit_grade_limit':
         setRunnerSubmitErrorDialog({
           code: err.detail.failCode,
-          message: intl.formatMessage({
+          message: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.body.exceedSubmitGradeLimit'
           }),
-          action: intl.formatMessage({
+          action: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.confirm'
           })
         });
@@ -259,10 +259,10 @@ const ExerciseRunner = ({
       default:
         setRunnerSubmitErrorDialog({
           code: ((_b = err === null || err === void 0 ? void 0 : err.detail) === null || _b === void 0 ? void 0 : _b.failCode) || 'unknown',
-          message: intl.formatMessage({
+          message: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.body.unknown'
           }),
-          action: intl.formatMessage({
+          action: __intl.formatMessage({
             id: 'exerciseRunner.submitErrorDialog.action.confirm'
           })
         });
@@ -480,7 +480,7 @@ const ExerciseRunner = ({
     }
     return React.createElement(Dialog, {
       type: "error",
-      title: intl.formatMessage({
+      title: __intl.formatMessage({
         id: 'exerciseRunner.submitErrorDialog.title'
       }),
       body: `${runnerSubmitErrorDialog.message}\n(error code: ${runnerSubmitErrorDialog.code})`,
@@ -498,7 +498,7 @@ const ExerciseRunner = ({
   //
   //
   //
-  return React.createElement(StyledExerciseRunner, null, React.createElement(ExerciseRunnerContext.Provider, {
+  return React.createElement(RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledExerciseRunner, null, React.createElement(ExerciseRunnerContext.Provider, {
     value: {
       onSubmit: handleRunnerSubmit,
       onCancel: handleRunnerCancel,
@@ -510,11 +510,8 @@ const ExerciseRunner = ({
       minHeight: 0
     },
     overflow: "hidden"
-  }, renderPreview(), renderXterm(), renderRunnerSubmitErrorDialog())));
+  }, renderPreview(), renderXterm(), renderRunnerSubmitErrorDialog()))));
 };
-var ExerciseRunner$1 = withExerciseIntlProvider(ExerciseRunner, {
-  en: phrasesEn,
-  ko: phrasesKo
-});
+var ExerciseRunner$1 = new IntlComponentBuilder(ExerciseRunner).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 
 export { ExerciseRunner$1 as default };

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { useIntl, FormattedMessage } from 'react-intl';
 import { Modal, Vspace, Text, Flex, Button, Icon, Hspace } from '@elice/blocks';
 import { eisWindows, eisMac, eilArrowRightwardsBasic } from '@elice/icons';
+import { useRawEliceIntl } from '@elice/intl';
 import FileSaver from 'file-saver';
 import { useRecoilState } from 'recoil';
 import { exerciseArduinoAgentModalState } from '../context/recoil.js';
@@ -16,7 +16,7 @@ const ARDUINO_AGENT_MAC_DOWNLOAD_URL = 'https://eli.so/arduino-agent-mac';
 const ARDUINO_AGENT_WIN_DOWNLOAD_URL = 'https://eli.so/arduino-agent-win';
 const ARDUINO_AGENT_MANUAL_URL = 'https://eli.so/arduino-faq';
 const ExerciseRunnerControllerArduinoAgentModal = () => {
-  const intl = useIntl();
+  const intl = useRawEliceIntl();
   const [open, setOpen] = useRecoilState(exerciseArduinoAgentModalState);
   React.useEffect(() => {
     const isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;
@@ -35,15 +35,15 @@ const ExerciseRunnerControllerArduinoAgentModal = () => {
     return React.createElement(React.Fragment, null, React.createElement(Text, {
       bold: true,
       role: "gray0"
-    }, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.arduino.agent.instruction.install"
+    }, intl.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.install'
     })), React.createElement(Vspace, {
       height: 0.25
     }), React.createElement(Text, {
       role: "navy",
       size: "small"
-    }, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.arduino.agent.instruction.install.detail"
+    }, intl.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.install.detail'
     })), React.createElement(Vspace, {
       height: 0.75
     }), React.createElement(Flex, null, React.createElement(Button, {
@@ -55,8 +55,8 @@ const ExerciseRunnerControllerArduinoAgentModal = () => {
       }),
       iconAlign: "left",
       onClick: () => handleDownload(ARDUINO_AGENT_WIN_DOWNLOAD_URL)
-    }, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.arduino.agent.instruction.install.window"
+    }, intl.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.install.window'
     })), React.createElement(Hspace, {
       width: 0.75
     }), React.createElement(Button, {
@@ -67,24 +67,26 @@ const ExerciseRunnerControllerArduinoAgentModal = () => {
       }),
       iconAlign: "left",
       onClick: () => handleDownload(ARDUINO_AGENT_MAC_DOWNLOAD_URL)
-    }, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.arduino.agent.instruction.install.mac"
+    }, intl.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.install.mac'
     }))));
   };
   const renderAgentConnectionInstruction = () => {
     return React.createElement(React.Fragment, null, React.createElement(Text, {
       role: "gray0",
       bold: true
-    }, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.arduino.agent.instruction.connect"
+    }, intl.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
+    }), intl.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.connect'
     })), React.createElement(Vspace, {
       height: 0.25
     }), React.createElement(Text, {
       role: "navy",
       size: "small",
       lineHeight: 1.6
-    }, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.arduino.agent.instruction.connect.detail"
+    }, intl.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.connect.detail'
     })), React.createElement(Vspace, {
       height: 0.75
     }), React.createElement(Button, {
@@ -95,8 +97,8 @@ const ExerciseRunnerControllerArduinoAgentModal = () => {
       size: "tiny",
       role: "secondary",
       onClick: () => window.open(ARDUINO_AGENT_MANUAL_URL)
-    }, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.arduino.agent.instruction.connect.button"
+    }, intl.formatMessage({
+      id: 'exerciseRunner.controller.arduino.agent.instruction.connect.button'
     })));
   };
   if (!open) {

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

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
-import { useIntl } from 'react-intl';
 import { Flex, Text } from '@elice/blocks';
+import { useRawEliceIntl } from '@elice/intl';
 import { useRecoilValue } from 'recoil';
 import styled from 'styled-components';
 import { getPortFromName, getDisplayName } from '../../../utils/arduino.js';
@@ -15,7 +15,7 @@ const StyledMessageWrapper = styled(Flex).withConfig({
   componentId: "sc-19z7lun-0"
 })(["height:1rem;"]);
 const ExerciseRunnerControllerArduinoStatusMessage = () => {
-  const intl = useIntl();
+  const intl = useRawEliceIntl();
   const ports = useRecoilValue(exerciseArduinoPortsState);
   const [message, setMessage] = useState('');
   const [status, setStatus] = useState('error');

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useIntl, FormattedMessage } from 'react-intl';
 import { Button, Tooltip } from '@elice/blocks';
+import { useRawEliceIntl } from '@elice/intl';
 import { enums } from '@elice/types';
 import { EliceWebSocket } from '@elice/websocket';
 import { useRecoilValue } from 'recoil';
@@ -35,7 +35,7 @@ const StyledControllerButtonGroup = styled.div.withConfig({
 })(["display:flex;flex-direction:row;align-items:center;> ", ",> ", "{margin-right:0.5rem;&:last-child{margin-right:0;}}"], StyledControllerButtonWrap, StyledControllerButton);
 const ExerciseRunnerControllerButtonGroup = () => {
   var _a;
-  const intl = useIntl();
+  const intl = useRawEliceIntl();
   const {
     materialExerciseId,
     onCodeHelpRequest
@@ -145,10 +145,10 @@ const ExerciseRunnerControllerButtonGroup = () => {
       loading: isConnecting || isSubmitting && exerciseRunType === enums.ExerciseRunType.Run,
       disabled: isSubmitRunDisabled,
       onClick: handleSubmitRun
-    }, isArduinoExercise ? React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.buttonGroup.button.compile"
-    }) : React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.buttonGroup.button.run"
+    }, isArduinoExercise ? intl.formatMessage({
+      id: 'exerciseRunner.controller.buttonGroup.button.compile'
+    }) : intl.formatMessage({
+      id: 'exerciseRunner.controller.buttonGroup.button.run'
     }));
   };
   /**
@@ -170,8 +170,8 @@ const ExerciseRunnerControllerButtonGroup = () => {
       loading: isConnecting || isSubmitting && exerciseRunType === enums.ExerciseRunType.Grade,
       disabled: isSubmitGradeDisabled,
       onClick: handleSubmitGrade
-    }, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.buttonGroup.button.submit"
+    }, intl.formatMessage({
+      id: 'exerciseRunner.controller.buttonGroup.button.submit'
     }))));
   };
   /**
@@ -187,8 +187,8 @@ const ExerciseRunnerControllerButtonGroup = () => {
       loading: isConnecting,
       disabled: isCancelDisabled,
       onClick: handleCancel
-    }, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.buttonGroup.button.stop"
+    }, intl.formatMessage({
+      id: 'exerciseRunner.controller.buttonGroup.button.stop'
     }));
   };
   /**
@@ -204,8 +204,8 @@ const ExerciseRunnerControllerButtonGroup = () => {
       loading: isConnecting,
       disabled: isSyncRequestDisabled,
       onClick: handleSyncRequest
-    }, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.buttonGroup.button.syncRequest"
+    }, intl.formatMessage({
+      id: 'exerciseRunner.controller.buttonGroup.button.syncRequest'
     }));
   };
   /**

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
 import { Button, Tooltip, Icon, Flex, BadgeNext, Text, Hspace, IconButton } from '@elice/blocks';
 import { eilArrowRightwardsBasic, eilMathsignMultiplyBasic } from '@elice/icons';
+import { useRawEliceIntl } from '@elice/intl';
 import { useRecoilValue } from 'recoil';
 import styled from 'styled-components';
 import { exerciseAibotInfoEnableState } from '../context/recoil.js';
@@ -16,6 +16,7 @@ const StyledControllerButton = styled(Button).withConfig({
   componentId: "sc-10grd0k-0"
 })(["position:relative;transition:none;"]);
 const ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef((props, ref) => {
+  const intl = useRawEliceIntl();
   const [isTooltipHidden, setIsTooltipHidden] = React.useState(false);
   const isAibotInfoEnabled = useRecoilValue(exerciseAibotInfoEnableState);
   //
@@ -49,8 +50,8 @@ const ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef((props, r
       role: "gray9",
       size: "small",
       bold: true
-    }, React.createElement(FormattedMessage, {
-      id: "exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp"
+    }, intl.formatMessage({
+      id: 'exerciseRunner.controller.buttonGroup.button.tooltip.aiHelp'
     })), React.createElement(Hspace, {
       width: 0.625
     }), React.createElement(IconButton, {
@@ -78,8 +79,8 @@ const ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef((props, r
       icon: eilArrowRightwardsBasic
     }),
     iconAlign: "right"
-  }), React.createElement(FormattedMessage, {
-    id: "exerciseRunner.controller.buttonGroup.button.helpRequest"
+  }), intl.formatMessage({
+    id: 'exerciseRunner.controller.buttonGroup.button.helpRequest'
   }))) : null;
 });
 

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,7 @@ const StyledRunnerInfoContent = styled.span.withConfig({
 //
 //
 const ExerciseRunnerControllerRunningInfo = () => {
-  const intl = useIntl();
+  const intl = useRawEliceIntl();
   const {
     materialExerciseId,
     exerciseRoomId,
@@ -136,13 +136,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 +159,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,7 @@ 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 +23,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,7 @@ 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 +59,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)
   }));
 };