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

package/cjs/components/material-exercise/exercise-rightpane/ExerciseRightpane.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-declare const _default: React.VFC<{
-    children?: React.ReactNode;
-}>;
+import type { WithIntlComponentBuilderProps as EliceIntlProps } from '@elice/intl';
+declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<EliceIntlProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
+var intl = require('@elice/intl');
 var recoil = require('recoil');
 var styled = require('styled-components');
 var stylesheets = require('../../../constants/stylesheets.js');
@@ -15,11 +15,11 @@ require('../context/context.js');
 require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
-var ExerciseIntlProvider = require('../context/ExerciseIntlProvider.js');
-var en = require('./locales/en.json.js');
-var ko = require('./locales/ko.json.js');
 var ExerciseRightpaneEditorPerference = require('./ExerciseRightpaneEditorPerference.js');
 var ExerciseRightpaneEnvironment = require('./ExerciseRightpaneEnvironment.js');
+var en = require('./locales/en.json.js');
+var ko = require('./locales/ko.json.js');
+var th = require('./locales/th.json.js');
 
 const HEADER_CLOSE_BUTTON_SIZE = '1.75rem';
 const StyledRightpaneWrap = styled.div.withConfig({
@@ -37,7 +37,9 @@ const StyledRightpaneBodyWrap = styled.div.withConfig({
   width: '0.375rem',
   borderRadius: '2px'
 }));
-const ExerciseRightpane = () => {
+const ExerciseRightpane = ({
+  __intl
+}) => {
   const [activeState, setActiveState] = recoil.useRecoilState(recoil$1.exerciseRightpaneActiveState);
   /**
    *
@@ -51,12 +53,12 @@ const ExerciseRightpane = () => {
   const renderRightpaneHeaderTitle = () => {
     switch (activeState) {
       case 'environment':
-        return React.createElement(reactIntl.FormattedMessage, {
-          id: "exerciseRightpane.environment.title"
+        return __intl.formatMessage({
+          id: 'exerciseRightpane.environment.title'
         });
       case 'preference':
-        return React.createElement(reactIntl.FormattedMessage, {
-          id: "exerciseRightpane.preference.title"
+        return __intl.formatMessage({
+          id: 'exerciseRightpane.preference.title'
         });
       default:
         return '';
@@ -98,15 +100,16 @@ const ExerciseRightpane = () => {
   if (!activeState) {
     return null;
   }
-  return React.createElement(StyledRightpaneWrap, null, renderRightpaneHeader(), React.createElement(blocks.Hr, {
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: {
+      intl: __intl
+    }
+  }, React.createElement(StyledRightpaneWrap, null, renderRightpaneHeader(), React.createElement(blocks.Hr, {
     marginStart: 0,
     marginEnd: 0,
     color: designTokens.base.color.navy6
-  }), React.createElement(StyledRightpaneBodyWrap, null, renderRightpaneBodyContent()));
+  }), React.createElement(StyledRightpaneBodyWrap, null, renderRightpaneBodyContent())));
 };
-var ExerciseRightpane$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseRightpane, {
-  en: en.default,
-  ko: ko.default
-});
+var ExerciseRightpane$1 = new intl.IntlComponentBuilder(ExerciseRightpane).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 
 exports.default = ExerciseRightpane$1;

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
+var intl = require('@elice/intl');
 var recoil = require('recoil');
 var styled = require('styled-components');
 var recoil$1 = require('../context/recoil.js');
@@ -17,7 +17,9 @@ 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 = reactIntl.useIntl();
+  const {
+    intl: intl$1
+  } = intl.useRawEliceIntl();
   const {
     materialExerciseId
   } = React.useContext(context.ExerciseContext);
@@ -27,58 +29,58 @@ const ExerciseRightpaneEnvironment = () => {
    *
    */
   const exerciseEnvironment = React.useMemo(() => readyExerciseImage ? [{
-    name: intl.formatMessage({
+    name: intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.cpuLimit.name'
     }),
-    value: intl.formatMessage({
+    value: intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.cpuLimit.value'
     })
   }, {
-    name: intl.formatMessage({
+    name: intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.timeLimit.name'
     }),
-    value: intl.formatNumber(readyExerciseImage.timeLimit / 1000, {
+    value: intl$1.formatNumber(readyExerciseImage.timeLimit / 1000, {
       style: 'unit',
       unit: 'second',
       unitDisplay: 'short'
     })
   }, {
-    name: intl.formatMessage({
+    name: intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.memoryLimit.name'
     }),
-    value: intl.formatNumber(readyExerciseImage.memoryLimit / 1024 / 1024, {
+    value: intl$1.formatNumber(readyExerciseImage.memoryLimit / 1024 / 1024, {
       style: 'unit',
       unit: 'megabyte',
       unitDisplay: 'short'
     })
   }, {
-    name: intl.formatMessage({
+    name: intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.isVnc.name'
     }),
-    value: readyExerciseImage.isVnc ? intl.formatMessage({
+    value: readyExerciseImage.isVnc ? intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.common.value.true'
-    }) : intl.formatMessage({
+    }) : intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.common.value.false'
     })
   }, {
-    name: intl.formatMessage({
+    name: intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.httpPort.name'
     }),
-    value: readyExerciseImage.httpPort ? intl.formatMessage({
+    value: readyExerciseImage.httpPort ? intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.httpPort.value.true'
-    }) : intl.formatMessage({
+    }) : intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.httpPort.value.false'
     })
   }, {
-    name: intl.formatMessage({
+    name: intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.isGpu.name'
     }),
-    value: readyExerciseImage.isGpu ? intl.formatMessage({
+    value: readyExerciseImage.isGpu ? intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.common.value.true'
-    }) : intl.formatMessage({
+    }) : intl$1.formatMessage({
       id: 'exerciseRightpane.environment.item.common.value.false'
     })
-  }] : null, [readyExerciseImage, intl]);
+  }] : null, [readyExerciseImage, intl$1]);
   //
   //
   //

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesEn = {"exerciseRightpane.environment.item.common.value.false":"No","exerciseRightpane.environment.item.common.value.true":"Yes","exerciseRightpane.environment.item.cpuLimit.name":"CPU Limit","exerciseRightpane.environment.item.cpuLimit.value":"3 cores","exerciseRightpane.environment.item.httpPort.name":"HTTP Port","exerciseRightpane.environment.item.httpPort.value.false":"Not enabled","exerciseRightpane.environment.item.httpPort.value.true":"8080","exerciseRightpane.environment.item.isGpu.name":"GPU Enabled","exerciseRightpane.environment.item.isVnc.name":"VNC Enabled","exerciseRightpane.environment.item.memoryLimit.name":"Memory Limit","exerciseRightpane.environment.item.timeLimit.name":"Time Limit","exerciseRightpane.environment.title":"Environment","exerciseRightpane.preference.title":"Editor Preferences"};
+var messageEn = {"exerciseRightpane.environment.item.common.value.false":"No","exerciseRightpane.environment.item.common.value.true":"Yes","exerciseRightpane.environment.item.cpuLimit.name":"CPU Limit","exerciseRightpane.environment.item.cpuLimit.value":"3 cores","exerciseRightpane.environment.item.httpPort.name":"HTTP Port","exerciseRightpane.environment.item.httpPort.value.false":"Not enabled","exerciseRightpane.environment.item.httpPort.value.true":"8080","exerciseRightpane.environment.item.isGpu.name":"GPU Enabled","exerciseRightpane.environment.item.isVnc.name":"VNC Enabled","exerciseRightpane.environment.item.memoryLimit.name":"Memory Limit","exerciseRightpane.environment.item.timeLimit.name":"Time Limit","exerciseRightpane.environment.title":"Environment","exerciseRightpane.preference.title":"Editor Preferences"};
 
