@elice/material-survey 1.231227.0 → 1.231228.0

package/cjs/components/material-survey/MaterialSurvey.i18n.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var en = {
+const en = {
   'materialSurvey.error': 'Failed to fetch survey',
   'materialSurvey.submit': 'Submit',
   'materialSurvey.submittedAnswer': 'Submitted Answer',
@@ -17,7 +15,7 @@ var en = {
   'materialSurvey.resultStatus.submitted': 'Submitted',
   'materialSurvey.text.placeholder': 'please fill the answer'
 };
-var ko = {
+const ko = {
   'materialSurvey.error': '설문조사를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.',
   'materialSurvey.submit': '제출',
   'materialSurvey.submittedAnswer': '제출한 답',

package/cjs/components/material-survey/MaterialSurvey.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,101 +13,85 @@ var MaterialSurveyShimmer = require('./MaterialSurveyShimmer.js');
 var MaterialSurveyInfo = require('./MaterialSurveyInfo.js');
 var MaterialSurvey_i18n = require('./MaterialSurvey.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 AsyncMaterialSurveySelectMultiple = React__default["default"].lazy(function () {
-  return Promise.resolve().then(function () { return require('./MaterialSurveySelectMultiple.js'); });
-});
-var AsyncMaterialSurveyText = React__default["default"].lazy(function () {
-  return Promise.resolve().then(function () { return require('./MaterialSurveyText.js'); });
-});
-var AsyncMaterialSurveySelectOne = React__default["default"].lazy(function () {
-  return Promise.resolve().then(function () { return require('./MaterialSurveySelectOne.js'); });
-});
-var StyledMaterialSurveyInfo = styled__default["default"].div.withConfig({
+const AsyncMaterialSurveySelectMultiple = React.lazy(() => Promise.resolve().then(function () { return require('./MaterialSurveySelectMultiple.js'); }));
+const AsyncMaterialSurveyText = React.lazy(() => Promise.resolve().then(function () { return require('./MaterialSurveyText.js'); }));
+const AsyncMaterialSurveySelectOne = React.lazy(() => Promise.resolve().then(function () { return require('./MaterialSurveySelectOne.js'); }));
+const StyledMaterialSurveyInfo = styled.div.withConfig({
   componentId: "sc-1fyzkvm-0"
 })([""]);
-var StyledMaterialSurveyContent = styled__default["default"].div.withConfig({
+const StyledMaterialSurveyContent = styled.div.withConfig({
   componentId: "sc-1fyzkvm-1"
 })([""]);
-var StyledMaterialSurveyWrapper = styled__default["default"].div.withConfig({
+const StyledMaterialSurveyWrapper = styled.div.withConfig({
   componentId: "sc-1fyzkvm-2"
-})(["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 = MaterialSurveyContext.useMaterialSurveyState(),
-    materialSurvey = _useMaterialSurveySta.materialSurvey,
-    vertical = _useMaterialSurveySta.vertical;
-  var _useMaterialSurveyDis = MaterialSurveyContext.useMaterialSurveyDispatch(),
-    setVertical = _useMaterialSurveyDis.setVertical;
-  var _useMeasure = reactUse.useMeasure(),
-    _useMeasure2 = _rollupPluginBabelHelpers.slicedToArray(_useMeasure, 2),
-    ref = _useMeasure2[0],
-    width = _useMeasure2[1].width;
-  React__default["default"].useEffect(function () {
+})(["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
+  } = MaterialSurveyContext.useMaterialSurveyState();
+  const {
+    setVertical
+  } = MaterialSurveyContext.useMaterialSurveyDispatch();
+  const [ref, {
+    width
+  }] = reactUse.useMeasure();
+  React.useEffect(() => {
     if (width > 0) {
       setVertical(width <= designTokens.base.screen.medium);
     }
   }, [width, setVertical]);
-  var Component = null;
+  let Component = null;
   switch (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0].optionType) {
     case types.enums.SurveyOptionType.SelectOne:
-      Component = React__default["default"].createElement(AsyncMaterialSurveySelectOne, null);
+      Component = React.createElement(AsyncMaterialSurveySelectOne, null);
       break;
     case types.enums.SurveyOptionType.SelectMultiple:
-      Component = React__default["default"].createElement(AsyncMaterialSurveySelectMultiple, null);
+      Component = React.createElement(AsyncMaterialSurveySelectMultiple, null);
       break;
     case types.enums.SurveyOptionType.Text:
-      Component = React__default["default"].createElement(AsyncMaterialSurveyText, null);
+      Component = React.createElement(AsyncMaterialSurveyText, null);
       break;
     default:
-      Component = React__default["default"].createElement(MaterialSurveyShimmer["default"], null);
+      Component = React.createElement(MaterialSurveyShimmer.default, null);
       break;
   }
-  return React__default["default"].createElement(React__default["default"].Suspense, {
+  return React.createElement(React.Suspense, {
     fallback: null
-  }, React__default["default"].createElement(StyledMaterialSurveyWrapper, {
+  }, React.createElement(StyledMaterialSurveyWrapper, {
     ref: ref,
     vertical: vertical
-  }, React__default["default"].createElement(StyledMaterialSurveyInfo, null, React__default["default"].createElement(MaterialSurveyInfo["default"], null)), React__default["default"].createElement(StyledMaterialSurveyContent, null, Component)));
+  }, React.createElement(StyledMaterialSurveyInfo, null, React.createElement(MaterialSurveyInfo.default, null)), React.createElement(StyledMaterialSurveyContent, null, Component)));
 };
-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__default["default"].createElement(reactIntl.IntlProvider, {
+const MaterialSurveyContainer = ({
+  materialSurveyId,
+  userId,
+  locale = 'en',
+  onSubmit,
+  onNext
+}) => {
+  return React.createElement(reactIntl.IntlProvider, {
     locale: locale,
     defaultLocale: "en",
     messages: locale in MaterialSurvey_i18n ? MaterialSurvey_i18n[locale] : MaterialSurvey_i18n.en
-  }, React__default["default"].createElement(MaterialSurveyContext.MaterialSurveyProvider, {
+  }, React.createElement(MaterialSurveyContext.MaterialSurveyProvider, {
     materialSurveyId: materialSurveyId,
     userId: userId,
     onSubmit: onSubmit,
     onNext: onNext
-  }, React__default["default"].createElement(MaterialSurvey, null)));
+  }, React.createElement(MaterialSurvey, null)));
 };
 
-exports["default"] = MaterialSurveyContainer;
+exports.default = MaterialSurveyContainer;

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

@@ -9,61 +9,58 @@ var markdown = require('@elice/markdown');
 var SurveyContentBox = require('../shared/SurveyContentBox.js');
 var MaterialSurveyContext = require('./context/MaterialSurveyContext.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var MaterialSurveyInfo = function MaterialSurveyInfo() {
-  var _useMaterialSurveySta = MaterialSurveyContext.useMaterialSurveyState(),
-    materialSurvey = _useMaterialSurveySta.materialSurvey;
-  return React__default["default"].createElement(SurveyContentBox["default"], {
+const MaterialSurveyInfo = () => {
+  const {
+    materialSurvey
+  } = MaterialSurveyContext.useMaterialSurveyState();
+  return React.createElement(SurveyContentBox.default, {
     title: materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.title
-  }, materialSurvey ? React__default["default"].createElement(blocks.Flex, null, React__default["default"].createElement(blocks.Text, {
+  }, 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__default["default"].createElement(blocks.Text, {
+  }, 'Q.'), React.createElement(blocks.Text, {
     bold: true,
     role: "white",
     size: "large",
     wordBreak: "break-word"
-  }, materialSurvey.questionInfoList[0].questionTitle)) : React__default["default"].createElement(blocks.Shimmer, {
+  }, materialSurvey.questionInfoList[0].questionTitle)) : React.createElement(blocks.Shimmer, {
     dark: true,
     borderRadius: '4px',
     width: "80%",
     height: '40px'
-  }), React__default["default"].createElement(blocks.Vspace, {
+  }), React.createElement(blocks.Vspace, {
     height: 1
-  }), materialSurvey ? React__default["default"].createElement(markdown.MarkdownSSR, {
+  }), materialSurvey ? React.createElement(markdown.MarkdownSSR, {
     children: materialSurvey.questionInfoList[0].questionDescription,
     dark: true,
     paddingx: 0,
     paddingy: 0
-  }) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Shimmer, {
+  }) : React.createElement(React.Fragment, null, 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%",
@@ -71,4 +68,4 @@ var MaterialSurveyInfo = function MaterialSurveyInfo() {
   })));
 };
 
-exports["default"] = MaterialSurveyInfo;
+exports.default = MaterialSurveyInfo;

package/cjs/components/material-survey/MaterialSurveySelectMultiple.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 apiClient = require('@elice/api-client');
@@ -17,61 +16,52 @@ var MaterialSurveyContext = require('./context/MaterialSurveyContext.js');
 var SurveyResultBadge = require('./SurveyResultBadge.js');
 var SurveySubmitStatusText = require('./SurveySubmitStatusText.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var MaterialSurveySelectMultiple = function MaterialSurveySelectMultiple() {
+const MaterialSurveySelectMultiple = () => {
   var _a;
   // context
-  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;
+  const {
+    course,
+    lecture,
+    materialSurvey,
+    userId
+  } = MaterialSurveyContext.useMaterialSurveyState();
+  const {
+    onSubmit,
+    onNext,
+    refreshOrgMaterialSurvey
+  } = MaterialSurveyContext.useMaterialSurveyDispatch();
   // 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),
-    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];
+  const intl = reactIntl.useIntl();
+  const [selectedAnswer, setSelectedAnswer] = React.useState([]);
+  const [materialSurveyResponse, setMaterialSurveyResponse] = React.useState();
+  const [submitStatus, setSubmitStatus] = React.useState('idle');
   // survey response fetcher
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (!userId && (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.lastSurveyResponseId)) {
-      var controller = new AbortController();
-      var signal = controller.signal;
+      const controller = new AbortController();
+      const {
+        signal
+      } = controller;
       apiClient.getOrgMaterialSurveyResponseGet({
         surveyResponseId: materialSurvey.lastSurveyResponseId
       }, {
-        signal: signal
-      }).then(function (response) {
+        signal
+      }).then(response => {
         setMaterialSurveyResponse(response.surveyResponse);
         setSelectedAnswer(response.surveyResponse.answers[0]);
-      }).catch(function (error) {
+      }).catch(error => {
         console.error(error);
       });
-      return function () {
-        return controller.abort();
-      };
+      return () => controller.abort();
     }
   }, [materialSurvey, userId]);
   // survey response fetcher
-  React__default["default"].useEffect(function () {
+  React.useEffect(() => {
     if (userId && materialSurvey) {
-      var controller = new AbortController();
-      var signal = controller.signal;
+      const controller = new AbortController();
+      const {
+        signal
+      } = controller;
       apiClient.getOrgMaterialSurveyResponseList({
         materialSurveyId: materialSurvey.id,
         filterUserIds: [userId],
@@ -80,10 +70,10 @@ var MaterialSurveySelectMultiple = function MaterialSurveySelectMultiple() {
         offset: 0,
         count: 1
       }, {
-        signal: signal
-      }).then(function (response) {
-        var surveyResponse = response.surveyResponses[0];
-        var getAnswer = function getAnswer() {
+        signal
+      }).then(response => {
+        const surveyResponse = response.surveyResponses[0];
+        const getAnswer = () => {
           if (!surveyResponse) {
             return [];
           }
@@ -97,75 +87,49 @@ var MaterialSurveySelectMultiple = function MaterialSurveySelectMultiple() {
         };
         setMaterialSurveyResponse(surveyResponse);
         setSelectedAnswer(getAnswer());
-      }).catch(function (error) {
+      }).catch(error => {
         console.error(error);
       });
-      return function () {
-        return controller.abort();
-      };
+      return () => controller.abort();
     }
   }, [materialSurvey, userId]);
   // submit handler
-  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 React__default["default"].createElement(SurveyContentBox["default"], {
+  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, {
     title: intl.formatMessage({
       id: 'materialSurvey.myAnswer'
     }),
     onNext: onNext,
-    submitResult: React__default["default"].createElement(SurveyResultBadge["default"], {
+    submitResult: React.createElement(SurveyResultBadge.default, {
       materialSurveyResponse: materialSurveyResponse
     }),
-    submitStatus: React__default["default"].createElement(SurveySubmitStatusText["default"], {
+    submitStatus: React.createElement(SurveySubmitStatusText.default, {
       status: submitStatus
     }),
     footerActions: [{
@@ -180,25 +144,23 @@ var MaterialSurveySelectMultiple = function MaterialSurveySelectMultiple() {
         id: 'materialSurvey.submit'
       })
     }]
-  }, React__default["default"].createElement(QuestionCheckbox["default"], {
-    onSelect: function onSelect(index$1) {
+  }, React.createElement(QuestionCheckbox.default, {
+    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]);
+      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(function (option, index) {
-    return React__default["default"].createElement(QuestionCheckboxOption["default"], {
+  }, (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__default["default"].createElement(StyledMarkdown["default"], {
+    }, (course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInSurveyOptions) ? React.createElement(StyledMarkdown.default, {
       dark: false,
       children: option,
       paddingx: 0,
@@ -207,4 +169,4 @@ var MaterialSurveySelectMultiple = function MaterialSurveySelectMultiple() {
   }) : null));
 };
 
-exports["default"] = MaterialSurveySelectMultiple;
+exports.default = MaterialSurveySelectMultiple;