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

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

@@ -1,3 +1,5 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { getOrgMaterialSurveyResponseGet, getOrgMaterialSurveyResponseList, postOrgMaterialSurveyResponseAdd } from '@elice/api-client';
 import { useRawEliceIntl } from '@elice/intl';
@@ -12,51 +14,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();
+  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
-  const intl = useRawEliceIntl();
-  const [selectedAnswer, setSelectedAnswer] = React.useState();
-  const [materialSurveyResponse, setMaterialSurveyResponse] = React.useState();
-  const [submitStatus, setSubmitStatus] = React.useState('idle');
+  var intl = useRawEliceIntl();
+  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(() => {
+  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(() => {
+  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,55 +72,81 @@ 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();
+      return function () {
+        return controller.abort();
+      };
     }
   }, [materialSurvey, userId]);
   // submit handler
-  const handleSubmit = async () => {
-    if (!materialSurvey || selectedAnswer === undefined) {
-      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 React.createElement(SurveyContentBox, {
+  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 || selectedAnswer === undefined)) {
+              _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 jsx(SurveyContentBox, {
     title: intl.formatMessage({
       id: 'materialSurvey.myAnswer'
     }),
     onNext: onNext,
-    submitStatus: React.createElement(SurveySubmitStatusText, {
+    submitStatus: jsx(SurveySubmitStatusText, {
       status: submitStatus
     }),
-    submitResult: React.createElement(SurveyResultBadge, {
+    submitResult: jsx(SurveyResultBadge, {
       materialSurveyResponse: materialSurveyResponse
     }),
     footerActions: [{
@@ -127,27 +160,29 @@ const MaterialSurveySelectOne = () => {
       children: intl.formatMessage({
         id: 'materialSurvey.submit'
       })
-    }]
-  }, React.createElement(QuestionRadio, {
-    selectedValue: selectedAnswer,
-    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) => {
-    return React.createElement(QuestionRadioOption, {
-      key: index,
-      value: index
-    }, (course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInSurveyOptions) ? React.createElement(StyledMarkdown, {
-      dark: false,
-      children: option,
-      paddingx: 0,
-      paddingy: 0
-    }) : option);
-  }) : null));
+    }],
+    children: jsx(QuestionRadio, {
+      selectedValue: selectedAnswer,
+      onSelect: function onSelect(index) {
+        if (checkUserLectureTestEnded(lecture) || !!userId) {
+          return;
+        }
+        setSelectedAnswer(index);
+      },
+      disabled: submitStatus === 'pending' || checkUserLectureTestEnded(lecture) || !!userId,
+      children: (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0].optionInfo) ? materialSurvey.questionInfoList[0].optionInfo.map(function (option, index) {
+        return jsx(QuestionRadioOption, {
+          value: index,
+          children: (course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInSurveyOptions) ? jsx(StyledMarkdown, {
+            dark: false,
+            children: option,
+            paddingx: 0,
+            paddingy: 0
+          }) : option
+        }, index);
+      }) : null
+    })
+  });
 };
 
 export { MaterialSurveySelectOne as default };

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

@@ -1,53 +1,56 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Shimmer, Vspace } from '@elice/blocks';
 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();
-  return React.createElement(StyledShimmer, {
-    vertical: vertical
-  }, React.createElement(StyledShimmerHeader, null), React.createElement(StyledShimmerBody, null, React.createElement(Shimmer, {
-    dark: true,
-    borderRadius: '4px',
-    width: "80%",
-    height: '40px'
-  }), React.createElement(Vspace, {
-    height: 1
-  }), React.createElement(Shimmer, {
-    dark: true,
-    borderRadius: '4px',
-    width: "100%",
-    height: '40px'
-  }), React.createElement(Vspace, {
-    height: 1
-  }), React.createElement(Shimmer, {
-    dark: true,
-    borderRadius: '4px',
-    width: "100%",
-    height: '40px'
-  }), React.createElement(Vspace, {
-    height: 1
-  }), React.createElement(Shimmer, {
-    dark: true,
-    borderRadius: '4px',
-    width: "100%",
-    height: '40px'
-  })));
+var MaterialSurveyShimmer = function MaterialSurveyShimmer() {
+  var _useMaterialSurveySta = useMaterialSurveyState(),
+    vertical = _useMaterialSurveySta.vertical;
+  return jsxs(StyledShimmer, {
+    vertical: vertical,
+    children: [jsx(StyledShimmerHeader, {}), jsxs(StyledShimmerBody, {
+      children: [jsx(Shimmer, {
+        dark: true,
+        borderRadius: '4px',
+        width: "80%",
+        height: '40px'
+      }), jsx(Vspace, {
+        height: 1
+      }), jsx(Shimmer, {
+        dark: true,
+        borderRadius: '4px',
+        width: "100%",
+        height: '40px'
+      }), jsx(Vspace, {
+        height: 1
+      }), jsx(Shimmer, {
+        dark: true,
+        borderRadius: '4px',
+        width: "100%",
+        height: '40px'
+      }), jsx(Vspace, {
+        height: 1
+      }), jsx(Shimmer, {
+        dark: true,
+        borderRadius: '4px',
+        width: "100%",
+        height: '40px'
+      })]
+    })]
+  });
 };
 
 export { MaterialSurveyShimmer as default };

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

@@ -1,3 +1,5 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { getOrgMaterialSurveyResponseGet, getOrgMaterialSurveyResponseList, postOrgMaterialSurveyResponseAdd } from '@elice/api-client';
 import { base } from '@elice/design-tokens';
@@ -9,55 +11,61 @@ import { useMaterialSurveyState, useMaterialSurveyDispatch } from './context/Mat
 import SurveyResultBadge from './SurveyResultBadge.js';
 import SurveySubmitStatusText from './SurveySubmitStatusText.js';
 
-const StyledTextarea = styled.textarea.withConfig({
+var 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:", ";}"], base.color.navy2, base.color.navy5, base.color.navy2, ({
-  disabled
-}) => disabled ? 'not-allowed' : 'text');
-const 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:", ";}"], base.color.navy2, base.color.navy5, base.color.navy2, function (_ref) {
+  var disabled = _ref.disabled;
+  return disabled ? 'not-allowed' : 'text';
+});
+var MaterialSurveyText = function MaterialSurveyText() {
   // context
-  const {
-    lecture,
-    materialSurvey,
-    userId
-  } = useMaterialSurveyState();
-  const {
-    onSubmit,
-    onNext,
-    refreshOrgMaterialSurvey
-  } = useMaterialSurveyDispatch();
+  var _useMaterialSurveySta = useMaterialSurveyState(),
+    lecture = _useMaterialSurveySta.lecture,
+    materialSurvey = _useMaterialSurveySta.materialSurvey,
+    userId = _useMaterialSurveySta.userId;
+  var _useMaterialSurveyDis = useMaterialSurveyDispatch(),
+    onSubmit = _useMaterialSurveyDis.onSubmit,
+    onNext = _useMaterialSurveyDis.onNext,
+    refreshOrgMaterialSurvey = _useMaterialSurveyDis.refreshOrgMaterialSurvey;
   // state
-  const intl = useRawEliceIntl();
-  const [materialSurveyResponse, setMaterialSurveyResponse] = React.useState();
-  const [submitStatus, setSubmitStatus] = React.useState('idle');
-  const [answer, setAnswer] = React.useState('');
+  var intl = useRawEliceIntl();
+  var _React$useState = React.useState(),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    materialSurveyResponse = _React$useState2[0],
+    setMaterialSurveyResponse = _React$useState2[1];
+  var _React$useState3 = React.useState('idle'),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    submitStatus = _React$useState4[0],
+    setSubmitStatus = _React$useState4[1];
+  var _React$useState5 = React.useState(''),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    answer = _React$useState6[0],
+    setAnswer = _React$useState6[1];
   // survey response fetcher
-  React.useEffect(() => {
+  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);
         setAnswer(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.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],
@@ -66,47 +74,72 @@ const MaterialSurveyText = () => {
         offset: 0,
         count: 1
       }, {
-        signal
-      }).then(response => {
-        const surveyResponse = response.surveyResponses[0];
+        signal: signal
+      }).then(function (response) {
+        var surveyResponse = response.surveyResponses[0];
         setMaterialSurveyResponse(surveyResponse);
         setAnswer(typeof (surveyResponse === null || surveyResponse === void 0 ? void 0 : surveyResponse.answers[0]) === 'string' ? surveyResponse.answers[0] : '');
-      }).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: [answer] // FIXME: Type mismatch
-      });
-
-      const {
-        surveyResponse
-      } = await getOrgMaterialSurveyResponseGet({
-        surveyResponseId
-      });
-      setMaterialSurveyResponse(surveyResponse);
-      void refreshOrgMaterialSurvey();
-      onSubmit(true);
-      setSubmitStatus('resolved');
-    } catch (error) {
-      console.error(error);
-      onSubmit(false);
-      setSubmitStatus('rejected');
-    }
-  };
-  const commonProps = {
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref2 = _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: [answer] // FIXME: Type mismatch
+            });
+          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 _ref2.apply(this, arguments);
+    };
+  }();
+  var commonProps = {
     type: 'text',
     autoFocus: answer.length === 0,
     disabled: submitStatus === 'pending' || checkUserLectureTestEnded(lecture) || !!userId,
@@ -114,19 +147,19 @@ const MaterialSurveyText = () => {
       id: 'materialSurvey.text.placeholder'
     }),
     value: answer,
