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

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

@@ -1,3 +1,3 @@
-var phrasesKo = {"exerciseRightpane.environment.item.common.value.false":"아니오","exerciseRightpane.environment.item.common.value.true":"예","exerciseRightpane.environment.item.cpuLimit.name":"CPU 제한","exerciseRightpane.environment.item.cpuLimit.value":"3 코어","exerciseRightpane.environment.item.httpPort.name":"HTTP 포트","exerciseRightpane.environment.item.httpPort.value.false":"연결 안 함","exerciseRightpane.environment.item.httpPort.value.true":"8080","exerciseRightpane.environment.item.isGpu.name":"GPU 사용","exerciseRightpane.environment.item.isVnc.name":"VNC 사용","exerciseRightpane.environment.item.memoryLimit.name":"메모리 제한","exerciseRightpane.environment.item.timeLimit.name":"시간 제한","exerciseRightpane.environment.title":"실습 환경","exerciseRightpane.preference.title":"에디터 설정"};
+var messageKo = {"exerciseRightpane.environment.item.common.value.false":"아니오","exerciseRightpane.environment.item.common.value.true":"예","exerciseRightpane.environment.item.cpuLimit.name":"CPU 제한","exerciseRightpane.environment.item.cpuLimit.value":"3 코어","exerciseRightpane.environment.item.httpPort.name":"HTTP 포트","exerciseRightpane.environment.item.httpPort.value.false":"연결 안 함","exerciseRightpane.environment.item.httpPort.value.true":"8080","exerciseRightpane.environment.item.isGpu.name":"GPU 사용","exerciseRightpane.environment.item.isVnc.name":"VNC 사용","exerciseRightpane.environment.item.memoryLimit.name":"메모리 제한","exerciseRightpane.environment.item.timeLimit.name":"시간 제한","exerciseRightpane.environment.title":"실습 환경","exerciseRightpane.preference.title":"에디터 설정"};
 
-export { phrasesKo as default };
+export { messageKo as default };

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

@@ -0,0 +1,3 @@
+var messageTh = {"exerciseRightpane.environment.item.common.value.false":"ไม่","exerciseRightpane.environment.item.common.value.true":"ตัวอย่าง","exerciseRightpane.environment.item.cpuLimit.name":"ขีดจำกัด CPU","exerciseRightpane.environment.item.cpuLimit.value":"3 คอร์","exerciseRightpane.environment.item.httpPort.name":"พอร์ต HTTP","exerciseRightpane.environment.item.httpPort.value.false":"ไม่ได้เชื่อมต่อ","exerciseRightpane.environment.item.httpPort.value.true":"8080","exerciseRightpane.environment.item.isGpu.name":"การใช้งาน GPU","exerciseRightpane.environment.item.isVnc.name":"การใช้ VNC","exerciseRightpane.environment.item.memoryLimit.name":"ขีดจำกัดหน่วยความจำ","exerciseRightpane.environment.item.timeLimit.name":"ขีดจำกัดเวลา","exerciseRightpane.environment.title":"สมบัติทดลอง","exerciseRightpane.preference.title":"การตั้งค่าเอ็ดิเตอร์"};
+
+export { messageTh as default };

package/es/components/material-exercise/exercise-room/ExerciseRoom.d.ts

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

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

@@ -1,15 +1,17 @@
 import React from 'react';
-import { withExerciseIntlProvider } from '../context/ExerciseIntlProvider.js';
-import phrasesEn from './locales/en.json.js';
-import phrasesKo from './locales/ko.json.js';
+import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import MaterialExerciseExerciseRoomDetail from './ExerciseRoomDetail.js';
 import MaterialExerciseExerciseRoomList from './ExerciseRoomList.js';