-exports.default = phrasesEn;
+exports.default = messageEn;

package/cjs/components/material-exercise/exercise-rightpane/locales/index.d.ts

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

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesKo = {"exerciseRightpane.environment.item.common.value.false":"아니오","exerciseRightpane.environment.item.common.value.true":"예","exerciseRightpane.environment.item.cpuLimit.name":"CPU 제한","exerciseRightpane.environment.item.cpuLimit.value":"3 코어","exerciseRightpane.environment.item.httpPort.name":"HTTP 포트","exerciseRightpane.environment.item.httpPort.value.false":"연결 안 함","exerciseRightpane.environment.item.httpPort.value.true":"8080","exerciseRightpane.environment.item.isGpu.name":"GPU 사용","exerciseRightpane.environment.item.isVnc.name":"VNC 사용","exerciseRightpane.environment.item.memoryLimit.name":"메모리 제한","exerciseRightpane.environment.item.timeLimit.name":"시간 제한","exerciseRightpane.environment.title":"실습 환경","exerciseRightpane.preference.title":"에디터 설정"};
+var messageKo = {"exerciseRightpane.environment.item.common.value.false":"아니오","exerciseRightpane.environment.item.common.value.true":"예","exerciseRightpane.environment.item.cpuLimit.name":"CPU 제한","exerciseRightpane.environment.item.cpuLimit.value":"3 코어","exerciseRightpane.environment.item.httpPort.name":"HTTP 포트","exerciseRightpane.environment.item.httpPort.value.false":"연결 안 함","exerciseRightpane.environment.item.httpPort.value.true":"8080","exerciseRightpane.environment.item.isGpu.name":"GPU 사용","exerciseRightpane.environment.item.isVnc.name":"VNC 사용","exerciseRightpane.environment.item.memoryLimit.name":"메모리 제한","exerciseRightpane.environment.item.timeLimit.name":"시간 제한","exerciseRightpane.environment.title":"실습 환경","exerciseRightpane.preference.title":"에디터 설정"};
 
