@elice/material-runbox 1.230418.1 → 1.230418.2

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

@@ -1,11 +1,7 @@
 import React from 'react';
 import type { MaterialRunboxContextExternalValue } from './context';
 import type { UseMaterialRunboxApiProps } from './hooks';
-export interface MaterialRunboxProps extends MaterialRunboxContextExternalValue, UseMaterialRunboxApiProps {
-    /** Runbox ID. */
-    runboxId: string | null;
-    /** Course ID. */
-    courseId: number;
-}
+import type { MaterialRunboxContentProps } from './MaterialRunboxContent';
+export declare type MaterialRunboxProps = MaterialRunboxContentProps & MaterialRunboxContextExternalValue & UseMaterialRunboxApiProps;
 declare const MaterialRunbox: React.FC<MaterialRunboxProps>;
 export default MaterialRunbox;

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

@@ -2,161 +2,49 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var tslib = require('tslib');
 var React = require('react');
 var reactIntl = require('react-intl');
-var blocks = require('@elice/blocks');
-var runboxClient = require('@elice/runbox-client');
-var styled = require('@emotion/styled');
-var iconsMaterial = require('@mui/icons-material');
-var material = require('@mui/material');
-var reactQuery = require('@tanstack/react-query');
 var context = require('./context.js');
 var useMaterialRunboxApi = require('./hooks/useMaterialRunboxApi.js');
+require('@elice/runbox-client');
 require('notistack');
-var MaterialRunboxBody = require('./MaterialRunboxBody.js');
-var MaterialRunboxFooter = require('./MaterialRunboxFooter.js');
-var MaterialRunboxHeader = require('./MaterialRunboxHeader.js');
+var index = require('./locales/index.js');
+var MaterialRunboxContent = require('./MaterialRunboxContent.js');
+var en = require('./locales/en.json.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject;
 //
 //
 //
-var DEFAULT_DATA = [null, null, null];
-//
-//
-//
-var StyledRunboxContainer = styled__default["default"].div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"])));
-//
-//
-//
-var MaterialRunbox = function MaterialRunbox(_ref) {
-  var runboxId = _ref.runboxId,
-    courseId = _ref.courseId,
-    locale = _ref.locale,
-    showMessenger = _ref.showMessenger,
-    eliceMaterialRunboxApiConfiguration = _ref.eliceMaterialRunboxApiConfiguration;
+var MaterialRunbox = function MaterialRunbox(_a) {
+  var _a$enableAutoShutdown = _a.enableAutoShutdownToggle,
+    enableAutoShutdownToggle = _a$enableAutoShutdown === void 0 ? false : _a$enableAutoShutdown,
+    _a$locale = _a.locale,
+    locale = _a$locale === void 0 ? 'ko' : _a$locale,
+    showMessenger = _a.showMessenger,
+    eliceMaterialRunboxApiConfiguration = _a.eliceMaterialRunboxApiConfiguration,
+    materialRunboxProps = tslib.__rest(_a, ["enableAutoShutdownToggle", "locale", "showMessenger", "eliceMaterialRunboxApiConfiguration"]);
   var apis = useMaterialRunboxApi.useMaterialRunboxApi({
     eliceMaterialRunboxApiConfiguration: eliceMaterialRunboxApiConfiguration
   });
   //
   //
   //
-  var _useQuery = reactQuery.useQuery({
-      enabled: Boolean(runboxId),
-      queryKey: ['eliceMaterialRunboxRunboxApi.runboxRunboxIdGet', 'eliceMaterialRunboxRuntimeTemplateApi.runtimeTemplateRuntimeTemplateIdGet', runboxId, courseId],
-      queryFn: function queryFn(_ref2) {
-        var signal = _ref2.signal;
-        return apis.materialRunboxApi.runbox.runboxRunboxIdGet({
-          runboxId: runboxId,
-          eliceCourseId: courseId
-        }, {
-          signal: signal
-        }).then(function (runbox) {
-          return Promise.all([
-          // runbox
-          runbox,
-          // runtime
-          apis.materialRunboxApi.runtime.runtimeGet({
-            filterImageId: runbox.imageId,
-            filterRuntimeTemplateId: runbox.runtimeTemplateId,
-            skip: 0,
-            count: 1,
-            eliceCourseId: courseId
-          }, {
-            signal: signal
-          }).then(function (runtimes) {
-            var _a;
-            return (_a = runtimes[0]) !== null && _a !== void 0 ? _a : null;
-          }),
-          // runtimeTemplate
-          apis.materialRunboxApi.runtimeTemplate.runtimeTemplateRuntimeTemplateIdGet({
-            runtimeTemplateId: runbox.runtimeTemplateId,
-            eliceCourseId: courseId
-          }, {
-            signal: signal
-          })]);
-        });
-      },
-      cacheTime: 0,
-      keepPreviousData: true,
-      refetchOnWindowFocus: false
-    }),
-    _useQuery$data = _useQuery.data,
-    _useQuery$data2 = _useQuery$data === void 0 ? DEFAULT_DATA : _useQuery$data,
-    _useQuery$data3 = _rollupPluginBabelHelpers.slicedToArray(_useQuery$data2, 3),
-    runbox = _useQuery$data3[0],
-    runtime = _useQuery$data3[1],
-    runtimeTemplate = _useQuery$data3[2],
-    isInitialLoading = _useQuery.isInitialLoading,
-    isError = _useQuery.isError,
-    refetch = _useQuery.refetch;
-  //
-  //
-  //
-  if (isInitialLoading) {
-    return React__default["default"].createElement(StyledRunboxContainer, null, React__default["default"].createElement(blocks.Spinner, null));
-  }
-  if (isError) {
-    return React__default["default"].createElement(StyledRunboxContainer, null, React__default["default"].createElement(material.Stack, {
-      gap: "1.5rem"
-    }, React__default["default"].createElement(material.Typography, {
-      variant: "h6"
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
-      id: "material.runbox.runtime.message.startError"
-    })), React__default["default"].createElement(material.Stack, {
-      gap: "0.5rem"
-    }, React__default["default"].createElement(material.Button, {
-      startIcon: React__default["default"].createElement(iconsMaterial.Refresh, null),
-      onClick: function onClick() {
-        return refetch();
-      }
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
-      id: "common.retry"
-    })), React__default["default"].createElement(material.Button, {
-      variant: "outlined",
-      onClick: function onClick() {
-        return showMessenger();
-      }
-    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
-      id: "common.support"
-    })))));
-  }
-  if (!runbox || !runtimeTemplate) {
-    return null;
-  }
-  var props = {
-    runbox: runbox,
-    runtime: runtime,
-    runtimeTemplate: runtimeTemplate,
-    courseId: courseId,
-    refetch: refetch
-  };
   return React__default["default"].createElement(context.MaterialRunboxContext.Provider, {
     value: Object.assign({
+      enableAutoShutdownToggle: enableAutoShutdownToggle,
       locale: locale,
       showMessenger: showMessenger
     }, apis)
-  }, React__default["default"].createElement(runboxClient.EliceRunboxProvider, {
-    runboxId: runbox.id,
-    runboxApiHeartbeat: function runboxApiHeartbeat(_ref3) {
-      var id = _ref3.id,
-        signal = _ref3.signal;
-      return apis.materialRunboxApi.runbox.runboxRunboxIdHeartbeatPost({
-        runboxId: id,
-        eliceCourseId: courseId
-      }, {
-        signal: signal
-      });
-    },
+  }, React__default["default"].createElement(reactIntl.IntlProvider, {
     locale: locale,
-    onRunboxRefetchRequest: refetch
-  }, React__default["default"].createElement(StyledRunboxContainer, null, React__default["default"].createElement(MaterialRunboxHeader["default"], Object.assign({}, props)), React__default["default"].createElement(MaterialRunboxBody["default"], Object.assign({}, props)), React__default["default"].createElement(MaterialRunboxFooter["default"], Object.assign({}, props)))));
+    defaultLocale: "en",
+    messages: locale in index ? index[locale] : en["default"]
+  }, React__default["default"].createElement(MaterialRunboxContent["default"], Object.assign({}, materialRunboxProps))));
 };
 
 exports["default"] = MaterialRunbox;

