@elice/material-survey 1.220803.0

package/README.md

@@ -0,0 +1,3 @@
+# elice-material-survey
+
+User view and editing components of Elice material survey.

package/cjs/components/material-survey/MaterialSurvey.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { MaterialSurveyProps } from './context/MaterialSurveyContext';
+declare const MaterialSurveyContainer: React.FC<MaterialSurveyProps>;
+export default MaterialSurveyContainer;

package/cjs/components/material-survey/MaterialSurvey.i18n.d.ts

@@ -0,0 +1,16 @@
+export declare const en: {
+    'materialSurvey.error': string;
+    'materialSurvey.submit': string;
+    'materialSurvey.submittedAnswer': string;
+    'materialSurvey.next': string;
+    'materialSurvey.myAnswer': string;
+    'materialSurvey.empty.title': string;
+    'materialSurvey.empty.description': string;
+    'materialSurvey.survey.empty.title': string;
+    'materialSurvey.survey.empty.description': string;
+    'materialSurvey.submitStatus.success': string;
+    'materialSurvey.submitStatus.failure': string;
+    'materialSurvey.resultStatus.submitted': string;
+    'materialSurvey.text.placeholder': string;
+};
+export declare const ko: typeof en;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const en = {
+  'materialSurvey.error': 'Failed to fetch survey',
+  'materialSurvey.submit': 'Submit',
+  'materialSurvey.submittedAnswer': 'Submitted Answer',
+  'materialSurvey.next': 'Next question >',
+  'materialSurvey.myAnswer': 'My answer',
+  'materialSurvey.empty.title': 'Survey is now preparing.',
+  'materialSurvey.empty.description': 'Please check again after survey posting!',
+  'materialSurvey.survey.empty.title': 'Survey is now preparing.',
+  'materialSurvey.survey.empty.description': 'Please check again after survey posting!',
+  'materialSurvey.submitStatus.success': 'Submitted',
+  'materialSurvey.submitStatus.failure': 'Failed to submit',
+  'materialSurvey.resultStatus.submitted': 'Submitted',
+  'materialSurvey.text.placeholder': 'please fill the answer'
+};
+const ko = {
+  'materialSurvey.error': '설문조사를 불러오는데 실패했습니다.\n잠시 후 다시 시도해주세요.',
+  'materialSurvey.submit': '제출',
+  'materialSurvey.submittedAnswer': '제출한 답',
+  'materialSurvey.next': '다음으로 이동 >',
+  'materialSurvey.myAnswer': '내 답변',
+  'materialSurvey.empty.title': '설문조사가 준비 중 입니다.',
+  'materialSurvey.empty.description': '설문조사 게시 후 다시 확인해주세요!',
+  'materialSurvey.survey.empty.title': '설문조사가 준비 중 입니다.',
+  'materialSurvey.survey.empty.description': '설문지 게시 후 다시 확인해주세요!',
+  'materialSurvey.submitStatus.success': '제출되었습니다.',
+  'materialSurvey.submitStatus.failure': '제출에 실패하였습니다.',
+  'materialSurvey.resultStatus.submitted': '제출완료',
+  'materialSurvey.text.placeholder': '답변을 입력하세요.'
+};
+
+exports.en = en;
+exports.ko = ko;

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

