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

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

@@ -1,5 +1,3 @@
-import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, 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';
@@ -14,57 +12,52 @@ import { useMaterialSurveyState, useMaterialSurveyDispatch } from './context/Mat
 import SurveyResultBadge from './SurveyResultBadge.js';
 import SurveySubmitStatusText from './SurveySubmitStatusText.js';
 
-var MaterialSurveySelectMultiple = function MaterialSurveySelectMultiple() {
+const MaterialSurveySelectMultiple = () => {
   var _a;
   // context
-  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;
+  const {
+    course,
+    lecture,
+    materialSurvey,
+    userId
+  } = useMaterialSurveyState();
+  const {
+    onSubmit,
+    onNext,
+    refreshOrgMaterialSurvey
+  } = useMaterialSurveyDispatch();
   // state
-  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];
+  const intl = useRawEliceIntl();
+  const [selectedAnswer, setSelectedAnswer] = React.useState([]);
+  const [materialSurveyResponse, setMaterialSurveyResponse] = React.useState();
+  const [submitStatus, setSubmitStatus] = React.useState('idle');
   // survey response fetcher
-  React.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;
       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.useEffect(function () {
+  React.useEffect(() => {
     if (userId && materialSurvey) {
-      var controller = new AbortController();
-      var signal = controller.signal;
+      const controller = new AbortController();
+      const {
+        signal
+      } = controller;
       getOrgMaterialSurveyResponseList({
         materialSurveyId: materialSurvey.id,
         filterUserIds: [userId],
@@ -73,10 +66,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 [];
           }
@@ -90,75 +83,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 = _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: [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, {
+  const handleSubmit = async () => {
+    if (!materialSurvey) {
+      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, {
     title: intl.formatMessage({
       id: 'materialSurvey.myAnswer'
     }),
     onNext: onNext,
-    submitResult: jsx(SurveyResultBadge, {
+    submitResult: React.createElement(SurveyResultBadge, {
       materialSurveyResponse: materialSurveyResponse
     }),
-    submitStatus: jsx(SurveySubmitStatusText, {
+    submitStatus: React.createElement(SurveySubmitStatusText, {
       status: submitStatus
     }),
     footerActions: [{
@@ -172,34 +139,30 @@ var MaterialSurveySelectMultiple = function MaterialSurveySelectMultiple() {
       children: intl.formatMessage({
         id: 'materialSurvey.submit'
       })
-    }],
-    children: jsx(QuestionCheckbox, {
-      onSelect: function onSelect(index) {
-        if (checkUserLectureTestEnded(lecture) || !!userId) {
-          return;
-        }
-        setSelectedAnswer(function (prevState) {
-          var newState = prevState.includes(index) ? prevState.filter(function (ident) {
-            return ident !== index;
-          }) : [].concat(_toConsumableArray(prevState), [index]);
-          return newState;
-        });
-      },
-      selectedOptions: selectedAnswer,
-      disabled: submitStatus === 'pending' || 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 jsx(QuestionCheckboxOption, {
-          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
-    })
-  });
+    }]
+  }, React.createElement(QuestionCheckbox, {
+    onSelect: index => {
+      if (checkUserLectureTestEnded(lecture) || !!userId) {
+        return;
+      }
+      setSelectedAnswer(prevState => {
+        const newState = prevState.includes(index) ? prevState.filter(ident => ident !== index) : [...prevState, index];
+        return newState;
+      });
+    },
+    selectedOptions: selectedAnswer,
+    disabled: submitStatus === 'pending' || 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, {
+      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));
 };
 
 export { MaterialSurveySelectMultiple as default };

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

@@ -1,5 +1,3 @@
-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';
@@ -14,56 +12,51 @@ import { useMaterialSurveyState, useMaterialSurveyDispatch } from './context/Mat
 import SurveyResultBadge from './SurveyResultBadge.js';
 import SurveySubmitStatusText from './SurveySubmitStatusText.js';
 
-var MaterialSurveySelectOne = function MaterialSurveySelectOne() {
+const MaterialSurveySelectOne = () => {
   // context
-  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;
+  const {
+    course,
+    lecture,
+    materialSurvey,
+    userId
+  } = useMaterialSurveyState();
+  const {
+    onSubmit,
+    onNext,
+    refreshOrgMaterialSurvey
+  } = useMaterialSurveyDispatch();
   // state
-  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];
+  const intl = useRawEliceIntl();
+  const [selectedAnswer, setSelectedAnswer] = React.useState();
+  const [materialSurveyResponse, setMaterialSurveyResponse] = React.useState();
+  const [submitStatus, setSubmitStatus] = React.useState('idle');
   // survey response fetcher
-  React.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;
       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.useEffect(function () {
+  React.useEffect(() => {
     if (userId && materialSurvey) {
-      var controller = new AbortController();
-      var signal = controller.signal;
+      const controller = new AbortController();
+      const {
+        signal
+      } = controller;
       getOrgMaterialSurveyResponseList({
         materialSurveyId: materialSurvey.id,
         filterUserIds: [userId],
@@ -72,81 +65,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 = _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, {
+  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, {
     title: intl.formatMessage({
       id: 'materialSurvey.myAnswer'
     }),
     onNext: onNext,
-    submitStatus: jsx(SurveySubmitStatusText, {
+    submitStatus: React.createElement(SurveySubmitStatusText, {
       status: submitStatus
     }),
-    submitResult: jsx(SurveyResultBadge, {
+    submitResult: React.createElement(SurveyResultBadge, {
       materialSurveyResponse: materialSurveyResponse
     }),
     footerActions: [{
@@ -160,29 +127,27 @@ var MaterialSurveySelectOne = function MaterialSurveySelectOne() {
       children: intl.formatMessage({
         id: 'materialSurvey.submit'
       })
-    }],
-    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
-    })
-  });
+    }]
+  }, 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));
 };
 
 export { MaterialSurveySelectOne as default };

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

@@ -1,56 +1,53 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { Shimmer, Vspace } from '@elice/blocks';
 import { base } from '@elice/design-tokens';
 import styled from 'styled-components';
 import { useMaterialSurveyState } from './context/MaterialSurveyContext.js';
 
-var StyledShimmer = styled.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.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;"], base.color.navy6);
-var StyledShimmerBody = styled.div.withConfig({
+const StyledShimmerBody = styled.div.withConfig({
   componentId: "sc-1gtcofd-2"
 })(["padding:1.5rem;background-color:", ";overflow-y:auto;height:100%;"], base.color.navy7);
-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'
-      })]
-    })]
-  });
+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'
+  })));
 };
 
 export { MaterialSurveyShimmer as default };