package/cjs/components/material-runbox/MaterialRunboxContent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface MaterialRunboxContentProps {
+    /** Runbox ID. */
+    runboxId: string | null;
+    /** Course ID. */
+    courseId: number;
+}
+declare const MaterialRunboxContent: React.FC<MaterialRunboxContentProps>;
+export default MaterialRunboxContent;

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

@@ -0,0 +1,153 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var reactIntl = require('react-intl');
+var blocks = require('@elice/blocks');
+var runboxClient = require('@elice/runbox-client');
+var styled = require('@emotion/styled');
+var iconsMaterial = require('@mui/icons-material');
+var material = require('@mui/material');
+var reactQuery = require('@tanstack/react-query');
+var context = require('./context.js');
+var MaterialRunboxBody = require('./MaterialRunboxBody.js');
+var MaterialRunboxFooter = require('./MaterialRunboxFooter.js');
+var MaterialRunboxHeader = require('./MaterialRunboxHeader.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var _templateObject;
+//
+//
+//
+var DEFAULT_DATA = [null, null, null];
+//
+//
+//
+var StyledRunboxContainer = styled__default["default"].div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"])));
+//
+//
+//
+var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
+  var runboxId = _ref.runboxId,
+    courseId = _ref.courseId;
+  var _React$useContext = React__default["default"].useContext(context.MaterialRunboxContext),
+    materialRunboxApi = _React$useContext.materialRunboxApi,
+    locale = _React$useContext.locale,
+    showMessenger = _React$useContext.showMessenger;
+  //
+  //
+  //
+  var _useQuery = reactQuery.useQuery({
+      enabled: Boolean(runboxId),
+      queryKey: ['eliceMaterialRunboxRunboxApi.runboxRunboxIdGet', 'eliceMaterialRunboxRuntimeTemplateApi.runtimeTemplateRuntimeTemplateIdGet', runboxId, courseId],
+      queryFn: function queryFn(_ref2) {
+        var signal = _ref2.signal;
+        return materialRunboxApi.runbox.runboxRunboxIdGet({
+          runboxId: runboxId,
+          eliceCourseId: courseId
+        }, {
+          signal: signal
+        }).then(function (runbox) {
+          return Promise.all([
+          // runbox
+          runbox,
+          // runtime
+          materialRunboxApi.runtime.runtimeGet({
+            filterImageId: runbox.imageId,
+            filterRuntimeTemplateId: runbox.runtimeTemplateId,
+            skip: 0,
+            count: 1,
+            eliceCourseId: courseId
+          }, {
+            signal: signal
+          }).then(function (runtimes) {
+            var _a;
+            return (_a = runtimes[0]) !== null && _a !== void 0 ? _a : null;
+          }),
+          // runtimeTemplate
+          materialRunboxApi.runtimeTemplate.runtimeTemplateRuntimeTemplateIdGet({
+            runtimeTemplateId: runbox.runtimeTemplateId,
+            eliceCourseId: courseId
+          }, {
+            signal: signal
+          })]);
+        });
+      },
+      cacheTime: 0,
+      keepPreviousData: true,
+      refetchOnWindowFocus: false
+    }),
+    _useQuery$data = _useQuery.data,
+    _useQuery$data2 = _useQuery$data === void 0 ? DEFAULT_DATA : _useQuery$data,
+    _useQuery$data3 = _rollupPluginBabelHelpers.slicedToArray(_useQuery$data2, 3),
+    runbox = _useQuery$data3[0],
+    runtime = _useQuery$data3[1],
+    runtimeTemplate = _useQuery$data3[2],
+    isInitialLoading = _useQuery.isInitialLoading,
+    isError = _useQuery.isError,
+    refetch = _useQuery.refetch;
+  //
+  //
+  //
+  if (isInitialLoading) {
+    return React__default["default"].createElement(StyledRunboxContainer, null, React__default["default"].createElement(blocks.Spinner, null));
+  }
+  if (isError) {
+    return React__default["default"].createElement(StyledRunboxContainer, null, React__default["default"].createElement(material.Stack, {
+      gap: "1.5rem"
+    }, React__default["default"].createElement(material.Typography, {
+      variant: "h6"
+    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "runbox.runtime.message.startError"
+    })), React__default["default"].createElement(material.Stack, {
+      gap: "0.5rem"
+    }, React__default["default"].createElement(material.Button, {
+      startIcon: React__default["default"].createElement(iconsMaterial.Refresh, null),
+      onClick: function onClick() {
+        return refetch();
+      }
+    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "runbox.common.retry"
+    })), typeof showMessenger === 'function' ? React__default["default"].createElement(material.Button, {
+      variant: "outlined",
+      onClick: function onClick() {
+        return showMessenger();
+      }
+    }, React__default["default"].createElement(reactIntl.FormattedMessage, {
+      id: "runbox.common.support"
+    })) : null)));
+  }
+  if (!runbox || !runtimeTemplate) {
+    return null;
+  }
+  var props = {
+    runbox: runbox,
+    runtime: runtime,
+    runtimeTemplate: runtimeTemplate,
+    courseId: courseId,
+    refetch: refetch
+  };
+  return React__default["default"].createElement(runboxClient.EliceRunboxProvider, {
+    runboxId: runbox.id,
+    runboxApiHeartbeat: function runboxApiHeartbeat(_ref3) {
+      var id = _ref3.id,
+        signal = _ref3.signal;
+      return materialRunboxApi.runbox.runboxRunboxIdHeartbeatPost({
+        runboxId: id,
+        eliceCourseId: courseId
+      }, {
+        signal: signal
+      });
+    },
+    locale: locale,
+    onRunboxRefetchRequest: refetch
+  }, React__default["default"].createElement(StyledRunboxContainer, null, React__default["default"].createElement(MaterialRunboxHeader["default"], Object.assign({}, props)), React__default["default"].createElement(MaterialRunboxBody["default"], Object.assign({}, props)), React__default["default"].createElement(MaterialRunboxFooter["default"], Object.assign({}, props))));
+};
+
+exports["default"] = MaterialRunboxContent;

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