-exports.default = phrasesKo;
+exports.default = messageKo;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"exerciseRightpane.environment.item.common.value.false":"ไม่","exerciseRightpane.environment.item.common.value.true":"ตัวอย่าง","exerciseRightpane.environment.item.cpuLimit.name":"ขีดจำกัด CPU","exerciseRightpane.environment.item.cpuLimit.value":"3 คอร์","exerciseRightpane.environment.item.httpPort.name":"พอร์ต HTTP","exerciseRightpane.environment.item.httpPort.value.false":"ไม่ได้เชื่อมต่อ","exerciseRightpane.environment.item.httpPort.value.true":"8080","exerciseRightpane.environment.item.isGpu.name":"การใช้งาน GPU","exerciseRightpane.environment.item.isVnc.name":"การใช้ VNC","exerciseRightpane.environment.item.memoryLimit.name":"ขีดจำกัดหน่วยความจำ","exerciseRightpane.environment.item.timeLimit.name":"ขีดจำกัดเวลา","exerciseRightpane.environment.title":"สมบัติทดลอง","exerciseRightpane.preference.title":"การตั้งค่าเอ็ดิเตอร์"};
+
+exports.default = messageTh;

package/cjs/components/material-exercise/exercise-room/ExerciseRoom.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 export interface ExerciseRoomProps {
     locale?: string;
     onHide: () => void;
 }
-declare const _default: React.VFC<React.PropsWithChildren<ExerciseRoomProps>>;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<ExerciseRoomProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
 export default _default;

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

@@ -3,17 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ExerciseIntlProvider = require('../context/ExerciseIntlProvider.js');
-var en = require('./locales/en.json.js');
-var ko = require('./locales/ko.json.js');
+var intl = require('@elice/intl');
 var ExerciseRoomDetail = require('./ExerciseRoomDetail.js');
 var ExerciseRoomList = require('./ExerciseRoomList.js');