+import messageEn from './locales/en.json.js';
+import messageKo from './locales/ko.json.js';
+import messageTh from './locales/th.json.js';
 
 const ExerciseRoom = ({
-  onHide
+  onHide,
+  __intl
 }) => {
   const [selectedExerciseRoomId, setSelectedExerciseRoomId] = React.useState();
-  return selectedExerciseRoomId ? React.createElement(MaterialExerciseExerciseRoomDetail, {
+  const ExerciseRoomContent = selectedExerciseRoomId ? React.createElement(MaterialExerciseExerciseRoomDetail, {
     selectedExerciseRoomId: selectedExerciseRoomId,
     goToList: () => setSelectedExerciseRoomId(undefined),
     onHide: onHide
@@ -17,10 +19,12 @@ const ExerciseRoom = ({
     onExerciseRoomClick: id => setSelectedExerciseRoomId(id),
     onHide: onHide
   });
+  return React.createElement(RawEliceIntlProvider, {
+    value: {
+      intl: __intl
+    }
+  }, ExerciseRoomContent);
 };
-var ExerciseRoom$1 = withExerciseIntlProvider(ExerciseRoom, {
-  en: phrasesEn,
-  ko: phrasesKo
-});
+var ExerciseRoom$1 = new IntlComponentBuilder(ExerciseRoom).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 
 export { ExerciseRoom$1 as default };

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { useIntl, FormattedMessage } from 'react-intl';
 import { useCopyToClipboard, useDebounce, useUpdateEffect } from 'react-use';
 import { getOrgMaterialExerciseExerciseRoomGet, postOrgMaterialExerciseExerciseRoomEdit, postOrgMaterialExerciseExerciseRoomDefaultRoomSet, getOrgCourseUserList, postOrgMaterialExerciseExerciseRoomDelete, postOrgMaterialExerciseExerciseRoomUserDelete, postOrgMaterialExerciseExerciseRoomUserEdit } from '@elice/api-client';
 import { Modal, Flex, Icon, Text, Button, Dialog, Label, Vspace, Input, ProfileImage, Select, Notification } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilArrowLeftwardsSingle, eisArrowDownwardsCircle, eilSearch } from '@elice/icons';
+import { useRawEliceIntl } from '@elice/intl';
 import { enums } from '@elice/types';
 import _ from 'lodash';
 import { useRecoilValue } from 'recoil';
@@ -26,7 +26,9 @@ const MaterialExerciseExerciseRoomDetail = ({
   onHide
 }) => {
   var _a, _b, _c, _d, _e;
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     materialExerciseId,
     onExerciseRoomIdChange
@@ -185,8 +187,8 @@ const MaterialExerciseExerciseRoomDetail = ({
       underline: true,
       border: false,
       onClick: doPostOrgMaterialExerciseExerciseRoomDefaultRoomSet
-    }, React.createElement(FormattedMessage, {
-      id: "materialExerciseExerciseRoom.setDefaultExerciseRoom"
+    }, intl.formatMessage({
+      id: 'materialExerciseExerciseRoom.setDefaultExerciseRoom'
     }))) : undefined,
     footerButtons: [{
       label: intl.formatMessage({

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { useIntl } from 'react-intl';
 import { getOrgMaterialExerciseExerciseRoomList, postOrgMaterialExerciseExerciseRoomEdit } from '@elice/api-client';
 import { Modal, Notification, Flex, Text, Icon, ProfileImageGroup, ProfileImage } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eisArrowDownwardsCircle } from '@elice/icons';
+import { useRawEliceIntl } from '@elice/intl';
 import { enums } from '@elice/types';
 import { useRecoilValue } from 'recoil';
 import styled from 'styled-components';
@@ -22,7 +22,9 @@ const MaterialExerciseExerciseRoomList = ({
   onExerciseRoomClick,
   onHide
 }) => {
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     materialExerciseId,
     exerciseRoomId

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,11 @@ const ExerciseRunner = ({
   //
   //
   //
-  return React.createElement(StyledExerciseRunner, null, React.createElement(ExerciseRunnerContext.Provider, {
+  return React.createElement(RawEliceIntlProvider, {
+    value: {
+      intl: __intl
+    }
+  }, React.createElement(StyledExerciseRunner, null, React.createElement(ExerciseRunnerContext.Provider, {
     value: {
       onSubmit: handleRunnerSubmit,
       onCancel: handleRunnerCancel,
@@ -510,11 +514,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,9 @@ 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 +37,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 +57,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 +69,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 +99,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,9 @@ 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,9 @@ 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 +147,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 +172,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 +189,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 +206,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,9 @@ 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 +52,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 +81,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;
 });