@@ -0,0 +1,109 @@
+'use strict';
+
+var React = require('react');
+var reactIntl = require('react-intl');
+var reactUse = require('react-use');
+var designTokens = require('@elice/design-tokens');
+var types = require('@elice/types');
+var styled = require('styled-components');
+var MaterialSurveyContext = require('./context/MaterialSurveyContext.js');
+var MaterialSurveyShimmer = require('./MaterialSurveyShimmer.js');
+var MaterialSurveyInfo = require('./MaterialSurveyInfo.js');
+var MaterialSurvey_i18n = require('./MaterialSurvey.i18n.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespaceDefaultOnly (e) { return Object.freeze({ __proto__: null, 'default': e }); }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const AsyncMaterialSurveySelectMultiple = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./MaterialSurveySelectMultiple.js')); }));
+const AsyncMaterialSurveyText = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./MaterialSurveyText.js')); }));
+const AsyncMaterialSurveySelectOne = React__default["default"].lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespaceDefaultOnly(require('./MaterialSurveySelectOne.js')); }));
+const StyledMaterialSurveyInfo = styled__default["default"].div.withConfig({
+  componentId: "sc-1fyzkvm-0"
+})([""]);
+const StyledMaterialSurveyContent = styled__default["default"].div.withConfig({
+  componentId: "sc-1fyzkvm-1"
+})([""]);
+const StyledMaterialSurveyWrapper = styled__default["default"].div.withConfig({
+  componentId: "sc-1fyzkvm-2"
+})(["display:flex;height:100%;flex-direction:", ";& > *{flex:", ";}& > *:first-child{margin-right:", ";margin-bottom:", ";}", "{height:", ";overflow-y:", ";}"], ({
+  vertical
+}) => vertical ? 'column' : 'row', ({
+  vertical
+}) => vertical ? 'auto' : '1 0 calc(50% - 1rem);', ({
+  vertical
+}) => vertical ? '0' : '1rem', ({
+  vertical
+}) => vertical ? '1rem' : '0', StyledMaterialSurveyInfo, ({
+  vertical
+}) => vertical ? 'auto' : '100%', ({
+  vertical
+}) => vertical ? 'intial' : 'auto');
+
+const MaterialSurvey = () => {
+  const {
+    materialSurvey,
+    vertical
+  } = MaterialSurveyContext.useMaterialSurveyState();
+  const {
+    setVertical
+  } = MaterialSurveyContext.useMaterialSurveyDispatch();
+  const [ref, {
+    width
+  }] = reactUse.useMeasure();
+  React__default["default"].useEffect(() => {
+    if (width > 0) {
+      setVertical(width <= designTokens.base.screen.medium);
+    }
+  }, [width, setVertical]);
+  let Component = null;
+
+  switch (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.questionInfoList[0].optionType) {
+    case types.enums.SurveyOptionType.SelectOne:
+      Component = React__default["default"].createElement(AsyncMaterialSurveySelectOne, null);
+      break;
+
+    case types.enums.SurveyOptionType.SelectMultiple:
+      Component = React__default["default"].createElement(AsyncMaterialSurveySelectMultiple, null);
+      break;
+
+    case types.enums.SurveyOptionType.Text:
+      Component = React__default["default"].createElement(AsyncMaterialSurveyText, null);
+      break;
+
+    default:
+      Component = React__default["default"].createElement(MaterialSurveyShimmer, null);
+      break;
+  }
+
+  return React__default["default"].createElement(React__default["default"].Suspense, {
+    fallback: null
+  }, React__default["default"].createElement(StyledMaterialSurveyWrapper, {
+    ref: ref,
+    vertical: vertical
+  }, React__default["default"].createElement(StyledMaterialSurveyInfo, null, React__default["default"].createElement(MaterialSurveyInfo, null)), React__default["default"].createElement(StyledMaterialSurveyContent, null, Component)));
+};
+
+const MaterialSurveyContainer = ({
+  materialSurveyId,
+  userId,
+  locale = 'en',
+  onSubmit,
+  onNext
+}) => {
+  return React__default["default"].createElement(reactIntl.IntlProvider, {
+    locale: locale,
+    defaultLocale: "en",
+    messages: locale in MaterialSurvey_i18n ? MaterialSurvey_i18n[locale] : MaterialSurvey_i18n.en
+  }, React__default["default"].createElement(MaterialSurveyContext.MaterialSurveyProvider, {
+    materialSurveyId: materialSurveyId,
+    userId: userId,
+    onSubmit: onSubmit,
+    onNext: onNext
+  }, React__default["default"].createElement(MaterialSurvey, null)));
+};
+
+module.exports = MaterialSurveyContainer;

