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

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

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

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

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

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

@@ -23,9 +23,7 @@ const StyledFileTreeButton = styled(blocks.IconButton).withConfig({
   componentId: "sc-ohtsjn-0"
 })(["width:", " !important;height:", " !important;border-right:1px solid ", " !important;background-color:", " !important;&:hover{background-color:", " !important;}"], ICON_BUTTON_SIZE, ICON_BUTTON_SIZE, designTokens.base.color.navy7, props => props.active ? designTokens.base.color.navy8 : designTokens.base.color.navy8, designTokens.base.color.navy9);
 const ExerciseFileTabsFileTreeButton = React.forwardRef((_, ref) => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     materialExerciseId
   } = React.useContext(context.ExerciseContext);

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

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

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

@@ -15,9 +15,7 @@ require('../context/ExerciseProvider.js');
 
 const ExerciseMenuArduinoAgentModalButton = () => {
   const setOpen = recoil.useSetRecoilState(recoil$1.exerciseArduinoAgentModalState);
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const handleClick = () => {
     setOpen(true);
   };

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

@@ -18,9 +18,7 @@ require('../context/ExerciseProvider.js');
 var ExerciseMenuStdioFileBrowser_styled = require('./ExerciseMenuStdioFileBrowser.styled.js');
 
 const ExerciseMenuArduinoSettings = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const [open, setOpen] = React.useState(false);
   const anchorRef = React.useRef(null);
   const ports = recoil.useRecoilValue(recoil$1.exerciseArduinoPortsState);

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

@@ -19,9 +19,7 @@ var ExerciseRoom = require('../exercise-room/ExerciseRoom.js');
 var ExerciseSubmitHistory = require('../exercise-submit-history/ExerciseSubmitHistory.js');
 
 const ExerciseMenuDropdown = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     materialExerciseId
   } = React.useContext(context.ExerciseContext);

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

@@ -27,9 +27,7 @@ require('random-words');
 require('unicount');
 
 const ExerciseMenuReset = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const [isDialogOpen, setDialogOpen] = React.useState(false);
   const activeFilename = recoil.useRecoilValue(recoil$1.exerciseActiveFilenameState);
   const isFileResettable = useExerciseFile.useExerciseFileResettable(activeFilename);

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

@@ -18,9 +18,7 @@ require('../context/ExerciseProvider.js');
 var ExerciseMenuStdioFileBrowser_styled = require('./ExerciseMenuStdioFileBrowser.styled.js');
 
 const ExerciseMenuStdioFileBrowser = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const [open, setOpen] = React.useState(false);
   const anchorRef = React.useRef(null);
   const stdioFiles = recoil.useRecoilValue(recoil$1.exerciseRunnerStdioFilesState);

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

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

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

