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

package/cjs/components/locales/en.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageEn = {"materialExercise.button.referenceDocs":"Reference Docs"};
+
+exports.default = messageEn;

package/cjs/components/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/locales/ko.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageKo = {"materialExercise.button.referenceDocs":"언어 레퍼런스"};
+
+exports.default = messageKo;

package/cjs/components/locales/th.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"materialExercise.button.referenceDocs":"ภาษาอ้างอิง"};
+
+exports.default = messageTh;

package/cjs/components/material-exercise/MaterialExercise.d.ts

@@ -4,5 +4,7 @@ export interface MaterialExerciseProps extends MaterialExerciseCommonProps {
     locale?: string;
 }
 export type MaterialExerciseApis = MaterialExerciseCommonApis;
-declare const _default: React.ForwardRefExoticComponent<Omit<MaterialExerciseProps & React.RefAttributes<MaterialExerciseCommonApis> & import("@elice/material-shared-utils").MaterialCommponentCommonProps, "ref"> & React.RefAttributes<MaterialExerciseCommonApis>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<Omit<import("@elice/intl").IntlComponentExtraProps & Omit<MaterialExerciseProps, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & {
+    __intl: import("@elice/intl").EliceIntlShape;
+} & React.RefAttributes<MaterialExerciseCommonApis> & import("@elice/material-shared-utils").MaterialCommponentCommonProps, "ref"> & React.RefAttributes<MaterialExerciseCommonApis>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl">, "ref"> & React.RefAttributes<MaterialExerciseCommonApis>>;
 export default _default;

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

@@ -3,13 +3,16 @@
 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 icons = require('@elice/icons');
+var intl = require('@elice/intl');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var recoil = require('recoil');
 var stylesheets = require('../../constants/stylesheets.js');
+var en = require('../locales/en.json.js');
+var ko = require('../locales/ko.json.js');
+var th = require('../locales/th.json.js');
 var ExerciseFileTabsFileTreeButton = require('./exercise-file-tabs/ExerciseFileTabsFileTreeButton.js');
 var recoil$1 = require('./context/recoil.js');
 var context = require('./context/context.js');
@@ -28,7 +31,6 @@ var ExercisePreview = require('./exercise-preview/ExercisePreview.js');
 var ExerciseRightpane = require('./exercise-rightpane/ExerciseRightpane.js');
 var ExerciseRunner = require('./exercise-runner/ExerciseRunner.js');
 var MaterialExercise_styled = require('./MaterialExercise.styled.js');
-var MaterialExercise_i18n = require('./MaterialExercise.i18n.js');
 
 //
 //