@@ -38,7 +38,8 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
     refetch = _ref2.refetch;
   var intl = reactIntl.useIntl();
   var _React$useContext = React__default["default"].useContext(context.MaterialRunboxContext),
-    materialRunboxApi = _React$useContext.materialRunboxApi;
+    materialRunboxApi = _React$useContext.materialRunboxApi,
+    enableAutoShutdownToggle = _React$useContext.enableAutoShutdownToggle;
   var _useEliceRunboxRunnin = runboxClient.useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
   var _useRunboxControl = useRunboxControl.useRunboxControl({
@@ -70,9 +71,12 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
    */
   var renderHeaderAutoShutdownSwitch = function renderHeaderAutoShutdownSwitch() {
     var _a;
+    if (!enableAutoShutdownToggle) {
+      return null;
+    }
     return React__default["default"].createElement(material.Tooltip, {
       title: intl.formatMessage({
-        id: runtimeTemplate.autoShutdown ? 'material.runbox.header.autoShutdownDisabledTooltip' : 'material.runbox.header.autoShutdownTooltip'
+        id: runtimeTemplate.autoShutdown ? 'runbox.header.autoShutdownDisabledTooltip' : 'runbox.header.autoShutdownTooltip'
       }, {
         time: intl.formatNumber((_a = runtimeTemplate.quotaPerSession) !== null && _a !== void 0 ? _a : 2880, {
           style: 'unit',
@@ -87,7 +91,7 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
         onChange: handleAutoShutdownSwitchChange
       }),
       label: intl.formatMessage({
-        id: 'material.runbox.header.autoShutdown'
+        id: 'runbox.header.autoShutdown'
       }),
       componentsProps: {
         typography: {
@@ -102,7 +106,7 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
   var renderHeaderRestartButton = function renderHeaderRestartButton() {
     return React__default["default"].createElement(material.Tooltip, {
       title: intl.formatMessage({
-        id: 'material.runbox.header.restart'
+        id: 'runbox.header.restart'
       })
     }, React__default["default"].createElement(material.IconButton, {
       disabled: !isRunboxRunning,

package/cjs/components/material-runbox/context.d.ts

@@ -3,9 +3,11 @@ import type { UseMaterialRunboxApiReturn } from './hooks';
 export declare type MaterialRunboxContextValue = MaterialRunboxContextExternalValue & MaterialRunboxContextInternalValue;
 export interface MaterialRunboxContextExternalValue {
     /**  */
-    locale: string;
+    enableAutoShutdownToggle?: boolean;
     /**  */
-    showMessenger: () => void;
+    locale?: string;
+    /**  */
+    showMessenger?: () => void;
 }
 export declare type MaterialRunboxContextInternalValue = UseMaterialRunboxApiReturn;
 export declare const MaterialRunboxContext: import("react").Context<MaterialRunboxContextValue>;

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

@@ -47,7 +47,7 @@ var useRunboxControl = function useRunboxControl(props) {
           }).catch(function (err) {
             if (err.name !== 'AbortError') {
               enqueueSnackbar(intl.formatMessage({
-                id: 'material.runbox.runtime.message.startError'
+                id: 'runbox.runtime.message.startError'
               }), {
                 variant: 'error'
               });

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var en = {"runbox.common.retry":"Retry","runbox.common.support":"Support","runbox.header.autoShutdown":"Always on","runbox.header.autoShutdownDisabledTooltip":"This runtime automatically shuts down after {time}, which is set as the per-session usage time.","runbox.header.autoShutdownTooltip":"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.header.restart":"Restart runbox","runbox.runtime.message.startError":"There was an error starting the runbox.","runbox.runtime.overlay.assigned.description":"Runbox is running.\nPlease wait!","runbox.runtime.overlay.queued.description":"Currently queued {waiters} times...","runbox.runtime.overlay.queued.description_zero":"Runbox 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"};
+
+exports["default"] = en;

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

@@ -0,0 +1,2 @@
+export { default as en } from './en.json';
+export { default as ko } from './ko.json';

package/cjs/components/material-runbox/locales/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var en = require('./en.json.js');
+var ko = require('./ko.json.js');
+
+
+
+exports.en = en["default"];
+exports.ko = ko["default"];

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ko = {"runbox.common.retry":"재시도","runbox.common.support":"고객센터","runbox.header.autoShutdown":"항상 켜두기","runbox.header.autoShutdownDisabledTooltip":"해당 런타임은 세션별 사용 시간으로 설정된 {time}이 지나면 자동으로 종료됩니다.","runbox.header.autoShutdownTooltip":"항상 켜두기를 설정하면 학습 자료 밖으로 나가도 런타임이 종료되지 않습니다. 다만, 해당 런타임의 세션별 사용 시간으로 설정된 {time}이 지나면 자동으로 종료됩니다.","runbox.header.restart":"런박스 재시작","runbox.runtime.message.startError":"런박스를 시작하는 중에 오류가 발생했습니다.","runbox.runtime.overlay.assigned.description":"런박스가 실행 중입니다.\n잠시만 기다려주세요!","runbox.runtime.overlay.queued.description":"현재 {waiters}번째 대기 중입니다...","runbox.runtime.overlay.queued.description_zero":"곧 런박스가 실행됩니다","runbox.runtime.overlay.terminated.description.default":"예상치 못한 문제로 런타임이 종료되었습니다.\n런박스를 재접속하려면 아래 버튼을 눌러주세요.","runbox.runtime.overlay.terminated.description.general":"런박스에 연결된 런타임이 종료되었습니다.\n런박스를 재접속하려면 아래 버튼을 눌러주세요.","runbox.runtime.overlay.terminated.description.os_disk_is_full":"디스크가 가득 차서 런타임이 종료되었습니다.\n최근 런박스를 삭제하셨다면 반영까지 시간이 소요될 수 있습니다.","runbox.runtime.overlay.terminated.description.quota_exceeded":"런타임 사용시간이 만료되어 런타임이 종료되었습니다.","runbox.runtime.overlay.terminated.description.quota_per_session_exceeded":"런박스를 실행한지 24시간이 경과하여 런타임이 종료되었습니다.\n런박스를 재접속하려면 아래 버튼을 눌러주세요.","runbox.runtime.overlay.terminated.description.unexpected":"문제가 지속되면 고객센터에 문의해주세요.","runbox.runtime.overlay.terminated.restart":"재접속","runbox.runtime.overlay.terminated.title":"런타임 연결 해제됨"};
+
+exports["default"] = ko;

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

@@ -41,7 +41,7 @@ var RuntimeOverlayAssigned = function RuntimeOverlayAssigned() {
       textAlign: 'center'
     }
   }, React__default["default"].createElement(reactIntl.FormattedMessage, {
-    id: "material.runbox.runtime.overlay.assigned.description"
+    id: "runbox.runtime.overlay.assigned.description"
   })));
 };
 

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

@@ -45,19 +45,19 @@ var RuntimeOverlayQueued = function RuntimeOverlayQueued(_ref) {
     variant: "subtitle2",
     color: "text:secondary"
   }, numWaiters > 0 ? React__default["default"].createElement(reactIntl.FormattedMessage, {
-    id: "material.runbox.runtime.overlay.queued.description",
+    id: "runbox.runtime.overlay.queued.description",
     values: {
       waiters: numWaiters
     }
   }) : React__default["default"].createElement(reactIntl.FormattedMessage, {
-    id: "material.runbox.runtime.overlay.queued.description_zero"
-  })), React__default["default"].createElement(material.Button, {
+    id: "runbox.runtime.overlay.queued.description_zero"
+  })), typeof showMessenger === 'function' ? React__default["default"].createElement(material.Button, {
     variant: "outlined",
     startIcon: React__default["default"].createElement(iconsMaterial.QuestionAnswer, null),
     onClick: showMessenger
   }, React__default["default"].createElement(reactIntl.FormattedMessage, {
-    id: "common.support"
-  })));
+    id: "runbox.common.support"
+  })) : null);
 };
 
 exports["default"] = RuntimeOverlayQueued;

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

@@ -47,14 +47,14 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
       case 'auto_shutdown':
         return {
           description: intl.formatMessage({
-            id: 'material.runbox.runtime.overlay.terminated.description.general'
+            id: 'runbox.runtime.overlay.terminated.description.general'
           }),
           unexpected: false
         };
       case 'quota_exceeded':
         return {
           description: intl.formatMessage({
-            id: 'material.runbox.runtime.overlay.terminated.description.quota_exceeded'
+            id: 'runbox.runtime.overlay.terminated.description.quota_exceeded'
           }),
           unexpected: false
         };
@@ -62,7 +62,7 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
       case 'quota_per_session_exceeded':
         return {
           description: intl.formatMessage({
-            id: 'material.runbox.runtime.overlay.terminated.description.quota_per_session_exceeded'
+            id: 'runbox.runtime.overlay.terminated.description.quota_per_session_exceeded'
           }),
           unexpected: false
         };
@@ -70,14 +70,14 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
       case 'os_disk_is_full':
         return {
           description: intl.formatMessage({
-            id: 'material.runbox.runtime.overlay.terminated.description.os_disk_is_full'
+            id: 'runbox.runtime.overlay.terminated.description.os_disk_is_full'
           }),
           unexpected: true
         };
       default:
         return {
           description: intl.formatMessage({
-            id: 'material.runbox.runtime.overlay.terminated.description.default'
+            id: 'runbox.runtime.overlay.terminated.description.default'
           }),
           unexpected: true
         };
@@ -113,13 +113,13 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
     variant: "h6",
     textAlign: "center"
   }, React__default["default"].createElement(reactIntl.FormattedMessage, {
-    id: "material.runbox.runtime.overlay.terminated.title"
+    id: "runbox.runtime.overlay.terminated.title"
   })), React__default["default"].createElement(material.Typography, {
     variant: "body2",
     textAlign: "center",
     whiteSpace: "pre-line"
   }, runtimeTerminatedAction.unexpected ? runtimeTerminatedAction.description.concat('\n', intl.formatMessage({
-    id: 'material.runbox.runtime.overlay.terminated.description.unexpected'
+    id: 'runbox.runtime.overlay.terminated.description.unexpected'
   })) : runtimeTerminatedAction.description)), React__default["default"].createElement(material.Stack, {
     gap: "0.5rem",
     sx: {
@@ -132,12 +132,12 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
     startIcon: React__default["default"].createElement(iconsMaterial.PlayArrow, null),
     onClick: handleRestart
   }, React__default["default"].createElement(reactIntl.FormattedMessage, {
-    id: "material.runbox.runtime.overlay.terminated.restart"
-  })), runtimeTerminatedAction.unexpected ? React__default["default"].createElement(material.Button, {
+    id: "runbox.runtime.overlay.terminated.restart"
+  })), runtimeTerminatedAction.unexpected && typeof showMessenger === 'function' ? React__default["default"].createElement(material.Button, {
     variant: "text",
     onClick: showMessenger
   }, React__default["default"].createElement(reactIntl.FormattedMessage, {
-    id: "common.support"
+    id: "runbox.common.support"
   })) : null)));
 };
 

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

