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

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,7 @@ const ASSIGNED_NORMAL_TIMEOUT = 30 * 1e3; // 30 sec
 //
 //
 const RuntimeOverlayAssigned = () => {
+  const intl$1 = intl.useRawEliceIntl();
   const [timeout] = reactUse.useTimeout(ASSIGNED_NORMAL_TIMEOUT);
   //
   //
@@ -45,10 +46,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,7 @@ var queue = require('../../../assets/queue.gif.js');
 const RuntimeOverlayQueued = ({
   numWaiters
 }) => {
+  const intl$1 = intl.useRawEliceIntl();
   const {
     showMessenger
   } = MaterialRunboxContext.useMaterialRunboxContext();
@@ -48,19 +49,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,7 @@ const RuntimeOverlayTerminated = ({
   reason,
   startRuntime
 }) => {
-  const intl = reactIntl.useIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     showMessenger
   } = MaterialRunboxContext.useMaterialRunboxContext();
@@ -42,14 +42,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 +57,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 +65,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 +80,7 @@ const RuntimeOverlayTerminated = ({
     }
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [reason, intl]);
+  [reason, intl$1]);
   //
   //
   //
@@ -108,13 +108,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 +127,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,19 @@ 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, Object.assign({}, __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,7 @@ const MaterialRunboxContent = ({
   runboxId,
   courseId
 }) => {
+  const intl = useRawEliceIntl();
   const {
     locale,
     showMessenger
@@ -99,20 +100,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,7 @@ const MaterialRunboxHeader = ({
   courseId,
   refetch
 }) => {
+  const intl = useRawEliceIntl();
   const {
     enableAutoShutdownToggle
   } = useMaterialRunboxContext();
@@ -77,14 +78,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,7 @@ 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,7 @@ const MaterialRunboxActionGrade = ({
   courseId
 }) => {
   var _a;
-  const intl = useIntl();
+  const intl = useRawEliceIntl();
   const {
     enqueueSnackbar
   } = useSnackbar();
@@ -204,8 +204,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 +236,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 +256,8 @@ const MaterialRunboxActionGrade = ({
       color: "inherit",
       disabled: isActionLoading,
       onClick: handleGradeResultDialogClose
-    }, React.createElement(FormattedMessage, {
-      id: "runbox.common.close"
+    }, intl.formatMessage({
+      id: 'runbox.common.close'
     }))));
   };
   /**
@@ -269,15 +269,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,7 @@ const MaterialRunboxActionReset = ({
   courseId,
   handleMenuClose
 }) => {
-  const intl = useIntl();
+  const intl = useRawEliceIntl();
   const {
     enqueueSnackbar
   } = useSnackbar();
@@ -72,8 +72,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 +88,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,7 @@ const MaterialRunboxActionRestart = ({
   refetch,
   handleMenuClose
 }) => {
+  const intl = useRawEliceIntl();
   const [isLoading, setIsLoading] = React.useState(false);
   const [isDialogOpened, setDialogOpened] = React.useState(false);
   // restart
@@ -50,8 +51,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 +67,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,7 @@ import { useMaterialRunboxContext } from '../contexts/MaterialRunboxContext.js';
 const MaterialRunboxActionShare = ({
   handleMenuClose
 }) => {
-  const intl = useIntl();
+  const intl = useRawEliceIntl();
   const {
     enqueueSnackbar
   } = useSnackbar();
@@ -43,8 +43,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,7 @@ const MaterialRunboxCommandContextProvider = ({
   runtime,
   courseId
 }) => {
-  const intl = useIntl();
+  const intl = useRawEliceIntl();
   const {
     enqueueSnackbar
   } = useSnackbar();

package/es/components/material-runbox/hooks/useRunboxControl.js

@@ -1,5 +1,5 @@
 import { useRef, useCallback } from 'react';
-import { useIntl } from 'react-intl';
+import { useRawEliceIntl } from '@elice/intl';
 import { useSnackbar } from '@elice/mui-x-snackbar';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import { useMaterialRunboxApiContext } from '../contexts/MaterialRunboxApiContext.js';
@@ -14,7 +14,7 @@ import '../contexts/MaterialRunboxContext.js';
  */
 const useRunboxControl = props => {
   const _return = useRef({});
-  const intl = useIntl();
+  const intl = useRawEliceIntl();
   const {
     enqueueSnackbar
   } = useSnackbar();

package/es/components/material-runbox/locales/en.json.js

@@ -1,3 +1,3 @@
-var en = {"runbox.action.autoShutdown.title":"Always on","runbox.action.autoShutdown.tooltip.disabled":"This runtime automatically shuts down after {time}, which is set as the per-session usage time.","runbox.action.autoShutdown.tooltip.enabled":"If set to always on, the runtime will not shut down even if you leave the learning material. However, it will automatically shut down after {time}, which is set as the session-specific usage time of the runtime.","runbox.action.grade.dialog.description.error":"An error occurred while grading the code.","runbox.action.grade.dialog.description.success":"Grading completed successfully.","runbox.action.grade.dialog.title":"Grading result","runbox.action.grade.noti.error":"An error occurred while grading the code.","runbox.action.grade.title":"Submit","runbox.action.grade.tooltip.onProgress":"Grading is in progress. Please wait for a moment. Depending on the material, grading may take up to 3 minutes.","runbox.action.reset.dialog.actions.confirm":"Reset","runbox.action.reset.dialog.description":"Are you sure you want to reset the runbox code? Your codes will be overwritten to default code of material.\nAfter reset, the runbox session will be refreshed.","runbox.action.reset.noti.error":"An error occurred while initializing the runbox code.","runbox.action.reset.title":"Reset code","runbox.action.restart.dialog.actions.confirm":"Restart","runbox.action.restart.dialog.description":"Are you sure you want to restart the runbox?","runbox.action.restart.title":"Restart runbox","runbox.action.share.title":"Share runbox URL","runbox.action.share.snackbar.copied.fail":"Copying the runbox URL failed, please try again","runbox.action.share.snackbar.copied.success":"The runbox URL was copied successfully.","runbox.action.submitCountInfo.dialog.title":"Limit the number of submissions","runbox.action.submitCountInfo.dialog.description":"You have exceeded the submission count limit","runbox.action.submitCountInfo.tooltip.disabled":"The submission count has been used up","runbox.common.close":"Close","runbox.common.retry":"Retry","runbox.common.support":"Support","runbox.context.command.ping.error":"An error occurred while processing task.","runbox.runtime.message.startError":"There was an error starting the runbox.","runbox.runtime.overlay.assigned.description":"(3 of 3)\nRunbox is running.\nPlease wait!","runbox.runtime.overlay.assigned.description_timeout":"(3 of 3)\nRunning the runbox is taking longer than we expected.\nPlease wait a little longer without refreshing!","runbox.runtime.overlay.queued.description":"(2 of 3)\nCurrently queued {waiters} times...","runbox.runtime.overlay.queued.description_zero":"(2 of 3)\nRunbox will run soon","runbox.runtime.overlay.terminated.description.default":"The runtime terminated due to an unexpected problem.\nClick the button below to reconnect to the runbox.","runbox.runtime.overlay.terminated.description.general":"The runtime connected to the runbox has ended.\nTo reconnect to the runbox, click the button below.","runbox.runtime.overlay.terminated.description.os_disk_is_full":"Runtime has ended because the disk is full.\nIf you have recently deleted a runbox, it may take some time to reflect.","runbox.runtime.overlay.terminated.description.quota_exceeded":"The runtime has ended because the runtime has expired.","runbox.runtime.overlay.terminated.description.quota_per_session_exceeded":"Runbox has been running for 24 hours and the runtime has ended.\nTo reconnect to the runbox, click the button below.","runbox.runtime.overlay.terminated.description.unexpected":"If the problem persists, please contact customer service.","runbox.runtime.overlay.terminated.restart":"Reconnect","runbox.runtime.overlay.terminated.title":"Runtime disconnected","runbox.header.submitInfo":"{isIndividual, select, true {} other {Team}} submission count | {remainCount}/{totalCount} times left {isDailyLimitEnabled, select, true {today} other {}}"};
+var messageEn = {"runbox.action.autoShutdown.title":"Always on","runbox.action.autoShutdown.tooltip.disabled":"This runtime automatically shuts down after {time}, which is set as the per-session usage time.","runbox.action.autoShutdown.tooltip.enabled":"If set to always on, the runtime will not shut down even if you leave the learning {_termLibraryLecturePage}. However, it will automatically shut down after {time}, which is set as the session-specific usage time of the runtime.","runbox.action.grade.dialog.description.error":"An error occurred while grading the code.","runbox.action.grade.dialog.description.success":"Grading completed successfully.","runbox.action.grade.dialog.title":"Grading result","runbox.action.grade.noti.error":"An error occurred while grading the code.","runbox.action.grade.title":"Submit","runbox.action.grade.tooltip.onProgress":"Grading is in progress. Please wait for a moment. Depending on the {_termLibraryLecturePage}, grading may take up to 3 minutes.","runbox.action.reset.dialog.actions.confirm":"Reset","runbox.action.reset.dialog.description":"Are you sure you want to reset the runbox code? Your codes will be overwritten to default code of {_termLibraryLecturePage}.\nAfter reset, the runbox session will be refreshed.","runbox.action.reset.noti.error":"An error occurred while initializing the runbox code.","runbox.action.reset.title":"Reset code","runbox.action.restart.dialog.actions.confirm":"Restart","runbox.action.restart.dialog.description":"Are you sure you want to restart the runbox?","runbox.action.restart.title":"Restart runbox","runbox.action.share.title":"Share runbox URL","runbox.action.share.snackbar.copied.fail":"Copying the runbox URL failed, please try again","runbox.action.share.snackbar.copied.success":"The runbox URL was copied successfully.","runbox.action.submitCountInfo.dialog.title":"Limit the number of submissions","runbox.action.submitCountInfo.dialog.description":"You have exceeded the submission count limit","runbox.action.submitCountInfo.tooltip.disabled":"The submission count has been used up","runbox.common.close":"Close","runbox.common.retry":"Retry","runbox.common.support":"Support","runbox.context.command.ping.error":"An error occurred while processing task.","runbox.runtime.message.startError":"There was an error starting the runbox.","runbox.runtime.overlay.assigned.description":"(3 of 3)\nRunbox is running.\nPlease wait!","runbox.runtime.overlay.assigned.description_timeout":"(3 of 3)\nRunning the runbox is taking longer than we expected.\nPlease wait a little longer without refreshing!","runbox.runtime.overlay.queued.description":"(2 of 3)\nCurrently queued {waiters} times...","runbox.runtime.overlay.queued.description_zero":"(2 of 3)\nRunbox will run soon","runbox.runtime.overlay.terminated.description.default":"The runtime terminated due to an unexpected problem.\nClick the button below to reconnect to the runbox.","runbox.runtime.overlay.terminated.description.general":"The runtime connected to the runbox has ended.\nTo reconnect to the runbox, click the button below.","runbox.runtime.overlay.terminated.description.os_disk_is_full":"Runtime has ended because the disk is full.\nIf you have recently deleted a runbox, it may take some time to reflect.","runbox.runtime.overlay.terminated.description.quota_exceeded":"The runtime has ended because the runtime has expired.","runbox.runtime.overlay.terminated.description.quota_per_session_exceeded":"Runbox has been running for 24 hours and the runtime has ended.\nTo reconnect to the runbox, click the button below.","runbox.runtime.overlay.terminated.description.unexpected":"If the problem persists, please contact customer service.","runbox.runtime.overlay.terminated.restart":"Reconnect","runbox.runtime.overlay.terminated.title":"Runtime disconnected","runbox.header.submitInfo":"{isIndividual, select, true {} other {Team}} submission count | {remainCount}/{totalCount} times left {isDailyLimitEnabled, select, true {today} other {}}"};
 
-export { en as default };
+export { messageEn as default };

package/es/components/material-runbox/locales/index.d.ts

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