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

package/cjs/components/material-runbox/locales/th.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"runbox.action.autoShutdown.title":"เปิดตลอดเวลา","runbox.action.autoShutdown.tooltip.disabled":"โรงง่ายได้ถูกตั้งค่าเป็นเวลาการใช้งานต่อเซสชัน {time}เมื่อผ่านไปแล้ว โปรแกรมจะถูกปิดอัตโนมัติ ","runbox.action.autoShutdown.tooltip.enabled":"เสมอติดตั้งการเปิดระบบอาจทำให้รันไทม์ไม่จบเมื่อออกจากข้อมูลการเรียนรู้ อย่างไรก็ตาม จะถูกตั้งเวลาการใช้งานต่อเซสชันของรันไทม์ที่นั่ง  {time}เมื่อผ่านไปแล้ว โปรแกรมจะถูกปิดอัตโนมัติ ","runbox.action.grade.dialog.description.error":"เกิดข้อผิดพลาดขณะทำการตรวจคะแนน ","runbox.action.grade.dialog.description.success":"การตรวจคะแนนเสร็จสมบูรณ์แล้วค่ะ.","runbox.action.grade.dialog.title":"ผลการตรวจคะแนน","runbox.action.grade.noti.error":"ระหว่างการตรวจคะแนนโค้ดเกิดข้อผิดพลาดขึ้นในขณะนี้ครับ.","runbox.action.grade.title":"ส่ง","runbox.action.grade.tooltip.onProgress":"การตรวจคำตอบกำลังดำเนินอยู่ โปรดรอสัก{_termCourseRoleEducator}่ค่ะ ตามการปฏิบัติการฝึกปฏิบัติ การตรวจคำตอบอาจใช้เวลาถึง 3 นาทีได้ค่ะ.","runbox.action.reset.dialog.actions.confirm":"เริ่มต้นใหม่","runbox.action.reset.dialog.description":"คุณต้องการรีเซ็ตโค้ดของ Runbox หรือไม่? เมื่อรีเซ็ตแล้วโค้ดของชุดข้อมูลจะถูกเขียนทับด้วยโค้ดเริ่มต้น\nหลังจากรีเซ็ต การเซสชั่นของ Runbox จะถูกรีเฟรชใหม่.","runbox.action.reset.noti.error":"เกิดข้อผิดพลาดขณะกำลังรีเซ็ตโค้ดของลั่นบ็อกซ์ ","runbox.action.reset.title":"รีเซ็ตโค้ด","runbox.action.restart.dialog.actions.confirm":"เริ่มใหม่","runbox.action.restart.dialog.description":"คุณต้องการที่จะเริ่มการทำงานของลันบอกซ์ใหม่หรือไม่?","runbox.action.restart.title":"รีสตาร์ทเรันบ็อกซ์","runbox.action.share.title":"คัดลอก URL ของ Runbox","runbox.action.share.snackbar.copied.fail":"การคัดลอก URL ของรันบ็อกซ์ล้มเหลว โปรดลองอีกครั้งค่ะ.","runbox.action.share.snackbar.copied.success":"คัดลอก URL ของ Runbox แล้วค่ะ.","runbox.action.submitCountInfo.dialog.title":"จำนวนครั้งในการส่งจำกัด","runbox.action.submitCountInfo.dialog.description":"เกินจำนวนครั้งที่สามารถส่งได้แล้วครับ.","runbox.action.submitCountInfo.tooltip.disabled":"ใช้จำนวนครั้งในการส่งทั้งหมดแล้วครับ.","runbox.common.close":"ปิด","runbox.common.retry":"ลองอีกครั้ง","runbox.common.support":"ศูนย์บริการลูกค้า","runbox.context.command.ping.error":"การดำเนินการงานบน Runbox ผิดพลาดในขณะนี้ โปรดลองอีกครั้งในภายหลัง.","runbox.runtime.message.startError":"เมื่อเริ่มต้นการทำงานของรันบ็อกซ์ พบข้อผิดพลาดในขณะนี้ครับ.","runbox.runtime.overlay.assigned.description":"(3 / 3)\nรันบ็อกซ์กำลังทำงานอยู่\nกรุณารอสักครู่!","runbox.runtime.overlay.assigned.description_timeout":"(3 / 3)\nการทำงานของระบบกำลังใช้เวลามากกว่าที่คาดหวัง\nโปรดรอสัก{_termCourseRoleEducator}่เพิ่มเติมโดยไม่ต้องรีเฟรช!","runbox.runtime.overlay.queued.description":"(2 / 3)\nปัจจุบัน {waiters}อยู่ในคิวที่...","runbox.runtime.overlay.queued.description_zero":"(2 / 3)\nเร็ว ๆ นี้การดำเนินงานของรันบ็อกจะเริ่มต้น","runbox.runtime.overlay.terminated.description.default":"พบปัญหาที่ไม่คาดคิดและทำให้ระบบหยุดทำงาน\nโปรดกดปุ่มด้านล่างเพื่อเชื่อมต่อใหม่กับระบบ.","runbox.runtime.overlay.terminated.description.general":"เชื่อมต่อรันไทม์ที่เชื่อมต่อกับรันบ็อกซ์ถูกปิดลงแล้ว\nหากต้องการเชื่อมต่อรันบ็อกซ์อีกครั้ง กรุณากดปุ่มด้านล่าง","runbox.runtime.overlay.terminated.description.os_disk_is_full":"ดิสก์เต็มเพราะได้ลบแพ็คเกจเร็วเรียบร้อยแล้ว อาจใช้เวลาสัก{_termCourseRoleEducator}่ในการปรับปรุงในกรณีนี้","runbox.runtime.overlay.terminated.description.quota_exceeded":"เวลาการใช้งานของไรมฯหมดลง และไรมฯถูกปิดลงแล้วครับ.","runbox.runtime.overlay.terminated.description.quota_per_session_exceeded":"หลังจากผ่านไป 24 ชั่วโมงหลังจากการเริ่มต้นการเรียกใช้ Runbox ได้สิ้นสุดลงแล้ว\nหากต้องการเชื่อมต่อกับ Runbox อีกครั้ง โปรดคลิกที่ปุ่มด้านล่างนี้.","runbox.runtime.overlay.terminated.description.unexpected":"หากปัญหายังคงอยู่ กรุณาติดต่อศูนย์บริการลูกค้าค่ะ.","runbox.runtime.overlay.terminated.restart":"การเชื่อมต่ออีกครั้ง","runbox.runtime.overlay.terminated.title":"เชื่อมต่อไปยังเวลาทำงานถูกยกเลิก","runbox.header.submitInfo":"{isIndividual, select, true {} other {ทีม}} จำนวนครั้งที่ส่ง | {isDailyLimitEnabled, select, true {วันนี้} other {}} {remainCount}/{totalCount}เหลืออยู่"};
+
+exports.default = messageTh;

