@elice/material-exercise 1.240514.2 → 1.240517.0

package/cjs/components/material-exercise/MaterialExercise.js

@@ -174,7 +174,9 @@ const MaterialExercise = React.forwardRef((props, ref) => {
 //
 //
 var MaterialExercise$1 = new intl.IntlComponentBuilder(materialSharedUtils.withForwardRefMaterial(React.forwardRef((props, ref) => {
-  return React.createElement(intl.RawEliceIntlProvider, Object.assign({}, props.__intl), React.createElement(ExerciseProvider.default, Object.assign({}, props), React.createElement(MaterialExercise, Object.assign({}, props, {
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: props.__intl
+  }, React.createElement(ExerciseProvider.default, Object.assign({}, props), React.createElement(MaterialExercise, Object.assign({}, props, {
     ref: ref
   }))));
 }), apiClient.config.init, {

package/cjs/components/material-exercise/exercise-file-tabs/ExerciseFileTabs.js

@@ -64,7 +64,9 @@ const ExerciseFileTabs = ({
     }
     setActiveFilename(path);
   };
-  return React.createElement(intl.RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledFileTabsWrapper, null, React.createElement(React.Suspense, {
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledFileTabsWrapper, null, React.createElement(React.Suspense, {
     fallback: React.createElement(ExerciseFileTabsShimmer.default, null)
   }, React.createElement(AsyncFileTabs, {
     openedTabs: openedTabs,

package/cjs/components/material-exercise/exercise-menu/ExerciseMenu.js

@@ -36,7 +36,9 @@ const ExerciseMenu = ({
   //
   //
   //
-  return React.createElement(intl.RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledExerciseMenuWrapper, null, isArduinoExercise ? React.createElement(React.Fragment, null, React.createElement(ExerciseMenuArduinoAgentModalButton.default, null), React.createElement(ExerciseMenuArduinoSettings.default, null)) : React.createElement(ExerciseMenuStdioFileBrowser.default, null), React.createElement(ExerciseMenuReset.default, null), React.createElement(ExerciseMenuDropdown.default, null)));
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledExerciseMenuWrapper, null, isArduinoExercise ? React.createElement(React.Fragment, null, React.createElement(ExerciseMenuArduinoAgentModalButton.default, null), React.createElement(ExerciseMenuArduinoSettings.default, null)) : React.createElement(ExerciseMenuStdioFileBrowser.default, null), React.createElement(ExerciseMenuReset.default, null), React.createElement(ExerciseMenuDropdown.default, null)));
 };
 var ExerciseMenu$1 = new intl.IntlComponentBuilder(ExerciseMenu).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 

package/cjs/components/material-exercise/exercise-preview/ExercisePreview.js

@@ -96,7 +96,9 @@ const ExercisePreview = ({
   //
   //
   //
-  return React.createElement(intl.RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledExercisePreview, null, renderNoVnc(), renderWebBrowser()));
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledExercisePreview, null, renderNoVnc(), renderWebBrowser()));
 };
 var ExercisePreview$1 = new intl.IntlComponentBuilder(ExercisePreview).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 

package/cjs/components/material-exercise/exercise-rightpane/ExerciseRightpane.js

@@ -100,7 +100,9 @@ const ExerciseRightpane = ({
   if (!activeState) {
     return null;
   }
-  return React.createElement(intl.RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledRightpaneWrap, null, renderRightpaneHeader(), React.createElement(blocks.Hr, {
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledRightpaneWrap, null, renderRightpaneHeader(), React.createElement(blocks.Hr, {
     marginStart: 0,
     marginEnd: 0,
     color: designTokens.base.color.navy6

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

@@ -23,7 +23,9 @@ const ExerciseRoom = ({
     onExerciseRoomClick: id => setSelectedExerciseRoomId(id),
     onHide: onHide
   });
-  return React.createElement(intl.RawEliceIntlProvider, Object.assign({}, __intl), ExerciseRoomContent);
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, ExerciseRoomContent);
 };
 var ExerciseRoom$1 = new intl.IntlComponentBuilder(ExerciseRoom).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 

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

@@ -502,7 +502,9 @@ const ExerciseRunner = ({
   //
   //
   //
-  return React.createElement(intl.RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledExerciseRunner, null, React.createElement(ExerciseRunnerContext.ExerciseRunnerContext.Provider, {
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledExerciseRunner, null, React.createElement(ExerciseRunnerContext.ExerciseRunnerContext.Provider, {
     value: {
       onSubmit: handleRunnerSubmit,
       onCancel: handleRunnerCancel,

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

@@ -303,7 +303,9 @@ const ExerciseSubmitHistory = ({
   //
   //
   //
-  return React.createElement(intl.RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(MaterialModal.default, {
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(MaterialModal.default, {
     title: __intl.formatMessage({
       id: 'exerciseSubmitHistory.title'
     }),

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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"};
+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":"Submission history"};
 
 exports.default = messageEn;

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var messageKo = {"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":"제출 이력"};
 
 exports.default = messageKo;

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var messageTh = {"exerciseSubmitHistory.button.load.more":"โหลดเพิ่มเติม","exerciseSubmitHistory.notChanged":"ไฟล์ที่ไม่มีประวัติการแก้ไข","exerciseSubmitHistory.runType.grade":"เกรด","exerciseSubmitHistory.runType.run":"เรียกใช้งาน","exerciseSubmitHistory.title":"ประวัติการแก้ไขโค้ด"};
+var messageTh = {"exerciseSubmitHistory.button.load.more":"โหลดเพิ่มเติม","exerciseSubmitHistory.notChanged":"ไฟล์ที่ไม่มีประวัติการแก้ไข","exerciseSubmitHistory.runType.grade":"เกรด","exerciseSubmitHistory.runType.run":"เรียกใช้งาน","exerciseSubmitHistory.title":"ประวัติการส่ง"};
 
 exports.default = messageTh;

package/cjs/components/shared/no-vnc/NoVnc.d.ts

@@ -15,5 +15,7 @@ export interface NoVncProps {
     onConnect?: () => void;
     onDisconnect?: () => void;
 }
-declare const NoVnc: React.ForwardRefExoticComponent<NoVncProps & React.RefAttributes<NoVncApis>>;
-export default NoVnc;
+declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<import("@elice/intl").IntlComponentExtraProps & Omit<NoVncProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & {
+    __intl: import("@elice/intl").EliceIntlShape;
+} & React.RefAttributes<NoVncApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<NoVncApis>>;
+export default _default;

package/cjs/components/shared/no-vnc/NoVnc.js

@@ -7,6 +7,7 @@ var reactUse = require('react-use');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
+var intl = require('@elice/intl');
 var RFB_decoders_copy_rect = require('@novnc/novnc/core/decoders/copyrect');
 var RFB_decoders_hextile = require('@novnc/novnc/core/decoders/hextile');
 var RFB_decoders_raw = require('@novnc/novnc/core/decoders/raw');
@@ -18,6 +19,7 @@ var RFB = require('@novnc/novnc/core/rfb');
 var styled = require('styled-components');
 var ExerciseMenuButton = require('../exercise-menu-button/ExerciseMenuButton.js');
 var PreviewContainer = require('../preview-container/PreviewContainer.js');
+var en = require('./locales/en.json.js');
 
 //
 //
@@ -48,7 +50,8 @@ const NoVnc = React.forwardRef(({
   readyExerciseImage,
   exercisePreviewDisplayModeButton = null,
   onConnect,
-  onDisconnect
+  onDisconnect,
+  __intl
 }, ref) => {
   const vncRfb = React.useRef(null);
   const vncElRef = React.useRef(null);
@@ -226,9 +229,17 @@ const NoVnc = React.forwardRef(({
     return React.createElement(React.Fragment, null, React.createElement(StyledHeaderTitle, null, React.createElement(blocks.Text, {
       role: "white",
       size: "tiny"
-    }, "\uC2E4\uD589 \uACB0\uACFC")), React.createElement(StyledHeaderButtonGroup, null, React.createElement(ExerciseMenuButton.default, {
+    }, __intl.formatMessage({
+      id: 'no_vnc.header.title'
+    }))), React.createElement(StyledHeaderButtonGroup, null, React.createElement(ExerciseMenuButton.default, {
       icon: isVncScaledFromLocal ? icons.eilViewMaximize : icons.eilViewMinimize,
-      title: isRunning ? '실행 중에는 비율을 변경할 수 없습니다' : isVncScaledFromLocal ? '확대하여 보기' : '원본 비율로 보기',
+      title: isRunning ? __intl.formatMessage({
+        id: 'no_vnc.header.button_group.exercise_menu.is_running'
+      }) : isVncScaledFromLocal ? __intl.formatMessage({
+        id: 'no_vnc.header.button_group.exercise_menu.zoom_in'
+      }) : __intl.formatMessage({
+        id: 'no_vnc.header.button_group.exercise_menu.keep_ratio'
+      }),
       disabled: isRunning,
       onClick: () => setVncScaledFromLocal(prev => !prev)
     }), React.isValidElement(exercisePreviewDisplayModeButton) ? React.cloneElement(exercisePreviewDisplayModeButton, {
@@ -249,5 +260,6 @@ const NoVnc = React.forwardRef(({
     ref: vncElRef
   }))));
 });
+var NoVnc$1 = new intl.IntlComponentBuilder(NoVnc).add('en', en.default).addAsync('ko', Promise.resolve().then(function () { return require('./locales/ko.json.js'); })).addAsync('th', Promise.resolve().then(function () { return require('./locales/th.json.js'); })).build();
 
-exports.default = NoVnc;
+exports.default = NoVnc$1;

package/cjs/components/shared/no-vnc/locales/en.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageEn = {"no_vnc.header.title":"Execution Result","no_vnc.header.button_group.exercise_menu.is_running":"You can't change the ratio while running","no_vnc.header.button_group.exercise_menu.zoom_in":"Zoom in","no_vnc.header.button_group.exercise_menu.keep_ratio":"Keep the original ratio"};
+
+exports.default = messageEn;

package/cjs/components/shared/no-vnc/locales/ko.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ko = {"no_vnc.header.title":"실행 결과","no_vnc.header.button_group.exercise_menu.is_running":"실행 중에는 비율을 변경할 수 없습니다","no_vnc.header.button_group.exercise_menu.zoom_in":"확대하여 보기","no_vnc.header.button_group.exercise_menu.keep_ratio":"원본 비율로 보기"};
+
+exports.default = ko;

package/cjs/components/shared/no-vnc/locales/th.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var th = {"no_vnc.header.title":"ผลลัพธ์","no_vnc.header.button_group.exercise_menu.is_running":"คุณไม่สามารถเปลี่ยนอัตราส่วนขณะกำลังทำงาน","no_vnc.header.button_group.exercise_menu.zoom_in":"ซูมเข้า","no_vnc.header.button_group.exercise_menu.keep_ratio":"รักษาอัตราส่วนเดิม"};
+
+exports.default = th;

package/es/components/material-exercise/MaterialExercise.js

@@ -170,7 +170,9 @@ const MaterialExercise = forwardRef((props, ref) => {
 //
 //
 var MaterialExercise$1 = new IntlComponentBuilder(withForwardRefMaterial(forwardRef((props, ref) => {
-  return React.createElement(RawEliceIntlProvider, Object.assign({}, props.__intl), React.createElement(ExerciseProvider, Object.assign({}, props), React.createElement(MaterialExercise, Object.assign({}, props, {
+  return React.createElement(RawEliceIntlProvider, {
+    value: props.__intl
+  }, React.createElement(ExerciseProvider, Object.assign({}, props), React.createElement(MaterialExercise, Object.assign({}, props, {
     ref: ref
   }))));
 }), config.init, {

package/es/components/material-exercise/exercise-file-tabs/ExerciseFileTabs.js

@@ -60,7 +60,9 @@ const ExerciseFileTabs = ({
     }
     setActiveFilename(path);
   };
-  return React.createElement(RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledFileTabsWrapper, null, React.createElement(React.Suspense, {
+  return React.createElement(RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledFileTabsWrapper, null, React.createElement(React.Suspense, {
     fallback: React.createElement(ExerciseFileTabsShimmer, null)
   }, React.createElement(AsyncFileTabs, {
     openedTabs: openedTabs,

package/es/components/material-exercise/exercise-menu/ExerciseMenu.js

@@ -32,7 +32,9 @@ const ExerciseMenu = ({
   //
   //
   //
-  return React.createElement(RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledExerciseMenuWrapper, null, isArduinoExercise ? React.createElement(React.Fragment, null, React.createElement(ExerciseMenuArduinoAgentModalButton, null), React.createElement(ExerciseMenuArduinoSettings, null)) : React.createElement(ExerciseMenuStdioFileBrowser, null), React.createElement(ExerciseMenuReset, null), React.createElement(ExerciseMenuDropdown, null)));
+  return React.createElement(RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledExerciseMenuWrapper, null, isArduinoExercise ? React.createElement(React.Fragment, null, React.createElement(ExerciseMenuArduinoAgentModalButton, null), React.createElement(ExerciseMenuArduinoSettings, null)) : React.createElement(ExerciseMenuStdioFileBrowser, null), React.createElement(ExerciseMenuReset, null), React.createElement(ExerciseMenuDropdown, null)));
 };
 var ExerciseMenu$1 = new IntlComponentBuilder(ExerciseMenu).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 

package/es/components/material-exercise/exercise-preview/ExercisePreview.js

@@ -92,7 +92,9 @@ const ExercisePreview = ({
   //
   //
   //
-  return React.createElement(RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledExercisePreview, null, renderNoVnc(), renderWebBrowser()));
+  return React.createElement(RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledExercisePreview, null, renderNoVnc(), renderWebBrowser()));
 };
 var ExercisePreview$1 = new IntlComponentBuilder(ExercisePreview).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 

package/es/components/material-exercise/exercise-rightpane/ExerciseRightpane.js

@@ -96,7 +96,9 @@ const ExerciseRightpane = ({
   if (!activeState) {
     return null;
   }
-  return React.createElement(RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledRightpaneWrap, null, renderRightpaneHeader(), React.createElement(Hr, {
+  return React.createElement(RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledRightpaneWrap, null, renderRightpaneHeader(), React.createElement(Hr, {
     marginStart: 0,
     marginEnd: 0,
     color: base.color.navy6

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

@@ -19,7 +19,9 @@ const ExerciseRoom = ({
     onExerciseRoomClick: id => setSelectedExerciseRoomId(id),
     onHide: onHide
   });
-  return React.createElement(RawEliceIntlProvider, Object.assign({}, __intl), ExerciseRoomContent);
+  return React.createElement(RawEliceIntlProvider, {
+    value: __intl
+  }, ExerciseRoomContent);
 };
 var ExerciseRoom$1 = new IntlComponentBuilder(ExerciseRoom).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 

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

@@ -498,7 +498,9 @@ const ExerciseRunner = ({
   //
   //
   //
-  return React.createElement(RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledExerciseRunner, null, React.createElement(ExerciseRunnerContext.Provider, {
+  return React.createElement(RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(StyledExerciseRunner, null, React.createElement(ExerciseRunnerContext.Provider, {
     value: {
       onSubmit: handleRunnerSubmit,
       onCancel: handleRunnerCancel,

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

@@ -299,7 +299,9 @@ const ExerciseSubmitHistory = ({
   //
   //
   //
-  return React.createElement(RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(MaterialModal, {
+  return React.createElement(RawEliceIntlProvider, {
+    value: __intl
+  }, React.createElement(MaterialModal, {
     title: __intl.formatMessage({
       id: 'exerciseSubmitHistory.title'
     }),

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

@@ -1,3 +1,3 @@
-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"};
+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":"Submission history"};
 
 export { messageEn as default };

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

@@ -1,3 +1,3 @@
-var messageKo = {"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 { messageKo as default };

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

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

package/es/components/shared/no-vnc/NoVnc.d.ts

@@ -15,5 +15,7 @@ export interface NoVncProps {
     onConnect?: () => void;
     onDisconnect?: () => void;
 }
-declare const NoVnc: React.ForwardRefExoticComponent<NoVncProps & React.RefAttributes<NoVncApis>>;
-export default NoVnc;
+declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<import("@elice/intl").IntlComponentExtraProps & Omit<NoVncProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & {
+    __intl: import("@elice/intl").EliceIntlShape;
+} & React.RefAttributes<NoVncApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<NoVncApis>>;
+export default _default;

package/es/components/shared/no-vnc/NoVnc.js

@@ -3,6 +3,7 @@ import { useMeasure, useMount, useUnmount, useUpdateEffect } from 'react-use';
 import { Text } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilViewMaximize, eilViewMinimize } from '@elice/icons';
+import { IntlComponentBuilder } from '@elice/intl';
 import RFB_decoders_copy_rect from '@novnc/novnc/core/decoders/copyrect';
 import RFB_decoders_hextile from '@novnc/novnc/core/decoders/hextile';
 import RFB_decoders_raw from '@novnc/novnc/core/decoders/raw';
@@ -14,6 +15,7 @@ import RFB from '@novnc/novnc/core/rfb';
 import styled from 'styled-components';
 import ExerciseMenuButton from '../exercise-menu-button/ExerciseMenuButton.js';
 import PreviewContainer from '../preview-container/PreviewContainer.js';
+import messageEn from './locales/en.json.js';
 
 //
 //
@@ -44,7 +46,8 @@ const NoVnc = forwardRef(({
   readyExerciseImage,
   exercisePreviewDisplayModeButton = null,
   onConnect,
-  onDisconnect
+  onDisconnect,
+  __intl
 }, ref) => {
   const vncRfb = React.useRef(null);
   const vncElRef = React.useRef(null);
@@ -222,9 +225,17 @@ const NoVnc = forwardRef(({
     return React.createElement(React.Fragment, null, React.createElement(StyledHeaderTitle, null, React.createElement(Text, {
       role: "white",
       size: "tiny"
-    }, "\uC2E4\uD589 \uACB0\uACFC")), React.createElement(StyledHeaderButtonGroup, null, React.createElement(ExerciseMenuButton, {
+    }, __intl.formatMessage({
+      id: 'no_vnc.header.title'
+    }))), React.createElement(StyledHeaderButtonGroup, null, React.createElement(ExerciseMenuButton, {
       icon: isVncScaledFromLocal ? eilViewMaximize : eilViewMinimize,
-      title: isRunning ? '실행 중에는 비율을 변경할 수 없습니다' : isVncScaledFromLocal ? '확대하여 보기' : '원본 비율로 보기',
+      title: isRunning ? __intl.formatMessage({
+        id: 'no_vnc.header.button_group.exercise_menu.is_running'
+      }) : isVncScaledFromLocal ? __intl.formatMessage({
+        id: 'no_vnc.header.button_group.exercise_menu.zoom_in'
+      }) : __intl.formatMessage({
+        id: 'no_vnc.header.button_group.exercise_menu.keep_ratio'
+      }),
       disabled: isRunning,
       onClick: () => setVncScaledFromLocal(prev => !prev)
     }), React.isValidElement(exercisePreviewDisplayModeButton) ? React.cloneElement(exercisePreviewDisplayModeButton, {
@@ -245,5 +256,6 @@ const NoVnc = forwardRef(({
     ref: vncElRef
   }))));
 });
+var NoVnc$1 = new IntlComponentBuilder(NoVnc).add('en', messageEn).addAsync('ko', import('./locales/ko.json.js')).addAsync('th', import('./locales/th.json.js')).build();
 
-export { NoVnc as default };
+export { NoVnc$1 as default };

package/es/components/shared/no-vnc/locales/en.json.js

@@ -0,0 +1,3 @@
+var messageEn = {"no_vnc.header.title":"Execution Result","no_vnc.header.button_group.exercise_menu.is_running":"You can't change the ratio while running","no_vnc.header.button_group.exercise_menu.zoom_in":"Zoom in","no_vnc.header.button_group.exercise_menu.keep_ratio":"Keep the original ratio"};
+
+export { messageEn as default };

package/es/components/shared/no-vnc/locales/ko.json.js

@@ -0,0 +1,3 @@
+var ko = {"no_vnc.header.title":"실행 결과","no_vnc.header.button_group.exercise_menu.is_running":"실행 중에는 비율을 변경할 수 없습니다","no_vnc.header.button_group.exercise_menu.zoom_in":"확대하여 보기","no_vnc.header.button_group.exercise_menu.keep_ratio":"원본 비율로 보기"};
+
+export { ko as default };

package/es/components/shared/no-vnc/locales/th.json.js

@@ -0,0 +1,3 @@
+var th = {"no_vnc.header.title":"ผลลัพธ์","no_vnc.header.button_group.exercise_menu.is_running":"คุณไม่สามารถเปลี่ยนอัตราส่วนขณะกำลังทำงาน","no_vnc.header.button_group.exercise_menu.zoom_in":"ซูมเข้า","no_vnc.header.button_group.exercise_menu.keep_ratio":"รักษาอัตราส่วนเดิม"};
+
+export { th as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-exercise",
-  "version": "1.240514.2",
+  "version": "1.240517.0",
   "description": "User view and editing components of Elice material exercise",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -83,10 +83,10 @@
     "@elice/blocks": "^1.240514.0",
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.230814.0",
-    "@elice/intl": "0.240425.0-rc.0",
+    "@elice/intl": "0.240425.0-rc.1",
     "@elice/markdown": "^1.220815.0",
-    "@elice/material-shared-types": "1.240514.2",
-    "@elice/material-shared-utils": "1.240514.2",
+    "@elice/material-shared-types": "1.240517.0",
+    "@elice/material-shared-utils": "1.240517.0",
     "@elice/mui-elements": "^5.230825.0",
     "@elice/mui-system": "^5.230825.0",
     "@elice/types": "^1.240208.0",
@@ -116,5 +116,5 @@
     "recoil": "^0.6.1",
     "styled-components": "^5.2.0"
   },
-  "gitHead": "b13df05d69f1f8b7081d670ec2986a6212875563"
+  "gitHead": "bb6cdfa264766bb3a10117bd0482152179e59414"
 }