@elice/material-quiz 1.230328.0 → 1.230418.0

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

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var reactUse = require('react-use');
@@ -13,99 +16,103 @@ var MaterialQuiz_i18n = require('./MaterialQuiz.i18n.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, 'default': e }); }
-
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const AsyncMaterialQuizSelectMultiple = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./MaterialQuizSelectMultiple.js')); }));
-const AsyncMaterialQuizSelectMultipleOrder = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./MaterialQuizSelectMultipleOrder.js')); }));
-const AsyncMaterialQuizText = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./MaterialQuizText.js')); }));
-const AsyncMaterialQuizSelectOne = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./MaterialQuizSelectOne.js')); }));
-const AsyncMaterialQuizGroup = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./material-quiz-group/index.js')); }));
-const StyledMaterialQuizInfo = styled__default["default"].div.withConfig({
+var AsyncMaterialQuizSelectMultiple = React__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return require('./MaterialQuizSelectMultiple.js'); });
+});
+var AsyncMaterialQuizSelectMultipleOrder = React__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return require('./MaterialQuizSelectMultipleOrder.js'); });
+});
+var AsyncMaterialQuizText = React__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return require('./MaterialQuizText.js'); });
+});
+var AsyncMaterialQuizSelectOne = React__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return require('./MaterialQuizSelectOne.js'); });
+});
+var AsyncMaterialQuizGroup = React__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return require('./material-quiz-group/index.js'); });
+});
+var StyledMaterialQuizInfo = styled__default["default"].div.withConfig({
   componentId: "sc-1eyn8fb-0"
 })([""]);