package/cjs/components/material-runbox/runtime/RuntimeOverlayAssigned.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var reactUse = require('react-use');
+var intl = require('@elice/intl');
 var material = require('@mui/material');
 var queue = require('../../../assets/queue.gif.js');
 
@@ -16,6 +16,9 @@ const ASSIGNED_NORMAL_TIMEOUT = 30 * 1e3; // 30 sec
 //
 //
 const RuntimeOverlayAssigned = () => {
+  const {
+    intl: intl$1
+  } = intl.useRawEliceIntl();
   const [timeout] = reactUse.useTimeout(ASSIGNED_NORMAL_TIMEOUT);
   //
   //
@@ -45,10 +48,10 @@ const RuntimeOverlayAssigned = () => {
       whiteSpace: 'pre-wrap',
       textAlign: 'center'
     }
-  }, timeout() ? React.createElement(reactIntl.FormattedMessage, {
-    id: "runbox.runtime.overlay.assigned.description_timeout"
-  }) : React.createElement(reactIntl.FormattedMessage, {
-    id: "runbox.runtime.overlay.assigned.description"
+  }, timeout() ? intl$1.formatMessage({
+    id: 'runbox.runtime.overlay.assigned.description_timeout'
+  }) : intl$1.formatMessage({
+    id: 'runbox.runtime.overlay.assigned.description'
   })));
 };
 

package/cjs/components/material-runbox/runtime/RuntimeOverlayQueued.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
+var intl = require('@elice/intl');
 var iconsMaterial = require('@mui/icons-material');
 var material = require('@mui/material');
 require('../contexts/MaterialRunboxApiContext.js');
