@elice/material-survey 1.231227.0 → 1.240112.0-cloud.0

package/cjs/components/material-survey/MaterialSurveySelectOne.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,60 +16,51 @@ 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 MaterialSurveySelectOne = function MaterialSurveySelectOne() {
+const MaterialSurveySelectOne = () => {
   // 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(typeof response.surveyResponse.answers[0] === 'string' ? undefined : response.surveyResponse.answers[0][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],
@@ -79,81 +69,55 @@ var MaterialSurveySelectOne = function MaterialSurveySelectOne() {
         offset: 0,
         count: 1
       }, {
-        signal: signal
-      }).then(function (response) {
+        signal
+      }).then(response => {
         var _a;
-        var surveyResponse = response.surveyResponses[0];
+        const 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(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,
-    submitStatus: React__default["default"].createElement(SurveySubmitStatusText["default"], {
+    submitStatus: React.createElement(SurveySubmitStatusText.default, {
       status: submitStatus
     }),
-    submitResult: React__default["default"].createElement(SurveyResultBadge["default"], {
+    submitResult: React.createElement(SurveyResultBadge.default, {
       materialSurveyResponse: materialSurveyResponse
     }),
     footerActions: [{
@@ -168,20 +132,20 @@ var MaterialSurveySelectOne = function MaterialSurveySelectOne() {
         id: 'materialSurvey.submit'
       })
     }]
-  }, React__default["default"].createElement(QuestionRadio["default"], {
+  }, React.createElement(QuestionRadio.default, {
     selectedValue: selectedAnswer,
-    onSelect: function onSelect(index$1) {
+    onSelect: index$1 => {
       if (index.checkUserLectureTestEnded(lecture) || !!userId) {
         return;
       }
       setSelectedAnswer(index$1);
     },
     disabled: submitStatus === 'pending' || index.checkUserLectureTestEnded(lecture) || !!userId
-  }, (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0].optionInfo) ? materialSurvey.questionInfoList[0].optionInfo.map(function (option, index) {
-    return React__default["default"].createElement(QuestionRadioOption["default"], {
+  }, (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0].optionInfo) ? materialSurvey.questionInfoList[0].optionInfo.map((option, index) => {
+    return React.createElement(QuestionRadioOption.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,
@@ -190,4 +154,4 @@ var MaterialSurveySelectOne = function MaterialSurveySelectOne() {
   }) : null));
 };
 
-exports["default"] = MaterialSurveySelectOne;
+exports.default = MaterialSurveySelectOne;

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

@@ -8,50 +8,45 @@ var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledShimmer = styled__default["default"].div.withConfig({
+const StyledShimmer = styled.div.withConfig({
   componentId: "sc-1gtcofd-0"
-})(["display:flex;flex-direction:column;border-radius:", ";overflow:hidden;width:100%;"], function (_ref) {
-  var vertical = _ref.vertical;
-  return vertical ? '0' : '8px';
-});
-var StyledShimmerHeader = styled__default["default"].div.withConfig({
+})(["display:flex;flex-direction:column;border-radius:", ";overflow:hidden;width:100%;"], ({
+  vertical
+}) => vertical ? '0' : '8px');
+const StyledShimmerHeader = styled.div.withConfig({
   componentId: "sc-1gtcofd-1"
 })(["display:flex;justify-content:space-between;background-color:", ";padding:1rem 1.5rem;height:3.5rem;"], designTokens.base.color.navy6);
-var StyledShimmerBody = styled__default["default"].div.withConfig({
+const StyledShimmerBody = styled.div.withConfig({
   componentId: "sc-1gtcofd-2"
 })(["padding:1.5rem;background-color:", ";overflow-y:auto;height:100%;"], designTokens.base.color.navy7);
-var MaterialSurveyShimmer = function MaterialSurveyShimmer() {
-  var _useMaterialSurveySta = MaterialSurveyContext.useMaterialSurveyState(),
-    vertical = _useMaterialSurveySta.vertical;
-  return React__default["default"].createElement(StyledShimmer, {
+const MaterialSurveyShimmer = () => {
+  const {
+    vertical
+  } = MaterialSurveyContext.useMaterialSurveyState();
+  return React.createElement(StyledShimmer, {
     vertical: vertical
-  }, React__default["default"].createElement(StyledShimmerHeader, null), React__default["default"].createElement(StyledShimmerBody, null, React__default["default"].createElement(blocks.Shimmer, {
+  }, React.createElement(StyledShimmerHeader, null), React.createElement(StyledShimmerBody, 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%",
@@ -59,4 +54,4 @@ var MaterialSurveyShimmer = function MaterialSurveyShimmer() {
   })));
 };
 
-exports["default"] = MaterialSurveyShimmer;
+exports.default = MaterialSurveyShimmer;

package/cjs/components/material-survey/MaterialSurveyText.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');
@@ -14,66 +13,55 @@ 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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var StyledTextarea = styled__default["default"].textarea.withConfig({
+const StyledTextarea = styled.textarea.withConfig({
   componentId: "sc-16tkulg-0"
-})(["min-height:12rem;width:100%;padding:1rem 1.375rem;font-size:1rem;color:", ";border-radius:4px;resize:vertical;line-height:1.5rem;outline:none;background-color:", ";&::placeholder{color:", ";}&:hover{cursor:", ";}"], designTokens.base.color.navy2, designTokens.base.color.navy5, designTokens.base.color.navy2, function (_ref) {
-  var disabled = _ref.disabled;
-  return disabled ? 'not-allowed' : 'text';
-});
-var MaterialSurveyText = function MaterialSurveyText() {
+})(["min-height:12rem;width:100%;padding:1rem 1.375rem;font-size:1rem;color:", ";border-radius:4px;resize:vertical;line-height:1.5rem;outline:none;background-color:", ";&::placeholder{color:", ";}&:hover{cursor:", ";}"], designTokens.base.color.navy2, designTokens.base.color.navy5, designTokens.base.color.navy2, ({
+  disabled
+}) => disabled ? 'not-allowed' : 'text');
+const MaterialSurveyText = () => {
   // context
-  var _useMaterialSurveySta = MaterialSurveyContext.useMaterialSurveyState(),
-    lecture = _useMaterialSurveySta.lecture,
-    materialSurvey = _useMaterialSurveySta.materialSurvey,
-    userId = _useMaterialSurveySta.userId;
-  var _useMaterialSurveyDis = MaterialSurveyContext.useMaterialSurveyDispatch(),
-    onSubmit = _useMaterialSurveyDis.onSubmit,
-    onNext = _useMaterialSurveyDis.onNext,
-    refreshOrgMaterialSurvey = _useMaterialSurveyDis.refreshOrgMaterialSurvey;
+  const {
+    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),
-    materialSurveyResponse = _React$useState2[0],
-    setMaterialSurveyResponse = _React$useState2[1];
-  var _React$useState3 = React__default["default"].useState('idle'),
-    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
-    submitStatus = _React$useState4[0],
-    setSubmitStatus = _React$useState4[1];
-  var _React$useState5 = React__default["default"].useState(''),
-    _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
-    answer = _React$useState6[0],
-    setAnswer = _React$useState6[1];
+  const intl = reactIntl.useIntl();
+  const [materialSurveyResponse, setMaterialSurveyResponse] = React.useState();
+  const [submitStatus, setSubmitStatus] = React.useState('idle');
+  const [answer, setAnswer] = React.useState('');
   // 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);
         setAnswer(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],
@@ -82,72 +70,46 @@ var MaterialSurveyText = function MaterialSurveyText() {
         offset: 0,
         count: 1
       }, {
-        signal: signal
-      }).then(function (response) {
-        var surveyResponse = response.surveyResponses[0];
+        signal
+      }).then(response => {
+        const surveyResponse = response.surveyResponses[0];
         setMaterialSurveyResponse(surveyResponse);
         setAnswer(typeof (surveyResponse === null || surveyResponse === void 0 ? void 0 : surveyResponse.answers[0]) === 'string' ? surveyResponse.answers[0] : '');
-      }).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 _ref2 = _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: [answer]
-            });
-          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 _ref2.apply(this, arguments);
-    };
-  }();
-  var commonProps = {
+  const handleSubmit = async () => {
+    if (!materialSurvey) {
+      return;
+    }
+    setSubmitStatus('pending');
+    try {
+      const {
+        surveyResponseId
+      } = await apiClient.postOrgMaterialSurveyResponseAdd({
+        materialSurveyId: materialSurvey.id,
+        answers: [answer]
+      });
+      const {
+        surveyResponse
+      } = await apiClient.getOrgMaterialSurveyResponseGet({
+        surveyResponseId
+      });
+      setMaterialSurveyResponse(surveyResponse);
+      void refreshOrgMaterialSurvey();
+      onSubmit(true);
+      setSubmitStatus('resolved');
+    } catch (error) {
+      console.error(error);
+      onSubmit(false);
+      setSubmitStatus('rejected');
+    }
+  };
+  const commonProps = {
     type: 'text',
     autoFocus: answer.length === 0,
     disabled: submitStatus === 'pending' || index.checkUserLectureTestEnded(lecture) || !!userId,
@@ -155,19 +117,19 @@ var MaterialSurveyText = function MaterialSurveyText() {
       id: 'materialSurvey.text.placeholder'
     }),
     value: answer,
-    onChange: function onChange(e) {
+    onChange: e => {
       setAnswer(e.target.value);
     }
   };
-  return React__default["default"].createElement(SurveyContentBox["default"], {
+  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: [{
@@ -182,9 +144,9 @@ var MaterialSurveyText = function MaterialSurveyText() {
       role: 'primary',
       onClick: handleSubmit
     }]
-  }, React__default["default"].createElement(StyledTextarea, Object.assign({
+  }, React.createElement(StyledTextarea, Object.assign({
     id: "survey-text-answer"
   }, commonProps)));
 };
 
-exports["default"] = MaterialSurveyText;
+exports.default = MaterialSurveyText;

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

@@ -7,19 +7,14 @@ var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
 var index = require('../../helpers/index.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var SurveyResultBadge = function SurveyResultBadge(_ref) {
-  var materialSurveyResponse = _ref.materialSurveyResponse;
-  var intl = reactIntl.useIntl();
-  var status = React__default["default"].useMemo(function () {
-    return index.getSurveyResultStatus(materialSurveyResponse);
-  }, [materialSurveyResponse]);
+const SurveyResultBadge = ({
+  materialSurveyResponse
+}) => {
+  const intl = reactIntl.useIntl();
+  const status = React.useMemo(() => index.getSurveyResultStatus(materialSurveyResponse), [materialSurveyResponse]);
   switch (status) {
     case index.SurveyResultStatus.Submitted:
-      return React__default["default"].createElement(blocks.BadgeNext, {
+      return React.createElement(blocks.BadgeNext, {
         type: "quiet",
         role: "primary"
       }, intl.formatMessage({
@@ -30,4 +25,4 @@ var SurveyResultBadge = function SurveyResultBadge(_ref) {
   }
 };
 
-exports["default"] = SurveyResultBadge;
+exports.default = SurveyResultBadge;

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

@@ -6,23 +6,20 @@ var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var SurveySubmitStatusText = function SurveySubmitStatusText(_ref) {
-  var status = _ref.status;
-  var intl = reactIntl.useIntl();
+const SurveySubmitStatusText = ({
+  status
+}) => {
+  const intl = reactIntl.useIntl();
   switch (status) {
     case 'resolved':
-      return React__default["default"].createElement(blocks.StatusText, {
+      return React.createElement(blocks.StatusText, {
         role: "success",
         size: "small"
       }, intl.formatMessage({
         id: 'materialSurvey.submitStatus.success'
       }));
     case 'rejected':
-      return React__default["default"].createElement(blocks.StatusText, {
+      return React.createElement(blocks.StatusText, {
         role: "danger",
         size: "small"
       }, intl.formatMessage({
@@ -33,4 +30,4 @@ var SurveySubmitStatusText = function SurveySubmitStatusText(_ref) {
   }
 };
 
-exports["default"] = SurveySubmitStatusText;
+exports.default = SurveySubmitStatusText;