@elice/material-survey 1.240718.0-trasncript.1 → 1.240718.0-trasncript.2

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var markdown = require('@elice/markdown');
@@ -11,66 +11,76 @@ var styled = require('styled-components');
 var SurveyContentBox = require('../shared/SurveyContentBox.js');
 var MaterialSurveyContext = require('./context/MaterialSurveyContext.js');
 
-const StyledMarkdownSSR = styled(markdown.MarkdownSSR).withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledMarkdownSSR = styled__default.default(markdown.MarkdownSSR).withConfig({
   componentId: "sc-1b9l43w-0"
 })(["", ""], wysiwyg.EliceWysiwygEditorTheme.resetMarkdownSSR);
-const MaterialSurveyInfo = () => {
-  const {
-    materialSurvey
-  } = MaterialSurveyContext.useMaterialSurveyState();
-  return React.createElement(SurveyContentBox.default, {
-    title: materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.title
-  }, materialSurvey ? React.createElement(blocks.Flex, null, React.createElement(blocks.Text, {
-    bold: true,
-    size: "large",
-    customStyles: {
-      color: designTokens.base.color.primary3,
-      marginRight: '0.5rem'
-    }
-  }, 'Q.'), React.createElement(blocks.Text, {
-    bold: true,
-    role: "white",
-    size: "large",
-    wordBreak: "break-word"
-  }, materialSurvey.questionInfoList[0].questionTitle)) : React.createElement(blocks.Shimmer, {
-    dark: true,
-    borderRadius: '4px',
-    width: "80%",
-    height: '40px'
-  }), React.createElement(blocks.Vspace, {
-    height: 1
-  }), materialSurvey ? React.createElement(StyledMarkdownSSR, {
-    children: materialSurvey.questionInfoList[0].questionDescription,
-    dark: true,
-    paddingx: 0,
-    paddingy: 0
-  }) : React.createElement(React.Fragment, null, React.createElement(blocks.Shimmer, {
-    dark: true,
-    borderRadius: '4px',
-    width: "80%",
-    height: '40px'
-  }), React.createElement(blocks.Vspace, {
-    height: 1
-  }), React.createElement(blocks.Shimmer, {
-    dark: true,
-    borderRadius: '4px',
-    width: "100%",
-    height: '40px'
-  }), React.createElement(blocks.Vspace, {
-    height: 1
-  }), React.createElement(blocks.Shimmer, {
-    dark: true,
-    borderRadius: '4px',
-    width: "100%",
-    height: '40px'
-  }), React.createElement(blocks.Vspace, {
-    height: 1
-  }), React.createElement(blocks.Shimmer, {
-    dark: true,
-    borderRadius: '4px',
-    width: "100%",
-    height: '40px'
-  })));
+var MaterialSurveyInfo = function MaterialSurveyInfo() {
+  var _useMaterialSurveySta = MaterialSurveyContext.useMaterialSurveyState(),
+    materialSurvey = _useMaterialSurveySta.materialSurvey;
+  return jsxRuntime.jsxs(SurveyContentBox.default, {
+    title: materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.title,
+    children: [materialSurvey ? jsxRuntime.jsxs(blocks.Flex, {
+      children: [jsxRuntime.jsx(blocks.Text, {
+        bold: true,
+        size: "large",
+        customStyles: {
+          color: designTokens.base.color.primary3,
+          marginRight: '0.5rem'
+        },
+        children: 'Q.'
+      }), jsxRuntime.jsx(blocks.Text, {
+        bold: true,
+        role: "white",
+        size: "large",
+        wordBreak: "break-word",
+        children: materialSurvey.questionInfoList[0].questionTitle
+      })]
+    }) : jsxRuntime.jsx(blocks.Shimmer, {
+      dark: true,
+      borderRadius: '4px',
+      width: "80%",
+      height: '40px'
+    }), jsxRuntime.jsx(blocks.Vspace, {
+      height: 1
+    }), materialSurvey ? jsxRuntime.jsx(StyledMarkdownSSR, {
+      children: materialSurvey.questionInfoList[0].questionDescription,
+      dark: true,
+      paddingx: 0,
+      paddingy: 0
+    }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(blocks.Shimmer, {
+        dark: true,
+        borderRadius: '4px',
+        width: "80%",
+        height: '40px'
+      }), jsxRuntime.jsx(blocks.Vspace, {
+        height: 1
+      }), jsxRuntime.jsx(blocks.Shimmer, {
+        dark: true,
+        borderRadius: '4px',
+        width: "100%",
+        height: '40px'
+      }), jsxRuntime.jsx(blocks.Vspace, {
+        height: 1
+      }), jsxRuntime.jsx(blocks.Shimmer, {
+        dark: true,
+        borderRadius: '4px',
+        width: "100%",
+        height: '40px'
+      }), jsxRuntime.jsx(blocks.Vspace, {
+        height: 1
+      }), jsxRuntime.jsx(blocks.Shimmer, {
+        dark: true,
+        borderRadius: '4px',
+        width: "100%",
+        height: '40px'
+      })]
+    })]
+  });
 };
 
 exports.default = MaterialSurveyInfo;

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var intl = require('@elice/intl');
@@ -16,52 +18,61 @@ var MaterialSurveyContext = require('./context/MaterialSurveyContext.js');
 var SurveyResultBadge = require('./SurveyResultBadge.js');
 var SurveySubmitStatusText = require('./SurveySubmitStatusText.js');
 