@@ -17,6 +17,9 @@ var queue = require('../../../assets/queue.gif.js');
 const RuntimeOverlayQueued = ({
   numWaiters
 }) => {
+  const {
+    intl: intl$1
+  } = intl.useRawEliceIntl();
   const {
     showMessenger
   } = MaterialRunboxContext.useMaterialRunboxContext();
@@ -48,19 +51,18 @@ const RuntimeOverlayQueued = ({
       whiteSpace: 'pre-wrap',
       textAlign: 'center'
     }
-  }, numWaiters > 0 ? React.createElement(reactIntl.FormattedMessage, {
-    id: "runbox.runtime.overlay.queued.description",
-    values: {
-      waiters: numWaiters
-    }
-  }) : React.createElement(reactIntl.FormattedMessage, {
-    id: "runbox.runtime.overlay.queued.description_zero"
+  }, numWaiters > 0 ? intl$1.formatMessage({
+    id: 'runbox.runtime.overlay.queued.description'
+  }, {
+    waiters: numWaiters
+  }) : intl$1.formatMessage({
+    id: 'runbox.runtime.overlay.queued.description_zero'
   })), typeof showMessenger === 'function' ? React.createElement(material.Button, {
     variant: "outlined",
     startIcon: React.createElement(iconsMaterial.QuestionAnswer, null),
     onClick: showMessenger
-  }, React.createElement(reactIntl.FormattedMessage, {
-    id: "runbox.common.support"
+  }, intl$1.formatMessage({
+    id: 'runbox.common.support'
   })) : null);
 };
 

package/cjs/components/material-runbox/runtime/RuntimeOverlayTerminated.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
+var intl = require('@elice/intl');
 var iconsMaterial = require('@mui/icons-material');
 var lab = require('@mui/lab');
 var material = require('@mui/material');
