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

package/cjs/components/material-assignment/MaterialAssignment.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 export interface MaterialAssignmentProps {
     materialAssignmentId: number;
     userId: number;
     className?: string;
-    locale?: string;
 }
-declare const MaterialAssignment: React.FC<MaterialAssignmentProps>;
-export default MaterialAssignment;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<MaterialAssignmentProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

package/cjs/components/material-assignment/MaterialAssignment.js

@@ -3,33 +3,38 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactIntl = require('react-intl');
 var designTokens = require('@elice/design-tokens');
+var intl = require('@elice/intl');
 var classnames = require('classnames');
 var styled = require('styled-components');
-var locales = require('./locales.js');
+var en = require('./locales/en.json.js');
+var ko = require('./locales/ko.json.js');
+var th = require('./locales/th.json.js');
 var MaterialAssignmentContent = require('./MaterialAssignmentContent.js');
 
+//
+//
+//
 const StyledMaterialAssignmentWrapper = styled.div.withConfig({
   componentId: "sc-1kcyh7u-0"
 })(["display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:3.625rem;background-color:", ";"], designTokens.base.color.navy9);
+//
+//
+//
 const MaterialAssignment = ({
   className,
   materialAssignmentId,
   userId,
-  locale = 'en'
+  __intl
 }) => {
   const prefixCls = 'em-material-assignment';
-  return React.createElement(StyledMaterialAssignmentWrapper, {
+  return React.createElement(intl.RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledMaterialAssignmentWrapper, {
     className: classnames(prefixCls, className)
-  }, React.createElement(reactIntl.IntlProvider, {
-    locale: locale,
-    defaultLocale: "en",
-    messages: locale in locales ? locales[locale] : locales.en
   }, React.createElement(MaterialAssignmentContent.default, {
     materialAssignmentId: materialAssignmentId,
     userId: userId
   })));
 };
+var MaterialAssignment$1 = new intl.IntlComponentBuilder(MaterialAssignment).add('en', en.default).add('ko', ko.default).add('th', th.default).build();
 
-exports.default = MaterialAssignment;
+exports.default = MaterialAssignment$1;

package/cjs/components/material-assignment/MaterialAssignmentContent.js

@@ -3,9 +3,9 @@
 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 intl = require('@elice/intl');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var types = require('@elice/types');
 var MaterialAssignmentContainer = require('../shared/MaterialAssignmentContainer.js');
@@ -16,8 +16,8 @@ const MaterialAssignmentContent = ({
   materialAssignmentId,
   userId
 }) => {
-  const intl = reactIntl.useIntl();
   const isReady = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  const intl$1 = intl.useRawEliceIntl();
   const {
     materialAssignment,
     materialLecturePage,
@@ -128,7 +128,7 @@ const MaterialAssignmentContent = ({
   if (!materialAssignment || assignmentGetStatus === 'rejected') {
     return React.createElement(blocks.Text, {
       role: "white"
-    }, intl.formatMessage({
+    }, intl$1.formatMessage({
       id: 'materialAssignment.error'
     }));
   }
@@ -144,7 +144,7 @@ const MaterialAssignmentContent = ({
           bold: true,
           role: "danger",
           size: "small"
-        }, intl.formatMessage({
+        }, intl$1.formatMessage({
           id: 'materialAssignment.status.deadlineExpired'
         }));
       }
@@ -153,7 +153,7 @@ const MaterialAssignmentContent = ({
           bold: true,
           role: "lightpurple",
           size: "small"
-        }, intl.formatMessage({
+        }, intl$1.formatMessage({
           id: 'materialAssignment.status.graded'
         }));
       }
@@ -162,7 +162,7 @@ const MaterialAssignmentContent = ({
           bold: true,
           role: "success",
           size: "small"
-        }, intl.formatMessage({
+        }, intl$1.formatMessage({
           id: 'materialAssignment.status.submitted'
         }));
       }
@@ -170,7 +170,7 @@ const MaterialAssignmentContent = ({
         bold: true,
         role: "warning",
         size: "small"
-      }, intl.formatMessage({
+      }, intl$1.formatMessage({
         id: 'materialAssignment.status.noSubmitted'
       }));
     };
@@ -180,7 +180,7 @@ const MaterialAssignmentContent = ({
         bold: true,
         role: "white",
         size: "small"
-      }, intl.formatMessage({
+      }, intl$1.formatMessage({
         id: 'materialAssignment.table.column.score'
       }, {
         score: (_a = materialAssignmentGradeResult === null || materialAssignmentGradeResult === void 0 ? void 0 : materialAssignmentGradeResult.score) !== null && _a !== void 0 ? _a : '--'
@@ -222,21 +222,19 @@ const MaterialAssignmentContent = ({
       style: {
         width: '19%'
       }
-    }, intl.formatMessage({
+    }, intl$1.formatMessage({
       id: 'materialAssignment.table.column.status'
-    })), React.createElement("td", null, renderAssignmentStatus())), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
+    })), React.createElement("td", null, renderAssignmentStatus())), React.createElement("tr", null, React.createElement("td", null, intl$1.formatMessage({
       id: 'materialAssignment.table.column.deadlineDatetime'
-    })), React.createElement("td", null, React.createElement(reactIntl.FormattedDate, {
-      value: materialAssignment.closeDatetime,
-      dateStyle: "medium",
-      timeStyle: "short"
-    }))), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
+    })), React.createElement("td", null, intl$1.formatDate(materialAssignment.closeDatetime, {
+      dateStyle: 'medium',
+      timeStyle: 'short'
+    }))), React.createElement("tr", null, React.createElement("td", null, intl$1.formatMessage({
       id: 'materialAssignment.table.column.lastSubmitDatetime'
-    })), React.createElement("td", null, (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.createdDatetime) ? React.createElement(reactIntl.FormattedDate, {
-      value: materialAssignmentSubmission.createdDatetime,
-      dateStyle: "medium",
-      timeStyle: "short"
-    }) : '--')), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
+    })), React.createElement("td", null, (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.createdDatetime) ? intl$1.formatDate(materialAssignmentSubmission.createdDatetime, {
+      dateStyle: 'medium',
+      timeStyle: 'short'
+    }) : '--')), React.createElement("tr", null, React.createElement("td", null, intl$1.formatMessage({
       id: 'materialAssignment.table.column.uploadedFile'
     })), React.createElement("td", null, React.createElement("div", null, renderAssignmentAttachment(), React.createElement(blocks.Vspace, {
       height: 0.75
@@ -245,14 +243,14 @@ const MaterialAssignmentContent = ({
       role: "lightpurple",
       disabled: [isAssignmentResultVisible, !materialAssignment.isResubmitEnabled && isAssignmentSubmitted, isAssignmentClosed].some(Boolean),
       onClick: () => setShowAssignmentSubmitModal(true)
-    }, intl.formatMessage({
+    }, intl$1.formatMessage({
       id: 'materialAssignment.button.upload'
-    }))))), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
+    }))))), React.createElement("tr", null, React.createElement("td", null, intl$1.formatMessage({
       id: 'materialAssignment.table.column.assignmentScore'
     })), React.createElement("td", null, renderAssignmentScore(), React.createElement(blocks.Text, {
       role: "navy4",
       size: "small"
-    }, intl.formatMessage({
+    }, intl$1.formatMessage({
       id: 'materialAssignment.table.column.totalPoint'
     }, {
       point: (_a = materialLecturePage === null || materialLecturePage === void 0 ? void 0 : materialLecturePage.point) !== null && _a !== void 0 ? _a : '--'
@@ -264,13 +262,13 @@ const MaterialAssignmentContent = ({
   const renderAssignmentFeedback = () => {
     var _a;
     const tableColumns = [{
-      Header: intl.formatMessage({
+      Header: intl$1.formatMessage({
         id: 'materialAssignment.table.header.index'
       }),
       accessor: 'index',
       width: 50
     }, {
-      Header: intl.formatMessage({
+      Header: intl$1.formatMessage({
         id: 'materialAssignment.table.header.feedback'
       }),
       accessor: 'feedback'
@@ -287,7 +285,7 @@ const MaterialAssignmentContent = ({
       dark: true,
       columns: tableColumns,
       data: tableData,
-      emptyMessage: intl.formatMessage({
+      emptyMessage: intl$1.formatMessage({
         id: isAssignmentResultVisible ? 'materialAssignment.table.empty.noFeedback' : 'materialAssignment.table.empty.noAssignment'
       })
     });
@@ -311,12 +309,12 @@ const MaterialAssignmentContent = ({
     bold: true,
     block: true,
     role: "white"
-  }, intl.formatMessage({
+  }, intl$1.formatMessage({
     id: 'materialAssignment.label.general'
   })), React.createElement(blocks.Text, {
     role: "navy3",
     size: "tiny"
-  }, intl.formatMessage({
+  }, intl$1.formatMessage({
     id: 'materialAssignment.description.general'
   })), React.createElement(blocks.Vspace, {
     height: 0.75
@@ -326,12 +324,12 @@ const MaterialAssignmentContent = ({
     bold: true,
     block: true,
     role: "white"
-  }, intl.formatMessage({
+  }, intl$1.formatMessage({
     id: 'materialAssignment.label.feedback'
   })), React.createElement(blocks.Text, {
     role: "navy3",
     size: "tiny"
-  }, intl.formatMessage({
+  }, intl$1.formatMessage({
     id: 'materialAssignment.description.feedback'
   })), React.createElement(blocks.Vspace, {
     height: 0.75

package/cjs/components/material-assignment/MaterialAssignmentUploadModal.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var reactIntl = require('react-intl');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
+var intl = require('@elice/intl');
 var utils = require('@elice/utils');
 var styled = require('styled-components');
 
@@ -19,7 +19,7 @@ const MaterialAssignmentUploadModal = ({
   onClose,
   onSubmitCallback
 }) => {
-  const intl = reactIntl.useIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const abortCtrl = React.useRef(new AbortController());
   /** Select submission method */
   const [assignmentMode, setAssignmentMode] = React.useState('attachment');
@@ -49,7 +49,7 @@ const MaterialAssignmentUploadModal = ({
         signal: abortCtrl.current.signal
       });
       onClose();
-      blocks.Notification.success(intl.formatMessage({
+      blocks.Notification.success(intl$1.formatMessage({
         id: 'materialAssignment.notification.submit.success'
       }));
       if (typeof onSubmitCallback === 'function') {
@@ -57,11 +57,11 @@ const MaterialAssignmentUploadModal = ({
       }
     } catch (error) {
       if (error.name === 'AbortError') {
-        return blocks.Notification.error(intl.formatMessage({
+        return blocks.Notification.error(intl$1.formatMessage({
           id: 'materialAssignment.notification.submit.cancel'
         }));
       }
-      blocks.Notification.error(intl.formatMessage({
+      blocks.Notification.error(intl$1.formatMessage({
         id: 'materialAssignment.notification.submit.failure'
       }));
     }
@@ -76,18 +76,18 @@ const MaterialAssignmentUploadModal = ({
     };
   }, []);
   return React.createElement(blocks.Modal, {
-    title: intl.formatMessage({
+    title: intl$1.formatMessage({
       id: 'materialAssignment.modal.title'
     }),
     footerButtons: [{
-      label: intl.formatMessage({
+      label: intl$1.formatMessage({
         id: 'materialAssignment.modal.button.submit'
       }),
       loading: formState.isSubmitting,
       disabled: [!isAssignmentResubmitEnabled && !isAgreedSubmit, formState.isSubmitting, !formState.isValid].some(Boolean),
       onClick: submitAssignment
     }, {
-      label: intl.formatMessage({
+      label: intl$1.formatMessage({
         id: 'materialAssignment.modal.button.cancel'
       }),
       role: 'gray1',
@@ -96,7 +96,7 @@ const MaterialAssignmentUploadModal = ({
     onHide: onClose
   }, React.createElement(blocks.Alert, {
     role: isAssignmentResubmitEnabled ? 'primary' : 'warning'
-  }, intl.formatMessage({
+  }, intl$1.formatMessage({
     id: isAssignmentResubmitEnabled ? 'materialAssignment.alert.oftenSubmit' : 'materialAssignment.alert.onceSubmit'
   })), React.createElement(blocks.Vspace, {
     height: 1.5
@@ -111,11 +111,11 @@ const MaterialAssignmentUploadModal = ({
     }
   }, React.createElement(blocks.RadioButton, {
     value: "attachment"
-  }, intl.formatMessage({
+  }, intl$1.formatMessage({
     id: 'materialAssignment.radio.option.attachment'
   })), React.createElement(blocks.RadioButton, {
     value: "url"
-  }, intl.formatMessage({
+  }, intl$1.formatMessage({
     id: 'materialAssignment.radio.option.url'
   }))), React.createElement(blocks.Vspace, {
     height: 1
@@ -134,13 +134,13 @@ const MaterialAssignmentUploadModal = ({
       maxCount: 1,
       maxSize: 300,
       disabled: isAssignmentClosed,
-      dropMessage: intl.formatMessage({
+      dropMessage: intl$1.formatMessage({
         id: 'materialAssignment.attachment.dropMessage'
       }),
-      buttonMessage: intl.formatMessage({
+      buttonMessage: intl$1.formatMessage({
         id: 'materialAssignment.attachment.button'
       }),
-      maxSizeMessage: intl.formatMessage({
+      maxSizeMessage: intl$1.formatMessage({
         id: 'materialAssignment.attachment.maxSizeMessage'
       }),
       onChange: newFiles => {
@@ -156,7 +156,7 @@ const MaterialAssignmentUploadModal = ({
     name: "assignmentUrl",
     rules: {
       required: true,
-      validate: url => utils.validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl.formatMessage({
+      validate: url => utils.validateUrl(url !== null && url !== void 0 ? url : '') ? true : intl$1.formatMessage({
         id: 'materialAssignment.input.invalid'
       })
     },
@@ -181,7 +181,7 @@ const MaterialAssignmentUploadModal = ({
     onChange: setAgreedSubmit
   }, React.createElement(blocks.Text, {
     size: "small"
-  }, intl.formatMessage({
+  }, intl$1.formatMessage({
     id: 'materialAssignment.attachment.checkbox.onceSubmit'
   })))));
 };

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageEn = {"materialAssignment.button.upload":"Upload assignment","materialAssignment.error":"Failed to fetch assignment","materialAssignment.status.noSubmitted":"No submitted","materialAssignment.status.submitted":"Submitted","materialAssignment.status.graded":"Graded","materialAssignment.status.deadlineExpired":"Deadline expired","materialAssignment.table.column.status":"Status","materialAssignment.table.column.deadlineDatetime":"Deadline datetime","materialAssignment.table.column.lastSubmitDatetime":"Last submit datetime","materialAssignment.table.column.uploadedFile":"Uploaded file","materialAssignment.table.column.assignmentScore":"Assignment Score","materialAssignment.table.column.score":"{score}","materialAssignment.table.column.totalPoint":"/ {point} point","materialAssignment.table.header.index":"Index","materialAssignment.table.header.feedback":"Feedback","materialAssignment.table.empty.noAssignment":"Grading has not been completed yet.","materialAssignment.table.empty.noFeedback":"No feedback has been created.","materialAssignment.label.general":"General","materialAssignment.label.feedback":"Feedback","materialAssignment.description.general":"You can view basic information related to the task.","materialAssignment.description.feedback":"Check your feedback.","materialAssignment.notification.submit.success":"Assignment has been submitted.","materialAssignment.notification.submit.failure":"Error occurred while submitting assignment.","materialAssignment.notification.submit.cancel":"The assignment submission has been canceled.","materialAssignment.modal.title":"Upload assignment","materialAssignment.modal.button.submit":"Submit","materialAssignment.modal.button.cancel":"Cancel","materialAssignment.alert.onceSubmit":"The number of submissions is limited to one. Please note that the assignment cannot be modified after submission.","materialAssignment.alert.oftenSubmit":"You can modify and resubmit it before the deadline after submission.","materialAssignment.radio.option.attachment":"Attachment","materialAssignment.radio.option.url":"URL","materialAssignment.attachment.dropMessage":"Add files with drag and drop.","materialAssignment.attachment.maxSizeMessage":"Up to 300MB can be uploaded.","materialAssignment.attachment.button":"Select file","materialAssignment.attachment.checkbox.onceSubmit":"I have checked all the circumstances and agree to submit the assignment.","materialAssignment.input.invalid":"The URL is not of a valid format."};
+
+exports.default = messageEn;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageKo = {"materialAssignment.button.upload":"과제 업로드","materialAssignment.error":"과제를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.","materialAssignment.status.noSubmitted":"미제출","materialAssignment.status.submitted":"제출됨","materialAssignment.status.graded":"채점 완료","materialAssignment.status.deadlineExpired":"제출 기한 만료","materialAssignment.table.column.status":"상태","materialAssignment.table.column.deadlineDatetime":"과제 제출 기한","materialAssignment.table.column.lastSubmitDatetime":"제출 일시","materialAssignment.table.column.uploadedFile":"업로드한 과제","materialAssignment.table.column.assignmentScore":"과제 점수","materialAssignment.table.column.score":"{score}점","materialAssignment.table.column.totalPoint":"/ {point}점 만점","materialAssignment.table.header.index":"번호","materialAssignment.table.header.feedback":"피드백","materialAssignment.table.empty.noAssignment":"아직 채점이 완료되지 않았습니다.","materialAssignment.table.empty.noFeedback":"작성된 피드백이 없습니다.","materialAssignment.label.general":"기본 정보","materialAssignment.label.feedback":"피드백","materialAssignment.description.general":"과제와 관련된 기본 정보를 볼 수 있습니다.","materialAssignment.description.feedback":"{_termCourseRoleEducator}의 피드백을 확인해 보세요.","materialAssignment.notification.submit.success":"과제가 제출되었습니다.","materialAssignment.notification.submit.failure":"과제 제출 중 문제가 발생하였습니다.","materialAssignment.notification.submit.cancel":"과제 제출을 취소하였습니다.","materialAssignment.modal.title":"과제 업로드","materialAssignment.modal.button.submit":"저장","materialAssignment.modal.button.cancel":"취소","materialAssignment.alert.onceSubmit":"제출 횟수가 1회로 제한됩니다. 제출 후 과제 수정이 불가하니 유의해 주세요.","materialAssignment.alert.oftenSubmit":"제출 마감 기한 전까지 다시 제출할 수 있습니다.","materialAssignment.radio.option.attachment":"파일 업로드","materialAssignment.radio.option.url":"URL 입력","materialAssignment.attachment.dropMessage":"드래그 앤 드롭으로 파일을 추가하세요.","materialAssignment.attachment.maxSizeMessage":"최대 300MB까지 업로드 가능합니다.","materialAssignment.attachment.button":"파일 선택","materialAssignment.attachment.checkbox.onceSubmit":"모든 상황을 확인했으며 과제 제출에 동의합니다.","materialAssignment.input.invalid":"올바른 형식의 URL이 아닙니다."};
+
+exports.default = messageKo;

package/cjs/components/material-assignment/locales/th.json.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTh = {"materialAssignment.button.upload":"การอัปโหลดงานบ้าน","materialAssignment.error":"การโหลดการบ้านล้มเหลว\nโปรดลองอีกครั้งในภายหลัง","materialAssignment.status.noSubmitted":"ไม่ได้ส่ง","materialAssignment.status.submitted":"ส่งแล้ว","materialAssignment.status.graded":"ตรวจคะแนนเรียบร้อยแล้ว","materialAssignment.status.deadlineExpired":"เวลาส่งหมดแล้ว","materialAssignment.table.column.status":"สถานะ","materialAssignment.table.column.deadlineDatetime":"เวลาส่งงาน","materialAssignment.table.column.lastSubmitDatetime":"เวลาส่ง:","materialAssignment.table.column.uploadedFile":"งานที่อัปโหลดแล้ว","materialAssignment.table.column.assignmentScore":"คะแนนการบ้าน","materialAssignment.table.column.score":"{score}จุด","materialAssignment.table.column.totalPoint":"/ {point}คะแนนทั้งหมด","materialAssignment.table.header.index":"เลขที่","materialAssignment.table.header.feedback":"ความคิดเห็น","materialAssignment.table.empty.noAssignment":"ยังไม่ได้ตรวจคำตอบเสร็จสิ้นครับ.","materialAssignment.table.empty.noFeedback":"ไม่มีข้อเสนอแนะที่ถูกเขียนไว้ครับ.","materialAssignment.label.general":"ข้อมูลพื้นฐาน","materialAssignment.label.feedback":"ความคิดเห็น","materialAssignment.description.general":"คุณสามารถดูข้อมูลพื้นฐานที่เกี่ยวข้องกับงานที่ได้รับมอบหน้าที่ได้ที่นี่ครับ.","materialAssignment.description.feedback":"ตรวจสอบคำแนะนำจาก{_termCourseRoleEducator}ของคุณ.","materialAssignment.notification.submit.success":"งานได้ถูกส่งแล้วครับ.","materialAssignment.notification.submit.failure":"มีปัญหาขณะส่งงาน ค่ะ","materialAssignment.notification.submit.cancel":"ยกเลิกการส่งงานแล้วค่ะ.","materialAssignment.modal.title":"อัปโหลดการบ้าน","materialAssignment.modal.button.submit":"บันทึก","materialAssignment.modal.button.cancel":"ยกเลิก","materialAssignment.alert.onceSubmit":"จำนวนครั้งในการส่งจะถูกจำกัดเป็น 1 ครั้งเท่านั้น หลังจากส่งงานแล้วจะไม่สามารถแก้ไขงานได้ กรุณาทราบด้วยครับ/ค่ะ","materialAssignment.alert.oftenSubmit":"สามารถส่งใส่ได้ใหม่ก่อนวันที่กำหนดส่งลงตู้ก่อน","materialAssignment.radio.option.attachment":"อัปโหลดไฟล์","materialAssignment.radio.option.url":"URL ใส่","materialAssignment.attachment.dropMessage":"ลากและวางไฟล์เพื่อเพิ่ม.","materialAssignment.attachment.maxSizeMessage":"สูงสุด 300MB สามารถอัปโหลดได้","materialAssignment.attachment.button":"การเลือกไฟล์","materialAssignment.attachment.checkbox.onceSubmit":"ท่านได้ตรวจสอบสถานการณ์ทั้งหมดและยินยอมในการส่งงาน ","materialAssignment.input.invalid":"รูปแบบ URL ไม่ถูกต้อง "};
+
+exports.default = messageTh;

package/cjs/components/material-assignment-admin/MaterialAssignmentAdmin.js

@@ -3,9 +3,9 @@
 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 intl = require('@elice/intl');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var types = require('@elice/types');
 var classnames = require('classnames');
@@ -49,7 +49,7 @@ const MaterialAssignmentAdmin = React.forwardRef(({
   };
   return React.createElement(MaterialAssignmentAdmin_styled.StyledMaterialAssignmentAdminContainer, {
     className: classnames(prefixCls, className)
-  }, React.createElement(reactIntl.IntlProvider, {
+  }, React.createElement(intl.IntlProvider, {
     locale: locale,
     defaultLocale: "en"
   }, renderContent()));

package/cjs/components/material-assignment-admin/MaterialAssignmentAdminContent.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-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 materialSharedUtils = require('@elice/material-shared-utils');
 var dayjs = require('dayjs');
 var MaterialAssignmentContainer = require('../shared/MaterialAssignmentContainer.js');
@@ -257,7 +257,7 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
     }, "\uC81C\uCD9C \uC77C\uC2DC"), React.createElement(blocks.Text, {
       size: "small",
       role: "white"
-    }, userSubmission ? React.createElement(reactIntl.FormattedDate, {
+    }, userSubmission ? React.createElement(intl.FormattedDate, {
       value: userSubmission.createdDatetime,
       dateStyle: "medium",
       timeStyle: "short"
@@ -372,11 +372,11 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
     })();
     return React.createElement(blocks.InfoTable, {
       dark: true
-    }, React.createElement("tbody", null, React.createElement("tr", null, React.createElement("td", null, "\uC0C1\uD0DC"), React.createElement("td", null, statusText)), React.createElement("tr", null, React.createElement("td", null, "\uACFC\uC81C \uC81C\uCD9C \uAE30\uD55C"), React.createElement("td", null, React.createElement(reactIntl.FormattedDate, {
+    }, React.createElement("tbody", null, React.createElement("tr", null, React.createElement("td", null, "\uC0C1\uD0DC"), React.createElement("td", null, statusText)), React.createElement("tr", null, React.createElement("td", null, "\uACFC\uC81C \uC81C\uCD9C \uAE30\uD55C"), React.createElement("td", null, React.createElement(intl.FormattedDate, {
       value: materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.closeDatetime,
       dateStyle: "medium",
       timeStyle: "short"
-    }))), React.createElement("tr", null, React.createElement("td", null, "\uC81C\uCD9C \uC77C\uC2DC"), React.createElement("td", null, userSubmission ? React.createElement(reactIntl.FormattedDate, {
+    }))), React.createElement("tr", null, React.createElement("td", null, "\uC81C\uCD9C \uC77C\uC2DC"), React.createElement("td", null, userSubmission ? React.createElement(intl.FormattedDate, {
       value: userSubmission.createdDatetime,
       dateStyle: "medium",
       timeStyle: "short"
@@ -443,7 +443,7 @@ const MaterialAssignmentAdminContent = React.forwardRef(({
         created: React.createElement(blocks.Flex, {
           align: "center",
           justify: "space-between"
-        }, React.createElement(reactIntl.FormattedDate, {
+        }, React.createElement(intl.FormattedDate, {
           value: grade.createdDatetime,
           dateStyle: "medium",
           timeStyle: "short"

package/cjs/components/material-assignment-admin/MaterialAssignmentAdminContentTa.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-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 materialSharedUtils = require('@elice/material-shared-utils');
 var dayjs = require('dayjs');
 var MaterialAssignmentContainer = require('../shared/MaterialAssignmentContainer.js');
@@ -158,7 +158,7 @@ const MaterialAssignmentAdminContentTa = ({
     }, "\uC81C\uCD9C \uC77C\uC2DC"), React.createElement(blocks.Text, {
       size: "small",
       role: "white"
-    }, userSubmission ? React.createElement(reactIntl.FormattedDate, {
+    }, userSubmission ? React.createElement(intl.FormattedDate, {
       value: userSubmission.createdDatetime,
       dateStyle: "medium",
       timeStyle: "short"
@@ -257,11 +257,11 @@ const MaterialAssignmentAdminContentTa = ({
     })();
     return React.createElement(blocks.InfoTable, {
       dark: true
-    }, React.createElement("tbody", null, React.createElement("tr", null, React.createElement("td", null, "\uC0C1\uD0DC"), React.createElement("td", null, statusText)), React.createElement("tr", null, React.createElement("td", null, "\uACFC\uC81C \uC81C\uCD9C \uAE30\uD55C"), React.createElement("td", null, React.createElement(reactIntl.FormattedDate, {
+    }, React.createElement("tbody", null, React.createElement("tr", null, React.createElement("td", null, "\uC0C1\uD0DC"), React.createElement("td", null, statusText)), React.createElement("tr", null, React.createElement("td", null, "\uACFC\uC81C \uC81C\uCD9C \uAE30\uD55C"), React.createElement("td", null, React.createElement(intl.FormattedDate, {
       value: materialAssignment === null || materialAssignment === void 0 ? void 0 : materialAssignment.closeDatetime,
       dateStyle: "medium",
       timeStyle: "short"
-    }))), React.createElement("tr", null, React.createElement("td", null, "\uC81C\uCD9C \uC77C\uC2DC"), React.createElement("td", null, userSubmission ? React.createElement(reactIntl.FormattedDate, {
+    }))), React.createElement("tr", null, React.createElement("td", null, "\uC81C\uCD9C \uC77C\uC2DC"), React.createElement("td", null, userSubmission ? React.createElement(intl.FormattedDate, {
       value: userSubmission.createdDatetime,
       dateStyle: "medium",
       timeStyle: "short"
@@ -338,7 +338,7 @@ const MaterialAssignmentAdminContentTa = ({
           size: "small"
         }, myGrade.gradeUser.email)),
         grade: myGrade.score,
-        created: React.createElement(reactIntl.FormattedDate, {
+        created: React.createElement(intl.FormattedDate, {
           value: myGrade.createdDatetime,
           dateStyle: "medium",
           timeStyle: "short"

package/es/components/material-assignment/MaterialAssignment.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
+import type { WithIntlComponentBuilderProps } from '@elice/intl';
 export interface MaterialAssignmentProps {
     materialAssignmentId: number;
     userId: number;
     className?: string;
-    locale?: string;
 }
-declare const MaterialAssignment: React.FC<MaterialAssignmentProps>;
-export default MaterialAssignment;
+declare const _default: React.ForwardRefExoticComponent<import("@elice/intl").IntlComponentExtraProps & Omit<WithIntlComponentBuilderProps<MaterialAssignmentProps>, keyof import("@elice/intl").IntlComponentExtraProps | "__intl"> & React.RefAttributes<any>>;
+export default _default;

package/es/components/material-assignment/MaterialAssignment.js

@@ -1,32 +1,36 @@
 import React from 'react';
-import { IntlProvider } from 'react-intl';
 import { base } from '@elice/design-tokens';
+import { IntlComponentBuilder, RawEliceIntlProvider } from '@elice/intl';
 import classnames from 'classnames';
 import styled from 'styled-components';
-import * as locales from './locales.js';
-import { en } from './locales.js';
+import messageEn from './locales/en.json.js';
+import messageKo from './locales/ko.json.js';
+import messageTh from './locales/th.json.js';
 import MaterialAssignmentContent from './MaterialAssignmentContent.js';
 
+//
+//
+//
 const StyledMaterialAssignmentWrapper = styled.div.withConfig({
   componentId: "sc-1kcyh7u-0"
 })(["display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:3.625rem;background-color:", ";"], base.color.navy9);
+//
+//
+//
 const MaterialAssignment = ({
   className,
   materialAssignmentId,
   userId,
-  locale = 'en'
+  __intl
 }) => {
   const prefixCls = 'em-material-assignment';
-  return React.createElement(StyledMaterialAssignmentWrapper, {
+  return React.createElement(RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(StyledMaterialAssignmentWrapper, {
     className: classnames(prefixCls, className)
-  }, React.createElement(IntlProvider, {
-    locale: locale,
-    defaultLocale: "en",
-    messages: locale in locales ? locales[locale] : en
   }, React.createElement(MaterialAssignmentContent, {
     materialAssignmentId: materialAssignmentId,
     userId: userId
   })));
 };
+var MaterialAssignment$1 = new IntlComponentBuilder(MaterialAssignment).add('en', messageEn).add('ko', messageKo).add('th', messageTh).build();
 
-export { MaterialAssignment as default };
+export { MaterialAssignment$1 as default };

package/es/components/material-assignment/MaterialAssignmentContent.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { useIntl, FormattedDate } from 'react-intl';
 import { config, getOrgMaterialAssignmentGet, getOrgMaterialAssignmentGradeList, getOrgMaterialAssignmentGradeResultGet, getOrgMaterialAssignmentSubmissionGet } from '@elice/api-client';
 import { Spinner, Text, Vspace, InfoTable, Button, TableNext, Hspace } from '@elice/blocks';
+import { useRawEliceIntl } from '@elice/intl';
 import { useMaterialConfigApiClientUpdate, useMaterialFetchRaw } from '@elice/material-shared-utils';
 import { enums } from '@elice/types';
 import MaterialAssignmentContainer from '../shared/MaterialAssignmentContainer.js';
@@ -12,8 +12,8 @@ const MaterialAssignmentContent = ({
   materialAssignmentId,
   userId
 }) => {
-  const intl = useIntl();
   const isReady = useMaterialConfigApiClientUpdate(config.init);
+  const intl = useRawEliceIntl();
   const {
     materialAssignment,
     materialLecturePage,
@@ -222,16 +222,14 @@ const MaterialAssignmentContent = ({
       id: 'materialAssignment.table.column.status'
     })), React.createElement("td", null, renderAssignmentStatus())), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
       id: 'materialAssignment.table.column.deadlineDatetime'
-    })), React.createElement("td", null, React.createElement(FormattedDate, {
-      value: materialAssignment.closeDatetime,
-      dateStyle: "medium",
-      timeStyle: "short"
+    })), React.createElement("td", null, intl.formatDate(materialAssignment.closeDatetime, {
+      dateStyle: 'medium',
+      timeStyle: 'short'
     }))), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
       id: 'materialAssignment.table.column.lastSubmitDatetime'
-    })), React.createElement("td", null, (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.createdDatetime) ? React.createElement(FormattedDate, {
-      value: materialAssignmentSubmission.createdDatetime,
-      dateStyle: "medium",
-      timeStyle: "short"
+    })), React.createElement("td", null, (materialAssignmentSubmission === null || materialAssignmentSubmission === void 0 ? void 0 : materialAssignmentSubmission.createdDatetime) ? intl.formatDate(materialAssignmentSubmission.createdDatetime, {
+      dateStyle: 'medium',
+      timeStyle: 'short'
     }) : '--')), React.createElement("tr", null, React.createElement("td", null, intl.formatMessage({
       id: 'materialAssignment.table.column.uploadedFile'
     })), React.createElement("td", null, React.createElement("div", null, renderAssignmentAttachment(), React.createElement(Vspace, {

package/es/components/material-assignment/MaterialAssignmentUploadModal.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { useForm, Controller } from 'react-hook-form';
-import { useIntl } from 'react-intl';
 import { postOrgMaterialAssignmentSubmissionAdd } from '@elice/api-client';
 import { Files, Notification, Modal, Alert, Vspace, Radio, RadioButton, Input, Checkbox, Text } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
+import { useRawEliceIntl } from '@elice/intl';
 import { validateUrl } from '@elice/utils';
 import styled from 'styled-components';
 
@@ -15,7 +15,7 @@ const MaterialAssignmentUploadModal = ({
   onClose,
   onSubmitCallback
 }) => {
-  const intl = useIntl();
+  const intl = useRawEliceIntl();
   const abortCtrl = React.useRef(new AbortController());
   /** Select submission method */
   const [assignmentMode, setAssignmentMode] = React.useState('attachment');

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

@@ -0,0 +1,3 @@
+var messageEn = {"materialAssignment.button.upload":"Upload assignment","materialAssignment.error":"Failed to fetch assignment","materialAssignment.status.noSubmitted":"No submitted","materialAssignment.status.submitted":"Submitted","materialAssignment.status.graded":"Graded","materialAssignment.status.deadlineExpired":"Deadline expired","materialAssignment.table.column.status":"Status","materialAssignment.table.column.deadlineDatetime":"Deadline datetime","materialAssignment.table.column.lastSubmitDatetime":"Last submit datetime","materialAssignment.table.column.uploadedFile":"Uploaded file","materialAssignment.table.column.assignmentScore":"Assignment Score","materialAssignment.table.column.score":"{score}","materialAssignment.table.column.totalPoint":"/ {point} point","materialAssignment.table.header.index":"Index","materialAssignment.table.header.feedback":"Feedback","materialAssignment.table.empty.noAssignment":"Grading has not been completed yet.","materialAssignment.table.empty.noFeedback":"No feedback has been created.","materialAssignment.label.general":"General","materialAssignment.label.feedback":"Feedback","materialAssignment.description.general":"You can view basic information related to the task.","materialAssignment.description.feedback":"Check your feedback.","materialAssignment.notification.submit.success":"Assignment has been submitted.","materialAssignment.notification.submit.failure":"Error occurred while submitting assignment.","materialAssignment.notification.submit.cancel":"The assignment submission has been canceled.","materialAssignment.modal.title":"Upload assignment","materialAssignment.modal.button.submit":"Submit","materialAssignment.modal.button.cancel":"Cancel","materialAssignment.alert.onceSubmit":"The number of submissions is limited to one. Please note that the assignment cannot be modified after submission.","materialAssignment.alert.oftenSubmit":"You can modify and resubmit it before the deadline after submission.","materialAssignment.radio.option.attachment":"Attachment","materialAssignment.radio.option.url":"URL","materialAssignment.attachment.dropMessage":"Add files with drag and drop.","materialAssignment.attachment.maxSizeMessage":"Up to 300MB can be uploaded.","materialAssignment.attachment.button":"Select file","materialAssignment.attachment.checkbox.onceSubmit":"I have checked all the circumstances and agree to submit the assignment.","materialAssignment.input.invalid":"The URL is not of a valid format."};
+
+export { messageEn as default };

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

@@ -0,0 +1,3 @@
+var messageKo = {"materialAssignment.button.upload":"과제 업로드","materialAssignment.error":"과제를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.","materialAssignment.status.noSubmitted":"미제출","materialAssignment.status.submitted":"제출됨","materialAssignment.status.graded":"채점 완료","materialAssignment.status.deadlineExpired":"제출 기한 만료","materialAssignment.table.column.status":"상태","materialAssignment.table.column.deadlineDatetime":"과제 제출 기한","materialAssignment.table.column.lastSubmitDatetime":"제출 일시","materialAssignment.table.column.uploadedFile":"업로드한 과제","materialAssignment.table.column.assignmentScore":"과제 점수","materialAssignment.table.column.score":"{score}점","materialAssignment.table.column.totalPoint":"/ {point}점 만점","materialAssignment.table.header.index":"번호","materialAssignment.table.header.feedback":"피드백","materialAssignment.table.empty.noAssignment":"아직 채점이 완료되지 않았습니다.","materialAssignment.table.empty.noFeedback":"작성된 피드백이 없습니다.","materialAssignment.label.general":"기본 정보","materialAssignment.label.feedback":"피드백","materialAssignment.description.general":"과제와 관련된 기본 정보를 볼 수 있습니다.","materialAssignment.description.feedback":"{_termCourseRoleEducator}의 피드백을 확인해 보세요.","materialAssignment.notification.submit.success":"과제가 제출되었습니다.","materialAssignment.notification.submit.failure":"과제 제출 중 문제가 발생하였습니다.","materialAssignment.notification.submit.cancel":"과제 제출을 취소하였습니다.","materialAssignment.modal.title":"과제 업로드","materialAssignment.modal.button.submit":"저장","materialAssignment.modal.button.cancel":"취소","materialAssignment.alert.onceSubmit":"제출 횟수가 1회로 제한됩니다. 제출 후 과제 수정이 불가하니 유의해 주세요.","materialAssignment.alert.oftenSubmit":"제출 마감 기한 전까지 다시 제출할 수 있습니다.","materialAssignment.radio.option.attachment":"파일 업로드","materialAssignment.radio.option.url":"URL 입력","materialAssignment.attachment.dropMessage":"드래그 앤 드롭으로 파일을 추가하세요.","materialAssignment.attachment.maxSizeMessage":"최대 300MB까지 업로드 가능합니다.","materialAssignment.attachment.button":"파일 선택","materialAssignment.attachment.checkbox.onceSubmit":"모든 상황을 확인했으며 과제 제출에 동의합니다.","materialAssignment.input.invalid":"올바른 형식의 URL이 아닙니다."};
+
+export { messageKo as default };

package/es/components/material-assignment/locales/th.json.js

@@ -0,0 +1,3 @@
+var messageTh = {"materialAssignment.button.upload":"การอัปโหลดงานบ้าน","materialAssignment.error":"การโหลดการบ้านล้มเหลว\nโปรดลองอีกครั้งในภายหลัง","materialAssignment.status.noSubmitted":"ไม่ได้ส่ง","materialAssignment.status.submitted":"ส่งแล้ว","materialAssignment.status.graded":"ตรวจคะแนนเรียบร้อยแล้ว","materialAssignment.status.deadlineExpired":"เวลาส่งหมดแล้ว","materialAssignment.table.column.status":"สถานะ","materialAssignment.table.column.deadlineDatetime":"เวลาส่งงาน","materialAssignment.table.column.lastSubmitDatetime":"เวลาส่ง:","materialAssignment.table.column.uploadedFile":"งานที่อัปโหลดแล้ว","materialAssignment.table.column.assignmentScore":"คะแนนการบ้าน","materialAssignment.table.column.score":"{score}จุด","materialAssignment.table.column.totalPoint":"/ {point}คะแนนทั้งหมด","materialAssignment.table.header.index":"เลขที่","materialAssignment.table.header.feedback":"ความคิดเห็น","materialAssignment.table.empty.noAssignment":"ยังไม่ได้ตรวจคำตอบเสร็จสิ้นครับ.","materialAssignment.table.empty.noFeedback":"ไม่มีข้อเสนอแนะที่ถูกเขียนไว้ครับ.","materialAssignment.label.general":"ข้อมูลพื้นฐาน","materialAssignment.label.feedback":"ความคิดเห็น","materialAssignment.description.general":"คุณสามารถดูข้อมูลพื้นฐานที่เกี่ยวข้องกับงานที่ได้รับมอบหน้าที่ได้ที่นี่ครับ.","materialAssignment.description.feedback":"ตรวจสอบคำแนะนำจาก{_termCourseRoleEducator}ของคุณ.","materialAssignment.notification.submit.success":"งานได้ถูกส่งแล้วครับ.","materialAssignment.notification.submit.failure":"มีปัญหาขณะส่งงาน ค่ะ","materialAssignment.notification.submit.cancel":"ยกเลิกการส่งงานแล้วค่ะ.","materialAssignment.modal.title":"อัปโหลดการบ้าน","materialAssignment.modal.button.submit":"บันทึก","materialAssignment.modal.button.cancel":"ยกเลิก","materialAssignment.alert.onceSubmit":"จำนวนครั้งในการส่งจะถูกจำกัดเป็น 1 ครั้งเท่านั้น หลังจากส่งงานแล้วจะไม่สามารถแก้ไขงานได้ กรุณาทราบด้วยครับ/ค่ะ","materialAssignment.alert.oftenSubmit":"สามารถส่งใส่ได้ใหม่ก่อนวันที่กำหนดส่งลงตู้ก่อน","materialAssignment.radio.option.attachment":"อัปโหลดไฟล์","materialAssignment.radio.option.url":"URL ใส่","materialAssignment.attachment.dropMessage":"ลากและวางไฟล์เพื่อเพิ่ม.","materialAssignment.attachment.maxSizeMessage":"สูงสุด 300MB สามารถอัปโหลดได้","materialAssignment.attachment.button":"การเลือกไฟล์","materialAssignment.attachment.checkbox.onceSubmit":"ท่านได้ตรวจสอบสถานการณ์ทั้งหมดและยินยอมในการส่งงาน ","materialAssignment.input.invalid":"รูปแบบ URL ไม่ถูกต้อง "};
+
+export { messageTh as default };

package/es/components/material-assignment-admin/MaterialAssignmentAdmin.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
-import { IntlProvider } from 'react-intl';
 import { config } from '@elice/api-client';
 import { Flex, Spinner } from '@elice/blocks';
+import { IntlProvider } from '@elice/intl';
 import { useMaterialConfigApiClientUpdate } from '@elice/material-shared-utils';
 import { enums } from '@elice/types';
 import classnames from 'classnames';

package/es/components/material-assignment-admin/MaterialAssignmentAdminContent.js

@@ -1,10 +1,10 @@
 import React, { forwardRef } from 'react';
 import { useForm, Controller } from 'react-hook-form';
-import { FormattedDate } from 'react-intl';
 import { config, getOrgUserGet, getOrgMaterialAssignmentGet, getOrgMaterialAssignmentSubmissionList, getOrgMaterialAssignmentGradeResultGet, getOrgMaterialAssignmentGradeList, postOrgMaterialAssignmentGradeEdit, postOrgMaterialAssignmentGradeResultManualScoreEdit, postOrgMaterialAssignmentGradeDelete } from '@elice/api-client';
 import { Notification, Flex, Vspace, ProfileImage, Hspace, Text, Tooltip, Icon, InfoTable, Button, TableNext, IconButton, Pagination, Modal, Label, Input, Textarea, Alert } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilStatusInfo, eilChat, eilDelete, eilArrowRightwardsBasic } from '@elice/icons';
+import { FormattedDate } from '@elice/intl';
 import { useMaterialConfigApiClientUpdate } from '@elice/material-shared-utils';
 import dayjs from 'dayjs';
 import MaterialAssignmentContainer from '../shared/MaterialAssignmentContainer.js';

package/es/components/material-assignment-admin/MaterialAssignmentAdminContentTa.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { useForm, Controller } from 'react-hook-form';
-import { FormattedDate } from 'react-intl';
 import { config, getOrgUserGet, getOrgMaterialAssignmentGet, getOrgMaterialAssignmentSubmissionList, getOrgMaterialAssignmentGradeResultGet, getOrgMaterialAssignmentGradeList, postOrgMaterialAssignmentGradeEdit } from '@elice/api-client';
 import { Notification, Flex, Vspace, ProfileImage, Hspace, Text, Tooltip, Icon, InfoTable, Button, TableNext, Modal, Label, Input, Textarea } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import { eilStatusInfo } from '@elice/icons';
+import { FormattedDate } from '@elice/intl';
 import { useMaterialConfigApiClientUpdate } from '@elice/material-shared-utils';
 import dayjs from 'dayjs';
 import MaterialAssignmentContainer from '../shared/MaterialAssignmentContainer.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-assignment",
-  "version": "1.240401.0",
+  "version": "1.240508.0-globalization.1",
   "description": "User view and editing components of Elice material assignment",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -29,12 +29,12 @@
     "@elice/blocks": "^1",
     "@elice/design-tokens": "^1",
     "@elice/icons": "^1",
+    "@elice/intl": "*",
     "@elice/markdown": "^1",
     "@elice/material-shared-types": "*",
     "@elice/material-shared-utils": "*",
     "@elice/types": "^1",
     "react": "^16.8.0  || ^17.0.0 || ^18.0.0",
-    "react-intl": "^5.0.0",
     "react-use": "^17.0.0",
     "styled-components": "^5.2.0"
   },
@@ -50,17 +50,17 @@
     "@elice/design-tokens": "^1.220803.0",
     "@elice/icons": "^1.230814.0",
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
+    "@elice/intl": "0.240425.0-alpha.9",
     "@elice/markdown": "^1.220815.0",
-    "@elice/material-shared-types": "1.240401.0",
-    "@elice/material-shared-utils": "1.240401.0",
+    "@elice/material-shared-types": "1.240508.0-globalization.1",
+    "@elice/material-shared-utils": "1.240508.0-globalization.1",
     "@elice/types": "^1.240208.0",
     "@types/classnames": "^2.3.1",
     "@types/react": "~17.0.9",
     "@types/styled-components": "^5.1.21",
     "react": "^17.0.2",
-    "react-intl": "^5.20.10",
     "react-use": "^17.2.4",
     "styled-components": "^5.3.0"
   },
-  "gitHead": "c3c7c033d7524e3d16328399010562ca6c2c3286"
+  "gitHead": "359abc2f14610a96b1c4514aedb4a7d0ad02aed3"
 }

package/cjs/components/material-assignment/locales.d.ts

@@ -1,39 +0,0 @@
-export declare const en: {
-    'materialAssignment.button.upload': string;
-    'materialAssignment.error': string;
-    'materialAssignment.status.noSubmitted': string;
-    'materialAssignment.status.submitted': string;
-    'materialAssignment.status.graded': string;
-    'materialAssignment.status.deadlineExpired': string;
-    'materialAssignment.table.column.status': string;
-    'materialAssignment.table.column.deadlineDatetime': string;
-    'materialAssignment.table.column.lastSubmitDatetime': string;
-    'materialAssignment.table.column.uploadedFile': string;
-    'materialAssignment.table.column.assignmentScore': string;
-    'materialAssignment.table.column.score': string;
-    'materialAssignment.table.column.totalPoint': string;
-    'materialAssignment.table.header.index': string;
-    'materialAssignment.table.header.feedback': string;
-    'materialAssignment.table.empty.noAssignment': string;
-    'materialAssignment.table.empty.noFeedback': string;
-    'materialAssignment.label.general': string;
-    'materialAssignment.label.feedback': string;
-    'materialAssignment.description.general': string;
-    'materialAssignment.description.feedback': string;
-    'materialAssignment.notification.submit.success': string;
-    'materialAssignment.notification.submit.failure': string;
-    'materialAssignment.notification.submit.cancel': string;
-    'materialAssignment.modal.title': string;
-    'materialAssignment.modal.button.submit': string;
-    'materialAssignment.modal.button.cancel': string;
-    'materialAssignment.alert.onceSubmit': string;
-    'materialAssignment.alert.oftenSubmit': string;
-    'materialAssignment.radio.option.attachment': string;
-    'materialAssignment.radio.option.url': string;
-    'materialAssignment.attachment.dropMessage': string;
-    'materialAssignment.attachment.maxSizeMessage': string;
-    'materialAssignment.attachment.button': string;
-    'materialAssignment.attachment.checkbox.onceSubmit': string;
-    'materialAssignment.input.invalid': string;
-};
-export declare const ko: typeof en;

package/cjs/components/material-assignment/locales.js

@@ -1,81 +0,0 @@
-'use strict';
-
-const en = {
-  'materialAssignment.button.upload': 'Upload assignment',
-  'materialAssignment.error': 'Failed to fetch assignment',
-  'materialAssignment.status.noSubmitted': 'No submitted',
-  'materialAssignment.status.submitted': 'Submitted',
-  'materialAssignment.status.graded': 'Graded',
-  'materialAssignment.status.deadlineExpired': 'Deadline expired',
-  'materialAssignment.table.column.status': 'Status',
-  'materialAssignment.table.column.deadlineDatetime': 'Deadline datetime',
-  'materialAssignment.table.column.lastSubmitDatetime': 'Last submit datetime',
-  'materialAssignment.table.column.uploadedFile': 'Uploaded file',
-  'materialAssignment.table.column.assignmentScore': 'Assignment Score',
-  'materialAssignment.table.column.score': '{score}',
-  'materialAssignment.table.column.totalPoint': '/ {point} point',
-  'materialAssignment.table.header.index': 'Index',
-  'materialAssignment.table.header.feedback': 'Feedback',
-  'materialAssignment.table.empty.noAssignment': 'Grading has not been completed yet.',
-  'materialAssignment.table.empty.noFeedback': 'No feedback has been created.',
-  'materialAssignment.label.general': 'General',
-  'materialAssignment.label.feedback': 'Feedback',
-  'materialAssignment.description.general': 'You can view basic information related to the task.',
-  'materialAssignment.description.feedback': 'Check your feedback.',
-  'materialAssignment.notification.submit.success': 'Assignment has been submitted.',
-  'materialAssignment.notification.submit.failure': 'Error occurred while submitting assignment.',
-  'materialAssignment.notification.submit.cancel': 'The assignment submission has been canceled.',
-  'materialAssignment.modal.title': 'Upload assignment',
-  'materialAssignment.modal.button.submit': 'Submit',
-  'materialAssignment.modal.button.cancel': 'Cancel',
-  'materialAssignment.alert.onceSubmit': 'The number of submissions is limited to one. Please note that the assignment cannot be modified after submission.',
-  'materialAssignment.alert.oftenSubmit': 'You can modify and resubmit it before the deadline after submission.',
-  'materialAssignment.radio.option.attachment': 'Attachment',
-  'materialAssignment.radio.option.url': 'URL',
-  'materialAssignment.attachment.dropMessage': 'Add files with drag and drop.',
-  'materialAssignment.attachment.maxSizeMessage': 'Up to 300MB can be uploaded.',
-  'materialAssignment.attachment.button': 'Select file',
-  'materialAssignment.attachment.checkbox.onceSubmit': 'I have checked all the circumstances and agree to submit the assignment.',
-  'materialAssignment.input.invalid': 'The URL is not of a valid format.'
-};
-const ko = {
-  'materialAssignment.button.upload': '과제 업로드',
-  'materialAssignment.error': '과제를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.',
-  'materialAssignment.status.noSubmitted': '미제출',
-  'materialAssignment.status.submitted': '제출됨',
-  'materialAssignment.status.graded': '채점 완료',
-  'materialAssignment.status.deadlineExpired': '제출 기한 만료',
-  'materialAssignment.table.column.status': '상태',
-  'materialAssignment.table.column.deadlineDatetime': '과제 제출 기한',
-  'materialAssignment.table.column.lastSubmitDatetime': '제출 일시',
-  'materialAssignment.table.column.uploadedFile': '업로드한 과제',
-  'materialAssignment.table.column.assignmentScore': '과제 점수',
-  'materialAssignment.table.column.score': '{score}점',
-  'materialAssignment.table.column.totalPoint': '/ {point}점 만점',
-  'materialAssignment.table.header.index': '번호',
-  'materialAssignment.table.header.feedback': '피드백',
-  'materialAssignment.table.empty.noAssignment': '아직 채점이 완료되지 않았습니다.',
-  'materialAssignment.table.empty.noFeedback': '작성된 피드백이 없습니다.',
-  'materialAssignment.label.general': '기본 정보',
-  'materialAssignment.label.feedback': '피드백',
-  'materialAssignment.description.general': '과제와 관련된 기본 정보를 볼 수 있습니다.',
-  'materialAssignment.description.feedback': '선생님의 피드백을 확인해 보세요.',
-  'materialAssignment.notification.submit.success': '과제가 제출되었습니다.',
-  'materialAssignment.notification.submit.failure': '과제 제출 중 문제가 발생하였습니다.',
-  'materialAssignment.notification.submit.cancel': '과제 제출을 취소하였습니다.',
-  'materialAssignment.modal.title': '과제 업로드',
-  'materialAssignment.modal.button.submit': '저장',
-  'materialAssignment.modal.button.cancel': '취소',
-  'materialAssignment.alert.onceSubmit': '제출 횟수가 1회로 제한됩니다. 제출 후 과제 수정이 불가하니 유의해 주세요.',
-  'materialAssignment.alert.oftenSubmit': '제출 마감 기한 전까지 다시 제출할 수 있습니다.',
-  'materialAssignment.radio.option.attachment': '파일 업로드',
-  'materialAssignment.radio.option.url': 'URL 입력',
-  'materialAssignment.attachment.dropMessage': '드래그 앤 드롭으로 파일을 추가하세요.',
-  'materialAssignment.attachment.maxSizeMessage': '최대 300MB까지 업로드 가능합니다.',
-  'materialAssignment.attachment.button': '파일 선택',
-  'materialAssignment.attachment.checkbox.onceSubmit': '모든 상황을 확인했으며 과제 제출에 동의합니다.',
-  'materialAssignment.input.invalid': '올바른 형식의 URL이 아닙니다.'
-};
-
-exports.en = en;
-exports.ko = ko;

package/es/components/material-assignment/locales.d.ts

@@ -1,39 +0,0 @@
-export declare const en: {
-    'materialAssignment.button.upload': string;
-    'materialAssignment.error': string;
-    'materialAssignment.status.noSubmitted': string;
-    'materialAssignment.status.submitted': string;
-    'materialAssignment.status.graded': string;
-    'materialAssignment.status.deadlineExpired': string;
-    'materialAssignment.table.column.status': string;
-    'materialAssignment.table.column.deadlineDatetime': string;
-    'materialAssignment.table.column.lastSubmitDatetime': string;
-    'materialAssignment.table.column.uploadedFile': string;
-    'materialAssignment.table.column.assignmentScore': string;
-    'materialAssignment.table.column.score': string;
-    'materialAssignment.table.column.totalPoint': string;
-    'materialAssignment.table.header.index': string;
-    'materialAssignment.table.header.feedback': string;
-    'materialAssignment.table.empty.noAssignment': string;
-    'materialAssignment.table.empty.noFeedback': string;
-    'materialAssignment.label.general': string;
-    'materialAssignment.label.feedback': string;
-    'materialAssignment.description.general': string;
-    'materialAssignment.description.feedback': string;
-    'materialAssignment.notification.submit.success': string;
-    'materialAssignment.notification.submit.failure': string;
-    'materialAssignment.notification.submit.cancel': string;
-    'materialAssignment.modal.title': string;
-    'materialAssignment.modal.button.submit': string;
-    'materialAssignment.modal.button.cancel': string;
-    'materialAssignment.alert.onceSubmit': string;
-    'materialAssignment.alert.oftenSubmit': string;
-    'materialAssignment.radio.option.attachment': string;
-    'materialAssignment.radio.option.url': string;
-    'materialAssignment.attachment.dropMessage': string;
-    'materialAssignment.attachment.maxSizeMessage': string;
-    'materialAssignment.attachment.button': string;
-    'materialAssignment.attachment.checkbox.onceSubmit': string;
-    'materialAssignment.input.invalid': string;
-};
-export declare const ko: typeof en;

package/es/components/material-assignment/locales.js

@@ -1,78 +0,0 @@
-const en = {
-  'materialAssignment.button.upload': 'Upload assignment',
-  'materialAssignment.error': 'Failed to fetch assignment',
-  'materialAssignment.status.noSubmitted': 'No submitted',
-  'materialAssignment.status.submitted': 'Submitted',
-  'materialAssignment.status.graded': 'Graded',
-  'materialAssignment.status.deadlineExpired': 'Deadline expired',
-  'materialAssignment.table.column.status': 'Status',
-  'materialAssignment.table.column.deadlineDatetime': 'Deadline datetime',
-  'materialAssignment.table.column.lastSubmitDatetime': 'Last submit datetime',
-  'materialAssignment.table.column.uploadedFile': 'Uploaded file',
-  'materialAssignment.table.column.assignmentScore': 'Assignment Score',
-  'materialAssignment.table.column.score': '{score}',
-  'materialAssignment.table.column.totalPoint': '/ {point} point',
-  'materialAssignment.table.header.index': 'Index',
-  'materialAssignment.table.header.feedback': 'Feedback',
-  'materialAssignment.table.empty.noAssignment': 'Grading has not been completed yet.',
-  'materialAssignment.table.empty.noFeedback': 'No feedback has been created.',
-  'materialAssignment.label.general': 'General',
-  'materialAssignment.label.feedback': 'Feedback',
-  'materialAssignment.description.general': 'You can view basic information related to the task.',
-  'materialAssignment.description.feedback': 'Check your feedback.',
-  'materialAssignment.notification.submit.success': 'Assignment has been submitted.',
-  'materialAssignment.notification.submit.failure': 'Error occurred while submitting assignment.',
-  'materialAssignment.notification.submit.cancel': 'The assignment submission has been canceled.',
-  'materialAssignment.modal.title': 'Upload assignment',
-  'materialAssignment.modal.button.submit': 'Submit',
-  'materialAssignment.modal.button.cancel': 'Cancel',
-  'materialAssignment.alert.onceSubmit': 'The number of submissions is limited to one. Please note that the assignment cannot be modified after submission.',
-  'materialAssignment.alert.oftenSubmit': 'You can modify and resubmit it before the deadline after submission.',
-  'materialAssignment.radio.option.attachment': 'Attachment',
-  'materialAssignment.radio.option.url': 'URL',
-  'materialAssignment.attachment.dropMessage': 'Add files with drag and drop.',
-  'materialAssignment.attachment.maxSizeMessage': 'Up to 300MB can be uploaded.',
-  'materialAssignment.attachment.button': 'Select file',
-  'materialAssignment.attachment.checkbox.onceSubmit': 'I have checked all the circumstances and agree to submit the assignment.',
-  'materialAssignment.input.invalid': 'The URL is not of a valid format.'
-};
-const ko = {
-  'materialAssignment.button.upload': '과제 업로드',
-  'materialAssignment.error': '과제를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.',
-  'materialAssignment.status.noSubmitted': '미제출',
-  'materialAssignment.status.submitted': '제출됨',
-  'materialAssignment.status.graded': '채점 완료',
-  'materialAssignment.status.deadlineExpired': '제출 기한 만료',
-  'materialAssignment.table.column.status': '상태',
-  'materialAssignment.table.column.deadlineDatetime': '과제 제출 기한',
-  'materialAssignment.table.column.lastSubmitDatetime': '제출 일시',
-  'materialAssignment.table.column.uploadedFile': '업로드한 과제',
-  'materialAssignment.table.column.assignmentScore': '과제 점수',
-  'materialAssignment.table.column.score': '{score}점',
-  'materialAssignment.table.column.totalPoint': '/ {point}점 만점',
-  'materialAssignment.table.header.index': '번호',
-  'materialAssignment.table.header.feedback': '피드백',
-  'materialAssignment.table.empty.noAssignment': '아직 채점이 완료되지 않았습니다.',
-  'materialAssignment.table.empty.noFeedback': '작성된 피드백이 없습니다.',
-  'materialAssignment.label.general': '기본 정보',
-  'materialAssignment.label.feedback': '피드백',
-  'materialAssignment.description.general': '과제와 관련된 기본 정보를 볼 수 있습니다.',
-  'materialAssignment.description.feedback': '선생님의 피드백을 확인해 보세요.',
-  'materialAssignment.notification.submit.success': '과제가 제출되었습니다.',
-  'materialAssignment.notification.submit.failure': '과제 제출 중 문제가 발생하였습니다.',
-  'materialAssignment.notification.submit.cancel': '과제 제출을 취소하였습니다.',
-  'materialAssignment.modal.title': '과제 업로드',
-  'materialAssignment.modal.button.submit': '저장',
-  'materialAssignment.modal.button.cancel': '취소',
-  'materialAssignment.alert.onceSubmit': '제출 횟수가 1회로 제한됩니다. 제출 후 과제 수정이 불가하니 유의해 주세요.',
-  'materialAssignment.alert.oftenSubmit': '제출 마감 기한 전까지 다시 제출할 수 있습니다.',
-  'materialAssignment.radio.option.attachment': '파일 업로드',
-  'materialAssignment.radio.option.url': 'URL 입력',
-  'materialAssignment.attachment.dropMessage': '드래그 앤 드롭으로 파일을 추가하세요.',
-  'materialAssignment.attachment.maxSizeMessage': '최대 300MB까지 업로드 가능합니다.',
-  'materialAssignment.attachment.button': '파일 선택',
-  'materialAssignment.attachment.checkbox.onceSubmit': '모든 상황을 확인했으며 과제 제출에 동의합니다.',
-  'materialAssignment.input.invalid': '올바른 형식의 URL이 아닙니다.'
-};
-
-export { en, ko };