@@ -37,7 +39,9 @@ var MaterialExercise_i18n = require('./MaterialExercise.i18n.js');
  * Material exercise.
  */
 const MaterialExercise = React.forwardRef((props, ref) => {
-  const intl = reactIntl.useIntl();
+  const {
+    __intl
+  } = props;
   const {
     onReferenceDocsToggle
   } = React.useContext(context.ExerciseContext);
@@ -92,7 +96,7 @@ const MaterialExercise = React.forwardRef((props, ref) => {
       icon: icons.eilClassroom
     }), React.createElement(blocks.Hspace, {
       width: 0.25
-    }), intl.formatMessage({
+    }), __intl.formatMessage({
       id: 'materialExercise.button.referenceDocs'
     })), React.createElement(blocks.Hspace, {
       width: 0.5
@@ -169,19 +173,12 @@ const MaterialExercise = React.forwardRef((props, ref) => {
 //
 //
 //
-var MaterialExercise$1 = materialSharedUtils.withForwardRefMaterial(React.forwardRef((props, ref) => {
-  const {
-    locale = 'en'
-  } = props;
-  return React.createElement(reactIntl.IntlProvider, {
-    locale: locale,
-    defaultLocale: "en",
-    messages: locale in MaterialExercise_i18n ? MaterialExercise_i18n[locale] : MaterialExercise_i18n.en
-  }, React.createElement(ExerciseProvider.default, Object.assign({}, props), React.createElement(MaterialExercise, Object.assign({}, props, {
+var MaterialExercise$1 = new intl.IntlComponentBuilder(materialSharedUtils.withForwardRefMaterial(React.forwardRef((props, ref) => {
+  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, {
   overrideRecoilScope: true
-});
+})).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 
 exports.default = MaterialExercise$1;

package/cjs/components/material-exercise/context/ExerciseProviderNoImage.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 export interface ExerciseProviderNoImageProps {
     /**  */
     text?: React.ReactChild;
@@ -11,5 +12,5 @@ export interface ExerciseProviderNoImageProps {
     /**  */
     locale?: string;
 }
-declare const _default: (props: ExerciseProviderNoImageProps) => React.JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<ExerciseProviderNoImageProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
 export default _default;

package/cjs/components/material-exercise/context/ExerciseProviderNoImage.js

@@ -3,13 +3,13 @@
 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 materialSharedUtils = require('@elice/material-shared-utils');
+var intl = require('@elice/intl');
 var styled = require('styled-components');
 var noImage_en = require('./locales/noImage.en.json.js');
 var noImage_ko = require('./locales/noImage.ko.json.js');
+var noImage_th = require('./locales/noImage.th.json.js');
 
 const StyledProviderNoImage = styled.div.withConfig({
   componentId: "sc-oaauqc-0"
@@ -18,9 +18,9 @@ const ExerciseProviderNoImage = ({
   text,
   imageSrc = '',
   buttonText,
-  onButtonClick
+  onButtonClick,
+  __intl
 }) => {
-  const intl = reactIntl.useIntl();
   /**
    * render action button
    */
@@ -30,7 +30,7 @@ const ExerciseProviderNoImage = ({
     }
     return React.createElement(blocks.Button, {
       onClick: onButtonClick
-    }, buttonText || intl.formatMessage({
+    }, buttonText || __intl.formatMessage({
       id: 'exerciseContext.provider.noImage.button'
     }));
   };
@@ -49,21 +49,13 @@ const ExerciseProviderNoImage = ({
     paddingbottom: "2rem"
   }, React.createElement(blocks.Text, {
     role: "white"
-  }, text || intl.formatMessage({
+  }, text || __intl.formatMessage({
     id: 'exerciseContext.provider.noImage.title'
   }))), renderActionButton());
 };
 //
 //
 //
-var MaterialExerciseNoImage = (props => {
-  return React.createElement(materialSharedUtils.MaterialIntlProvider, {
-    locale: props.locale,
-    phrases: {
-      en: noImage_en.default,
-      ko: noImage_ko.default
-    }
-  }, React.createElement(ExerciseProviderNoImage, Object.assign({}, props)));
-});
+var MaterialExerciseNoImage = new intl.IntlComponentBuilder(ExerciseProviderNoImage).add('en', noImage_en.default).add('ko', noImage_ko.default).add('th', noImage_th.default).build();
 
 exports.default = MaterialExerciseNoImage;

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesEn = {"exerciseContext.provider.noImage.button":"Create a new image","exerciseContext.provider.noImage.title":"Exercise image is not ready yet."};
+var noImageMessageEn = {"exerciseContext.provider.noImage.button":"Create a new image","exerciseContext.provider.noImage.title":"Exercise image is not ready yet."};
 
-exports.default = phrasesEn;
+exports.default = noImageMessageEn;

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesKo = {"exerciseContext.provider.noImage.button":"예제 작성","exerciseContext.provider.noImage.title":"실습 코드가 작성되지 않았습니다."};
+var noImageMessageKo = {"exerciseContext.provider.noImage.button":"예제 작성","exerciseContext.provider.noImage.title":"실습 코드가 작성되지 않았습니다."};
 
-exports.default = phrasesKo;
+exports.default = noImageMessageKo;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var noImageMessageTh = {"exerciseContext.provider.noImage.button":"ตัวอย่างการเขียน","exerciseContext.provider.noImage.title":"ยังไม่มีโค้ดที่เขียนไว้ในการฝึกฝนครับ."};
+
+exports.default = noImageMessageTh;

package/cjs/components/material-exercise/exercise-code-history/ExerciseCodeHistory.d.ts

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

package/cjs/components/material-exercise/exercise-code-history/ExerciseCodeHistory.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 dayjs = require('dayjs');
 var recoil = require('recoil');
 var ExerciseVersionList = require('../../shared/exercise-version-list/ExerciseVersionList.js');
@@ -30,16 +30,16 @@ require('lodash/debounce');
 require('ot-text-unicode');
 require('random-words');
 require('unicount');
-var ExerciseIntlProvider = require('../context/ExerciseIntlProvider.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
+var th = require('./locales/th.json.js');
 var ExerciseCodeHistory_styled = require('./ExerciseCodeHistory.styled.js');
 
 const ExerciseCodeHistory = ({
   onHide,
-  onLoadVersionButtonClick
+  onLoadVersionButtonClick,
+  __intl
 }) => {
-  const intl = reactIntl.useIntl();
   const {
     exerciseRoomId
   } = React.useContext(context.ExerciseContext);
@@ -66,7 +66,7 @@ const ExerciseCodeHistory = ({
   }, React.createElement(blocks.Text, {
     role: "gray3",
     size: "small"
-  }, intl.formatMessage({
+  }, __intl.formatMessage({
     id: 'exerciseCodeHistory.op.version'
   }, {
     version: op.version,
@@ -79,7 +79,7 @@ const ExerciseCodeHistory = ({
   }, React.createElement(blocks.Text, {
     role: "white",
     size: "small"
-  }, intl.formatMessage({
+  }, __intl.formatMessage({
     id: 'exerciseCodeHistory.button.load.more'
   }))) : null);
   /**
@@ -130,7 +130,7 @@ const ExerciseCodeHistory = ({
       onClick: () => {
         onLoadVersionButtonClick(doc);
       }
-    }, intl.formatMessage({
+    }, __intl.formatMessage({
       id: 'exerciseCodeHistory.button.load.selectedVersions'
     }));
   };
@@ -138,7 +138,7 @@ const ExerciseCodeHistory = ({
   //
   //
   return React.createElement(MaterialModal.default, {
-    title: intl.formatMessage({
+    title: __intl.formatMessage({
       id: 'exerciseCodeHistory.title'
     }),
     onHide: onHide,
@@ -148,9 +148,6 @@ const ExerciseCodeHistory = ({
 //
 //
 //
-var ExerciseCodeHistory$1 = ExerciseIntlProvider.withExerciseIntlProvider(ExerciseCodeHistory, {
-  en: en.default,
-  ko: ko.default
-});
+var ExerciseCodeHistory$1 = new intl.IntlComponentBuilder(ExerciseCodeHistory).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 
 exports.default = ExerciseCodeHistory$1;

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

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesEn = {"exerciseCodeHistory.button.load.more":"Load more","exerciseCodeHistory.button.load.selectedVersions":"Load selected versions","exerciseCodeHistory.op.version":"Version {version} {datetime}","exerciseCodeHistory.title":"Code revision history"};
+var messageEn = {"exerciseCodeHistory.button.load.more":"Load more","exerciseCodeHistory.button.load.selectedVersions":"Load selected versions","exerciseCodeHistory.op.version":"Version {version} {datetime}","exerciseCodeHistory.title":"Code revision history"};
 
-exports.default = phrasesEn;
+exports.default = messageEn;

package/cjs/components/material-exercise/exercise-code-history/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-code-history/locales/ko.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesKo = {"exerciseCodeHistory.button.load.more":"더 불러오기","exerciseCodeHistory.button.load.selectedVersions":"선택 버전 불러오기","exerciseCodeHistory.op.version":"버전 {version} {datetime}","exerciseCodeHistory.title":"코드 수정 이력"};
+var messageKo = {"exerciseCodeHistory.button.load.more":"더 불러오기","exerciseCodeHistory.button.load.selectedVersions":"선택 버전 불러오기","exerciseCodeHistory.op.version":"버전 {version} {datetime}","exerciseCodeHistory.title":"코드 수정 이력"};
 
-exports.default = phrasesKo;
+exports.default = messageKo;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"exerciseCodeHistory.button.load.more":"โหลดเพิ่มเติม","exerciseCodeHistory.button.load.selectedVersions":"โหลดเวอร์ชันที่เลือก","exerciseCodeHistory.op.version":"เวอร์ชัน {version} {datetime}","exerciseCodeHistory.title":"ประวัติการแก้ไขโค้ด"};
+
+exports.default = messageTh;

package/cjs/components/material-exercise/exercise-file-editor/ExerciseFileReadOnlyBanner.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-/**
- * Banner for readonly exercise file.
- */
-declare const ExerciseFileReadOnlyBanner: React.FC;
-export default ExerciseFileReadOnlyBanner;
+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-file-editor/ExerciseFileReadOnlyBanner.js

@@ -3,15 +3,18 @@
 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 intl = require('@elice/intl');
 var styled = require('styled-components');
 require('../context/recoil.js');
 var context = require('../context/context.js');
 require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
+var en = require('./locales/en.json.js');
+var ko = require('./locales/ko.json.js');
+var th = require('./locales/th.json.js');
 
 const StyledEditorReadOnlyBanner = styled.div.withConfig({
   componentId: "sc-kh9iw2-0"
@@ -19,7 +22,9 @@ const StyledEditorReadOnlyBanner = styled.div.withConfig({
 /**
  * Banner for readonly exercise file.
  */
-const ExerciseFileReadOnlyBanner = () => {
+const ExerciseFileReadOnlyBanner = ({
+  __intl
+}) => {
   const {
     readOnlyActiveFile
   } = React.useContext(context.ExerciseContext);
@@ -29,9 +34,13 @@ const ExerciseFileReadOnlyBanner = () => {
   return React.createElement(StyledEditorReadOnlyBanner, null, React.createElement(blocks.Text, {
     size: "tiny",
     role: "gray3"
-  }, React.createElement(reactIntl.FormattedMessage, {
-    id: "materialExercise.text.readOnlyBanner"
+  }, __intl.formatMessage({
+    id: 'materialExercise.text.readOnlyBanner'
   })));
 };
+//
+//
+//
+var ExerciseFileReadOnlyBanner$1 = new intl.IntlComponentBuilder(ExerciseFileReadOnlyBanner).add('ko', ko.default).add('en', en.default).add('th', th.default).build();
 
-exports.default = ExerciseFileReadOnlyBanner;
+exports.default = ExerciseFileReadOnlyBanner$1;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageEn = {"materialExercise.text.readOnlyBanner":"[Read-Only] This file is read-only."};
+
+exports.default = messageEn;

package/cjs/components/material-exercise/exercise-file-editor/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-file-editor/locales/ko.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageKo = {"materialExercise.text.readOnlyBanner":"[읽기전용] 이 파일은 읽기전용 입니다."};
+
+exports.default = messageKo;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"materialExercise.text.readOnlyBanner":"[อ่านเท่านั้น] ไฟล์นี้เป็นเพียงอ่านอย่างเดียว"};
+
+exports.default = messageTh;

package/cjs/components/material-exercise/exercise-file-tabs/ExerciseFileTabs.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-declare const ExerciseFileTabs: React.FC;
-export default ExerciseFileTabs;
+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-file-tabs/ExerciseFileTabs.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var intl = require('@elice/intl');
 var recoil = require('recoil');
 var styled = require('styled-components');
 require('../../shared/exercise-shimmer/ExerciseFileShimmer.js');
@@ -15,12 +16,23 @@ var context = require('../context/context.js');
 require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
+var fileTreeButton_en = require('./locales/fileTreeButton.en.json.js');
+var fileTreeButton_ko = require('./locales/fileTreeButton.ko.json.js');
+var fileTreeButton_th = require('./locales/fileTreeButton.th.json.js');
 
+//
+//
+//
 const AsyncFileTabs = React.lazy(() => Promise.resolve().then(function () { return require('../../shared/file-tabs/FileTabs.js'); }));
 const StyledFileTabsWrapper = styled.div.withConfig({
   componentId: "sc-11fdoyl-0"
 })(["flex:0 0 3rem;"]);
-const ExerciseFileTabs = () => {
+//
+//
+//
+const ExerciseFileTabs = ({
+  __intl
+}) => {
   const {
     exerciseRoomId,
     materialExerciseId
@@ -52,7 +64,7 @@ const ExerciseFileTabs = () => {
     }
     setActiveFilename(path);
   };
-  return 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,
@@ -60,7 +72,8 @@ const ExerciseFileTabs = () => {
     onCloseTab: handleCloseTab,
     onSelectTab: handleActivePathChange,
     onTabOrderChange: handleTabOrderChange
-  })));
+  }))));
 };
+var ExerciseFileTabs$1 = new intl.IntlComponentBuilder(ExerciseFileTabs).add('en', fileTreeButton_en.default).add('ko', fileTreeButton_ko.default).add('th', fileTreeButton_th.default).build();
 
-exports.default = ExerciseFileTabs;
+exports.default = ExerciseFileTabs$1;

package/cjs/components/material-exercise/exercise-file-tabs/ExerciseFileTabsFileTreeButton.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.ForwardRefExoticComponent<Omit<React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export default _default;
+declare const ExerciseFileTabsFileTreeButton: React.ForwardRefExoticComponent<React.RefAttributes<HTMLButtonElement>>;
+export default ExerciseFileTabsFileTreeButton;

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var reactUse = require('react-use');
 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 utils = require('@elice/utils');
 var recoil = require('recoil');
@@ -17,16 +17,13 @@ var context = require('../context/context.js');
 require('../context/recoilTypes.js');
 require('../context/subjects.js');
 require('../context/ExerciseProvider.js');
-var ExerciseIntlProvider = require('../context/ExerciseIntlProvider.js');
-var fileTreeButton_en = require('./locales/fileTreeButton.en.json.js');
-var fileTreeButton_ko = require('./locales/fileTreeButton.ko.json.js');
 
 const ICON_BUTTON_SIZE = '2.25rem';
 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 = reactIntl.useIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     materialExerciseId
   } = React.useContext(context.ExerciseContext);
@@ -53,9 +50,9 @@ const ExerciseFileTabsFileTreeButton = React.forwardRef((_, ref) => {
   //
   const [el] = reactUse.useHover(isHovering => {
     return React.createElement("div", null, React.createElement(blocks.Tooltip, {
-      title: exerciseFileTreeOpened ? intl.formatMessage({
+      title: exerciseFileTreeOpened ? intl$1.formatMessage({
         id: 'exerciseFileTab.fileTreeButton.tooltip.close'
-      }) : intl.formatMessage({
+      }) : intl$1.formatMessage({
         id: 'exerciseFileTab.fileTreeButton.tooltip.open'
       }),
       placement: "bottom-start"
@@ -74,12 +71,5 @@ const ExerciseFileTabsFileTreeButton = React.forwardRef((_, ref) => {
   });
   return (exercise === null || exercise === void 0 ? void 0 : exercise.uiConfig.editorFileTreeDefaultStatus) === types.enums.ExerciseUiConfigEditorFileTreeDefaultStatus.Hide ? null : el;
 });
-//
-//
-//
-var ExerciseFileTabsFileTreeButton$1 = ExerciseIntlProvider.withForwardRefExerciseIntlProvider(ExerciseFileTabsFileTreeButton, {
-  en: fileTreeButton_en.default,
-  ko: fileTreeButton_ko.default
-});
 
-exports.default = ExerciseFileTabsFileTreeButton$1;
+exports.default = ExerciseFileTabsFileTreeButton;

package/cjs/components/material-exercise/exercise-file-tabs/locales/fileTreeButton.en.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesEn = {"exerciseFileTab.fileTreeButton.tooltip.close":"Close Filetree","exerciseFileTab.fileTreeButton.tooltip.open":"Open Filetree"};
+var messageEn = {"exerciseFileTab.fileTreeButton.tooltip.close":"Close Filetree","exerciseFileTab.fileTreeButton.tooltip.open":"Open Filetree"};
 
-exports.default = phrasesEn;
+exports.default = messageEn;

package/cjs/components/material-exercise/exercise-file-tabs/locales/fileTreeButton.ko.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phrasesKo = {"exerciseFileTab.fileTreeButton.tooltip.close":"파일 트리 닫기","exerciseFileTab.fileTreeButton.tooltip.open":"파일 트리 열기"};
+var messageKo = {"exerciseFileTab.fileTreeButton.tooltip.close":"파일 트리 닫기","exerciseFileTab.fileTreeButton.tooltip.open":"파일 트리 열기"};
 
-exports.default = phrasesKo;
+exports.default = messageKo;

package/cjs/components/material-exercise/exercise-file-tabs/locales/fileTreeButton.th.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"exerciseFileTab.fileTreeButton.tooltip.close":"ปิดต้นไม้ไฟล์","exerciseFileTab.fileTreeButton.tooltip.open":"เปิดต้นไม้ไฟล์"};
+
+exports.default = messageTh;

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

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

package/cjs/components/material-exercise/exercise-file-tree/ExerciseFileTree.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;