@elice/material-survey 1.230328.0 → 1.230418.0

package/es/components/material-survey/MaterialSurvey.js

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { IntlProvider } from 'react-intl';
 import { useMeasure } from 'react-use';
@@ -10,67 +11,72 @@ import MaterialSurveyInfo from './MaterialSurveyInfo.js';
 import * as MaterialSurvey_i18n from './MaterialSurvey.i18n.js';
 import { en } from './MaterialSurvey.i18n.js';
 
-const AsyncMaterialSurveySelectMultiple = React.lazy(() => import('./MaterialSurveySelectMultiple.js'));
-const AsyncMaterialSurveyText = React.lazy(() => import('./MaterialSurveyText.js'));
-const AsyncMaterialSurveySelectOne = React.lazy(() => import('./MaterialSurveySelectOne.js'));
-const StyledMaterialSurveyInfo = styled.div.withConfig({
+var AsyncMaterialSurveySelectMultiple = React.lazy(function () {
+  return import('./MaterialSurveySelectMultiple.js');
+});
+var AsyncMaterialSurveyText = React.lazy(function () {
+  return import('./MaterialSurveyText.js');
+});
+var AsyncMaterialSurveySelectOne = React.lazy(function () {
+  return import('./MaterialSurveySelectOne.js');
+});
+var StyledMaterialSurveyInfo = styled.div.withConfig({
   componentId: "sc-1fyzkvm-0"
 })([""]);
-const StyledMaterialSurveyContent = styled.div.withConfig({
+var StyledMaterialSurveyContent = styled.div.withConfig({
   componentId: "sc-1fyzkvm-1"
 })([""]);
-const StyledMaterialSurveyWrapper = styled.div.withConfig({
+var StyledMaterialSurveyWrapper = styled.div.withConfig({
   componentId: "sc-1fyzkvm-2"
-})(["display:flex;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', StyledMaterialSurveyInfo, ({
-  vertical
-}) => vertical ? 'auto' : '100%', ({
-  vertical
-}) => vertical ? 'intial' : 'auto');
-
-const MaterialSurvey = () => {
-  const {
-    materialSurvey,
-    vertical
-  } = useMaterialSurveyState();
-  const {
-    setVertical
-  } = useMaterialSurveyDispatch();
-  const [ref, {
-    width
-  }] = useMeasure();
-  React.useEffect(() => {
+})(["display:flex;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';
+}, StyledMaterialSurveyInfo, function (_ref5) {
+  var vertical = _ref5.vertical;
+  return vertical ? 'auto' : '100%';
+}, function (_ref6) {
+  var vertical = _ref6.vertical;
+  return vertical ? 'intial' : 'auto';
+});
+var MaterialSurvey = function MaterialSurvey() {
+  var _useMaterialSurveySta = useMaterialSurveyState(),
+    materialSurvey = _useMaterialSurveySta.materialSurvey,
+    vertical = _useMaterialSurveySta.vertical;
+  var _useMaterialSurveyDis = useMaterialSurveyDispatch(),
+    setVertical = _useMaterialSurveyDis.setVertical;
+  var _useMeasure = useMeasure(),
+    _useMeasure2 = _slicedToArray(_useMeasure, 2),
+    ref = _useMeasure2[0],
+    width = _useMeasure2[1].width;
+  React.useEffect(function () {
     if (width > 0) {
       setVertical(width <= base.screen.medium);
     }
   }, [width, setVertical]);
-  let Component = null;
-
+  var Component = null;
   switch (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0].optionType) {
     case enums.SurveyOptionType.SelectOne:
       Component = React.createElement(AsyncMaterialSurveySelectOne, null);
       break;
-
     case enums.SurveyOptionType.SelectMultiple:
       Component = React.createElement(AsyncMaterialSurveySelectMultiple, null);
       break;
-
     case enums.SurveyOptionType.Text:
       Component = React.createElement(AsyncMaterialSurveyText, null);
       break;
-
     default:
       Component = React.createElement(MaterialSurveyShimmer, null);
       break;
   }
-
   return React.createElement(React.Suspense, {
     fallback: null
   }, React.createElement(StyledMaterialSurveyWrapper, {
@@ -78,14 +84,13 @@ const MaterialSurvey = () => {
     vertical: vertical
   }, React.createElement(StyledMaterialSurveyInfo, null, React.createElement(MaterialSurveyInfo, null)), React.createElement(StyledMaterialSurveyContent, null, Component)));
 };
-
-const MaterialSurveyContainer = ({
-  materialSurveyId,
-  userId,
-  locale = 'en',
-  onSubmit,
-  onNext
-}) => {
+var MaterialSurveyContainer = function MaterialSurveyContainer(_ref7) {
+  var materialSurveyId = _ref7.materialSurveyId,
+    userId = _ref7.userId,
+    _ref7$locale = _ref7.locale,
+    locale = _ref7$locale === void 0 ? 'en' : _ref7$locale,
+    onSubmit = _ref7.onSubmit,
+    onNext = _ref7.onNext;
   return React.createElement(IntlProvider, {
     locale: locale,
     defaultLocale: "en",

package/es/components/material-survey/MaterialSurveyInfo.js

@@ -5,10 +5,9 @@ import { MarkdownSSR } from '@elice/markdown';
 import SurveyContentBox from '../shared/SurveyContentBox.js';
 import { useMaterialSurveyState } from './context/MaterialSurveyContext.js';
 
-const MaterialSurveyInfo = () => {
-  const {
-    materialSurvey
-  } = useMaterialSurveyState();
+var MaterialSurveyInfo = function MaterialSurveyInfo() {
+  var _useMaterialSurveySta = useMaterialSurveyState(),
+    materialSurvey = _useMaterialSurveySta.materialSurvey;
   return React.createElement(SurveyContentBox, {
     title: materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.title
   }, materialSurvey ? React.createElement(Flex, null, React.createElement(Text, {

package/es/components/material-survey/MaterialSurveySelectMultiple.js

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl } from 'react-intl';
 import { getOrgMaterialSurveyResponseGet, getOrgMaterialSurveyResponseList, postOrgMaterialSurveyResponseAdd } from '@elice/api-client';
@@ -12,53 +13,57 @@ import { useMaterialSurveyState, useMaterialSurveyDispatch } from './context/Mat
 import SurveyResultBadge from './SurveyResultBadge.js';
 import SurveySubmitStatusText from './SurveySubmitStatusText.js';
 
-const MaterialSurveySelectMultiple = () => {
-  var _a; // context
-
-
-  const {
-    course,
-    lecture,
-    materialSurvey,
-    userId
-  } = useMaterialSurveyState();
-  const {
-    onSubmit,
-    onNext,
-    refreshOrgMaterialSurvey
-  } = useMaterialSurveyDispatch(); // state
-
-  const intl = useIntl();
-  const [selectedAnswer, setSelectedAnswer] = React.useState([]);
-  const [materialSurveyResponse, setMaterialSurveyResponse] = React.useState();
-  const [submitStatus, setSubmitStatus] = React.useState('idle'); // survey response fetcher
-
-  React.useEffect(() => {
+var MaterialSurveySelectMultiple = function MaterialSurveySelectMultiple() {
+  var _a;
+  // context
+  var _useMaterialSurveySta = useMaterialSurveyState(),
+    course = _useMaterialSurveySta.course,
+    lecture = _useMaterialSurveySta.lecture,
+    materialSurvey = _useMaterialSurveySta.materialSurvey,
+    userId = _useMaterialSurveySta.userId;
+  var _useMaterialSurveyDis = useMaterialSurveyDispatch(),
+    onSubmit = _useMaterialSurveyDis.onSubmit,
+    onNext = _useMaterialSurveyDis.onNext,
+    refreshOrgMaterialSurvey = _useMaterialSurveyDis.refreshOrgMaterialSurvey;
+  // state
+  var intl = useIntl();
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedAnswer = _React$useState2[0],
+    setSelectedAnswer = _React$useState2[1];
+  var _React$useState3 = React.useState(),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    materialSurveyResponse = _React$useState4[0],
+    setMaterialSurveyResponse = _React$useState4[1];
+  var _React$useState5 = React.useState('idle'),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    submitStatus = _React$useState6[0],
+    setSubmitStatus = _React$useState6[1];
+  // survey response fetcher
+  React.useEffect(function () {
     if (!userId && (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.lastSurveyResponseId)) {
-      const controller = new AbortController();
-      const {
-        signal
-      } = controller;
+      var controller = new AbortController();
+      var signal = controller.signal;
       getOrgMaterialSurveyResponseGet({
         surveyResponseId: materialSurvey.lastSurveyResponseId
       }, {
-        signal
-      }).then(response => {
+        signal: signal
+      }).then(function (response) {
         setMaterialSurveyResponse(response.surveyResponse);
         setSelectedAnswer(response.surveyResponse.answers[0]);
-      }).catch(error => {
+      }).catch(function (error) {
         console.error(error);
       });
-      return () => controller.abort();
+      return function () {
+        return controller.abort();
+      };
     }
-  }, [materialSurvey, userId]); // survey response fetcher
-
-  React.useEffect(() => {
+  }, [materialSurvey, userId]);
+  // survey response fetcher
+  React.useEffect(function () {
     if (userId && materialSurvey) {
-      const controller = new AbortController();
-      const {
-        signal
-      } = controller;
+      var controller = new AbortController();
+      var signal = controller.signal;
       getOrgMaterialSurveyResponseList({
         materialSurveyId: materialSurvey.id,
         filterUserIds: [userId],
@@ -67,65 +72,83 @@ const MaterialSurveySelectMultiple = () => {
         offset: 0,
         count: 1
       }, {
-        signal
-      }).then(response => {
-        const surveyResponse = response.surveyResponses[0];
-
-        const getAnswer = () => {
+        signal: signal
+      }).then(function (response) {
+        var surveyResponse = response.surveyResponses[0];
+        var getAnswer = function getAnswer() {
           if (!surveyResponse) {
             return [];
           }
-
           if (!Array.isArray(surveyResponse.answers)) {
             return [];
           }
-
           if (typeof surveyResponse.answers[0] === 'string') {
             return [];
           }
-
           return surveyResponse.answers[0];
         };
-
         setMaterialSurveyResponse(surveyResponse);
         setSelectedAnswer(getAnswer());
-      }).catch(error => {
+      }).catch(function (error) {
         console.error(error);
       });
-      return () => controller.abort();
+      return function () {
+        return controller.abort();
+      };
     }
-  }, [materialSurvey, userId]); // submit handler
-
-  const handleSubmit = async () => {
-    if (!materialSurvey) {
-      return;
-    }
-
-    setSubmitStatus('pending');
-
-    try {
-      const {
-        surveyResponseId
-      } = await postOrgMaterialSurveyResponseAdd({
-        materialSurveyId: materialSurvey.id,
-        answers: [selectedAnswer]
-      });
-      const {
-        surveyResponse
-      } = await getOrgMaterialSurveyResponseGet({
-        surveyResponseId
-      });
-      setMaterialSurveyResponse(surveyResponse);
-      void refreshOrgMaterialSurvey();
-      onSubmit(true);
-      setSubmitStatus('resolved');
-    } catch (error) {
-      console.error(error);
-      onSubmit(false);
-      setSubmitStatus('rejected');
-    }
-  };
-
+  }, [materialSurvey, userId]);
+  // submit handler
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _yield$postOrgMateria, surveyResponseId, _yield$getOrgMaterial, surveyResponse;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (materialSurvey) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            setSubmitStatus('pending');
+            _context.prev = 3;
+            _context.next = 6;
+            return postOrgMaterialSurveyResponseAdd({
+              materialSurveyId: materialSurvey.id,
+              answers: [selectedAnswer]
+            });
+          case 6:
+            _yield$postOrgMateria = _context.sent;
+            surveyResponseId = _yield$postOrgMateria.surveyResponseId;
+            _context.next = 10;
+            return getOrgMaterialSurveyResponseGet({
+              surveyResponseId: surveyResponseId
+            });
+          case 10:
+            _yield$getOrgMaterial = _context.sent;
+            surveyResponse = _yield$getOrgMaterial.surveyResponse;
+            setMaterialSurveyResponse(surveyResponse);
+            void refreshOrgMaterialSurvey();
+            onSubmit(true);
+            setSubmitStatus('resolved');
+            _context.next = 23;
+            break;
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](3);
+            console.error(_context.t0);
+            onSubmit(false);
+            setSubmitStatus('rejected');
+          case 23:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 18]]);
+    }));
+    return function handleSubmit() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   return React.createElement(SurveyContentBox, {
     title: intl.formatMessage({
       id: 'materialSurvey.myAnswer'
@@ -150,19 +173,20 @@ const MaterialSurveySelectMultiple = () => {
       })
     }]
   }, React.createElement(QuestionCheckbox, {
-    onSelect: index => {
+    onSelect: function onSelect(index) {
       if (checkUserLectureTestEnded(lecture) || !!userId) {
         return;
       }
-
-      setSelectedAnswer(prevState => {
-        const newState = prevState.includes(index) ? prevState.filter(ident => ident !== index) : [...prevState, index];
+      setSelectedAnswer(function (prevState) {
+        var newState = prevState.includes(index) ? prevState.filter(function (ident) {
+          return ident !== index;
+        }) : [].concat(_toConsumableArray(prevState), [index]);
         return newState;
       });
     },
     selectedOptions: selectedAnswer,
     disabled: submitStatus === 'pending' || checkUserLectureTestEnded(lecture) || !!userId
-  }, (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0]) ? (_a = materialSurvey.questionInfoList[0].optionInfo) === null || _a === void 0 ? void 0 : _a.map((option, index) => {
+  }, (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0]) ? (_a = materialSurvey.questionInfoList[0].optionInfo) === null || _a === void 0 ? void 0 : _a.map(function (option, index) {
     return React.createElement(QuestionCheckboxOption, {
       key: index,
       value: index

package/es/components/material-survey/MaterialSurveySelectOne.js

@@ -1,3 +1,4 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { useIntl } from 'react-intl';
 import { getOrgMaterialSurveyResponseGet, getOrgMaterialSurveyResponseList, postOrgMaterialSurveyResponseAdd } from '@elice/api-client';
@@ -12,51 +13,56 @@ import { useMaterialSurveyState, useMaterialSurveyDispatch } from './context/Mat
 import SurveyResultBadge from './SurveyResultBadge.js';
 import SurveySubmitStatusText from './SurveySubmitStatusText.js';
 
-const MaterialSurveySelectOne = () => {
+var MaterialSurveySelectOne = function MaterialSurveySelectOne() {
   // context
-  const {
-    course,
-    lecture,
-    materialSurvey,
-    userId
-  } = useMaterialSurveyState();
-  const {
-    onSubmit,
-    onNext,
-    refreshOrgMaterialSurvey
-  } = useMaterialSurveyDispatch(); // state
-
-  const intl = useIntl();
-  const [selectedAnswer, setSelectedAnswer] = React.useState();
-  const [materialSurveyResponse, setMaterialSurveyResponse] = React.useState();
-  const [submitStatus, setSubmitStatus] = React.useState('idle'); // survey response fetcher
-
-  React.useEffect(() => {
+  var _useMaterialSurveySta = useMaterialSurveyState(),
+    course = _useMaterialSurveySta.course,
+    lecture = _useMaterialSurveySta.lecture,
+    materialSurvey = _useMaterialSurveySta.materialSurvey,
+    userId = _useMaterialSurveySta.userId;
+  var _useMaterialSurveyDis = useMaterialSurveyDispatch(),
+    onSubmit = _useMaterialSurveyDis.onSubmit,
+    onNext = _useMaterialSurveyDis.onNext,
+    refreshOrgMaterialSurvey = _useMaterialSurveyDis.refreshOrgMaterialSurvey;
+  // state
+  var intl = useIntl();
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedAnswer = _React$useState2[0],
+    setSelectedAnswer = _React$useState2[1];
+  var _React$useState3 = React.useState(),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    materialSurveyResponse = _React$useState4[0],
+    setMaterialSurveyResponse = _React$useState4[1];
+  var _React$useState5 = React.useState('idle'),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    submitStatus = _React$useState6[0],
+    setSubmitStatus = _React$useState6[1];
+  // survey response fetcher
+  React.useEffect(function () {
     if (!userId && (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.lastSurveyResponseId)) {
-      const controller = new AbortController();
-      const {
-        signal
-      } = controller;
+      var controller = new AbortController();
+      var signal = controller.signal;
       getOrgMaterialSurveyResponseGet({
         surveyResponseId: materialSurvey.lastSurveyResponseId
       }, {
-        signal
-      }).then(response => {
+        signal: signal
+      }).then(function (response) {
         setMaterialSurveyResponse(response.surveyResponse);
         setSelectedAnswer(typeof response.surveyResponse.answers[0] === 'string' ? undefined : response.surveyResponse.answers[0][0]);
-      }).catch(error => {
+      }).catch(function (error) {
         console.error(error);
       });
-      return () => controller.abort();
+      return function () {
+        return controller.abort();
+      };
     }
-  }, [materialSurvey, userId]); // survey response fetcher
-
-  React.useEffect(() => {
+  }, [materialSurvey, userId]);
+  // survey response fetcher
+  React.useEffect(function () {
     if (userId && materialSurvey) {
-      const controller = new AbortController();
-      const {
-        signal
-      } = controller;
+      var controller = new AbortController();
+      var signal = controller.signal;
       getOrgMaterialSurveyResponseList({
         materialSurveyId: materialSurvey.id,
         filterUserIds: [userId],
@@ -65,50 +71,72 @@ const MaterialSurveySelectOne = () => {
         offset: 0,
         count: 1
       }, {
-        signal
-      }).then(response => {
+        signal: signal
+      }).then(function (response) {
         var _a;
-
-        const surveyResponse = response.surveyResponses[0];
+        var surveyResponse = response.surveyResponses[0];
         setMaterialSurveyResponse(surveyResponse);
         setSelectedAnswer(typeof (surveyResponse === null || surveyResponse === void 0 ? void 0 : surveyResponse.answers[0]) === 'string' ? undefined : (_a = surveyResponse === null || surveyResponse === void 0 ? void 0 : surveyResponse.answers[0][0]) !== null && _a !== void 0 ? _a : undefined);
-      }).catch(error => {
+      }).catch(function (error) {
         console.error(error);
       });
-      return () => controller.abort();
-    }
-  }, [materialSurvey, userId]); // submit handler
-
-  const handleSubmit = async () => {
-    if (!materialSurvey) {
-      return;
-    }
-
-    setSubmitStatus('pending');
-
-    try {
-      const {
-        surveyResponseId
-      } = await postOrgMaterialSurveyResponseAdd({
-        materialSurveyId: materialSurvey.id,
-        answers: [[selectedAnswer]]
-      });
-      const {
-        surveyResponse
-      } = await getOrgMaterialSurveyResponseGet({
-        surveyResponseId
-      });
-      setMaterialSurveyResponse(surveyResponse);
-      void refreshOrgMaterialSurvey();
-      onSubmit(true);
-      setSubmitStatus('resolved');
-    } catch (error) {
-      console.error(error);
-      onSubmit(false);
-      setSubmitStatus('rejected');
+      return function () {
+        return controller.abort();
+      };
     }
-  };
-
+  }, [materialSurvey, userId]);
+  // submit handler
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _yield$postOrgMateria, surveyResponseId, _yield$getOrgMaterial, surveyResponse;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (materialSurvey) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            setSubmitStatus('pending');
+            _context.prev = 3;
+            _context.next = 6;
+            return postOrgMaterialSurveyResponseAdd({
+              materialSurveyId: materialSurvey.id,
+              answers: [[selectedAnswer]]
+            });
+          case 6:
+            _yield$postOrgMateria = _context.sent;
+            surveyResponseId = _yield$postOrgMateria.surveyResponseId;
+            _context.next = 10;
+            return getOrgMaterialSurveyResponseGet({
+              surveyResponseId: surveyResponseId
+            });
+          case 10:
+            _yield$getOrgMaterial = _context.sent;
+            surveyResponse = _yield$getOrgMaterial.surveyResponse;
+            setMaterialSurveyResponse(surveyResponse);
+            void refreshOrgMaterialSurvey();
+            onSubmit(true);
+            setSubmitStatus('resolved');
+            _context.next = 23;
+            break;
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](3);
+            console.error(_context.t0);
+            onSubmit(false);
+            setSubmitStatus('rejected');
+          case 23:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 18]]);
+    }));
+    return function handleSubmit() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   return React.createElement(SurveyContentBox, {
     title: intl.formatMessage({
       id: 'materialSurvey.myAnswer'
@@ -134,15 +162,14 @@ const MaterialSurveySelectOne = () => {
     }]
   }, React.createElement(QuestionRadio, {
     selectedValue: selectedAnswer,
-    onSelect: index => {
+    onSelect: function onSelect(index) {
       if (checkUserLectureTestEnded(lecture) || !!userId) {
         return;
       }
-
       setSelectedAnswer(index);
     },
     disabled: submitStatus === 'pending' || checkUserLectureTestEnded(lecture) || !!userId
-  }, (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0].optionInfo) ? materialSurvey.questionInfoList[0].optionInfo.map((option, index) => {
+  }, (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0].optionInfo) ? materialSurvey.questionInfoList[0].optionInfo.map(function (option, index) {
     return React.createElement(QuestionRadioOption, {
       key: index,
       value: index

package/es/components/material-survey/MaterialSurveyShimmer.js

@@ -4,22 +4,21 @@ import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 import { useMaterialSurveyState } from './context/MaterialSurveyContext.js';
 
-const StyledShimmer = styled.div.withConfig({
+var StyledShimmer = styled.div.withConfig({
   componentId: "sc-1gtcofd-0"
-})(["display:flex;flex-direction:column;border-radius:", ";overflow:hidden;width:100%;"], ({
-  vertical
-}) => vertical ? '0' : '8px');
-const StyledShimmerHeader = styled.div.withConfig({
+})(["display:flex;flex-direction:column;border-radius:", ";overflow:hidden;width:100%;"], function (_ref) {
+  var vertical = _ref.vertical;
+  return vertical ? '0' : '8px';
+});
+var StyledShimmerHeader = styled.div.withConfig({
   componentId: "sc-1gtcofd-1"
 })(["display:flex;justify-content:space-between;background-color:", ";padding:1rem 1.5rem;height:3.5rem;"], base.color.navy6);
-const StyledShimmerBody = styled.div.withConfig({
+var StyledShimmerBody = styled.div.withConfig({
   componentId: "sc-1gtcofd-2"
 })(["padding:1.5rem;background-color:", ";overflow-y:auto;height:100%;"], base.color.navy7);
-
-const MaterialSurveyShimmer = () => {
-  const {
-    vertical
-  } = useMaterialSurveyState();
+var MaterialSurveyShimmer = function MaterialSurveyShimmer() {
+  var _useMaterialSurveySta = useMaterialSurveyState(),
+    vertical = _useMaterialSurveySta.vertical;
   return React.createElement(StyledShimmer, {
     vertical: vertical
   }, React.createElement(StyledShimmerHeader, null), React.createElement(StyledShimmerBody, null, React.createElement(Shimmer, {