package/cjs/components/material-survey/MaterialSurveyError.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MaterialSurveyError: React.FC;
+export default MaterialSurveyError;

package/cjs/components/material-survey/MaterialSurveyInfo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MaterialSurveyInfo: React.FC;
+export default MaterialSurveyInfo;

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

@@ -0,0 +1,73 @@
+'use strict';
+
+var React = require('react');
+var blocks = require('@elice/blocks');
+var designTokens = require('@elice/design-tokens');
+var markdown = require('@elice/markdown');
+var SurveyContentBox = require('../shared/SurveyContentBox.js');
+var MaterialSurveyContext = require('./context/MaterialSurveyContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const MaterialSurveyInfo = () => {
+  const {
+    materialSurvey
+  } = MaterialSurveyContext.useMaterialSurveyState();
+  return React__default["default"].createElement(SurveyContentBox["default"], {
+    title: materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.title
+  }, materialSurvey ? React__default["default"].createElement(blocks.Flex, null, React__default["default"].createElement(blocks.Text, {
+    bold: true,
+    size: "large",
+    customStyles: {
+      color: designTokens.base.color.primary3,
+      marginRight: '0.5rem'
+    }
+  }, 'Q.'), React__default["default"].createElement(blocks.Text, {
+    bold: true,
+    role: "white",
+    size: "large",
+    wordBreak: "break-word"
+  }, materialSurvey.questionInfoList[0].questionTitle)) : React__default["default"].createElement(blocks.Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "80%",
+    height: '40px'
+  }), React__default["default"].createElement(blocks.Vspace, {
+    height: 1
+  }), materialSurvey ? React__default["default"].createElement(markdown.MarkdownSSR, {
+    children: materialSurvey.questionInfoList[0].questionDescription,
+    dark: true,
+    paddingx: 0,
+    paddingy: 0
+  }) : React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(blocks.Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "80%",
+    height: '40px'
+  }), React__default["default"].createElement(blocks.Vspace, {
+    height: 1
+  }), React__default["default"].createElement(blocks.Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "100%",
+    height: '40px'
+  }), React__default["default"].createElement(blocks.Vspace, {
+    height: 1
+  }), React__default["default"].createElement(blocks.Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "100%",
+    height: '40px'
+  }), React__default["default"].createElement(blocks.Vspace, {
+    height: 1
+  }), React__default["default"].createElement(blocks.Shimmer, {
+    dark: true,
+    borderRadius: '4px',
+    width: "100%",
+    height: '40px'
+  })));
+};
+
+module.exports = MaterialSurveyInfo;

package/cjs/components/material-survey/MaterialSurveySelectMultiple.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MaterialSurveySelectMultiple: React.FC;
+export default MaterialSurveySelectMultiple;

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