@@ -1,11 +1,7 @@
 import React from 'react';
 import type { MaterialRunboxContextExternalValue } from './context';
 import type { UseMaterialRunboxApiProps } from './hooks';
-export interface MaterialRunboxProps extends MaterialRunboxContextExternalValue, UseMaterialRunboxApiProps {
-    /** Runbox ID. */
-    runboxId: string | null;
-    /** Course ID. */
-    courseId: number;
-}
+import type { MaterialRunboxContentProps } from './MaterialRunboxContent';
+export declare type MaterialRunboxProps = MaterialRunboxContentProps & MaterialRunboxContextExternalValue & UseMaterialRunboxApiProps;
 declare const MaterialRunbox: React.FC<MaterialRunboxProps>;
 export default MaterialRunbox;

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

@@ -1,153 +1,42 @@
-import { taggedTemplateLiteral as _taggedTemplateLiteral, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from 'tslib';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import { Spinner } from '@elice/blocks';
-import { EliceRunboxProvider } from '@elice/runbox-client';
-import styled from '@emotion/styled';
-import { Refresh } from '@mui/icons-material';
-import { Stack, Typography, Button } from '@mui/material';
-import { useQuery } from '@tanstack/react-query';
+import { IntlProvider } from 'react-intl';
 import { MaterialRunboxContext } from './context.js';
 import { useMaterialRunboxApi } from './hooks/useMaterialRunboxApi.js';
+import '@elice/runbox-client';
 import 'notistack';
-import MaterialRunboxBody from './MaterialRunboxBody.js';
-import MaterialRunboxFooter from './MaterialRunboxFooter.js';
-import MaterialRunboxHeader from './MaterialRunboxHeader.js';
+import * as index from './locales/index.js';
+import MaterialRunboxContent from './MaterialRunboxContent.js';
+import en from './locales/en.json.js';
 
-var _templateObject;
 //
 //
 //
-var DEFAULT_DATA = [null, null, null];
-//
-//
-//
-var StyledRunboxContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"])));
-//
-//
-//
-var MaterialRunbox = function MaterialRunbox(_ref) {
-  var runboxId = _ref.runboxId,
-    courseId = _ref.courseId,
-    locale = _ref.locale,
-    showMessenger = _ref.showMessenger,
-    eliceMaterialRunboxApiConfiguration = _ref.eliceMaterialRunboxApiConfiguration;
+var MaterialRunbox = function MaterialRunbox(_a) {
+  var _a$enableAutoShutdown = _a.enableAutoShutdownToggle,
+    enableAutoShutdownToggle = _a$enableAutoShutdown === void 0 ? false : _a$enableAutoShutdown,
+    _a$locale = _a.locale,
+    locale = _a$locale === void 0 ? 'ko' : _a$locale,
+    showMessenger = _a.showMessenger,
+    eliceMaterialRunboxApiConfiguration = _a.eliceMaterialRunboxApiConfiguration,
+    materialRunboxProps = __rest(_a, ["enableAutoShutdownToggle", "locale", "showMessenger", "eliceMaterialRunboxApiConfiguration"]);
   var apis = useMaterialRunboxApi({
     eliceMaterialRunboxApiConfiguration: eliceMaterialRunboxApiConfiguration
   });
   //
   //
   //
-  var _useQuery = useQuery({
-      enabled: Boolean(runboxId),
-      queryKey: ['eliceMaterialRunboxRunboxApi.runboxRunboxIdGet', 'eliceMaterialRunboxRuntimeTemplateApi.runtimeTemplateRuntimeTemplateIdGet', runboxId, courseId],
-      queryFn: function queryFn(_ref2) {
-        var signal = _ref2.signal;
-        return apis.materialRunboxApi.runbox.runboxRunboxIdGet({
-          runboxId: runboxId,
-          eliceCourseId: courseId
-        }, {
-          signal: signal
-        }).then(function (runbox) {
-          return Promise.all([
-          // runbox
-          runbox,
-          // runtime
-          apis.materialRunboxApi.runtime.runtimeGet({
-            filterImageId: runbox.imageId,
-            filterRuntimeTemplateId: runbox.runtimeTemplateId,
-            skip: 0,
-            count: 1,
-            eliceCourseId: courseId
-          }, {
-            signal: signal
-          }).then(function (runtimes) {
-            var _a;
-            return (_a = runtimes[0]) !== null && _a !== void 0 ? _a : null;
-          }),
-          // runtimeTemplate
-          apis.materialRunboxApi.runtimeTemplate.runtimeTemplateRuntimeTemplateIdGet({
-            runtimeTemplateId: runbox.runtimeTemplateId,
-            eliceCourseId: courseId
-          }, {
-            signal: signal
-          })]);
-        });
-      },
-      cacheTime: 0,
-      keepPreviousData: true,
-      refetchOnWindowFocus: false
-    }),
-    _useQuery$data = _useQuery.data,
-    _useQuery$data2 = _useQuery$data === void 0 ? DEFAULT_DATA : _useQuery$data,
-    _useQuery$data3 = _slicedToArray(_useQuery$data2, 3),
-    runbox = _useQuery$data3[0],
-    runtime = _useQuery$data3[1],
-    runtimeTemplate = _useQuery$data3[2],
-    isInitialLoading = _useQuery.isInitialLoading,
-    isError = _useQuery.isError,
-    refetch = _useQuery.refetch;
-  //
-  //
-  //
-  if (isInitialLoading) {
-    return React.createElement(StyledRunboxContainer, null, React.createElement(Spinner, null));
-  }
-  if (isError) {
-    return React.createElement(StyledRunboxContainer, null, React.createElement(Stack, {
-      gap: "1.5rem"
-    }, React.createElement(Typography, {
-      variant: "h6"
-    }, React.createElement(FormattedMessage, {
-      id: "material.runbox.runtime.message.startError"
-    })), React.createElement(Stack, {
-      gap: "0.5rem"
-    }, React.createElement(Button, {
-      startIcon: React.createElement(Refresh, null),
-      onClick: function onClick() {
-        return refetch();
-      }
-    }, React.createElement(FormattedMessage, {
-      id: "common.retry"
-    })), React.createElement(Button, {
-      variant: "outlined",
-      onClick: function onClick() {
-        return showMessenger();
-      }
-    }, React.createElement(FormattedMessage, {
-      id: "common.support"
-    })))));
-  }
-  if (!runbox || !runtimeTemplate) {
-    return null;
-  }
-  var props = {
-    runbox: runbox,
-    runtime: runtime,
-    runtimeTemplate: runtimeTemplate,
-    courseId: courseId,
-    refetch: refetch
-  };
   return React.createElement(MaterialRunboxContext.Provider, {
     value: Object.assign({
+      enableAutoShutdownToggle: enableAutoShutdownToggle,
       locale: locale,
       showMessenger: showMessenger
     }, apis)
-  }, React.createElement(EliceRunboxProvider, {
-    runboxId: runbox.id,
-    runboxApiHeartbeat: function runboxApiHeartbeat(_ref3) {
-      var id = _ref3.id,
-        signal = _ref3.signal;
-      return apis.materialRunboxApi.runbox.runboxRunboxIdHeartbeatPost({
-        runboxId: id,
-        eliceCourseId: courseId
-      }, {
-        signal: signal
-      });
-    },
+  }, React.createElement(IntlProvider, {
     locale: locale,
-    onRunboxRefetchRequest: refetch
-  }, React.createElement(StyledRunboxContainer, null, React.createElement(MaterialRunboxHeader, Object.assign({}, props)), React.createElement(MaterialRunboxBody, Object.assign({}, props)), React.createElement(MaterialRunboxFooter, Object.assign({}, props)))));
+    defaultLocale: "en",
+    messages: locale in index ? index[locale] : en
+  }, React.createElement(MaterialRunboxContent, Object.assign({}, materialRunboxProps))));
 };
 
 export { MaterialRunbox as default };

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface MaterialRunboxContentProps {
+    /** Runbox ID. */
+    runboxId: string | null;
+    /** Course ID. */
+    courseId: number;
+}
+declare const MaterialRunboxContent: React.FC<MaterialRunboxContentProps>;
+export default MaterialRunboxContent;

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