-    onChange: e => {
+    onChange: function onChange(e) {
       setAnswer(e.target.value);
     }
   };
-  return React.createElement(SurveyContentBox, {
+  return jsx(SurveyContentBox, {
     title: intl.formatMessage({
       id: 'materialSurvey.myAnswer'
     }),
     onNext: onNext,
-    submitResult: React.createElement(SurveyResultBadge, {
+    submitResult: jsx(SurveyResultBadge, {
       materialSurveyResponse: materialSurveyResponse
     }),
-    submitStatus: React.createElement(SurveySubmitStatusText, {
+    submitStatus: jsx(SurveySubmitStatusText, {
       status: submitStatus
     }),
     footerActions: [{
@@ -140,10 +173,11 @@ const MaterialSurveyText = () => {
       transparent: false,
       role: 'primary',
       onClick: handleSubmit
-    }]
-  }, React.createElement(StyledTextarea, Object.assign({
-    id: "survey-text-answer"
-  }, commonProps)));
+    }],
+    children: jsx(StyledTextarea, Object.assign({
+      id: "survey-text-answer"
+    }, commonProps))
+  });
 };
 
 export { MaterialSurveyText as default };

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

@@ -1,21 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import { BadgeNext } from '@elice/blocks';
 import { useRawEliceIntl } from '@elice/intl';
 import { getSurveyResultStatus, SurveyResultStatus } from '../../helpers/index.js';
 
-const SurveyResultBadge = ({
-  materialSurveyResponse
-}) => {
-  const intl = useRawEliceIntl();
-  const status = React.useMemo(() => getSurveyResultStatus(materialSurveyResponse), [materialSurveyResponse]);
+var SurveyResultBadge = function SurveyResultBadge(_ref) {
+  var materialSurveyResponse = _ref.materialSurveyResponse;
+  var intl = useRawEliceIntl();
+  var status = React.useMemo(function () {
+    return getSurveyResultStatus(materialSurveyResponse);
+  }, [materialSurveyResponse]);
   switch (status) {
     case SurveyResultStatus.Submitted:
-      return React.createElement(BadgeNext, {
+      return jsx(BadgeNext, {
         type: "quiet",
-        role: "primary"
-      }, intl.formatMessage({
-        id: 'materialSurvey.resultStatus.submitted'
-      }));
+        role: "primary",
+        children: intl.formatMessage({
+          id: 'materialSurvey.resultStatus.submitted'
+        })
+      });
     default:
       return null;
   }