@@ -0,0 +1,184 @@
+'use strict';
+
+var React = require('react');
+var reactIntl = require('react-intl');
+var apiClient = require('@elice/api-client');
+var index = require('../../helpers/index.js');
+require('../shared/question-radio/QuestionRadio.js');
+require('../shared/question-radio/QuestionRadioOption.js');
+var QuestionCheckbox = require('../shared/question-checkbox/QuestionCheckbox.js');
+var QuestionCheckboxOption = require('../shared/question-checkbox/QuestionCheckboxOption.js');
+var StyledMarkdown = require('../shared/StyledMarkdown.js');
+var SurveyContentBox = require('../shared/SurveyContentBox.js');
+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);
+
+const MaterialSurveySelectMultiple = () => {
+  var _a; // context
+
+
+  const {
+    course,
+    lecture,
+    materialSurvey,
+    userId
+  } = MaterialSurveyContext.useMaterialSurveyState();
+  const {
+    onSubmit,
+    onNext,
+    refreshOrgMaterialSurvey
+  } = MaterialSurveyContext.useMaterialSurveyDispatch(); // state
+
+  const intl = reactIntl.useIntl();
+  const [selectedAnswer, setSelectedAnswer] = React__default["default"].useState([]);
+  const [materialSurveyResponse, setMaterialSurveyResponse] = React__default["default"].useState();
+  const [submitStatus, setSubmitStatus] = React__default["default"].useState('idle'); // survey response fetcher
+
+  React__default["default"].useEffect(() => {
+    if (!userId && (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.lastSurveyResponseId)) {
+      const controller = new AbortController();
+      const {
+        signal
+      } = controller;
+      apiClient.getOrgMaterialSurveyResponseGet({
+        surveyResponseId: materialSurvey.lastSurveyResponseId
+      }, {
+        signal
+      }).then(response => {
+        setMaterialSurveyResponse(response.surveyResponse);
+        setSelectedAnswer(response.surveyResponse.answers[0]);
+      }).catch(error => {
+        console.error(error);
+      });
+      return () => controller.abort();
+    }
+  }, [materialSurvey, userId]); // survey response fetcher
+
+  React__default["default"].useEffect(() => {
+    if (userId && materialSurvey) {
+      const controller = new AbortController();
+      const {
+        signal
+      } = controller;
+      apiClient.getOrgMaterialSurveyResponseList({
+        materialSurveyId: materialSurvey.id,
+        filterUserIds: [userId],
+        isContainOnlyLast: true,
+        isIncludeAnswer: true,
+        offset: 0,
+        count: 1
+      }, {
+        signal
+      }).then(response => {
+        const surveyResponse = response.surveyResponses[0];
+
+        const getAnswer = () => {
+          if (!surveyResponse) {
+            return [];
+          }
+
+          if (!Array.isArray(surveyResponse.answers)) {
+            return [];
+          }
+
+          if (typeof surveyResponse.answers[0] === 'string') {
+            return [];
+          }
+
+          return surveyResponse.answers[0];
+        };
+
+        setMaterialSurveyResponse(surveyResponse);
+        setSelectedAnswer(getAnswer());
+      }).catch(error => {
+        console.error(error);
+      });
+      return () => controller.abort();
+    }
+  }, [materialSurvey, userId]); // submit handler
+
+  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__default["default"].createElement(SurveyContentBox["default"], {
+    title: intl.formatMessage({
+      id: 'materialSurvey.myAnswer'
+    }),
+    onNext: onNext,
+    submitResult: React__default["default"].createElement(SurveyResultBadge, {
+      materialSurveyResponse: materialSurveyResponse
+    }),
+    submitStatus: React__default["default"].createElement(SurveySubmitStatusText, {
+      status: submitStatus
+    }),
+    footerActions: [{
+      border: true,
+      disabled: selectedAnswer.length === 0 || index.checkUserLectureTestEnded(lecture) || !!userId,
+      loading: submitStatus === 'pending',
+      tabIndex: 0,
+      transparent: false,
+      role: 'primary',
+      onClick: handleSubmit,
+      children: intl.formatMessage({
+        id: 'materialSurvey.submit'
+      })
+    }]
+  }, React__default["default"].createElement(QuestionCheckbox, {
+    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__default["default"].createElement(QuestionCheckboxOption, {
+      key: index,
+      value: index
+    }, (course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInSurveyOptions) ? React__default["default"].createElement(StyledMarkdown, {
+      dark: false,
+      children: option,
+      paddingx: 0,
+      paddingy: 0
+    }) : option);
+  }) : null));
+};
+
+module.exports = MaterialSurveySelectMultiple;

package/cjs/components/material-survey/MaterialSurveySelectOne.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MaterialSurveySelectOne: React.FC;
+export default MaterialSurveySelectOne;

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