@@ -19,7 +19,9 @@ const RuntimeOverlayTerminated = ({
   reason,
   startRuntime
 }) => {
-  const intl = reactIntl.useIntl();
+  const {
+    intl: intl$1
+  } = intl.useRawEliceIntl();
   const {
     showMessenger
   } = MaterialRunboxContext.useMaterialRunboxContext();
@@ -42,14 +44,14 @@ const RuntimeOverlayTerminated = ({
       case 'stopped_by_user':
       case 'auto_shutdown':
         return {
-          description: intl.formatMessage({
+          description: intl$1.formatMessage({
             id: 'runbox.runtime.overlay.terminated.description.general'
           }),
           unexpected: false
         };
       case 'quota_exceeded':
         return {
-          description: intl.formatMessage({
+          description: intl$1.formatMessage({
             id: 'runbox.runtime.overlay.terminated.description.quota_exceeded'
           }),
           unexpected: false
@@ -57,7 +59,7 @@ const RuntimeOverlayTerminated = ({
       // quota exceeded
       case 'quota_per_session_exceeded':
         return {
-          description: intl.formatMessage({
+          description: intl$1.formatMessage({
             id: 'runbox.runtime.overlay.terminated.description.quota_per_session_exceeded'
           }),
           unexpected: false
@@ -65,14 +67,14 @@ const RuntimeOverlayTerminated = ({
       // disk full
       case 'os_disk_is_full':
         return {
-          description: intl.formatMessage({
+          description: intl$1.formatMessage({
             id: 'runbox.runtime.overlay.terminated.description.os_disk_is_full'
           }),
           unexpected: true
         };
       default:
         return {
-          description: intl.formatMessage({
+          description: intl$1.formatMessage({
             id: 'runbox.runtime.overlay.terminated.description.default'
           }),
           unexpected: true
@@ -80,7 +82,7 @@ const RuntimeOverlayTerminated = ({
     }
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [reason, intl]);
+  [reason, intl$1]);
   //
   //
   //
@@ -108,13 +110,13 @@ const RuntimeOverlayTerminated = ({
   }, React.createElement(material.Typography, {
     variant: "h6",
     textAlign: "center"
-  }, React.createElement(reactIntl.FormattedMessage, {
-    id: "runbox.runtime.overlay.terminated.title"
+  }, intl$1.formatMessage({
+    id: 'runbox.runtime.overlay.terminated.title'
   })), React.createElement(material.Typography, {
     variant: "body2",
     textAlign: "center",
     whiteSpace: "pre-line"
-  }, runtimeTerminatedAction.unexpected ? runtimeTerminatedAction.description.concat('\n', intl.formatMessage({
+  }, runtimeTerminatedAction.unexpected ? runtimeTerminatedAction.description.concat('\n', intl$1.formatMessage({
     id: 'runbox.runtime.overlay.terminated.description.unexpected'
   })) : runtimeTerminatedAction.description)), React.createElement(material.Stack, {
     gap: "0.5rem",
@@ -127,13 +129,13 @@ const RuntimeOverlayTerminated = ({
     loading: isRestarting,
     startIcon: React.createElement(iconsMaterial.PlayArrow, null),
     onClick: handleRestart
-  }, React.createElement(reactIntl.FormattedMessage, {
-    id: "runbox.runtime.overlay.terminated.restart"
+  }, intl$1.formatMessage({
+    id: 'runbox.runtime.overlay.terminated.restart'
   })), runtimeTerminatedAction.unexpected && typeof showMessenger === 'function' ? React.createElement(material.Button, {
     variant: "text",
     onClick: showMessenger
-  }, React.createElement(reactIntl.FormattedMessage, {
-    id: "runbox.common.support"
+  }, intl$1.formatMessage({
+    id: 'runbox.common.support'
   })) : null)));
 };
 

package/es/components/material-runbox/MaterialRunbox.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 import type { MaterialRunboxApiContextProps, MaterialRunboxContextProps } from './contexts';
 import type { MaterialRunboxContentProps } from './MaterialRunboxContent';
 export type MaterialRunboxProps = MaterialRunboxContentProps & Omit<MaterialRunboxApiContextProps, 'children'> & Omit<MaterialRunboxContextProps, 'children'>;
-declare const MaterialRunbox: React.FC<MaterialRunboxProps>;
-export default MaterialRunbox;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<MaterialRunboxProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

package/es/components/material-runbox/MaterialRunbox.js

@@ -1,12 +1,13 @@
 import { __rest } from 'tslib';
 import React from 'react';
-import { IntlProvider } from 'react-intl';
+import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import MaterialRunboxApiContextProvider from './contexts/MaterialRunboxApiContext.js';
 import './contexts/MaterialRunboxCommandContext.js';
 import MaterialRunboxContextProvider from './contexts/MaterialRunboxContext.js';
-import * as index from './locales/index.js';
+import messageEn from './locales/en.json.js';
+import messageKo from './locales/ko.json.js';
+import messageTh from './locales/th.json.js';
 import MaterialRunboxContent from './MaterialRunboxContent.js';
-import en from './locales/en.json.js';
 
 //
 //
@@ -20,21 +21,23 @@ const MaterialRunbox = _a => {
       enableUrlShare = false,
       locale = 'ko',
       showMessenger,
-      eliceMaterialRunboxApiConfiguration
+      eliceMaterialRunboxApiConfiguration,
+      __intl
     } = _a,
-    contentProps = __rest(_a, ["enableAutoShutdownToggle", "enableUrlShare", "locale", "showMessenger", "eliceMaterialRunboxApiConfiguration"]);
-  return React.createElement(MaterialRunboxContextProvider, {
+    contentProps = __rest(_a, ["enableAutoShutdownToggle", "enableUrlShare", "locale", "showMessenger", "eliceMaterialRunboxApiConfiguration", "__intl"]);
+  return React.createElement(RawEliceIntlProvider, {
+    value: {
+      intl: __intl
+    }
+  }, React.createElement(MaterialRunboxContextProvider, {
     enableAutoShutdownToggle: enableAutoShutdownToggle,
     enableUrlShare: enableUrlShare,
     locale: locale,
     showMessenger: showMessenger
   }, React.createElement(MaterialRunboxApiContextProvider, {
     eliceMaterialRunboxApiConfiguration: eliceMaterialRunboxApiConfiguration
-  }, React.createElement(IntlProvider, {
-    locale: locale,
-    defaultLocale: "en",
-    messages: locale in index ? index[locale] : en
   }, React.createElement(MaterialRunboxContent, Object.assign({}, contentProps)))));
 };
+var MaterialRunbox$1 = new IntlComponentBuilder(MaterialRunbox).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 
-export { MaterialRunbox as default };
+export { MaterialRunbox$1 as default };

package/es/components/material-runbox/MaterialRunboxContent.js

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
 import { Spinner } from '@elice/blocks';
+import { useRawEliceIntl } from '@elice/intl';
 import { EliceRunboxProvider } from '@elice/runbox-client';
 import { Refresh } from '@mui/icons-material';
 import { Stack, Typography, Button } from '@mui/material';
@@ -38,6 +38,9 @@ const MaterialRunboxContent = ({
   runboxId,
   courseId
 }) => {
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     locale,
     showMessenger
@@ -99,20 +102,20 @@ const MaterialRunboxContent = ({
       gap: "1.5rem"
     }, React.createElement(Typography, {
       variant: "h6"
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.runtime.message.startError"
+    }, intl.formatMessage({
+      id: 'runbox.runtime.message.startError'
     })), React.createElement(Stack, {
       gap: "0.5rem"
     }, React.createElement(Button, {
       startIcon: React.createElement(Refresh, null),
       onClick: () => refetch()
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.common.retry"
+    }, intl.formatMessage({
+      id: 'runbox.common.retry'
     })), typeof showMessenger === 'function' ? React.createElement(Button, {
       variant: "outlined",
       onClick: () => showMessenger()
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.common.support"
+    }, intl.formatMessage({
+      id: 'runbox.common.support'
     })) : null)));
   }
   if (!runbox || !runtimeTemplate) {

package/es/components/material-runbox/MaterialRunboxHeader.js

@@ -1,6 +1,6 @@
 import _styled from '@emotion/styled/base';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { useRawEliceIntl } from '@elice/intl';
 import { Tag, EliceIcon } from '@elice/mui-elements';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import { enums } from '@elice/types';
@@ -30,6 +30,9 @@ const MaterialRunboxHeader = ({
   courseId,
   refetch
 }) => {
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     enableAutoShutdownToggle
   } = useMaterialRunboxContext();
@@ -77,14 +80,13 @@ const MaterialRunboxHeader = ({
       return null;
     }
     return React.createElement(Tag, {
-      label: React.createElement(FormattedMessage, {
-        id: "runbox.header.submitInfo",
-        values: {
-          remainCount: remainSubmitCount,
-          totalCount: totalSubmitCount,
-          isDailyLimitEnabled,
-          isIndividual: isIndividualTypeLeaderboard
-        }
+      label: intl.formatMessage({
+        id: 'runbox.header.submitInfo'
+      }, {
+        remainCount: remainSubmitCount,
+        totalCount: totalSubmitCount,
+        isDailyLimitEnabled,
+        isIndividual: isIndividualTypeLeaderboard
       }),
       variant: "muted",
       color: remainSubmitCount ? 'success' : 'secondary'

package/es/components/material-runbox/actions/MaterialRunboxActionAutoShutdown.js

@@ -1,6 +1,6 @@
 import _styled from '@emotion/styled/base';
 import React from 'react';
-import { useIntl } from 'react-intl';
+import { useRawEliceIntl } from '@elice/intl';
 import { FormControlLabel, Tooltip, Switch } from '@mui/material';
 import { useMaterialRunboxApiContext } from '../contexts/MaterialRunboxApiContext.js';
 import '../contexts/MaterialRunboxCommandContext.js';
@@ -30,7 +30,9 @@ const MaterialRunboxActionAutoShutdown = ({
   refetch
 }) => {
   var _a;
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const materialRunboxApi = useMaterialRunboxApiContext();
   /**
    *

package/es/components/material-runbox/actions/MaterialRunboxActionGrade.js

@@ -1,7 +1,7 @@
 import _styled from '@emotion/styled/base';
 import React from 'react';
-import { useIntl, FormattedMessage } from 'react-intl';
 import { Transition } from 'react-transition-group';
+import { useRawEliceIntl } from '@elice/intl';
 import { useSnackbar } from '@elice/mui-x-snackbar';
 import { CommandType } from '@elice/openapi-client-material-runbox';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
@@ -70,7 +70,9 @@ const MaterialRunboxActionGrade = ({
   courseId
 }) => {
   var _a;
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     enqueueSnackbar
   } = useSnackbar();
@@ -204,8 +206,8 @@ const MaterialRunboxActionGrade = ({
       disabled: !isRunboxRunning || isLastCommandRunning || !isSubmitCountRemained,
       size: "small",
       onClick: handleAction
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.action.grade.title"
+    }, intl.formatMessage({
+      id: 'runbox.action.grade.title'
     })), isGradeDoneWithOutput ? React.createElement(Transition, {
       in: isGradeDoneWithOutput,
       timeout: 0,
@@ -236,18 +238,18 @@ const MaterialRunboxActionGrade = ({
       maxWidth: "md",
       fullWidth: true,
       onClose: handleGradeResultDialogClose
-    }, React.createElement(DialogTitle, null, React.createElement(FormattedMessage, {
-      id: "runbox.action.grade.dialog.title"
+    }, React.createElement(DialogTitle, null, intl.formatMessage({
+      id: 'runbox.action.grade.dialog.title'
     })), React.createElement(DialogContent, null, React.createElement(Stack, {
       gap: "0.75rem"
     }, lastCommand.terminatedReason === 'done' ? React.createElement(Alert, {
       severity: "success"
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.action.grade.dialog.description.success"
+    }, intl.formatMessage({
+      id: 'runbox.action.grade.dialog.description.success'
     })) : React.createElement(Alert, {
       severity: "error"
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.action.grade.dialog.description.error"
+    }, intl.formatMessage({
+      id: 'runbox.action.grade.dialog.description.error'
     })), React.createElement(StyledTerminal, {
       value: lastCommand.output,
       readOnly: true,
@@ -256,8 +258,8 @@ const MaterialRunboxActionGrade = ({
       color: "inherit",
       disabled: isActionLoading,
       onClick: handleGradeResultDialogClose
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.common.close"
+    }, intl.formatMessage({
+      id: 'runbox.common.close'
     }))));
   };
   /**
@@ -269,15 +271,15 @@ const MaterialRunboxActionGrade = ({
       maxWidth: "xs",
       open: isSubmitCountInfoDialogOpen,
       onClick: handleSubmitCountInfoDialogClose
-    }, React.createElement(DialogTitle, null, React.createElement(FormattedMessage, {
-      id: "runbtox.action.submitCountInfo.dialog.title"
-    })), React.createElement(DialogContent, null, React.createElement(Typography, null, React.createElement(FormattedMessage, {
-      id: "runbox.action.submitCountInfo.dialog.description"
+    }, React.createElement(DialogTitle, null, intl.formatMessage({
+      id: 'runbtox.action.submitCountInfo.dialog.title'
+    })), React.createElement(DialogContent, null, React.createElement(Typography, null, intl.formatMessage({
+      id: 'runbox.action.submitCountInfo.dialog.description'
     }))), React.createElement(DialogActions, null, React.createElement(Button, {
       color: "inherit",
       onClick: handleSubmitCountInfoDialogClose
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.common.close"
+    }, intl.formatMessage({
+      id: 'runbox.common.close'
     }))));
   };
   //

package/es/components/material-runbox/actions/MaterialRunboxActionReset.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useIntl, FormattedMessage } from 'react-intl';
+import { useRawEliceIntl } from '@elice/intl';
 import { EliceIcon } from '@elice/mui-elements';
 import { useSnackbar } from '@elice/mui-x-snackbar';
 import { CommandType } from '@elice/openapi-client-material-runbox';
@@ -18,7 +18,9 @@ const MaterialRunboxActionReset = ({
   courseId,
   handleMenuClose
 }) => {
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     enqueueSnackbar
   } = useSnackbar();
@@ -72,8 +74,8 @@ const MaterialRunboxActionReset = ({
       disabled: isLastCommandRunning
     }, React.createElement(ListItemIcon, null, React.createElement(EliceIcon, {
       icon: faRefresh
-    })), React.createElement(ListItemText, null, React.createElement(FormattedMessage, {
-      id: "runbox.action.reset.title"
+    })), React.createElement(ListItemText, null, intl.formatMessage({
+      id: 'runbox.action.reset.title'
     })));
   };
   /**
@@ -88,27 +90,27 @@ const MaterialRunboxActionReset = ({
       maxWidth: "xs",
       fullWidth: true,
       onClose: handleDialogClose
-    }, React.createElement(DialogTitle, null, React.createElement(FormattedMessage, {
-      id: "runbox.action.reset.title"
+    }, React.createElement(DialogTitle, null, intl.formatMessage({
+      id: 'runbox.action.reset.title'
     })), React.createElement(DialogContent, null, React.createElement(DialogContentText, {
       sx: {
         whiteSpace: 'pre-line'
       }
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.action.reset.dialog.description"
+    }, intl.formatMessage({
+      id: 'runbox.action.reset.dialog.description'
     }))), React.createElement(DialogActions, null, React.createElement(Button, {
       color: "inherit",
       disabled: isLoading,
       onClick: handleDialogClose
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.common.close"
+    }, intl.formatMessage({
+      id: 'runbox.common.close'
     })), React.createElement(LoadingButton, {
       variant: "contained",
       color: "warning",
       loading: isLoading || isLastCommandRunning,
       onClick: handleReset
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.action.reset.dialog.actions.confirm"
+    }, intl.formatMessage({
+      id: 'runbox.action.reset.dialog.actions.confirm'
     }))));
   };
   //

package/es/components/material-runbox/actions/MaterialRunboxActionRestart.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { useRawEliceIntl } from '@elice/intl';
 import { EliceIcon } from '@elice/mui-elements';
 import { faRotateRight } from '@fortawesome/pro-solid-svg-icons';
 import { LoadingButton } from '@mui/lab';
@@ -15,6 +15,9 @@ const MaterialRunboxActionRestart = ({
   refetch,
   handleMenuClose
 }) => {
+  const {
+    intl
+  } = useRawEliceIntl();
   const [isLoading, setIsLoading] = React.useState(false);
   const [isDialogOpened, setDialogOpened] = React.useState(false);
   // restart
@@ -50,8 +53,8 @@ const MaterialRunboxActionRestart = ({
       onClick: () => setDialogOpened(true)
     }, React.createElement(ListItemIcon, null, React.createElement(EliceIcon, {
       icon: faRotateRight
-    })), React.createElement(ListItemText, null, React.createElement(FormattedMessage, {
-      id: "runbox.action.restart.title"
+    })), React.createElement(ListItemText, null, intl.formatMessage({
+      id: 'runbox.action.restart.title'
     })));
   };
   /**
@@ -66,27 +69,27 @@ const MaterialRunboxActionRestart = ({
       open: true,
       fullWidth: true,
       onClose: handleDialogClose
-    }, React.createElement(DialogTitle, null, React.createElement(FormattedMessage, {
-      id: "runbox.action.restart.title"
+    }, React.createElement(DialogTitle, null, intl.formatMessage({
+      id: 'runbox.action.restart.title'
     })), React.createElement(DialogContent, null, React.createElement(DialogContentText, {
       sx: {
         whiteSpace: 'pre-line'
       }
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.action.restart.dialog.description"
+    }, intl.formatMessage({
+      id: 'runbox.action.restart.dialog.description'
     }))), React.createElement(DialogActions, null, React.createElement(Button, {
       color: "inherit",
       disabled: isLoading,
       onClick: handleDialogClose
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.common.close"
+    }, intl.formatMessage({
+      id: 'runbox.common.close'
     })), React.createElement(LoadingButton, {
       variant: "contained",
       color: "warning",
       loading: isLoading,
       onClick: handleRestartAction
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.action.restart.dialog.actions.confirm"
+    }, intl.formatMessage({
+      id: 'runbox.action.restart.dialog.actions.confirm'
     }))));
   };
   //

package/es/components/material-runbox/actions/MaterialRunboxActionShare.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { useIntl, FormattedMessage } from 'react-intl';
 import { useCopyToClipboard } from 'react-use';
+import { useRawEliceIntl } from '@elice/intl';
 import { EliceIcon } from '@elice/mui-elements';
 import { useSnackbar } from '@elice/mui-x-snackbar';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
@@ -16,7 +16,9 @@ import { useMaterialRunboxContext } from '../contexts/MaterialRunboxContext.js';
 const MaterialRunboxActionShare = ({
   handleMenuClose
 }) => {
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     enqueueSnackbar
   } = useSnackbar();
@@ -43,8 +45,8 @@ const MaterialRunboxActionShare = ({
       onClick: handleShareAction
     }, React.createElement(ListItemIcon, null, React.createElement(EliceIcon, {
       icon: faLinkSimple
-    })), React.createElement(ListItemText, null, React.createElement(FormattedMessage, {
-      id: "runbox.action.share.title"
+    })), React.createElement(ListItemText, null, intl.formatMessage({
+      id: 'runbox.action.share.title'
     })));
   };
   /**

package/es/components/material-runbox/contexts/MaterialRunboxCommandContext.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useIntl } from 'react-intl';
+import { useRawEliceIntl } from '@elice/intl';
 import { useSnackbar } from '@elice/mui-x-snackbar';
 import { CommandStatus } from '@elice/openapi-client-material-runbox';
 import { timer } from 'rxjs';
@@ -27,7 +27,9 @@ const MaterialRunboxCommandContextProvider = ({
   runtime,
   courseId
 }) => {
-  const intl = useIntl();
+  const {
+    intl
+  } = useRawEliceIntl();
   const {
     enqueueSnackbar
   } = useSnackbar();