@@ -0,0 +1,144 @@
+import { taggedTemplateLiteral as _taggedTemplateLiteral, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { Spinner } from '@elice/blocks';
+import { EliceRunboxProvider } from '@elice/runbox-client';
+import styled from '@emotion/styled';
+import { Refresh } from '@mui/icons-material';
+import { Stack, Typography, Button } from '@mui/material';
+import { useQuery } from '@tanstack/react-query';
+import { MaterialRunboxContext } from './context.js';
+import MaterialRunboxBody from './MaterialRunboxBody.js';
+import MaterialRunboxFooter from './MaterialRunboxFooter.js';
+import MaterialRunboxHeader from './MaterialRunboxHeader.js';
+
+var _templateObject;
+//
+//
+//
+var DEFAULT_DATA = [null, null, null];
+//
+//
+//
+var StyledRunboxContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n"])));
+//
+//
+//
+var MaterialRunboxContent = function MaterialRunboxContent(_ref) {
+  var runboxId = _ref.runboxId,
+    courseId = _ref.courseId;
+  var _React$useContext = React.useContext(MaterialRunboxContext),
+    materialRunboxApi = _React$useContext.materialRunboxApi,
+    locale = _React$useContext.locale,
+    showMessenger = _React$useContext.showMessenger;
+  //
+  //
+  //
+  var _useQuery = useQuery({
+      enabled: Boolean(runboxId),
+      queryKey: ['eliceMaterialRunboxRunboxApi.runboxRunboxIdGet', 'eliceMaterialRunboxRuntimeTemplateApi.runtimeTemplateRuntimeTemplateIdGet', runboxId, courseId],
+      queryFn: function queryFn(_ref2) {
+        var signal = _ref2.signal;
+        return materialRunboxApi.runbox.runboxRunboxIdGet({
+          runboxId: runboxId,
+          eliceCourseId: courseId
+        }, {
+          signal: signal
+        }).then(function (runbox) {
+          return Promise.all([
+          // runbox
+          runbox,
+          // runtime
+          materialRunboxApi.runtime.runtimeGet({
+            filterImageId: runbox.imageId,
+            filterRuntimeTemplateId: runbox.runtimeTemplateId,
+            skip: 0,
+            count: 1,
+            eliceCourseId: courseId
+          }, {
+            signal: signal
+          }).then(function (runtimes) {
+            var _a;
+            return (_a = runtimes[0]) !== null && _a !== void 0 ? _a : null;
+          }),
+          // runtimeTemplate
+          materialRunboxApi.runtimeTemplate.runtimeTemplateRuntimeTemplateIdGet({
+            runtimeTemplateId: runbox.runtimeTemplateId,
+            eliceCourseId: courseId
+          }, {
+            signal: signal
+          })]);
+        });
+      },
+      cacheTime: 0,
+      keepPreviousData: true,
+      refetchOnWindowFocus: false
+    }),
+    _useQuery$data = _useQuery.data,
+    _useQuery$data2 = _useQuery$data === void 0 ? DEFAULT_DATA : _useQuery$data,
+    _useQuery$data3 = _slicedToArray(_useQuery$data2, 3),
+    runbox = _useQuery$data3[0],
+    runtime = _useQuery$data3[1],
+    runtimeTemplate = _useQuery$data3[2],
+    isInitialLoading = _useQuery.isInitialLoading,
+    isError = _useQuery.isError,
+    refetch = _useQuery.refetch;
+  //
+  //
+  //
+  if (isInitialLoading) {
+    return React.createElement(StyledRunboxContainer, null, React.createElement(Spinner, null));
+  }
+  if (isError) {
+    return React.createElement(StyledRunboxContainer, null, React.createElement(Stack, {
+      gap: "1.5rem"
+    }, React.createElement(Typography, {
+      variant: "h6"
+    }, React.createElement(FormattedMessage, {
+      id: "runbox.runtime.message.startError"
+    })), React.createElement(Stack, {
+      gap: "0.5rem"
+    }, React.createElement(Button, {
+      startIcon: React.createElement(Refresh, null),
+      onClick: function onClick() {
+        return refetch();
+      }
+    }, React.createElement(FormattedMessage, {
+      id: "runbox.common.retry"
+    })), typeof showMessenger === 'function' ? React.createElement(Button, {
+      variant: "outlined",
+      onClick: function onClick() {
+        return showMessenger();
+      }
+    }, React.createElement(FormattedMessage, {
+      id: "runbox.common.support"
+    })) : null)));
+  }
+  if (!runbox || !runtimeTemplate) {
+    return null;
+  }
+  var props = {
+    runbox: runbox,
+    runtime: runtime,
+    runtimeTemplate: runtimeTemplate,
+    courseId: courseId,
+    refetch: refetch
+  };
+  return React.createElement(EliceRunboxProvider, {
+    runboxId: runbox.id,
+    runboxApiHeartbeat: function runboxApiHeartbeat(_ref3) {
+      var id = _ref3.id,
+        signal = _ref3.signal;
+      return materialRunboxApi.runbox.runboxRunboxIdHeartbeatPost({
+        runboxId: id,
+        eliceCourseId: courseId
+      }, {
+        signal: signal
+      });
+    },
+    locale: locale,
+    onRunboxRefetchRequest: refetch
+  }, React.createElement(StyledRunboxContainer, null, React.createElement(MaterialRunboxHeader, Object.assign({}, props)), React.createElement(MaterialRunboxBody, Object.assign({}, props)), React.createElement(MaterialRunboxFooter, Object.assign({}, props))));
+};
+
+export { MaterialRunboxContent as default };

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

@@ -4,7 +4,7 @@ import { useIntl } from 'react-intl';
 import { useEliceRunboxRunning } from '@elice/runbox-client';
 import styled from '@emotion/styled';
 import { RestartAlt } from '@mui/icons-material';
-import { Stack, Box, Tooltip, FormControlLabel, Switch, IconButton } from '@mui/material';
+import { Stack, Box, Tooltip, IconButton, FormControlLabel, Switch } from '@mui/material';
 import { MaterialRunboxContext } from './context.js';
 import '@elice/openapi-client-material-runbox';
 import { useRunboxControl } from './hooks/useRunboxControl.js';
@@ -29,7 +29,8 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
     refetch = _ref2.refetch;
   var intl = useIntl();
   var _React$useContext = React.useContext(MaterialRunboxContext),
-    materialRunboxApi = _React$useContext.materialRunboxApi;
+    materialRunboxApi = _React$useContext.materialRunboxApi,
+    enableAutoShutdownToggle = _React$useContext.enableAutoShutdownToggle;
   var _useEliceRunboxRunnin = useEliceRunboxRunning(),
     status = _useEliceRunboxRunnin.status;
   var _useRunboxControl = useRunboxControl({
@@ -61,9 +62,12 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
    */
   var renderHeaderAutoShutdownSwitch = function renderHeaderAutoShutdownSwitch() {
     var _a;
+    if (!enableAutoShutdownToggle) {
+      return null;
+    }
     return React.createElement(Tooltip, {
       title: intl.formatMessage({
-        id: runtimeTemplate.autoShutdown ? 'material.runbox.header.autoShutdownDisabledTooltip' : 'material.runbox.header.autoShutdownTooltip'
+        id: runtimeTemplate.autoShutdown ? 'runbox.header.autoShutdownDisabledTooltip' : 'runbox.header.autoShutdownTooltip'
       }, {
         time: intl.formatNumber((_a = runtimeTemplate.quotaPerSession) !== null && _a !== void 0 ? _a : 2880, {
           style: 'unit',
@@ -78,7 +82,7 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
         onChange: handleAutoShutdownSwitchChange
       }),
       label: intl.formatMessage({
-        id: 'material.runbox.header.autoShutdown'
+        id: 'runbox.header.autoShutdown'
       }),
       componentsProps: {
         typography: {
@@ -93,7 +97,7 @@ var MaterialRunboxHeader = function MaterialRunboxHeader(_ref2) {
   var renderHeaderRestartButton = function renderHeaderRestartButton() {
     return React.createElement(Tooltip, {
       title: intl.formatMessage({
-        id: 'material.runbox.header.restart'
+        id: 'runbox.header.restart'
       })
     }, React.createElement(IconButton, {
       disabled: !isRunboxRunning,

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

@@ -3,9 +3,11 @@ import type { UseMaterialRunboxApiReturn } from './hooks';
 export declare type MaterialRunboxContextValue = MaterialRunboxContextExternalValue & MaterialRunboxContextInternalValue;
 export interface MaterialRunboxContextExternalValue {
     /**  */
-    locale: string;
+    enableAutoShutdownToggle?: boolean;
     /**  */
-    showMessenger: () => void;
+    locale?: string;
+    /**  */
+    showMessenger?: () => void;
 }
 export declare type MaterialRunboxContextInternalValue = UseMaterialRunboxApiReturn;
 export declare const MaterialRunboxContext: import("react").Context<MaterialRunboxContextValue>;

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

@@ -43,7 +43,7 @@ var useRunboxControl = function useRunboxControl(props) {
           }).catch(function (err) {
             if (err.name !== 'AbortError') {
               enqueueSnackbar(intl.formatMessage({
-                id: 'material.runbox.runtime.message.startError'
+                id: 'runbox.runtime.message.startError'
               }), {
                 variant: 'error'
               });

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

@@ -0,0 +1,3 @@
+var en = {"runbox.common.retry":"Retry","runbox.common.support":"Support","runbox.header.autoShutdown":"Always on","runbox.header.autoShutdownDisabledTooltip":"This runtime automatically shuts down after {time}, which is set as the per-session usage time.","runbox.header.autoShutdownTooltip":"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.header.restart":"Restart runbox","runbox.runtime.message.startError":"There was an error starting the runbox.","runbox.runtime.overlay.assigned.description":"Runbox is running.\nPlease wait!","runbox.runtime.overlay.queued.description":"Currently queued {waiters} times...","runbox.runtime.overlay.queued.description_zero":"Runbox 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"};
+
+export { en as default };

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

@@ -0,0 +1,2 @@
+export { default as en } from './en.json';
+export { default as ko } from './ko.json';

package/es/components/material-runbox/locales/index.js

@@ -0,0 +1,2 @@
+export { default as en } from './en.json.js';
+export { default as ko } from './ko.json.js';

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

@@ -0,0 +1,3 @@
+var ko = {"runbox.common.retry":"재시도","runbox.common.support":"고객센터","runbox.header.autoShutdown":"항상 켜두기","runbox.header.autoShutdownDisabledTooltip":"해당 런타임은 세션별 사용 시간으로 설정된 {time}이 지나면 자동으로 종료됩니다.","runbox.header.autoShutdownTooltip":"항상 켜두기를 설정하면 학습 자료 밖으로 나가도 런타임이 종료되지 않습니다. 다만, 해당 런타임의 세션별 사용 시간으로 설정된 {time}이 지나면 자동으로 종료됩니다.","runbox.header.restart":"런박스 재시작","runbox.runtime.message.startError":"런박스를 시작하는 중에 오류가 발생했습니다.","runbox.runtime.overlay.assigned.description":"런박스가 실행 중입니다.\n잠시만 기다려주세요!","runbox.runtime.overlay.queued.description":"현재 {waiters}번째 대기 중입니다...","runbox.runtime.overlay.queued.description_zero":"곧 런박스가 실행됩니다","runbox.runtime.overlay.terminated.description.default":"예상치 못한 문제로 런타임이 종료되었습니다.\n런박스를 재접속하려면 아래 버튼을 눌러주세요.","runbox.runtime.overlay.terminated.description.general":"런박스에 연결된 런타임이 종료되었습니다.\n런박스를 재접속하려면 아래 버튼을 눌러주세요.","runbox.runtime.overlay.terminated.description.os_disk_is_full":"디스크가 가득 차서 런타임이 종료되었습니다.\n최근 런박스를 삭제하셨다면 반영까지 시간이 소요될 수 있습니다.","runbox.runtime.overlay.terminated.description.quota_exceeded":"런타임 사용시간이 만료되어 런타임이 종료되었습니다.","runbox.runtime.overlay.terminated.description.quota_per_session_exceeded":"런박스를 실행한지 24시간이 경과하여 런타임이 종료되었습니다.\n런박스를 재접속하려면 아래 버튼을 눌러주세요.","runbox.runtime.overlay.terminated.description.unexpected":"문제가 지속되면 고객센터에 문의해주세요.","runbox.runtime.overlay.terminated.restart":"재접속","runbox.runtime.overlay.terminated.title":"런타임 연결 해제됨"};
+
+export { ko as default };

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

@@ -33,7 +33,7 @@ var RuntimeOverlayAssigned = function RuntimeOverlayAssigned() {
       textAlign: 'center'
     }
   }, React.createElement(FormattedMessage, {
-    id: "material.runbox.runtime.overlay.assigned.description"
+    id: "runbox.runtime.overlay.assigned.description"
   })));
 };
 

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

@@ -37,19 +37,19 @@ var RuntimeOverlayQueued = function RuntimeOverlayQueued(_ref) {
     variant: "subtitle2",
     color: "text:secondary"
   }, numWaiters > 0 ? React.createElement(FormattedMessage, {
-    id: "material.runbox.runtime.overlay.queued.description",
+    id: "runbox.runtime.overlay.queued.description",
     values: {
       waiters: numWaiters
     }
   }) : React.createElement(FormattedMessage, {
-    id: "material.runbox.runtime.overlay.queued.description_zero"
-  })), React.createElement(Button, {
+    id: "runbox.runtime.overlay.queued.description_zero"
+  })), typeof showMessenger === 'function' ? React.createElement(Button, {
     variant: "outlined",
     startIcon: React.createElement(QuestionAnswer, null),
     onClick: showMessenger
   }, React.createElement(FormattedMessage, {
-    id: "common.support"
-  })));
+    id: "runbox.common.support"
+  })) : null);
 };
 
 export { RuntimeOverlayQueued as default };

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

@@ -39,14 +39,14 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
       case 'auto_shutdown':
         return {
           description: intl.formatMessage({
-            id: 'material.runbox.runtime.overlay.terminated.description.general'
+            id: 'runbox.runtime.overlay.terminated.description.general'
           }),
           unexpected: false
         };
       case 'quota_exceeded':
         return {
           description: intl.formatMessage({
-            id: 'material.runbox.runtime.overlay.terminated.description.quota_exceeded'
+            id: 'runbox.runtime.overlay.terminated.description.quota_exceeded'
           }),
           unexpected: false
         };
@@ -54,7 +54,7 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
       case 'quota_per_session_exceeded':
         return {
           description: intl.formatMessage({
-            id: 'material.runbox.runtime.overlay.terminated.description.quota_per_session_exceeded'
+            id: 'runbox.runtime.overlay.terminated.description.quota_per_session_exceeded'
           }),
           unexpected: false
         };
@@ -62,14 +62,14 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
       case 'os_disk_is_full':
         return {
           description: intl.formatMessage({
-            id: 'material.runbox.runtime.overlay.terminated.description.os_disk_is_full'
+            id: 'runbox.runtime.overlay.terminated.description.os_disk_is_full'
           }),
           unexpected: true
         };
       default:
         return {
           description: intl.formatMessage({
-            id: 'material.runbox.runtime.overlay.terminated.description.default'
+            id: 'runbox.runtime.overlay.terminated.description.default'
           }),
           unexpected: true
         };
@@ -105,13 +105,13 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
     variant: "h6",
     textAlign: "center"
   }, React.createElement(FormattedMessage, {
-    id: "material.runbox.runtime.overlay.terminated.title"
+    id: "runbox.runtime.overlay.terminated.title"
   })), React.createElement(Typography, {
     variant: "body2",
     textAlign: "center",
     whiteSpace: "pre-line"
   }, runtimeTerminatedAction.unexpected ? runtimeTerminatedAction.description.concat('\n', intl.formatMessage({
-    id: 'material.runbox.runtime.overlay.terminated.description.unexpected'
+    id: 'runbox.runtime.overlay.terminated.description.unexpected'
   })) : runtimeTerminatedAction.description)), React.createElement(Stack, {
     gap: "0.5rem",
     sx: {
@@ -124,12 +124,12 @@ var RuntimeOverlayTerminated = function RuntimeOverlayTerminated(_ref) {
     startIcon: React.createElement(PlayArrow, null),
     onClick: handleRestart
   }, React.createElement(FormattedMessage, {
-    id: "material.runbox.runtime.overlay.terminated.restart"
-  })), runtimeTerminatedAction.unexpected ? React.createElement(Button, {
+    id: "runbox.runtime.overlay.terminated.restart"
+  })), runtimeTerminatedAction.unexpected && typeof showMessenger === 'function' ? React.createElement(Button, {
     variant: "text",
     onClick: showMessenger
   }, React.createElement(FormattedMessage, {
-    id: "common.support"
+    id: "runbox.common.support"
   })) : null)));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-runbox",
-  "version": "1.230418.1",
+  "version": "1.230418.2",
   "description": "User view and editing components of Elice material runbox",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -49,8 +49,8 @@
     "tslib": "^2.3.1"
   },
   "devDependencies": {
-    "@elice/material-shared-types": "1.230418.1",
-    "@elice/material-shared-utils": "1.230418.1",
+    "@elice/material-shared-types": "1.230418.2",
+    "@elice/material-shared-utils": "1.230418.2",
     "@elice/openapi-client-material-runbox": "^1.230417.0",
     "@elice/runbox-client": "^1.230412.0",
     "@emotion/react": "^11.10.5",
@@ -66,5 +66,5 @@
     "react-intl": "^5.20.10",
     "react-use": "^17.2.4"
   },
-  "gitHead": "9c1ccec857ef44c667da271e9782ca20ff713390"
+  "gitHead": "8833ce9a281e499e465a0382324501af039ec027"
 }