@@ -15,9 +15,7 @@ require('../context/ExerciseProvider.js');
 
 const ExercisePreviewDisplayModeButton = React.forwardRef((props, ref) => {
   var _a;
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const [exercisePreviewDisplayMode, setExercisePreviewDisplayMode] = recoil.useRecoilState(recoil$1.exercisePreviewDisplayModeState);
   /**
    * Handle click.

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

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

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

@@ -17,9 +17,7 @@ const StyledEnvironmentList = styled.ul.withConfig({
   componentId: "sc-208wkr-0"
 })(["margin:0;padding:0;list-style:none;> li{margin-bottom:2rem;&:last-of-type{margin-bottom:0;}}"]);
 const ExerciseRightpaneEnvironment = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     materialExerciseId
   } = React.useContext(context.ExerciseContext);

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

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

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

@@ -30,9 +30,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   onHide
 }) => {
   var _a, _b, _c, _d, _e;
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     materialExerciseId,
     onExerciseRoomIdChange

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

@@ -26,9 +26,7 @@ const MaterialExerciseExerciseRoomList = ({
   onExerciseRoomClick,
   onHide
 }) => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     materialExerciseId,
     exerciseRoomId

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

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

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

@@ -20,9 +20,7 @@ const ARDUINO_AGENT_MAC_DOWNLOAD_URL = 'https://eli.so/arduino-agent-mac';
 const ARDUINO_AGENT_WIN_DOWNLOAD_URL = 'https://eli.so/arduino-agent-win';
 const ARDUINO_AGENT_MANUAL_URL = 'https://eli.so/arduino-faq';
 const ExerciseRunnerControllerArduinoAgentModal = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const [open, setOpen] = recoil.useRecoilState(recoil$1.exerciseArduinoAgentModalState);
   React.useEffect(() => {
     const isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;

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

@@ -19,9 +19,7 @@ const StyledMessageWrapper = styled(blocks.Flex).withConfig({
   componentId: "sc-19z7lun-0"
 })(["height:1rem;"]);
 const ExerciseRunnerControllerArduinoStatusMessage = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const ports = recoil.useRecoilValue(recoil$1.exerciseArduinoPortsState);
   const [message, setMessage] = React.useState('');
   const [status, setStatus] = React.useState('error');

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

@@ -39,9 +39,7 @@ const StyledControllerButtonGroup = styled.div.withConfig({
 })(["display:flex;flex-direction:row;align-items:center;> ", ",> ", "{margin-right:0.5rem;&:last-child{margin-right:0;}}"], StyledControllerButtonWrap, StyledControllerButton);
 const ExerciseRunnerControllerButtonGroup = () => {
   var _a;
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     materialExerciseId,
     onCodeHelpRequest

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

@@ -20,9 +20,7 @@ const StyledControllerButton = styled(blocks.Button).withConfig({
   componentId: "sc-10grd0k-0"
 })(["position:relative;transition:none;"]);
 const ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef((props, ref) => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const [isTooltipHidden, setIsTooltipHidden] = React.useState(false);
   const isAibotInfoEnabled = recoil.useRecoilValue(recoil$1.exerciseAibotInfoEnableState);
   //

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

@@ -33,9 +33,7 @@ const StyledRunnerInfoContent = styled.span.withConfig({
 //
 //
 const ExerciseRunnerControllerRunningInfo = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     materialExerciseId,
     exerciseRoomId,

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

@@ -19,9 +19,7 @@ const StyledMessageWrapper = styled(blocks.Flex).withConfig({
   componentId: "sc-1yqi8o2-0"
 })(["height:1rem;"]);
 const ExerciseRunnerControllerStatusMessage = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const websocketStatus = recoil.useRecoilValue(recoil$1.exerciseRunnerWebSocketStatusQuery);
   /**
    * Websocket state message.

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

@@ -18,9 +18,7 @@ const StyledControllerTimerText = styled(blocks.Text).withConfig({
   componentId: "sc-1ez8ns0-0"
 })(["margin-top:-3px;color:", ";"], designTokens.base.color.secondary4);
 const ExerciseRunnerControllerTimer = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     materialExerciseId
   } = React.useContext(context.ExerciseContext);

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

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

package/cjs/components/shared/file-tree/FileTreeListItemContentInput.js

@@ -25,9 +25,7 @@ const FileTreeListItemContentInput = ({
   currentDirTitleList,
   newInputType
 }) => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const targetPath = fileTreeGenerator.getParentPath(currentPath);
   const {
     dispatch,

package/cjs/components/shared/file-tree/FileTreeListItemContentMenu.js

@@ -12,9 +12,7 @@ const FileTreeListItemContentMenu = ({
   anchorEl,
   onClose
 }) => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     allowToggleHidden,
     allowToggleReadonly

package/cjs/components/shared/file-tree/FileTreeToolbar.js

@@ -14,9 +14,7 @@ var FileTreeToolbar_styled = require('./FileTreeToolbar.styled.js');
 const FileTreeToolbar = ({
   className
 }) => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     activePath,
     fileTree,

package/cjs/components/shared/file-viewer/FileViewerCsv.js

@@ -61,9 +61,7 @@ const StyledViewerFooterHr = styled(blocks.Hr).withConfig({
 const FileViewerCsv = ({
   fileurl
 }) => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const [csv, setCsv] = React.useState('');
   const [csvHeader, setCsvHeader] = React.useState(null);
   const [csvRecords, setCsvRecords] = React.useState([]);

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

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

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

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

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

@@ -19,9 +19,7 @@ const StyledFileTreeButton = styled(IconButton).withConfig({
   componentId: "sc-ohtsjn-0"
 })(["width:", " !important;height:", " !important;border-right:1px solid ", " !important;background-color:", " !important;&:hover{background-color:", " !important;}"], ICON_BUTTON_SIZE, ICON_BUTTON_SIZE, base.color.navy7, props => props.active ? base.color.navy8 : base.color.navy8, base.color.navy9);
 const ExerciseFileTabsFileTreeButton = forwardRef((_, ref) => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     materialExerciseId
   } = React.useContext(ExerciseContext);

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

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

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

@@ -11,9 +11,7 @@ import '../context/ExerciseProvider.js';
 
 const ExerciseMenuArduinoAgentModalButton = () => {
   const setOpen = useSetRecoilState(exerciseArduinoAgentModalState);
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const handleClick = () => {
     setOpen(true);
   };

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

@@ -14,9 +14,7 @@ import '../context/ExerciseProvider.js';
 import { StyledFilePopoverContent, StyledFilePopoverHeader, StyledFilePopoverBody, StyledFilePopoverBodyList, StyledPreferenceBodyItem, StyledSelect } from './ExerciseMenuStdioFileBrowser.styled.js';
 
 const ExerciseMenuArduinoSettings = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const [open, setOpen] = React.useState(false);
   const anchorRef = React.useRef(null);
   const ports = useRecoilValue(exerciseArduinoPortsState);

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

@@ -15,9 +15,7 @@ import ExerciseRoom from '../exercise-room/ExerciseRoom.js';
 import ExerciseSubmitHistory from '../exercise-submit-history/ExerciseSubmitHistory.js';
 
 const ExerciseMenuDropdown = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     materialExerciseId
   } = React.useContext(ExerciseContext);

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

@@ -23,9 +23,7 @@ import 'random-words';
 import 'unicount';
 
 const ExerciseMenuReset = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const [isDialogOpen, setDialogOpen] = useState(false);
   const activeFilename = useRecoilValue(exerciseActiveFilenameState);
   const isFileResettable = useExerciseFileResettable(activeFilename);

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

@@ -14,9 +14,7 @@ import '../context/ExerciseProvider.js';
 import { StyledFilePopoverContent, StyledMenuButtonFileCount, StyledFilePopoverHeader, StyledFilePopoverBody, StyledFilePopoverBodyList, StyledFilePopoverBodyListItem, StyledFilePopoverBodyListItemContentImageWrap, StyledFilePopoverBodyListItemContentImage, StyledFilePopoverBodyListItemDownloadButton, StyledFilePopoverBodyListItemContentFile } from './ExerciseMenuStdioFileBrowser.styled.js';
 
 const ExerciseMenuStdioFileBrowser = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const [open, setOpen] = React.useState(false);
   const anchorRef = React.useRef(null);
   const stdioFiles = useRecoilValue(exerciseRunnerStdioFilesState);

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

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

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

@@ -11,9 +11,7 @@ import '../context/ExerciseProvider.js';
 
 const ExercisePreviewDisplayModeButton = forwardRef((props, ref) => {
   var _a;
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const [exercisePreviewDisplayMode, setExercisePreviewDisplayMode] = useRecoilState(exercisePreviewDisplayModeState);
   /**
    * Handle click.

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

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

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

@@ -13,9 +13,7 @@ const StyledEnvironmentList = styled.ul.withConfig({
   componentId: "sc-208wkr-0"
 })(["margin:0;padding:0;list-style:none;> li{margin-bottom:2rem;&:last-of-type{margin-bottom:0;}}"]);
 const ExerciseRightpaneEnvironment = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     materialExerciseId
   } = React.useContext(ExerciseContext);

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

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

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

@@ -26,9 +26,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   onHide
 }) => {
   var _a, _b, _c, _d, _e;
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     materialExerciseId,
     onExerciseRoomIdChange

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

@@ -22,9 +22,7 @@ const MaterialExerciseExerciseRoomList = ({
   onExerciseRoomClick,
   onHide
 }) => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     materialExerciseId,
     exerciseRoomId

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

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

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

@@ -16,9 +16,7 @@ const ARDUINO_AGENT_MAC_DOWNLOAD_URL = 'https://eli.so/arduino-agent-mac';
 const ARDUINO_AGENT_WIN_DOWNLOAD_URL = 'https://eli.so/arduino-agent-win';
 const ARDUINO_AGENT_MANUAL_URL = 'https://eli.so/arduino-faq';
 const ExerciseRunnerControllerArduinoAgentModal = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const [open, setOpen] = useRecoilState(exerciseArduinoAgentModalState);
   React.useEffect(() => {
     const isConfirmed = localStorage.getItem(ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_KEY) === ELICE_MATERIAL_EXERCISE_ARDUINO_AGENT_MODAL_VALUE;

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

@@ -15,9 +15,7 @@ const StyledMessageWrapper = styled(Flex).withConfig({
   componentId: "sc-19z7lun-0"
 })(["height:1rem;"]);
 const ExerciseRunnerControllerArduinoStatusMessage = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const ports = useRecoilValue(exerciseArduinoPortsState);
   const [message, setMessage] = useState('');
   const [status, setStatus] = useState('error');

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

@@ -35,9 +35,7 @@ const StyledControllerButtonGroup = styled.div.withConfig({
 })(["display:flex;flex-direction:row;align-items:center;> ", ",> ", "{margin-right:0.5rem;&:last-child{margin-right:0;}}"], StyledControllerButtonWrap, StyledControllerButton);
 const ExerciseRunnerControllerButtonGroup = () => {
   var _a;
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     materialExerciseId,
     onCodeHelpRequest

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

@@ -16,9 +16,7 @@ const StyledControllerButton = styled(Button).withConfig({
   componentId: "sc-10grd0k-0"
 })(["position:relative;transition:none;"]);
 const ExerciseRunnerControllerCodeHelpRequestButton = React.forwardRef((props, ref) => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const [isTooltipHidden, setIsTooltipHidden] = React.useState(false);
   const isAibotInfoEnabled = useRecoilValue(exerciseAibotInfoEnableState);
   //

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

@@ -29,9 +29,7 @@ const StyledRunnerInfoContent = styled.span.withConfig({
 //
 //
 const ExerciseRunnerControllerRunningInfo = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     materialExerciseId,
     exerciseRoomId,

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

@@ -15,9 +15,7 @@ const StyledMessageWrapper = styled(Flex).withConfig({
   componentId: "sc-1yqi8o2-0"
 })(["height:1rem;"]);
 const ExerciseRunnerControllerStatusMessage = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const websocketStatus = useRecoilValue(exerciseRunnerWebSocketStatusQuery);
   /**
    * Websocket state message.

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

@@ -14,9 +14,7 @@ const StyledControllerTimerText = styled(Text).withConfig({
   componentId: "sc-1ez8ns0-0"
 })(["margin-top:-3px;color:", ";"], base.color.secondary4);
 const ExerciseRunnerControllerTimer = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     materialExerciseId
   } = React.useContext(ExerciseContext);

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

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

package/es/components/shared/file-tree/FileTreeListItemContentInput.js

@@ -21,9 +21,7 @@ const FileTreeListItemContentInput = ({
   currentDirTitleList,
   newInputType
 }) => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const targetPath = getParentPath(currentPath);
   const {
     dispatch,

package/es/components/shared/file-tree/FileTreeListItemContentMenu.js

@@ -8,9 +8,7 @@ const FileTreeListItemContentMenu = ({
   anchorEl,
   onClose
 }) => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     allowToggleHidden,
     allowToggleReadonly

package/es/components/shared/file-tree/FileTreeToolbar.js

@@ -10,9 +10,7 @@ import { StyledFileTreeToolbar } from './FileTreeToolbar.styled.js';
 const FileTreeToolbar = ({
   className
 }) => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     activePath,
     fileTree,

package/es/components/shared/file-viewer/FileViewerCsv.js

@@ -57,9 +57,7 @@ const StyledViewerFooterHr = styled(Hr).withConfig({
 const FileViewerCsv = ({
   fileurl
 }) => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const [csv, setCsv] = React.useState('');
   const [csvHeader, setCsvHeader] = React.useState(null);
   const [csvRecords, setCsvRecords] = React.useState([]);

package/package.json

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