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

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

@@ -2,8 +2,6 @@
 
 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');
@@ -18,61 +16,52 @@ var MaterialSurveyContext = require('./context/MaterialSurveyContext.js');
 var SurveyResultBadge = require('./SurveyResultBadge.js');
 var SurveySubmitStatusText = require('./SurveySubmitStatusText.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(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$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];
+  const intl$1 = intl.useRawEliceIntl();
+  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],
@@ -81,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 [];
           }
@@ -98,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 jsxRuntime.jsx(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$1.formatMessage({
       id: 'materialSurvey.myAnswer'
     }),
     onNext: onNext,
-    submitResult: jsxRuntime.jsx(SurveyResultBadge.default, {
+    submitResult: React.createElement(SurveyResultBadge.default, {
       materialSurveyResponse: materialSurveyResponse
     }),
-    submitStatus: jsxRuntime.jsx(SurveySubmitStatusText.default, {
+    submitStatus: React.createElement(SurveySubmitStatusText.default, {
       status: submitStatus
     }),
     footerActions: [{
@@ -180,34 +143,30 @@ var MaterialSurveySelectMultiple = function MaterialSurveySelectMultiple() {
       children: intl$1.formatMessage({
         id: 'materialSurvey.submit'
       })
-    }],
-    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
-    })
-  });
+    }]
+  }, 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));
 };
 
 exports.default = MaterialSurveySelectMultiple;

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

@@ -2,8 +2,6 @@
 
 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');
@@ -18,60 +16,51 @@ var MaterialSurveyContext = require('./context/MaterialSurveyContext.js');
 var SurveyResultBadge = require('./SurveyResultBadge.js');
 var SurveySubmitStatusText = require('./SurveySubmitStatusText.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(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$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];
+  const intl$1 = intl.useRawEliceIntl();
+  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],
@@ -80,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 || selectedAnswer === undefined)) {
-              _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, {
+  const handleSubmit = async () => {
+    if (!materialSurvey || selectedAnswer === undefined) {
+      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$1.formatMessage({
       id: 'materialSurvey.myAnswer'
     }),
     onNext: onNext,
-    submitStatus: jsxRuntime.jsx(SurveySubmitStatusText.default, {
+    submitStatus: React.createElement(SurveySubmitStatusText.default, {
       status: submitStatus
     }),
-    submitResult: jsxRuntime.jsx(SurveyResultBadge.default, {
+    submitResult: React.createElement(SurveyResultBadge.default, {
       materialSurveyResponse: materialSurveyResponse
     }),
     footerActions: [{
@@ -168,29 +131,27 @@ var MaterialSurveySelectOne = function MaterialSurveySelectOne() {
       children: intl$1.formatMessage({
         id: 'materialSurvey.submit'
       })
-    }],
-    children: jsxRuntime.jsx(QuestionRadio.default, {
-      selectedValue: selectedAnswer,
-      onSelect: function onSelect(index$1) {
-        if (index.checkUserLectureTestEnded(lecture) || !!userId) {
-          return;
-        }
-        setSelectedAnswer(index$1);
-      },
-      disabled: submitStatus === 'pending' || index.checkUserLectureTestEnded(lecture) || !!userId,
-      children: (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0].optionInfo) ? materialSurvey.questionInfoList[0].optionInfo.map(function (option, index) {
-        return jsxRuntime.jsx(QuestionRadioOption.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
-    })
-  });
+    }]
+  }, React.createElement(QuestionRadio.default, {
+    selectedValue: selectedAnswer,
+    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((option, index) => {
+    return React.createElement(QuestionRadioOption.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));
 };
 
 exports.default = MaterialSurveySelectOne;

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

@@ -2,63 +2,56 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 var MaterialSurveyContext = require('./context/MaterialSurveyContext.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(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 jsxRuntime.jsxs(StyledShimmer, {
-    vertical: vertical,
-    children: [jsxRuntime.jsx(StyledShimmerHeader, {}), jsxRuntime.jsxs(StyledShimmerBody, {
-      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'
-      })]
-    })]
-  });
+const MaterialSurveyShimmer = () => {
+  const {
+    vertical
+  } = MaterialSurveyContext.useMaterialSurveyState();
+  return React.createElement(StyledShimmer, {
+    vertical: vertical
+  }, React.createElement(StyledShimmerHeader, null), React.createElement(StyledShimmerBody, 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'
+  })));
 };
 
 exports.default = MaterialSurveyShimmer;