@@ -0,0 +1,164 @@
+'use strict';
+
+var React = require('react');
+var reactIntl = require('react-intl');
+var apiClient = require('@elice/api-client');
+var index = require('../../helpers/index.js');
+var QuestionRadio = require('../shared/question-radio/QuestionRadio.js');
+var QuestionRadioOption = require('../shared/question-radio/QuestionRadioOption.js');
+require('../shared/question-checkbox/QuestionCheckbox.js');
+require('../shared/question-checkbox/QuestionCheckboxOption.js');
+var StyledMarkdown = require('../shared/StyledMarkdown.js');
+var SurveyContentBox = require('../shared/SurveyContentBox.js');
+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);
+
+const MaterialSurveySelectOne = () => {
+  // context
+  const {
+    course,
+    lecture,
+    materialSurvey,
+    userId
+  } = MaterialSurveyContext.useMaterialSurveyState();
+  const {
+    onSubmit,
+    onNext,
+    refreshOrgMaterialSurvey
+  } = MaterialSurveyContext.useMaterialSurveyDispatch(); // state
+
+  const intl = reactIntl.useIntl();
+  const [selectedAnswer, setSelectedAnswer] = React__default["default"].useState();
+  const [materialSurveyResponse, setMaterialSurveyResponse] = React__default["default"].useState();
+  const [submitStatus, setSubmitStatus] = React__default["default"].useState('idle'); // survey response fetcher
+
+  React__default["default"].useEffect(() => {
+    if (!userId && (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.lastSurveyResponseId)) {
+      const controller = new AbortController();
+      const {
+        signal
+      } = controller;
+      apiClient.getOrgMaterialSurveyResponseGet({
+        surveyResponseId: materialSurvey.lastSurveyResponseId
+      }, {
+        signal
+      }).then(response => {
+        setMaterialSurveyResponse(response.surveyResponse);
+        setSelectedAnswer(typeof response.surveyResponse.answers[0] === 'string' ? undefined : response.surveyResponse.answers[0][0]);
+      }).catch(error => {
+        console.error(error);
+      });
+      return () => controller.abort();
+    }
+  }, [materialSurvey, userId]); // survey response fetcher
+
+  React__default["default"].useEffect(() => {
+    if (userId && materialSurvey) {
+      const controller = new AbortController();
+      const {
+        signal
+      } = controller;
+      apiClient.getOrgMaterialSurveyResponseList({
+        materialSurveyId: materialSurvey.id,
+        filterUserIds: [userId],
+        isContainOnlyLast: true,
+        isIncludeAnswer: true,
+        offset: 0,
+        count: 1
+      }, {
+        signal
+      }).then(response => {
+        var _a;
+
+        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(error => {
+        console.error(error);
+      });
+      return () => controller.abort();
+    }
+  }, [materialSurvey, userId]); // submit handler
+
+  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__default["default"].createElement(SurveyContentBox["default"], {
+    title: intl.formatMessage({
+      id: 'materialSurvey.myAnswer'
+    }),
+    onNext: onNext,
+    submitStatus: React__default["default"].createElement(SurveySubmitStatusText, {
+      status: submitStatus
+    }),
+    submitResult: React__default["default"].createElement(SurveyResultBadge, {
+      materialSurveyResponse: materialSurveyResponse
+    }),
+    footerActions: [{
+      border: true,
+      disabled: selectedAnswer === undefined || index.checkUserLectureTestEnded(lecture) || !!userId,
+      loading: submitStatus === 'pending',
+      tabIndex: 0,
+      transparent: false,
+      role: 'primary',
+      onClick: handleSubmit,
+      children: intl.formatMessage({
+        id: 'materialSurvey.submit'
+      })
+    }]
+  }, React__default["default"].createElement(QuestionRadio, {
+    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__default["default"].createElement(QuestionRadioOption, {
+      key: index,
+      value: index
+    }, (course === null || course === void 0 ? void 0 : course.preference.renderMarkdownInSurveyOptions) ? React__default["default"].createElement(StyledMarkdown, {
+      dark: false,
+      children: option,
+      paddingx: 0,
+      paddingy: 0
+    }) : option);
+  }) : null));
+};
+
+module.exports = MaterialSurveySelectOne;

package/cjs/components/material-survey/MaterialSurveyShimmer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MaterialSurveyShimmer: React.FC;
+export default MaterialSurveyShimmer;