-const MaterialSurveySelectMultiple = () => {
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var MaterialSurveySelectMultiple = function MaterialSurveySelectMultiple() {
   var _a;
   // context
-  const {
-    course,
-    lecture,
-    materialSurvey,
-    userId
-  } = MaterialSurveyContext.useMaterialSurveyState();
-  const {
-    onSubmit,
-    onNext,
-    refreshOrgMaterialSurvey
-  } = MaterialSurveyContext.useMaterialSurveyDispatch();
+  var _useMaterialSurveySta = MaterialSurveyContext.useMaterialSurveyState(),
+    course = _useMaterialSurveySta.course,
+    lecture = _useMaterialSurveySta.lecture,
+    materialSurvey = _useMaterialSurveySta.materialSurvey,
+    userId = _useMaterialSurveySta.userId;
+  var _useMaterialSurveyDis = MaterialSurveyContext.useMaterialSurveyDispatch(),
+    onSubmit = _useMaterialSurveyDis.onSubmit,
+    onNext = _useMaterialSurveyDis.onNext,
+    refreshOrgMaterialSurvey = _useMaterialSurveyDis.refreshOrgMaterialSurvey;
   // state
-  const intl$1 = intl.useRawEliceIntl();
-  const [selectedAnswer, setSelectedAnswer] = React.useState([]);
-  const [materialSurveyResponse, setMaterialSurveyResponse] = React.useState();
-  const [submitStatus, setSubmitStatus] = React.useState('idle');
+  var intl$1 = intl.useRawEliceIntl();
+  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),
+    materialSurveyResponse = _React$useState4[0],
+    setMaterialSurveyResponse = _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];
   // survey response fetcher
-  React.useEffect(() => {
+  React__default.default.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;
       apiClient.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(() => {
+  React__default.default.useEffect(function () {
     if (userId && materialSurvey) {
-      const controller = new AbortController();
-      const {
-        signal
-      } = controller;
+      var controller = new AbortController();
+      var signal = controller.signal;
       apiClient.getOrgMaterialSurveyResponseList({
         materialSurveyId: materialSurvey.id,
         filterUserIds: [userId],
@@ -70,10 +81,10 @@ 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 [];
           }
@@ -87,49 +98,75 @@ const MaterialSurveySelectMultiple = () => {
         };
         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 apiClient.postOrgMaterialSurveyResponseAdd({
-        materialSurveyId: materialSurvey.id,
-        answers: [selectedAnswer]
-      });
-      const {
-        surveyResponse
-      } = await apiClient.getOrgMaterialSurveyResponseGet({
-        surveyResponseId
-      });
-      setMaterialSurveyResponse(surveyResponse);
-      void refreshOrgMaterialSurvey();
-      onSubmit(true);
-      setSubmitStatus('resolved');
-    } catch (error) {
-      console.error(error);
-      onSubmit(false);
-      setSubmitStatus('rejected');
-    }
-  };
-  return React.createElement(SurveyContentBox.default, {
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+      var _yield$postOrgMateria, surveyResponseId, _yield$getOrgMaterial, surveyResponse;
+      return _rollupPluginBabelHelpers.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 apiClient.postOrgMaterialSurveyResponseAdd({
+              materialSurveyId: materialSurvey.id,
+              answers: [selectedAnswer]
+            });
+          case 6:
+            _yield$postOrgMateria = _context.sent;
+            surveyResponseId = _yield$postOrgMateria.surveyResponseId;
+            _context.next = 10;
+            return apiClient.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 jsxRuntime.jsx(SurveyContentBox.default, {
     title: intl$1.formatMessage({
       id: 'materialSurvey.myAnswer'
     }),
     onNext: onNext,
-    submitResult: React.createElement(SurveyResultBadge.default, {
+    submitResult: jsxRuntime.jsx(SurveyResultBadge.default, {
       materialSurveyResponse: materialSurveyResponse
     }),
-    submitStatus: React.createElement(SurveySubmitStatusText.default, {
+    submitStatus: jsxRuntime.jsx(SurveySubmitStatusText.default, {
       status: submitStatus
     }),
     footerActions: [{
@@ -143,30 +180,34 @@ const MaterialSurveySelectMultiple = () => {
       children: intl$1.formatMessage({
         id: 'materialSurvey.submit'
       })
-    }]
-  }, React.createElement(QuestionCheckbox.default, {
-    onSelect: index$1 => {
-      if (index.checkUserLectureTestEnded(lecture) || !!userId) {
-        return;
-      }
-      setSelectedAnswer(prevState => {
-        const newState = prevState.includes(index$1) ? prevState.filter(ident => ident !== index$1) : [...prevState, index$1];
-        return newState;
-      });
-    },
-    selectedOptions: selectedAnswer,
-    disabled: submitStatus === 'pending' || index.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) => {
-    return React.createElement(QuestionCheckboxOption.default, {
-      key: index,
-      value: index
-    }, (course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInSurveyOptions) ? React.createElement(StyledMarkdown.default, {
-      dark: false,
-      children: option,
-      paddingx: 0,
-      paddingy: 0
-    }) : option);
-  }) : null));
+    }],
+    children: jsxRuntime.jsx(QuestionCheckbox.default, {
+      onSelect: function onSelect(index$1) {
+        if (index.checkUserLectureTestEnded(lecture) || !!userId) {
+          return;
+        }
+        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;
+        });
+      },
+      selectedOptions: selectedAnswer,
+      disabled: submitStatus === 'pending' || index.checkUserLectureTestEnded(lecture) || !!userId,
+      children: (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 jsxRuntime.jsx(QuestionCheckboxOption.default, {
+          value: index,
+          children: (course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInSurveyOptions) ? jsxRuntime.jsx(StyledMarkdown.default, {
+            dark: false,
+            children: option,
+            paddingx: 0,
+            paddingy: 0
+          }) : option
+        }, index);
+      }) : null
+    })
+  });
 };
 
 exports.default = MaterialSurveySelectMultiple;