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

package/cjs/components/material-quiz/MaterialQuiz.js

@@ -91,11 +91,7 @@ const MaterialQuizContainer = ({
   onNext,
   __intl
 }) => {
-  return React.createElement(intl.RawEliceIntlProvider, {
-    value: {
-      intl: __intl
-    }
-  }, React.createElement(MaterialQuizContext.MaterialQuizProvider, {
+  return React.createElement(intl.RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(MaterialQuizContext.MaterialQuizProvider, {
     materialQuizId: materialQuizId,
     userId: userId,
     onDirty: onDirty,

package/cjs/components/material-quiz/MaterialQuizAnswerExplanation.js

@@ -22,9 +22,7 @@ const MaterialQuizAnswerExplanation = () => {
     lecture,
     materialQuiz
   } = MaterialQuizContext.useMaterialQuizState();
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   if (!materialQuiz || !materialQuiz.explanationInfo.isEnabled || !materialQuiz.isResponded || (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === types.enums.LectureType.Test && (lecture === null || lecture === void 0 ? void 0 : lecture.testUserStatus) !== types.enums.LectureTestUserStatus.Completed) {
     return null;
   }

package/cjs/components/material-quiz/MaterialQuizSelectMultiple.js

@@ -33,9 +33,7 @@ const MaterialQuizSelectMultiple = () => {
     onDirty
   } = MaterialQuizContext.useMaterialQuizDispatch();
   // state
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const [selectedAnswer, setSelectedAnswer] = React.useState([]);
   const [materialQuizResponse, setMaterialQuizResponse] = React.useState();
   const [submitStatus, setSubmitStatus] = React.useState('idle');

package/cjs/components/material-quiz/MaterialQuizSelectMultipleOrder.js

@@ -71,9 +71,7 @@ const MaterialQuizSelectMultipleOrder = () => {
     onDirty
   } = MaterialQuizContext.useMaterialQuizDispatch();
   // state
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const [materialQuizResponse, setMaterialQuizResponse] = React.useState();
   const [submitStatus, setSubmitStatus] = React.useState('idle');
   const [isActive, setIsActive] = React.useState(false);

package/cjs/components/material-quiz/MaterialQuizSelectOne.js

@@ -33,9 +33,7 @@ const MaterialQuizSelectOne = () => {
     onDirty
   } = MaterialQuizContext.useMaterialQuizDispatch();
   // state
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const [selectedAnswer, setSelectedAnswer] = React.useState();
   const [materialQuizResponse, setMaterialQuizResponse] = React.useState();
   const [submitStatus, setSubmitStatus] = React.useState('idle');

package/cjs/components/material-quiz/MaterialQuizText.js

@@ -36,9 +36,7 @@ const MaterialQuizText = () => {
     onDirty
   } = MaterialQuizContext.useMaterialQuizDispatch();
   // state
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const [materialQuizResponse, setMaterialQuizResponse] = React.useState();
   const [submitStatus, setSubmitStatus] = React.useState('idle');
   const [answer, setAnswer] = React.useState('');

package/cjs/components/material-quiz/QuizResultBadge.js

@@ -10,9 +10,7 @@ var index = require('../../helpers/index.js');
 const QuizResultBadge = ({
   materialQuizResponse
 }) => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const status = React.useMemo(() => index.getQuizResultStatus(materialQuizResponse), [materialQuizResponse]);
   switch (status) {
     case index.QuizResultStatus.Correct:

package/cjs/components/material-quiz/QuizSubmitStatusText.js

@@ -9,9 +9,7 @@ var intl = require('@elice/intl');
 const QuizSubmitStatusText = ({
   status
 }) => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   switch (status) {
     case 'resolved':
       return React.createElement(blocks.StatusText, {

package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroup.js

@@ -24,9 +24,7 @@ var MaterialQuizGroupMobile = require('./MaterialQuizGroupMobile.js');
 //
 //
 const MaterialQuizGroup = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   // context
   const {
     materialQuiz,

package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupDesktop.js

@@ -34,9 +34,7 @@ const StyledQuizOptionsDropzone = styled(EbDroppable.default).withConfig({
   componentId: "sc-18trt81-4"
 })(["display:flex;flex-wrap:wrap;gap:1rem;min-height:10.25rem;border-radius:0.5rem;outline:1px dashed ", ";&.ui-droppable-hover{outline:1px dashed ", ";}"], designTokens.base.color.navy4, designTokens.base.color.gray4);
 const MaterialQuizGroupDesktop = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     userId
   } = MaterialQuizContext.useMaterialQuizState();

package/cjs/components/material-quiz/material-quiz-group/MaterialQuizGroupMobile.js

@@ -29,9 +29,7 @@ const StyledBottomSheetWrapper = styled(StyledQuizOptionList).withConfig({
   isCurrentOptionList
 }) => vertical && isCurrentOptionList ? 'flex-start' : 'center');
 const MaterialQuizGroupMobile = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   // context
   const {
     materialQuiz,

package/cjs/components/material-quiz-edit/MaterialQuizEdit.js

@@ -77,11 +77,7 @@ const MaterialQuizEdit = React.forwardRef(({
   //
   //
   //
-  return React.createElement(intl.RawEliceIntlProvider, {
-    value: {
-      intl: __intl
-    }
-  }, React.createElement("form", {
+  return React.createElement(intl.RawEliceIntlProvider, Object.assign({}, __intl), React.createElement("form", {
     ref: formElRef
   }, React.createElement(context.default.Provider, {
     value: {

package/cjs/components/material-quiz-edit/MaterialQuizEditContent.js

@@ -23,9 +23,7 @@ var context = require('./context.js');
 const MIN_TEXT_LENGTH = 1;
 const MAX_TEXT_LENGTH = 128;
 const MaterialQuizEditContent = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     disabled,
     onFileUploadRequest

package/cjs/components/material-quiz-edit/options/OptionSelectMultiple.js

@@ -24,9 +24,7 @@ const StyledInputGroup = styled(blocks.SortableListGroup).withConfig({
   componentId: "sc-1nbx9b8-1"
 })(["width:100%;.em-option-editor{margin-bottom:0.5rem;&:last-of-type{margin-bottom:0;}}"]);
 const OptionSelectMultiple = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     disabled
   } = context.useMaterialQuizEditContext();

package/cjs/components/material-quiz-edit/options/OptionSelectMultipleOrder.js

@@ -24,9 +24,7 @@ const StyledInputGroup = styled(blocks.SortableListGroup).withConfig({
   componentId: "sc-1xufc1p-1"
 })(["width:100%;.em-option-editor{margin-bottom:0.5rem;&:last-of-type{margin-bottom:0;}}"]);
 const OptionSelectMultipleOrder = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     disabled
   } = context.useMaterialQuizEditContext();

package/cjs/components/material-quiz-edit/options/OptionSelectOne.js

@@ -27,9 +27,7 @@ const StyledInputPrefixRadioOption = styled(blocks.RadioOption).withConfig({
   componentId: "sc-vizer2-2"
 })([".eb-radio-option__label{display:none;}"]);
 const OptionSelectOne = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     disabled
   } = context.useMaterialQuizEditContext();

package/cjs/components/material-quiz-edit/options/OptionText.js

@@ -28,9 +28,7 @@ const StyledInput = /*#__PURE__*/_styled(blocks.Input, {
 //
 //
 const OptionText = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     disabled
   } = context.useMaterialQuizEditContext();

package/cjs/components/material-quiz-edit/options/options-group/OptionGroupAnswerInfo.js

@@ -26,9 +26,7 @@ const StyledOptionTitle = styled.div.withConfig({
 //
 //
 const OptionGroupAnswerInfo = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     setValue,
     watch

package/cjs/components/material-quiz-edit/options/options-group/OptionGroupAnswerListItem.js

@@ -54,9 +54,7 @@ const OptionGroupAnswerListItem = ({
   onRemoveItem
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     control,
     formState,

package/cjs/components/material-quiz-edit/options/options-group/OptionGroupGroupInfo.js

@@ -22,9 +22,7 @@ const StyledSortableList = styled.div.withConfig({
 //
 //
 const OptionGroupGroupInfo = () => {
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     control,
     setValue

package/cjs/components/material-quiz-edit/options/options-group/OptionGroupGroupListItem.js

@@ -31,9 +31,7 @@ const OptionGroupGroupListItem = ({
   onRemoveOption
 }) => {
   var _a, _b, _c, _d, _e;
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     control,
     formState

package/cjs/components/shared/QuestionBox.js

@@ -62,9 +62,7 @@ const QuestionBox = _a => {
       isNextActive
     } = _a,
     props = tslib.__rest(_a, ["children", "footerActions", "title", "titlePrefix", "submitResult", "submitStatus", "onNext", "isNextActive"]);
-  const {
-    intl: intl$1
-  } = intl.useRawEliceIntl();
+  const intl$1 = intl.useRawEliceIntl();
   const {
     vertical
   } = MaterialQuizContext.useMaterialQuizState();

package/es/components/material-quiz/MaterialQuiz.js

@@ -87,11 +87,7 @@ const MaterialQuizContainer = ({
   onNext,
   __intl
 }) => {
-  return React.createElement(RawEliceIntlProvider, {
-    value: {
-      intl: __intl
-    }
-  }, React.createElement(MaterialQuizProvider, {
+  return React.createElement(RawEliceIntlProvider, Object.assign({}, __intl), React.createElement(MaterialQuizProvider, {
     materialQuizId: materialQuizId,
     userId: userId,
     onDirty: onDirty,

package/es/components/material-quiz/MaterialQuizAnswerExplanation.js

@@ -18,9 +18,7 @@ const MaterialQuizAnswerExplanation = () => {
     lecture,
     materialQuiz
   } = useMaterialQuizState();
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   if (!materialQuiz || !materialQuiz.explanationInfo.isEnabled || !materialQuiz.isResponded || (lecture === null || lecture === void 0 ? void 0 : lecture.lectureType) === enums.LectureType.Test && (lecture === null || lecture === void 0 ? void 0 : lecture.testUserStatus) !== enums.LectureTestUserStatus.Completed) {
     return null;
   }

package/es/components/material-quiz/MaterialQuizSelectMultiple.js

@@ -29,9 +29,7 @@ const MaterialQuizSelectMultiple = () => {
     onDirty
   } = useMaterialQuizDispatch();
   // state
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const [selectedAnswer, setSelectedAnswer] = React.useState([]);
   const [materialQuizResponse, setMaterialQuizResponse] = React.useState();
   const [submitStatus, setSubmitStatus] = React.useState('idle');

package/es/components/material-quiz/MaterialQuizSelectMultipleOrder.js

@@ -67,9 +67,7 @@ const MaterialQuizSelectMultipleOrder = () => {
     onDirty
   } = useMaterialQuizDispatch();
   // state
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const [materialQuizResponse, setMaterialQuizResponse] = React.useState();
   const [submitStatus, setSubmitStatus] = React.useState('idle');
   const [isActive, setIsActive] = React.useState(false);

package/es/components/material-quiz/MaterialQuizSelectOne.js

@@ -29,9 +29,7 @@ const MaterialQuizSelectOne = () => {
     onDirty
   } = useMaterialQuizDispatch();
   // state
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const [selectedAnswer, setSelectedAnswer] = React.useState();
   const [materialQuizResponse, setMaterialQuizResponse] = React.useState();
   const [submitStatus, setSubmitStatus] = React.useState('idle');

package/es/components/material-quiz/MaterialQuizText.js

@@ -32,9 +32,7 @@ const MaterialQuizText = () => {
     onDirty
   } = useMaterialQuizDispatch();
   // state
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const [materialQuizResponse, setMaterialQuizResponse] = React.useState();
   const [submitStatus, setSubmitStatus] = React.useState('idle');
   const [answer, setAnswer] = React.useState('');

package/es/components/material-quiz/QuizResultBadge.js

@@ -6,9 +6,7 @@ import { getQuizResultStatus, QuizResultStatus } from '../../helpers/index.js';
 const QuizResultBadge = ({
   materialQuizResponse
 }) => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const status = React.useMemo(() => getQuizResultStatus(materialQuizResponse), [materialQuizResponse]);
   switch (status) {
     case QuizResultStatus.Correct:

package/es/components/material-quiz/QuizSubmitStatusText.js

@@ -5,9 +5,7 @@ import { useRawEliceIntl } from '@elice/intl';
 const QuizSubmitStatusText = ({
   status
 }) => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   switch (status) {
     case 'resolved':
       return React.createElement(StatusText, {

package/es/components/material-quiz/material-quiz-group/MaterialQuizGroup.js

@@ -20,9 +20,7 @@ import MaterialQuizGroupMobile from './MaterialQuizGroupMobile.js';
 //
 //
 const MaterialQuizGroup = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   // context
   const {
     materialQuiz,

package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupDesktop.js

@@ -30,9 +30,7 @@ const StyledQuizOptionsDropzone = styled(EbDroppable).withConfig({
   componentId: "sc-18trt81-4"
 })(["display:flex;flex-wrap:wrap;gap:1rem;min-height:10.25rem;border-radius:0.5rem;outline:1px dashed ", ";&.ui-droppable-hover{outline:1px dashed ", ";}"], base.color.navy4, base.color.gray4);
 const MaterialQuizGroupDesktop = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     userId
   } = useMaterialQuizState();

package/es/components/material-quiz/material-quiz-group/MaterialQuizGroupMobile.js

@@ -25,9 +25,7 @@ const StyledBottomSheetWrapper = styled(StyledQuizOptionList).withConfig({
   isCurrentOptionList
 }) => vertical && isCurrentOptionList ? 'flex-start' : 'center');
 const MaterialQuizGroupMobile = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   // context
   const {
     materialQuiz,

package/es/components/material-quiz-edit/MaterialQuizEdit.js

@@ -73,11 +73,7 @@ const MaterialQuizEdit = forwardRef(({
   //
   //
   //
-  return React.createElement(RawEliceIntlProvider, {
-    value: {
-      intl: __intl
-    }
-  }, React.createElement("form", {
+  return React.createElement(RawEliceIntlProvider, Object.assign({}, __intl), React.createElement("form", {
     ref: formElRef
   }, React.createElement(MaterialQuizEditContext.Provider, {
     value: {

package/es/components/material-quiz-edit/MaterialQuizEditContent.js

@@ -19,9 +19,7 @@ import { useMaterialQuizEditContext } from './context.js';
 const MIN_TEXT_LENGTH = 1;
 const MAX_TEXT_LENGTH = 128;
 const MaterialQuizEditContent = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     disabled,
     onFileUploadRequest

package/es/components/material-quiz-edit/options/OptionSelectMultiple.js

@@ -20,9 +20,7 @@ const StyledInputGroup = styled(SortableListGroup).withConfig({
   componentId: "sc-1nbx9b8-1"
 })(["width:100%;.em-option-editor{margin-bottom:0.5rem;&:last-of-type{margin-bottom:0;}}"]);
 const OptionSelectMultiple = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     disabled
   } = useMaterialQuizEditContext();

package/es/components/material-quiz-edit/options/OptionSelectMultipleOrder.js

@@ -20,9 +20,7 @@ const StyledInputGroup = styled(SortableListGroup).withConfig({
   componentId: "sc-1xufc1p-1"
 })(["width:100%;.em-option-editor{margin-bottom:0.5rem;&:last-of-type{margin-bottom:0;}}"]);
 const OptionSelectMultipleOrder = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     disabled
   } = useMaterialQuizEditContext();

package/es/components/material-quiz-edit/options/OptionSelectOne.js

@@ -23,9 +23,7 @@ const StyledInputPrefixRadioOption = styled(RadioOption).withConfig({
   componentId: "sc-vizer2-2"
 })([".eb-radio-option__label{display:none;}"]);
 const OptionSelectOne = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     disabled
   } = useMaterialQuizEditContext();

package/es/components/material-quiz-edit/options/OptionText.js

@@ -24,9 +24,7 @@ const StyledInput = /*#__PURE__*/_styled(Input, {
 //
 //
 const OptionText = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     disabled
   } = useMaterialQuizEditContext();

package/es/components/material-quiz-edit/options/options-group/OptionGroupAnswerInfo.js

@@ -22,9 +22,7 @@ const StyledOptionTitle = styled.div.withConfig({
 //
 //
 const OptionGroupAnswerInfo = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     setValue,
     watch

package/es/components/material-quiz-edit/options/options-group/OptionGroupAnswerListItem.js

@@ -50,9 +50,7 @@ const OptionGroupAnswerListItem = ({
   onRemoveItem
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     control,
     formState,

package/es/components/material-quiz-edit/options/options-group/OptionGroupGroupInfo.js

@@ -18,9 +18,7 @@ const StyledSortableList = styled.div.withConfig({
 //
 //
 const OptionGroupGroupInfo = () => {
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     control,
     setValue

package/es/components/material-quiz-edit/options/options-group/OptionGroupGroupListItem.js

@@ -27,9 +27,7 @@ const OptionGroupGroupListItem = ({
   onRemoveOption
 }) => {
   var _a, _b, _c, _d, _e;
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     control,
     formState

package/es/components/shared/QuestionBox.js

@@ -58,9 +58,7 @@ const QuestionBox = _a => {
       isNextActive
     } = _a,
     props = __rest(_a, ["children", "footerActions", "title", "titlePrefix", "submitResult", "submitStatus", "onNext", "isNextActive"]);
-  const {
-    intl
-  } = useRawEliceIntl();
+  const intl = useRawEliceIntl();
   const {
     vertical
   } = useMaterialQuizState();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-quiz",
-  "version": "1.240508.0-globalization.0",
+  "version": "1.240508.0-globalization.1",
   "description": "User view and editing components of Elice material quiz",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -62,10 +62,10 @@
     "@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.7",
+    "@elice/intl": "0.240425.0-alpha.9",
     "@elice/markdown": "^1.240124.0",
-    "@elice/material-shared-types": "1.240508.0-globalization.0",
-    "@elice/material-shared-utils": "1.240508.0-globalization.0",
+    "@elice/material-shared-types": "1.240508.0-globalization.1",
+    "@elice/material-shared-utils": "1.240508.0-globalization.1",
     "@elice/mui-system": "^5.240108.1",
     "@elice/types": "1.240131.0",
     "@emotion/react": "^11.10.0",
@@ -87,5 +87,5 @@
     "react-use": "^17.2.4",
     "styled-components": "^5.3.0"
   },
-  "gitHead": "e64474c7cab0b6cb852ba08a2076c88e732eec03"
+  "gitHead": "359abc2f14610a96b1c4514aedb4a7d0ad02aed3"
 }