@elice/material-quiz 1.231212.0 → 1.231228.0

package/cjs/components/eb-sortable/EbDraggable.js

@@ -6,101 +6,94 @@ var React = require('react');
 var $ = require('jquery');
 require('jquery-ui/ui/widgets/draggable');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var $__default = /*#__PURE__*/_interopDefaultLegacy($);
-
-var EbDraggable = function EbDraggable(_ref) {
-  var children = _ref.children,
-    id = _ref.id,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$revert = _ref.revert,
-    revert = _ref$revert === void 0 ? true : _ref$revert,
-    _ref$clone = _ref.clone,
-    clone = _ref$clone === void 0 ? false : _ref$clone,
-    className = _ref.className,
-    onStart = _ref.onStart,
-    onStop = _ref.onStop,
-    onDrag = _ref.onDrag,
-    onCreate = _ref.onCreate;
-  var rootEl = React__default["default"].useRef(null);
-  var onStartCallback = React__default["default"].useCallback(function (event, ui) {
+const EbDraggable = ({
+  children,
+  id,
+  disabled = false,
+  revert = true,
+  clone = false,
+  className,
+  onStart,
+  onStop,
+  onDrag,
+  onCreate
+}) => {
+  const rootEl = React.useRef(null);
+  const onStartCallback = React.useCallback((event, ui) => {
     if (onStart) {
       return onStart(event, ui);
     } else {
-      return function () {
+      return () => {
         return;
       };
     }
   }, [onStart]);
-  var onStopCallback = React__default["default"].useCallback(function (event, ui) {
+  const onStopCallback = React.useCallback((event, ui) => {
     if (onStop) {
       return onStop(event, ui);
     } else {
-      return function () {
+      return () => {
         return;
       };
     }
   }, [onStop]);
-  var onDragCallback = React__default["default"].useCallback(function (event, ui) {
+  const onDragCallback = React.useCallback((event, ui) => {
     if (onDrag) {
       return onDrag(event, ui);
     } else {
-      return function () {
+      return () => {
         return;
       };
     }
   }, [onDrag]);
-  var onCreateCallback = React__default["default"].useCallback(function (event, ui) {
+  const onCreateCallback = React.useCallback((event, ui) => {
     if (onCreate) {
       return onCreate(event, ui);
     } else {
-      return function () {
+      return () => {
         return;
       };
     }
   }, [onCreate]);
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (!rootEl.current) {
       return;
     }
-    var draggableEl = $__default["default"](rootEl.current);
+    const draggableEl = $(rootEl.current);
     draggableEl.draggable(Object.assign(Object.assign(Object.assign(Object.assign({}, disabled ? {
-      disabled: disabled
+      disabled
     } : null), revert ? {
-      revert: revert
+      revert
     } : null), clone ? {
       helper: 'clone'
     } : null), {
       zIndex: 200,
       revertDuration: 0,
-      start: function start(event, ui) {
+      start: (event, ui) => {
         if (!onStartCallback) {
           return;
         }
         onStartCallback(event, ui);
       },
-      stop: function stop(event, ui) {
+      stop: (event, ui) => {
         if (!onStopCallback) {
           return;
         }
         // draggableEl.draggable('cancel');
         onStopCallback(event, ui);
       },
-      drag: function drag(event, ui) {
+      drag: (event, ui) => {
         onDragCallback(event, ui);
       },
-      create: function create(event, ui) {
+      create: (event, ui) => {
         onCreateCallback(event, ui);
       }
     }));
-    return function () {
+    return () => {
       draggableEl.draggable('destroy');
     };
   }, [clone, disabled, onCreateCallback, onDragCallback, onStartCallback, onStopCallback, revert]);
-  return React__default["default"].createElement("div", {
+  return React.createElement("div", {
     ref: rootEl,
     id: id,
     className: className,
@@ -110,4 +103,4 @@ var EbDraggable = function EbDraggable(_ref) {
   }, children);
 };
 
-exports["default"] = EbDraggable;
+exports.default = EbDraggable;

package/cjs/components/eb-sortable/EbDroppable.js

@@ -6,55 +6,50 @@ var React = require('react');
 var $ = require('jquery');
 require('jquery-ui/ui/widgets/droppable');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var $__default = /*#__PURE__*/_interopDefaultLegacy($);
-
-var EbDroppable = function EbDroppable(_ref) {
-  var children = _ref.children,
-    id = _ref.id,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    accept = _ref.accept,
-    className = _ref.className,
-    onDrop = _ref.onDrop;
-  var rootEl = React__default["default"].useRef(null);
-  var onDropCallback = React__default["default"].useCallback(function (event, ui) {
+const EbDroppable = ({
+  children,
+  id,
+  disabled = false,
+  accept,
+  className,
+  onDrop
+}) => {
+  const rootEl = React.useRef(null);
+  const onDropCallback = React.useCallback((event, ui) => {
     if (onDrop) {
       return onDrop(event, ui);
     } else {
-      return function () {
+      return () => {
         return;
       };
     }
   }, [onDrop]);
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (!rootEl.current) {
       return;
     }
-    var draggableEl = $__default["default"](rootEl.current);
+    const draggableEl = $(rootEl.current);
     draggableEl.droppable(Object.assign(Object.assign(Object.assign({}, disabled ? {
-      disabled: disabled
+      disabled
     } : null), accept ? {
-      accept: accept
+      accept
     } : null), {
-      drop: function drop(event, ui) {
+      drop: (event, ui) => {
         if (!onDropCallback) {
           return;
         }
         onDropCallback(event, ui);
       }
     }));
-    return function () {
+    return () => {
       draggableEl.droppable('destroy');
     };
   }, [accept, disabled, onDropCallback]);
-  return React__default["default"].createElement("div", {
+  return React.createElement("div", {
     ref: rootEl,
     id: id,
     className: className
   }, children);
 };
 
-exports["default"] = EbDroppable;
+exports.default = EbDroppable;

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

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var en = {
+const en = {
   'materialQuiz.error': 'Failed to fetch quiz',
   'materialQuiz.submit': 'Submit',
   'materialQuiz.submittedAnswer': 'Submitted Answer',
@@ -25,8 +23,8 @@ var en = {
   'materialQuiz.explanation.show': 'show quiz explanations',
   'materialQuiz.explanation.empty': 'no explanations',
   'materialQuiz.text.placeholder': 'please fill the answer',
-  'materialQuiz.text.correct': "that's correct!",
-  'materialQuiz.text.wrong': "that's wrong. try it again!",
+  'materialQuiz.text.correct': `that's correct!`,
+  'materialQuiz.text.wrong': `that's wrong. try it again!`,
   'materialQuiz.order.answerEmpty': 'You could move the options back here',
   'materialQuiz.bottomSheet.title': 'Options',
   'materialQuiz.bottomSheet.optionEmpty': 'All views have been placed in the group.',
@@ -35,7 +33,7 @@ var en = {
   'materialQuiz.dropzone.optionEmpty': 'Option',
   'materialQuiz.dropzone.optionReset': 'Answer Reset'
 };
-var ko = {
+const ko = {
   'materialQuiz.error': '퀴즈를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.',
   'materialQuiz.submit': '제출',
   'materialQuiz.submittedAnswer': '제출한 답',

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

@@ -2,7 +2,6 @@
 
 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');
@@ -14,113 +13,93 @@ var MaterialQuizShimmer = require('./MaterialQuizShimmer.js');
 var MaterialQuizInfo = require('./MaterialQuizInfo.js');
 var MaterialQuiz_i18n = require('./MaterialQuiz.i18n.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-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({
+const AsyncMaterialQuizSelectMultiple = React.lazy(() => Promise.resolve().then(function () { return require('./MaterialQuizSelectMultiple.js'); }));
+const AsyncMaterialQuizSelectMultipleOrder = React.lazy(() => Promise.resolve().then(function () { return require('./MaterialQuizSelectMultipleOrder.js'); }));
+const AsyncMaterialQuizText = React.lazy(() => Promise.resolve().then(function () { return require('./MaterialQuizText.js'); }));
+const AsyncMaterialQuizSelectOne = React.lazy(() => Promise.resolve().then(function () { return require('./MaterialQuizSelectOne.js'); }));
+const AsyncMaterialQuizGroup = React.lazy(() => Promise.resolve().then(function () { return require('./material-quiz-group/index.js'); }));
+const StyledMaterialQuizInfo = styled.div.withConfig({
   componentId: "sc-1eyn8fb-0"
 })([""]);
-var StyledMaterialQuizContent = styled__default["default"].div.withConfig({
+const StyledMaterialQuizContent = styled.div.withConfig({
   componentId: "sc-1eyn8fb-1"
 })(["min-width:0;"]);
-var StyledMaterialQuizWrapper = styled__default["default"].div.withConfig({
+const StyledMaterialQuizWrapper = styled.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:", ";}"], 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,
-    course = _useMaterialQuizState.course;
-  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 () {
+})(["-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,
+    course
+  } = 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.useEffect(() => {
     if (width > 0) {
       setVertical(width <= designTokens.base.screen.medium);
     }
   }, [width, setVertical]);
-  var renderQuestionOption = function renderQuestionOption() {
+  const renderQuestionOption = () => {
     if (!materialQuiz || !course) {
-      return React__default["default"].createElement(MaterialQuizShimmer["default"], null);
+      return React.createElement(MaterialQuizShimmer.default, null);
     }
     switch (materialQuiz.optionType) {
       case types.enums.QuizOptionType.SelectOne:
-        return React__default["default"].createElement(AsyncMaterialQuizSelectOne, null);
+        return React.createElement(AsyncMaterialQuizSelectOne, null);
       case types.enums.QuizOptionType.SelectMultiple:
-        return React__default["default"].createElement(AsyncMaterialQuizSelectMultiple, null);
+        return React.createElement(AsyncMaterialQuizSelectMultiple, null);
       case types.enums.QuizOptionType.Text:
-        return React__default["default"].createElement(AsyncMaterialQuizText, null);
+        return React.createElement(AsyncMaterialQuizText, null);
       case types.enums.QuizOptionType.SelectMultipleOrder:
-        return React__default["default"].createElement(AsyncMaterialQuizSelectMultipleOrder, null);
+        return React.createElement(AsyncMaterialQuizSelectMultipleOrder, null);
       case types.enums.QuizOptionType.Group:
-        return React__default["default"].createElement(AsyncMaterialQuizGroup, null);
+        return React.createElement(AsyncMaterialQuizGroup, null);
     }
   };
-  return React__default["default"].createElement(React__default["default"].Suspense, {
+  return React.createElement(React.Suspense, {
     fallback: null
-  }, React__default["default"].createElement(StyledMaterialQuizWrapper, {
+  }, React.createElement(StyledMaterialQuizWrapper, {
     ref: ref,
     vertical: vertical
-  }, isQuizGroupType ? null : React__default["default"].createElement(StyledMaterialQuizInfo, null, React__default["default"].createElement(MaterialQuizInfo["default"], null)), React__default["default"].createElement(StyledMaterialQuizContent, null, renderQuestionOption())));
+  }, isQuizGroupType ? null : React.createElement(StyledMaterialQuizInfo, null, React.createElement(MaterialQuizInfo.default, null)), React.createElement(StyledMaterialQuizContent, null, renderQuestionOption())));
 };
-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, {
+const MaterialQuizContainer = ({
+  materialQuizId,
+  userId,
+  locale = 'en',
+  onDirty,
+  onSubmit,
+  onNext
+}) => {
+  return React.createElement(reactIntl.IntlProvider, {
     locale: locale,
     defaultLocale: "en",
     messages: locale in MaterialQuiz_i18n ? MaterialQuiz_i18n[locale] : MaterialQuiz_i18n.en
-  }, React__default["default"].createElement(MaterialQuizContext.MaterialQuizProvider, {
+  }, React.createElement(MaterialQuizContext.MaterialQuizProvider, {
     materialQuizId: materialQuizId,
     userId: userId,
     onDirty: onDirty,
     onSubmit: onSubmit,
     onNext: onNext
-  }, React__default["default"].createElement(MaterialQuiz, null)));
+  }, React.createElement(MaterialQuiz, null)));
 };
 
-exports["default"] = MaterialQuizContainer;
+exports.default = MaterialQuizContainer;

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

@@ -11,40 +11,36 @@ var types = require('@elice/types');
 var styled = require('styled-components');
 var MaterialQuizContext = require('./context/MaterialQuizContext.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledMarkdownSSR = styled__default["default"](markdown.MarkdownSSR).withConfig({
+const StyledMarkdownSSR = styled(markdown.MarkdownSSR).withConfig({
   componentId: "sc-18kg5i5-0"
 })(["p{margin:0 !important;}"]);
-var StyledAccordion = styled__default["default"](blocks.Accordion).withConfig({
+const StyledAccordion = styled(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);
-var MaterialQuizAnswerExplanation = function MaterialQuizAnswerExplanation() {
-  var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
-    lecture = _useMaterialQuizState.lecture,
-    materialQuiz = _useMaterialQuizState.materialQuiz;
-  var intl = reactIntl.useIntl();
+const MaterialQuizAnswerExplanation = () => {
+  const {
+    lecture,
+    materialQuiz
+  } = MaterialQuizContext.useMaterialQuizState();
+  const 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, {
+  return React.createElement(blocks.Flex, {
     column: true,
     margintop: "1rem"
-  }, React__default["default"].createElement(StyledAccordion, {
+  }, React.createElement(StyledAccordion, {
     dark: true,
-    header: React__default["default"].createElement(blocks.Text, {
+    header: React.createElement(blocks.Text, {
       bold: true,
       role: "navy0"
     }, intl.formatMessage({
       id: 'materialQuiz.explanation.show'
     }))
-  }, materialQuiz.explanationInfo.isEnabled ? React__default["default"].createElement(StyledMarkdownSSR, {
+  }, materialQuiz.explanationInfo.isEnabled ? React.createElement(StyledMarkdownSSR, {
     dark: true,
     children: materialQuiz.explanationInfo.value
-  }) : React__default["default"].createElement(blocks.Text, {
+  }) : React.createElement(blocks.Text, {
     role: "info",
     lineHeight: 1.4,
     userSelect: "none"
@@ -53,4 +49,4 @@ var MaterialQuizAnswerExplanation = function MaterialQuizAnswerExplanation() {
   }))));
 };
 
-exports["default"] = MaterialQuizAnswerExplanation;
+exports.default = MaterialQuizAnswerExplanation;

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

@@ -10,60 +10,56 @@ var QuestionBox = require('../shared/QuestionBox.js');
 var MaterialQuizContext = require('./context/MaterialQuizContext.js');
 var MaterialQuizAnswerExplanation = require('./MaterialQuizAnswerExplanation.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
 //
 //
 //
-var StyledMarkdownSSR = styled__default["default"](markdown.MarkdownSSR).withConfig({
+const StyledMarkdownSSR = styled(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);}}"]);
 //
 //
 //
-var MaterialQuizInfo = function MaterialQuizInfo() {
-  var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
-    materialQuiz = _useMaterialQuizState.materialQuiz;
-  return React__default["default"].createElement(QuestionBox["default"], {
+const MaterialQuizInfo = () => {
+  const {
+    materialQuiz
+  } = MaterialQuizContext.useMaterialQuizState();
+  return React.createElement(QuestionBox.default, {
     title: materialQuiz === null || materialQuiz === void 0 ? void 0 : materialQuiz.questionTitle,
     titlePrefix: "Q."
-  }, materialQuiz ? React__default["default"].createElement(StyledMarkdownSSR, {
+  }, materialQuiz ? React.createElement(StyledMarkdownSSR, {
     children: materialQuiz.questionDescription,
     dark: true,
     paddingx: 0,
     paddingy: 0
-  }) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Vspace, {
+  }) : React.createElement(React.Fragment, null, React.createElement(blocks.Vspace, {
     height: 1
-  }), React__default["default"].createElement(blocks.Shimmer, {
+  }), React.createElement(blocks.Shimmer, {
     dark: true,
     borderRadius: '4px',
     width: "80%",
     height: '40px'
-  }), React__default["default"].createElement(blocks.Vspace, {
+  }), React.createElement(blocks.Vspace, {
     height: 1
-  }), React__default["default"].createElement(blocks.Shimmer, {
+  }), React.createElement(blocks.Shimmer, {
     dark: true,
     borderRadius: '4px',
     width: "100%",
     height: '40px'
-  }), React__default["default"].createElement(blocks.Vspace, {
+  }), React.createElement(blocks.Vspace, {
     height: 1
-  }), React__default["default"].createElement(blocks.Shimmer, {
+  }), React.createElement(blocks.Shimmer, {
     dark: true,
     borderRadius: '4px',
     width: "100%",
     height: '40px'
-  }), React__default["default"].createElement(blocks.Vspace, {
+  }), React.createElement(blocks.Vspace, {
     height: 1
-  }), React__default["default"].createElement(blocks.Shimmer, {
+  }), React.createElement(blocks.Shimmer, {
     dark: true,
     borderRadius: '4px',
     width: "100%",
     height: '40px'
-  })), React__default["default"].createElement(MaterialQuizAnswerExplanation["default"], null));
+  })), React.createElement(MaterialQuizAnswerExplanation.default, null));
 };
 
-exports["default"] = MaterialQuizInfo;
+exports.default = MaterialQuizInfo;