-const StyledMaterialQuizContent = styled__default["default"].div.withConfig({
+var StyledMaterialQuizContent = styled__default["default"].div.withConfig({
   componentId: "sc-1eyn8fb-1"
 })(["min-width:0;"]);
-const StyledMaterialQuizWrapper = styled__default["default"].div.withConfig({
+var StyledMaterialQuizWrapper = styled__default["default"].div.withConfig({
   componentId: "sc-1eyn8fb-2"
-})(["-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;width:100%;height:100%;flex-direction:", ";& > *{flex:", ";}& > *:first-child{margin-right:", ";margin-bottom:", ";}", "{height:", ";overflow-y:", ";}"], ({
-  vertical
-}) => vertical ? 'column' : 'row', ({
-  vertical
-}) => vertical ? 'auto' : '1 0 calc(50% - 1rem);', ({
-  vertical
-}) => vertical ? '0' : '1rem', ({
-  vertical
-}) => vertical ? '1rem' : '0', StyledMaterialQuizInfo, ({
-  vertical
-}) => vertical ? 'auto' : '100%', ({
-  vertical
-}) => vertical ? 'intial' : 'auto');
-
-const MaterialQuiz = () => {
-  const {
-    materialQuiz,
-    vertical
-  } = MaterialQuizContext.useMaterialQuizState();
-  const {
-    setVertical
-  } = MaterialQuizContext.useMaterialQuizDispatch();
-  const [ref, {
-    width
-  }] = reactUse.useMeasure();
-  const isQuizGroupType = Boolean((materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.optionType) === types.enums.QuizOptionType.Group);
-  React__default["default"].useEffect(() => {
+})(["-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;width:100%;height:100%;flex-direction:", ";& > *{flex:", ";}& > *:first-child{margin-right:", ";margin-bottom:", ";}", "{height:", ";overflow-y:", ";}"], function (_ref) {
+  var vertical = _ref.vertical;
+  return vertical ? 'column' : 'row';
+}, function (_ref2) {
+  var vertical = _ref2.vertical;
+  return vertical ? 'auto' : '1 0 calc(50% - 1rem);';
+}, function (_ref3) {
+  var vertical = _ref3.vertical;
+  return vertical ? '0' : '1rem';
+}, function (_ref4) {
+  var vertical = _ref4.vertical;
+  return vertical ? '1rem' : '0';
+}, StyledMaterialQuizInfo, function (_ref5) {
+  var vertical = _ref5.vertical;
+  return vertical ? 'auto' : '100%';
+}, function (_ref6) {
+  var vertical = _ref6.vertical;
+  return vertical ? 'intial' : 'auto';
+});
+var MaterialQuiz = function MaterialQuiz() {
+  var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
+    materialQuiz = _useMaterialQuizState.materialQuiz,
+    vertical = _useMaterialQuizState.vertical;
+  var _useMaterialQuizDispa = MaterialQuizContext.useMaterialQuizDispatch(),
+    setVertical = _useMaterialQuizDispa.setVertical;
+  var _useMeasure = reactUse.useMeasure(),
+    _useMeasure2 = _rollupPluginBabelHelpers.slicedToArray(_useMeasure, 2),
+    ref = _useMeasure2[0],
+    width = _useMeasure2[1].width;
+  var isQuizGroupType = Boolean((materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.optionType) === types.enums.QuizOptionType.Group);
+  React__default["default"].useEffect(function () {
     if (width > 0) {
       setVertical(width <= designTokens.base.screen.medium);
     }
   }, [width, setVertical]);
-  let Component = null;
-
+  var Component = null;
   switch (materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.optionType) {
     case types.enums.QuizOptionType.SelectOne:
       Component = React__default["default"].createElement(AsyncMaterialQuizSelectOne, null);
       break;
-
     case types.enums.QuizOptionType.SelectMultiple:
       Component = React__default["default"].createElement(AsyncMaterialQuizSelectMultiple, null);
       break;
-
     case types.enums.QuizOptionType.Text:
       Component = React__default["default"].createElement(AsyncMaterialQuizText, null);
       break;
-
     case types.enums.QuizOptionType.SelectMultipleOrder:
       Component = React__default["default"].createElement(AsyncMaterialQuizSelectMultipleOrder, null);
       break;
-
     case types.enums.QuizOptionType.Group:
       Component = React__default["default"].createElement(AsyncMaterialQuizGroup, null);
       break;
-
     default:
-      Component = React__default["default"].createElement(MaterialQuizShimmer, null);
+      Component = React__default["default"].createElement(MaterialQuizShimmer["default"], null);
       break;
   }
-
   return React__default["default"].createElement(React__default["default"].Suspense, {
     fallback: null
   }, React__default["default"].createElement(StyledMaterialQuizWrapper, {
     ref: ref,
     vertical: vertical
-  }, isQuizGroupType ? null : React__default["default"].createElement(StyledMaterialQuizInfo, null, React__default["default"].createElement(MaterialQuizInfo, null)), React__default["default"].createElement(StyledMaterialQuizContent, null, Component)));
+  }, isQuizGroupType ? null : React__default["default"].createElement(StyledMaterialQuizInfo, null, React__default["default"].createElement(MaterialQuizInfo["default"], null)), React__default["default"].createElement(StyledMaterialQuizContent, null, Component)));
 };
-
-const MaterialQuizContainer = ({
-  materialQuizId,
-  userId,
-  locale = 'en',
-  onDirty,
-  onSubmit,
-  onNext
-}) => {
+var MaterialQuizContainer = function MaterialQuizContainer(_ref7) {
+  var materialQuizId = _ref7.materialQuizId,
+    userId = _ref7.userId,
+    _ref7$locale = _ref7.locale,
+    locale = _ref7$locale === void 0 ? 'en' : _ref7$locale,
+    onDirty = _ref7.onDirty,
+    onSubmit = _ref7.onSubmit,
+    onNext = _ref7.onNext;
   return React__default["default"].createElement(reactIntl.IntlProvider, {
     locale: locale,
     defaultLocale: "en",
@@ -119,4 +126,4 @@ const MaterialQuizContainer = ({
   }, React__default["default"].createElement(MaterialQuiz, null)));
 };
 
-module.exports = MaterialQuizContainer;
+exports["default"] = MaterialQuizContainer;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
@@ -14,24 +16,20 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledMarkdownSSR = styled__default["default"](markdown.MarkdownSSR).withConfig({
+var StyledMarkdownSSR = styled__default["default"](markdown.MarkdownSSR).withConfig({
   componentId: "sc-18kg5i5-0"
 })(["p{margin:0 !important;}"]);
-const StyledAccordion = styled__default["default"](blocks.Accordion).withConfig({
+var StyledAccordion = styled__default["default"](blocks.Accordion).withConfig({
   componentId: "sc-18kg5i5-1"
 })(["border-radius:8px;overflow:hidden;background-color:", " !important;border-radius:8px;overflow:hidden;& > *:first-child{background-color:", " !important;}& > *:last-child{background-color:", " !important;}"], designTokens.base.color.navy5, designTokens.base.color.navy7, designTokens.base.color.navy7);
-
-const MaterialQuizAnswerExplanation = () => {
-  const {
-    lecture,
-    materialQuiz
-  } = MaterialQuizContext.useMaterialQuizState();
-  const intl = reactIntl.useIntl();
-
+var MaterialQuizAnswerExplanation = function MaterialQuizAnswerExplanation() {
+  var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
+    lecture = _useMaterialQuizState.lecture,
+    materialQuiz = _useMaterialQuizState.materialQuiz;
+  var intl = reactIntl.useIntl();
   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;
   }
-
   return React__default["default"].createElement(blocks.Flex, {
     column: true,
     margintop: "1rem"
@@ -55,4 +53,4 @@ const MaterialQuizAnswerExplanation = () => {
   }))));
 };
 
-module.exports = MaterialQuizAnswerExplanation;
+exports["default"] = MaterialQuizAnswerExplanation;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var blocks = require('@elice/blocks');
 var markdown = require('@elice/markdown');
@@ -15,17 +17,16 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 //
 //
-
-const StyledMarkdownSSR = styled__default["default"](markdown.MarkdownSSR).withConfig({
+//
+var StyledMarkdownSSR = styled__default["default"](markdown.MarkdownSSR).withConfig({
   componentId: "sc-1s7jbf9-0"
-})([".elicemd--theme-dark{pre{border:0;}table td,table th{border-bottom-color:rgba(255,255,255,0.16);}}"]); //
+})([".elicemd--theme-dark{pre{border:0;}table td,table th{border-bottom-color:rgba(255,255,255,0.16);}}"]);
 //
 //
-
-const MaterialQuizInfo = () => {
-  const {
-    materialQuiz
-  } = MaterialQuizContext.useMaterialQuizState();
+//
+var MaterialQuizInfo = function MaterialQuizInfo() {
+  var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
+    materialQuiz = _useMaterialQuizState.materialQuiz;
   return React__default["default"].createElement(QuestionBox["default"], {
     title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
     titlePrefix: "Q."
@@ -62,7 +63,7 @@ const MaterialQuizInfo = () => {
     borderRadius: '4px',
     width: "100%",
     height: '40px'
-  })), React__default["default"].createElement(MaterialQuizAnswerExplanation, null));
+  })), React__default["default"].createElement(MaterialQuizAnswerExplanation["default"], null));
 };
 
-module.exports = MaterialQuizInfo;
+exports["default"] = MaterialQuizInfo;

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

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var apiClient = require('@elice/api-client');
@@ -20,78 +23,88 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const MaterialQuizSelectMultiple = () => {
+var MaterialQuizSelectMultiple = function MaterialQuizSelectMultiple() {
   // context
-  const {
-    course,
-    lecture,
-    materialQuiz,
-    userId
-  } = MaterialQuizContext.useMaterialQuizState();
-  const {
-    onSubmit,
-    onNext,
-    refreshOrgMaterialQuiz,
-    onDirty
-  } = MaterialQuizContext.useMaterialQuizDispatch(); // state
-
-  const intl = reactIntl.useIntl();
-  const [selectedAnswer, setSelectedAnswer] = React__default["default"].useState([]);
-  const [materialQuizResponse, setMaterialQuizResponse] = React__default["default"].useState();
-  const [submitStatus, setSubmitStatus] = React__default["default"].useState('idle'); // Whether user has clicked any options
-
-  const [isActive, setIsActive] = React__default["default"].useState(false);
-  const [hasSubmitted, setHasSubmitted] = React__default["default"].useState(false); // answer select handler
-
-  const handleAnswerSelect = index$1 => {
+  var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
+    course = _useMaterialQuizState.course,
+    lecture = _useMaterialQuizState.lecture,
+    materialQuiz = _useMaterialQuizState.materialQuiz,
+    userId = _useMaterialQuizState.userId;
+  var _useMaterialQuizDispa = MaterialQuizContext.useMaterialQuizDispatch(),
+    onSubmit = _useMaterialQuizDispa.onSubmit,
+    onNext = _useMaterialQuizDispa.onNext,
+    refreshOrgMaterialQuiz = _useMaterialQuizDispa.refreshOrgMaterialQuiz,
+    onDirty = _useMaterialQuizDispa.onDirty;
+  // state
+  var intl = reactIntl.useIntl();
+  var _React$useState = React__default["default"].useState([]),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    selectedAnswer = _React$useState2[0],
+    setSelectedAnswer = _React$useState2[1];
+  var _React$useState3 = React__default["default"].useState(),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    materialQuizResponse = _React$useState4[0],
+    setMaterialQuizResponse = _React$useState4[1];
+  var _React$useState5 = React__default["default"].useState('idle'),
+    _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
+    submitStatus = _React$useState6[0],
+    setSubmitStatus = _React$useState6[1];
+  // Whether user has clicked any options
+  var _React$useState7 = React__default["default"].useState(false),
+    _React$useState8 = _rollupPluginBabelHelpers.slicedToArray(_React$useState7, 2),
+    isActive = _React$useState8[0],
+    setIsActive = _React$useState8[1];
+  var _React$useState9 = React__default["default"].useState(false),
+    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
+    hasSubmitted = _React$useState10[0],
+    setHasSubmitted = _React$useState10[1];
+  // answer select handler
+  var handleAnswerSelect = function handleAnswerSelect(index$1) {
     if (index.checkUserLectureTestEnded(lecture) || !!userId) {
       return;
     }
-
     onDirty(true);
     setHasSubmitted(false);
     setIsActive(true);
-    setSelectedAnswer(prevState => {
-      const newState = prevState.includes(index$1) ? prevState.filter(ident => ident !== index$1) : [...prevState, index$1];
+    setSelectedAnswer(function (prevState) {
+      var newState = prevState.includes(index$1) ? prevState.filter(function (ident) {
+        return ident !== index$1;
+      }) : [].concat(_rollupPluginBabelHelpers.toConsumableArray(prevState), [index$1]);
       return newState;
     });
-  }; // quiz response fetcher
-
-
-  React__default["default"].useEffect(() => {
+  };
+  // quiz response fetcher
+  React__default["default"].useEffect(function () {
     if (!userId && (materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.lastQuizResponseId)) {
-      const controller = new AbortController();
-      const {
-        signal
-      } = controller;
+      var controller = new AbortController();
+      var signal = controller.signal;
       apiClient.getOrgMaterialQuizResponseGet({
         quizResponseId: materialQuiz.lastQuizResponseId
       }, {
-        signal
-      }).then(response => {
-        setMaterialQuizResponse(response.quizResponse); // when user submitted answers and not get the result yet, update selected options (for example, test quiz)
+        signal: signal
+      }).then(function (response) {
+        setMaterialQuizResponse(response.quizResponse);
+        // when user submitted answers and not get the result yet, update selected options (for example, test quiz)
         // when is is a survey type quiz
-
         if (!index.shouldResetOptions({
           materialQuizResponse: response.quizResponse
         })) {
           setSelectedAnswer(response.quizResponse.answer);
         }
-
         setSelectedAnswer(response.quizResponse.answer);
-      }).catch(error => {
+      }).catch(function (error) {
         console.error(error);
       });
-      return () => controller.abort();
+      return function () {
+        return controller.abort();
+      };
     }
-  }, [materialQuiz, userId]); // quiz response fetcher
-
-  React__default["default"].useEffect(() => {
+  }, [materialQuiz, userId]);
+  // quiz response fetcher
+  React__default["default"].useEffect(function () {
     if (userId && materialQuiz) {
-      const controller = new AbortController();
-      const {
-        signal
-      } = controller;
+      var controller = new AbortController();
+      var signal = controller.signal;
       apiClient.getOrgMaterialQuizResponseList({
         materialQuizId: materialQuiz.id,
         filterUserIds: [userId],
@@ -100,55 +113,77 @@ const MaterialQuizSelectMultiple = () => {
         offset: 0,
         count: 1
       }, {
-        signal
-      }).then(response => {
-        const quizResponse = response.quizResponses[0];
-        const quizResponseAnswer = quizResponse.answer;
+        signal: signal
+      }).then(function (response) {
+        var quizResponse = response.quizResponses[0];
+        var quizResponseAnswer = quizResponse.answer;
         setMaterialQuizResponse(quizResponse);
-
         if (Array.isArray(quizResponseAnswer)) {
           setSelectedAnswer(quizResponseAnswer);
         }
-      }).catch(error => {
+      }).catch(function (error) {
         console.error(error);
       });
-      return () => controller.abort();
-    }
-  }, [materialQuiz, userId]); // submit handler
-
-  const handleSubmit = async () => {
-    if (!materialQuiz) {
-      return;
+      return function () {
+        return controller.abort();
+      };
     }
-
-    setSubmitStatus('pending');
-
-    try {
-      const {
-        quizResponseId
-      } = await apiClient.postOrgMaterialQuizResponseAdd({
-        materialQuizId: materialQuiz.id,
-        answer: selectedAnswer
-      });
-      const {
-        quizResponse
-      } = await apiClient.getOrgMaterialQuizResponseGet({
-        quizResponseId
-      });
-      setIsActive(false);
-      setMaterialQuizResponse(quizResponse);
-      void refreshOrgMaterialQuiz();
-      onSubmit(true, index.getQuizResult(quizResponse));
-      setSubmitStatus('resolved');
-      setHasSubmitted(true);
-      onDirty(false);
-    } catch (error) {
-      console.error(error);
-      onSubmit(false);
-      setSubmitStatus('rejected');
-    }
-  };
-
+  }, [materialQuiz, userId]);
+  // submit handler
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+      var _yield$postOrgMateria, quizResponseId, _yield$getOrgMaterial, quizResponse;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (materialQuiz) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            setSubmitStatus('pending');
+            _context.prev = 3;
+            _context.next = 6;
+            return apiClient.postOrgMaterialQuizResponseAdd({
+              materialQuizId: materialQuiz.id,
+              answer: selectedAnswer
+            });
+          case 6:
+            _yield$postOrgMateria = _context.sent;
+            quizResponseId = _yield$postOrgMateria.quizResponseId;
+            _context.next = 10;
+            return apiClient.getOrgMaterialQuizResponseGet({
+              quizResponseId: quizResponseId
+            });
+          case 10:
+            _yield$getOrgMaterial = _context.sent;
+            quizResponse = _yield$getOrgMaterial.quizResponse;
+            setIsActive(false);
+            setMaterialQuizResponse(quizResponse);
+            void refreshOrgMaterialQuiz();
+            onSubmit(true, index.getQuizResult(quizResponse));
+            setSubmitStatus('resolved');
+            setHasSubmitted(true);
+            onDirty(false);
+            _context.next = 26;
+            break;
+          case 21:
+            _context.prev = 21;
+            _context.t0 = _context["catch"](3);
+            console.error(_context.t0);
+            onSubmit(false);
+            setSubmitStatus('rejected');
+          case 26:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 21]]);
+    }));
+    return function handleSubmit() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   return React__default["default"].createElement(QuestionBox["default"], {
     title: intl.formatMessage({
       id: 'materialQuiz.selectMultiple.answer.title'
@@ -156,10 +191,10 @@ const MaterialQuizSelectMultiple = () => {
     titlePrefix: "A.",
     onNext: onNext,
     isNextActive: hasSubmitted && typeof onNext === 'function',
-    submitResult: React__default["default"].createElement(QuizResultBadge, {
+    submitResult: React__default["default"].createElement(QuizResultBadge["default"], {
       materialQuizResponse: materialQuizResponse
     }),
-    submitStatus: React__default["default"].createElement(QuizSubmitStatusText, {
+    submitStatus: React__default["default"].createElement(QuizSubmitStatusText["default"], {
       status: submitStatus
     }),
     footerActions: [{
@@ -174,36 +209,32 @@ const MaterialQuizSelectMultiple = () => {
         id: 'materialQuiz.submit'
       })
     }]
-  }, React__default["default"].createElement(QuestionCheckbox, {
+  }, React__default["default"].createElement(QuestionCheckbox["default"], {
     onSelect: handleAnswerSelect,
     selectedOptions: selectedAnswer,
     disabled: submitStatus === 'pending' || index.checkUserLectureTestEnded(lecture) || !!userId
-  }, (materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.options) ? materialQuiz.options.map((option, index$1) => {
+  }, (materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.options) ? materialQuiz.options.map(function (option, index$1) {
     var _a;
-
-    const getIsSelected = (index, materialQuizResponse) => {
+    var getIsSelected = function getIsSelected(index, materialQuizResponse) {
       var _a;
-
       if (!materialQuizResponse) {
         return false;
       }
-
-      const materialQuizResponseAnswer = materialQuizResponse.answer;
+      var materialQuizResponseAnswer = materialQuizResponse.answer;
       return (_a = materialQuizResponseAnswer.includes(index)) !== null && _a !== void 0 ? _a : false;
     };
-
-    const status = index.getOptionStatus({
-      materialQuizResponse,
+    var status = index.getOptionStatus({
+      materialQuizResponse: materialQuizResponse,
       isSelected: getIsSelected(index$1, materialQuizResponse),
-      isActive
+      isActive: isActive
     });
-    const materialQuizAnswerInfo = materialQuiz.answerInfo;
-    return React__default["default"].createElement(QuestionCheckboxOption, {
+    var materialQuizAnswerInfo = materialQuiz.answerInfo;
+    return React__default["default"].createElement(QuestionCheckboxOption["default"], {
       key: index$1,
       value: index$1,
       status: status,
       isAnswer: !!userId && Array.isArray(materialQuizAnswerInfo) && materialQuizAnswerInfo.includes(index$1)
-    }, (course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInQuizOptions) ? React__default["default"].createElement(StyledMarkdown, {
+    }, (course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInQuizOptions) ? React__default["default"].createElement(StyledMarkdown["default"], {
       children: (_a = option === null || option === void 0 ? void 0 : option.content) !== null && _a !== void 0 ? _a : '',
       paddingx: 0,
       paddingy: 0,
@@ -212,4 +243,4 @@ const MaterialQuizSelectMultiple = () => {
   }) : null));
 };
 
-module.exports = MaterialQuizSelectMultiple;
+exports["default"] = MaterialQuizSelectMultiple;