+var en = require('./locales/en.json.js');
+var ko = require('./locales/ko.json.js');
+var th = require('./locales/th.json.js');
 
 const ExerciseRoom = ({
-  onHide
+  onHide,
+  __intl
 }) => {
   const [selectedExerciseRoomId, setSelectedExerciseRoomId] = React.useState();
-  return selectedExerciseRoomId ? React.createElement(ExerciseRoomDetail.default, {
+  const ExerciseRoomContent = selectedExerciseRoomId ? React.createElement(ExerciseRoomDetail.default, {
     selectedExerciseRoomId: selectedExerciseRoomId,
     goToList: () => setSelectedExerciseRoomId(undefined),
     onHide: onHide
@@ -21,10 +23,12 @@ const ExerciseRoom = ({
     onExerciseRoomClick: id => setSelectedExerciseRoomId(id),
     onHide: onHide
   });
+  return React.createElement(intl.RawEliceIntlProvider, {
+    value: {
+      intl: __intl
+    }
+  }, ExerciseRoomContent);
 };
-var ExerciseRoom$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseRoom, {
-  en: en.default,
-  ko: ko.default
-});
+var ExerciseRoom$1 = new intl.IntlComponentBuilder(ExerciseRoom).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 
 exports.default = ExerciseRoom$1;

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var reactUse = require('react-use');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
+var intl = require('@elice/intl');
 var types = require('@elice/types');
 var _ = require('lodash');
 var recoil = require('recoil');
@@ -30,7 +30,9 @@ const MaterialExerciseExerciseRoomDetail = ({
   onHide
 }) => {
   var _a, _b, _c, _d, _e;
-  const intl = reactIntl.useIntl();
+  const {
+    intl: intl$1
+  } = intl.useRawEliceIntl();
   const {
     materialExerciseId,
     onExerciseRoomIdChange
@@ -178,7 +180,7 @@ const MaterialExerciseExerciseRoomDetail = ({
     }), React.createElement(blocks.Text, {
       role: "lightpurple",
       size: "tiny"
-    }, intl.formatMessage({
+    }, intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.defaultExerciseRoomDescription'
     }))) : React.createElement(blocks.Flex, {
       justify: "flex-end",
@@ -189,11 +191,11 @@ const MaterialExerciseExerciseRoomDetail = ({
       underline: true,
       border: false,
       onClick: doPostOrgMaterialExerciseExerciseRoomDefaultRoomSet
-    }, React.createElement(reactIntl.FormattedMessage, {
-      id: "materialExerciseExerciseRoom.setDefaultExerciseRoom"
+    }, intl$1.formatMessage({
+      id: 'materialExerciseExerciseRoom.setDefaultExerciseRoom'
     }))) : undefined,
     footerButtons: [{
-      label: intl.formatMessage({
+      label: intl$1.formatMessage({
         id: 'materialExerciseExerciseRoom.open'
       }),
       onClick: () => {
@@ -205,7 +207,7 @@ const MaterialExerciseExerciseRoomDetail = ({
         }
       }
     }, {
-      label: intl.formatMessage({
+      label: intl$1.formatMessage({
         id: 'materialExerciseExerciseRoom.leave'
       }),
       disabled: (_d = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.isDefaultRoom) !== null && _d !== void 0 ? _d : false,
@@ -216,10 +218,10 @@ const MaterialExerciseExerciseRoomDetail = ({
     }]
   }, isLeaveDialogOpen ? React.createElement(blocks.Dialog, {
     type: "warning",
-    title: intl.formatMessage({
+    title: intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.leave.dialog.title'
     }),
-    body: intl.formatMessage({
+    body: intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.leave.dialog.body'
     }),
     onHide: () => {
@@ -255,7 +257,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   }, '취소')) : null, isThisChatRoomOwner ? React.createElement(React.Fragment, null, React.createElement(blocks.Label, {
     role: "white",
     size: "tiny"
-  }, intl.formatMessage({
+  }, intl$1.formatMessage({
     id: 'materialExerciseExerciseRoom.detail.title.label'
   })), React.createElement(blocks.Vspace, {
     height: 0.5
@@ -264,7 +266,7 @@ const MaterialExerciseExerciseRoomDetail = ({
     width: "full",
     value: title,
     onChange: e => setTitle(e.target.value),
-    placeholder: intl.formatMessage({
+    placeholder: intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.detail.title.placeholder'
     })
   }), React.createElement(blocks.Vspace, {
@@ -272,7 +274,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   })) : null, isThisChatRoomOwner ? React.createElement(React.Fragment, null, React.createElement(blocks.Label, {
     role: "white",
     size: "tiny"
-  }, intl.formatMessage({
+  }, intl$1.formatMessage({
     id: 'materialExerciseExerciseRoom.detail.addUsers.label'
   })), React.createElement(blocks.Vspace, {
     height: 0.5
@@ -282,7 +284,7 @@ const MaterialExerciseExerciseRoomDetail = ({
     width: "full",
     value: search,
     onChange: e => setSearch(e.target.value),
-    placeholder: intl.formatMessage({
+    placeholder: intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.detail.addUsers.placeholder'
     })
   }), React.createElement(blocks.Vspace, {
@@ -293,9 +295,9 @@ const MaterialExerciseExerciseRoomDetail = ({
   }), React.createElement("col", {
     span: 1,
     width: "30%"
-  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomThead, null, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTr, null, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl.formatMessage({
+  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomThead, null, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTr, null, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl$1.formatMessage({
     id: 'materialExerciseExerciseRoom.detail.table.head.users'
-  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl.formatMessage({
+  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl$1.formatMessage({
     id: 'materialExerciseExerciseRoom.detail.table.head.permission'
   })))), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTbody, null, exerciseRoomUserList.map(chatroomUser => {
     const renderUserPermission = () => {
@@ -310,7 +312,7 @@ const MaterialExerciseExerciseRoomDetail = ({
             maxWidth: '100px',
             marginRight: '0.5rem'
           }
-        }, intl.formatMessage({
+        }, intl$1.formatMessage({
           id: `materialExerciseExerciseRoom.exerciseRoom.publicPermission.${exerciseRoomPermissionStringConvertor.exerciseRoomPermissionStringConvertor(chatroomUser.permission)}`
         }));
       } else if (chatroomUser.permission === types.enums.ExerciseRoomPermission.Nothing) {
@@ -326,7 +328,7 @@ const MaterialExerciseExerciseRoomDetail = ({
             maxWidth: '100px',
             marginRight: '0.5rem'
           }
-        }, intl.formatMessage({
+        }, intl$1.formatMessage({
           id: `materialExerciseExerciseRoom.exerciseRoom.publicPermission.${exerciseRoomPermissionStringConvertor.exerciseRoomPermissionStringConvertor(chatroomUser.permission)}`
         })), React.createElement(blocks.Button, {
           size: "micro",
@@ -348,7 +350,7 @@ const MaterialExerciseExerciseRoomDetail = ({
               console.error(error);
             }
           }
-        }, intl.formatMessage({
+        }, intl$1.formatMessage({
           id: 'materialExerciseExerciseRoom.detail.table.body.add'
         })));
       } else {
@@ -388,17 +390,17 @@ const MaterialExerciseExerciseRoomDetail = ({
           disabled: !isThisChatRoomOwner
         }, React.createElement("option", {
           value: types.enums.ExerciseRoomPermission.Nothing,
-          children: intl.formatMessage({
+          children: intl$1.formatMessage({
             id: 'materialExerciseExerciseRoom.exerciseRoom.publicPermission.nothing'
           })
         }), React.createElement("option", {
           value: types.enums.ExerciseRoomPermission.Read,
-          children: intl.formatMessage({
+          children: intl$1.formatMessage({
             id: 'materialExerciseExerciseRoom.exerciseRoom.publicPermission.read'
           })
         }), React.createElement("option", {
           value: types.enums.ExerciseRoomPermission.ReadWrite,
-          children: intl.formatMessage({
+          children: intl$1.formatMessage({
             id: 'materialExerciseExerciseRoom.exerciseRoom.publicPermission.readWrite'
           })
         }));
@@ -428,7 +430,7 @@ const MaterialExerciseExerciseRoomDetail = ({
   }), React.createElement(blocks.Label, {
     role: "white",
     size: "tiny"
-  }, intl.formatMessage({
+  }, intl$1.formatMessage({
     id: 'materialExerciseExerciseRoom.detail.sharelink.label'
   })), React.createElement(blocks.Vspace, {
     height: 0.5
@@ -442,17 +444,17 @@ const MaterialExerciseExerciseRoomDetail = ({
     disabled: false
   }, React.createElement("option", {
     value: types.enums.ExerciseRoomPermission.Nothing,
-    children: intl.formatMessage({
+    children: intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.exerciseRoom.publicPermission.nothing'
     })
   }), React.createElement("option", {
     value: types.enums.ExerciseRoomPermission.Read,
-    children: intl.formatMessage({
+    children: intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.exerciseRoom.publicPermission.read'
     })
   }), React.createElement("option", {
     value: types.enums.ExerciseRoomPermission.ReadWrite,
-    children: intl.formatMessage({
+    children: intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.exerciseRoom.publicPermission.readWrite'
     })
   })), React.createElement(blocks.Vspace, {
@@ -467,17 +469,17 @@ const MaterialExerciseExerciseRoomDetail = ({
         backgroundColor: `${designTokens.base.color.red6} !important`
       },
       onClick: () => {
-        blocks.Notification.info(intl.formatMessage({
+        blocks.Notification.info(intl$1.formatMessage({
           id: 'materialExerciseExerciseRoom.detail.copy.success'
         }));
         copyToClipboard(shareLink);
       }
-    }, intl.formatMessage({
+    }, intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.detail.copy'
     })),
     value: materialExercise ? shareLink : '',
     onChange: e => setSearch(e.target.value),
-    placeholder: intl.formatMessage({
+    placeholder: intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.detail.addUsers.placeholder'
     })
   }));

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
+var intl = require('@elice/intl');
 var types = require('@elice/types');
 var recoil = require('recoil');
 var styled = require('styled-components');
@@ -26,7 +26,9 @@ const MaterialExerciseExerciseRoomList = ({
   onExerciseRoomClick,
   onHide
 }) => {
-  const intl = reactIntl.useIntl();
+  const {
+    intl: intl$1
+  } = intl.useRawEliceIntl();
   const {
     materialExerciseId,
     exerciseRoomId
@@ -60,7 +62,7 @@ const MaterialExerciseExerciseRoomList = ({
     try {
       setCreateStatus('pending');
       await apiClient.postOrgMaterialExerciseExerciseRoomEdit({
-        title: intl.formatMessage({
+        title: intl$1.formatMessage({
           id: 'materialExerciseExerciseRoom.exerciseRoom.defaultName'
         }, {
           date: new Date().toLocaleString()
@@ -73,21 +75,21 @@ const MaterialExerciseExerciseRoomList = ({
         userId
       });
       setCreateStatus('resolved');
-      blocks.Notification.success(intl.formatMessage({
+      blocks.Notification.success(intl$1.formatMessage({
         id: 'materialExerciseExerciseRoom.create.success'
       }));
     } catch (error) {
       console.error(error);
-      blocks.Notification.error(intl.formatMessage({
+      blocks.Notification.error(intl$1.formatMessage({
         id: 'materialExerciseExerciseRoom.create.failure'
       }));
       setCreateStatus('rejected');
     }
-  }, [doGetOrgMaterialExerciseExerciseRoomList, intl]);
+  }, [doGetOrgMaterialExerciseExerciseRoomList, intl$1]);
   return React.createElement(StyledModal, {
     theme: "dark",
     onHide: onHide,
-    title: intl.formatMessage({
+    title: intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.title'
     }),
     footerChild: React.createElement(blocks.Flex, {
@@ -95,11 +97,11 @@ const MaterialExerciseExerciseRoomList = ({
     }, React.createElement(blocks.Text, {
       role: "gray3",
       size: "tiny"
-    }, intl.formatMessage({
+    }, intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.description'
     }))),
     footerButtons: [{
-      label: intl.formatMessage({
+      label: intl$1.formatMessage({
         id: 'materialExerciseExerciseRoom.create'
       }),
       loading: createStatus === 'pending',
@@ -117,7 +119,7 @@ const MaterialExerciseExerciseRoomList = ({
         }
       }
     }, {
-      label: intl.formatMessage({
+      label: intl$1.formatMessage({
         id: 'materialExerciseExerciseRoom.exit'
       }),
       role: 'gray6',
@@ -132,11 +134,11 @@ const MaterialExerciseExerciseRoomList = ({
   }), React.createElement("col", {
     span: 1,
     width: "20%"
-  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomThead, null, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTr, null, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl.formatMessage({
+  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomThead, null, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTr, null, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl$1.formatMessage({
     id: 'materialExerciseExerciseRoom.exerciseRoom.name'
-  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl.formatMessage({
+  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl$1.formatMessage({
     id: 'materialExerciseExerciseRoom.exerciseRoom.publicPermission'
-  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl.formatMessage({
+  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl$1.formatMessage({
     id: 'materialExerciseExerciseRoom.exerciseRoom.participants'
   })))), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTbody, {
     hoverable: true
@@ -168,7 +170,7 @@ const MaterialExerciseExerciseRoomList = ({
       customStyles: {
         marginLeft: '0.5rem'
       }
-    }, intl.formatMessage({
+    }, intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.selected'
     })) : null)), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTd, null, React.createElement(blocks.Text, {
       bold: true,
@@ -179,7 +181,7 @@ const MaterialExerciseExerciseRoomList = ({
       customStyles: {
         maxWidth: '100px'
       }
-    }, intl.formatMessage({
+    }, intl$1.formatMessage({
       id: `materialExerciseExerciseRoom.exerciseRoom.publicPermission.${exerciseRoomPermissionStringConvertor.exerciseRoomPermissionStringConvertor((_b = (_a = exerciseRoom.roomUsers.find(roomUser => roomUser.user.id === (user === null || user === void 0 ? void 0 : user.id))) === null || _a === void 0 ? void 0 : _a.permission) !== null && _b !== void 0 ? _b : types.enums.ExerciseRoomPermission.Nothing)}`
     }))), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTd, null, React.createElement(blocks.ProfileImageGroup, {
       max: 8

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesEn = {"materialExerciseExerciseRoom.create":"New Exercise Room","materialExerciseExerciseRoom.create.failure":"There was a problem creating a new lab.","materialExerciseExerciseRoom.create.success":"A new room has been created.","materialExerciseExerciseRoom.defaultExerciseRoomDescription":"The room is set to open by default.","materialExerciseExerciseRoom.description":"Create your own practice environment by creating a practice room with your tutor and friends.","materialExerciseExerciseRoom.detail.addUsers.label":"Add users","materialExerciseExerciseRoom.detail.addUsers.placeholder":"Search for the username you want to invite.","materialExerciseExerciseRoom.detail.copy":"Copy","materialExerciseExerciseRoom.detail.copy.success":"The link has been copied.","materialExerciseExerciseRoom.detail.footer.button.open.description":"The room is set to open by default.","materialExerciseExerciseRoom.detail.footer.description":"The room is set to open by default.","materialExerciseExerciseRoom.detail.sharelink.label":"Share Link","materialExerciseExerciseRoom.detail.table.body.add":"Invite","materialExerciseExerciseRoom.detail.table.head.permission":"Permission","materialExerciseExerciseRoom.detail.table.head.users":"Participants","materialExerciseExerciseRoom.detail.title.label":"Title","materialExerciseExerciseRoom.detail.title.placeholder":"Enter title","materialExerciseExerciseRoom.exerciseRoom.name":"Room Name","materialExerciseExerciseRoom.exerciseRoom.defaultName":"Untitled ({date})","materialExerciseExerciseRoom.exerciseRoom.participants":"Participants","materialExerciseExerciseRoom.exerciseRoom.publicPermission":"Permission","materialExerciseExerciseRoom.exerciseRoom.publicPermission.nothing":"No Permission","materialExerciseExerciseRoom.exerciseRoom.publicPermission.owner":"Owner","materialExerciseExerciseRoom.exerciseRoom.publicPermission.read":"Read Only","materialExerciseExerciseRoom.exerciseRoom.publicPermission.readWrite":"Read and Write","materialExerciseExerciseRoom.exit":"Close","materialExerciseExerciseRoom.leave":"Leave Exercise Room","materialExerciseExerciseRoom.leave.dialog.body":"Every code you wrote will disappear. Are you sure you want to leave this room?","materialExerciseExerciseRoom.leave.dialog.title":"Exit Exercise Room","materialExerciseExerciseRoom.open":"Open Exercise Room","materialExerciseExerciseRoom.selected":"(Current ExerciseRoom)","materialExerciseExerciseRoom.setDefaultExerciseRoom":"Set to open as default","materialExerciseExerciseRoom.title":"Exercise Room"};
+var messageEn = {"materialExerciseExerciseRoom.create":"New Exercise Room","materialExerciseExerciseRoom.create.failure":"There was a problem creating a new lab.","materialExerciseExerciseRoom.create.success":"A new room has been created.","materialExerciseExerciseRoom.defaultExerciseRoomDescription":"The room is set to open by default.","materialExerciseExerciseRoom.description":"Create your own practice environment by creating a practice room with your tutor and friends.","materialExerciseExerciseRoom.detail.addUsers.label":"Add users","materialExerciseExerciseRoom.detail.addUsers.placeholder":"Search for the username you want to invite.","materialExerciseExerciseRoom.detail.copy":"Copy","materialExerciseExerciseRoom.detail.copy.success":"The link has been copied.","materialExerciseExerciseRoom.detail.footer.button.open.description":"The room is set to open by default.","materialExerciseExerciseRoom.detail.footer.description":"The room is set to open by default.","materialExerciseExerciseRoom.detail.sharelink.label":"Share Link","materialExerciseExerciseRoom.detail.table.body.add":"Invite","materialExerciseExerciseRoom.detail.table.head.permission":"Permission","materialExerciseExerciseRoom.detail.table.head.users":"Participants","materialExerciseExerciseRoom.detail.title.label":"Title","materialExerciseExerciseRoom.detail.title.placeholder":"Enter title","materialExerciseExerciseRoom.exerciseRoom.name":"Room Name","materialExerciseExerciseRoom.exerciseRoom.defaultName":"Untitled ({date})","materialExerciseExerciseRoom.exerciseRoom.participants":"Participants","materialExerciseExerciseRoom.exerciseRoom.publicPermission":"Permission","materialExerciseExerciseRoom.exerciseRoom.publicPermission.nothing":"No Permission","materialExerciseExerciseRoom.exerciseRoom.publicPermission.owner":"Owner","materialExerciseExerciseRoom.exerciseRoom.publicPermission.read":"Read Only","materialExerciseExerciseRoom.exerciseRoom.publicPermission.readWrite":"Read and Write","materialExerciseExerciseRoom.exit":"Close","materialExerciseExerciseRoom.leave":"Leave Exercise Room","materialExerciseExerciseRoom.leave.dialog.body":"Every code you wrote will disappear. Are you sure you want to leave this room?","materialExerciseExerciseRoom.leave.dialog.title":"Exit Exercise Room","materialExerciseExerciseRoom.open":"Open Exercise Room","materialExerciseExerciseRoom.selected":"(Current ExerciseRoom)","materialExerciseExerciseRoom.setDefaultExerciseRoom":"Set to open as default","materialExerciseExerciseRoom.title":"Exercise Room"};
 
-exports.default = phrasesEn;
+exports.default = messageEn;

package/cjs/components/material-exercise/exercise-room/locales/index.d.ts

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