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

package/es/components/material-survey/MaterialSurveyText.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 { base } from '@elice/design-tokens';
@@ -11,61 +9,55 @@ import { useMaterialSurveyState, useMaterialSurveyDispatch } from './context/Mat
 import SurveyResultBadge from './SurveyResultBadge.js';
 import SurveySubmitStatusText from './SurveySubmitStatusText.js';
 
-var StyledTextarea = styled.textarea.withConfig({
+const StyledTextarea = styled.textarea.withConfig({
   componentId: "sc-16tkulg-0"
-})(["min-height:12rem;width:100%;padding:1rem 1.375rem;font-size:1rem;color:", ";border-radius:4px;resize:vertical;line-height:1.5rem;outline:none;background-color:", ";&::placeholder{color:", ";}&:hover{cursor:", ";}"], base.color.navy2, base.color.navy5, base.color.navy2, function (_ref) {
-  var disabled = _ref.disabled;
-  return disabled ? 'not-allowed' : 'text';
-});
-var MaterialSurveyText = function MaterialSurveyText() {
+})(["min-height:12rem;width:100%;padding:1rem 1.375rem;font-size:1rem;color:", ";border-radius:4px;resize:vertical;line-height:1.5rem;outline:none;background-color:", ";&::placeholder{color:", ";}&:hover{cursor:", ";}"], base.color.navy2, base.color.navy5, base.color.navy2, ({
+  disabled
+}) => disabled ? 'not-allowed' : 'text');
+const MaterialSurveyText = () => {
   // context
-  var _useMaterialSurveySta = useMaterialSurveyState(),
-    lecture = _useMaterialSurveySta.lecture,
-    materialSurvey = _useMaterialSurveySta.materialSurvey,
-    userId = _useMaterialSurveySta.userId;
-  var _useMaterialSurveyDis = useMaterialSurveyDispatch(),
-    onSubmit = _useMaterialSurveyDis.onSubmit,
-    onNext = _useMaterialSurveyDis.onNext,
-    refreshOrgMaterialSurvey = _useMaterialSurveyDis.refreshOrgMaterialSurvey;
+  const {
+    lecture,
+    materialSurvey,
+    userId
+  } = useMaterialSurveyState();
+  const {
+    onSubmit,
+    onNext,
+    refreshOrgMaterialSurvey
+  } = useMaterialSurveyDispatch();
   // state
-  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];
+  const intl = useRawEliceIntl();
+  const [materialSurveyResponse, setMaterialSurveyResponse] = React.useState();
+  const [submitStatus, setSubmitStatus] = React.useState('idle');
+  const [answer, setAnswer] = React.useState('');
   // 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);
         setAnswer(response.surveyResponse.answers[0]);
-      }).catch(function (error) {
+      }).catch(error => {
         console.error(error);
       });
-      return function () {
-        return controller.abort();
-      };
+      return () => controller.abort();
     }
   }, [materialSurvey, userId]);
   // survey response fetcher
-  React.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],
@@ -74,72 +66,47 @@ var MaterialSurveyText = function MaterialSurveyText() {
         offset: 0,
         count: 1
       }, {
-        signal: signal
-      }).then(function (response) {
-        var surveyResponse = response.surveyResponses[0];
+        signal
+      }).then(response => {
+        const surveyResponse = response.surveyResponses[0];
         setMaterialSurveyResponse(surveyResponse);
         setAnswer(typeof (surveyResponse === null || surveyResponse === void 0 ? void 0 : surveyResponse.answers[0]) === 'string' ? surveyResponse.answers[0] : '');
-      }).catch(function (error) {
+      }).catch(error => {
         console.error(error);
       });
-      return function () {
-        return controller.abort();
-      };
+      return () => controller.abort();
     }
   }, [materialSurvey, userId]);
   // submit handler
-  var handleSubmit = /*#__PURE__*/function () {
-    var _ref2 = _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 = {
+  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 = {
     type: 'text',
     autoFocus: answer.length === 0,
     disabled: submitStatus === 'pending' || checkUserLectureTestEnded(lecture) || !!userId,
@@ -147,19 +114,19 @@ var MaterialSurveyText = function MaterialSurveyText() {
       id: 'materialSurvey.text.placeholder'
     }),
     value: answer,
-    onChange: function onChange(e) {
+    onChange: e => {
       setAnswer(e.target.value);
     }
   };
-  return jsx(SurveyContentBox, {
+  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: [{
@@ -173,11 +140,10 @@ var MaterialSurveyText = function MaterialSurveyText() {
       transparent: false,
       role: 'primary',
       onClick: handleSubmit
-    }],
-    children: jsx(StyledTextarea, Object.assign({
-      id: "survey-text-answer"
-    }, commonProps))
-  });
+    }]
+  }, React.createElement(StyledTextarea, Object.assign({
+    id: "survey-text-answer"
+  }, commonProps)));
 };
 
 export { MaterialSurveyText as default };

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

@@ -1,24 +1,21 @@
-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';
 
-var SurveyResultBadge = function SurveyResultBadge(_ref) {
-  var materialSurveyResponse = _ref.materialSurveyResponse;
-  var intl = useRawEliceIntl();
-  var status = React.useMemo(function () {
-    return getSurveyResultStatus(materialSurveyResponse);
-  }, [materialSurveyResponse]);
+const SurveyResultBadge = ({
+  materialSurveyResponse
+}) => {
+  const intl = useRawEliceIntl();
+  const status = React.useMemo(() => getSurveyResultStatus(materialSurveyResponse), [materialSurveyResponse]);
   switch (status) {
     case SurveyResultStatus.Submitted:
-      return jsx(BadgeNext, {
+      return React.createElement(BadgeNext, {
         type: "quiet",
-        role: "primary",
-        children: intl.formatMessage({
-          id: 'materialSurvey.resultStatus.submitted'
-        })
-      });
+        role: "primary"
+      }, intl.formatMessage({
+        id: 'materialSurvey.resultStatus.submitted'
+      }));
     default:
       return null;
   }

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

@@ -1,32 +1,31 @@
-import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { StatusText } from '@elice/blocks';
 import { useRawEliceIntl } from '@elice/intl';
 import { colors } from '@elice/mui-system';
 import styled from 'styled-components';
 
-var StyledSuccessStatusText = styled(StatusText).withConfig({
+const StyledSuccessStatusText = styled(StatusText).withConfig({
   componentId: "sc-szxa5m-0"
 })(["color:", ";"], colors.green[400]);
-var SurveySubmitStatusText = function SurveySubmitStatusText(_ref) {
-  var status = _ref.status;
-  var intl = useRawEliceIntl();
+const SurveySubmitStatusText = ({
+  status
+}) => {
+  const intl = useRawEliceIntl();
   switch (status) {
     case 'resolved':
-      return jsx(StyledSuccessStatusText, {
+      return React.createElement(StyledSuccessStatusText, {
         role: "success",
-        size: "small",
-        children: intl.formatMessage({
-          id: 'materialSurvey.submitStatus.success'
-        })
-      });
+        size: "small"
+      }, intl.formatMessage({
+        id: 'materialSurvey.submitStatus.success'
+      }));
     case 'rejected':
-      return jsx(StatusText, {
+      return React.createElement(StatusText, {
         role: "danger",
-        size: "small",
-        children: intl.formatMessage({
-          id: 'materialSurvey.submitStatus.failure'
-        })
-      });
+        size: "small"
+      }, intl.formatMessage({
+        id: 'materialSurvey.submitStatus.failure'
+      }));
     default:
       return null;
   }

package/es/components/material-survey/context/MaterialSurveyContext.d.ts

@@ -25,7 +25,7 @@ interface DispatchContextType {
     setVertical: React.Dispatch<React.SetStateAction<boolean>>;
     onNext?: () => void;
 }
-declare function MaterialSurveyProvider({ materialSurveyId, userId, onSubmit, onNext, children, }: MaterialSurveyProviderProps): JSX.Element;
+declare function MaterialSurveyProvider({ materialSurveyId, userId, onSubmit, onNext, children, }: MaterialSurveyProviderProps): React.JSX.Element;
 declare function useMaterialSurveyState(): State;
 declare function useMaterialSurveyDispatch(): DispatchContextType;
 export { MaterialSurveyProvider, useMaterialSurveyState, useMaterialSurveyDispatch, };

package/es/components/material-survey/context/MaterialSurveyContext.js

@@ -1,137 +1,100 @@
-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 { config, getOrgMaterialSurveyGet, getOrgLectureGet, getOrgCourseGet } from '@elice/api-client';
+import { config, getOrgMaterialSurveyGet, getOrgCourseGet, getOrgLectureGet } from '@elice/api-client';
 import { useMaterialConfigApiClientUpdate, useMaterialFetchRaw } from '@elice/material-shared-utils';
 import { enums } from '@elice/types';
 
-var StateContext = React.createContext(undefined);
-var DispatchContext = React.createContext(undefined);
+const StateContext = React.createContext(undefined);
+const DispatchContext = React.createContext(undefined);
 StateContext.displayName = 'MaterialSurveyStateContext';
 DispatchContext.displayName = 'MaterialSurveyDispatchContext';
-function MaterialSurveyProvider(_ref) {
-  var materialSurveyId = _ref.materialSurveyId,
-    userId = _ref.userId,
-    _ref$onSubmit = _ref.onSubmit,
-    onSubmit = _ref$onSubmit === void 0 ? function () {
-      return void 0;
-    } : _ref$onSubmit,
-    onNext = _ref.onNext,
-    children = _ref.children;
-  var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    course = _React$useState2[0],
-    setCourse = _React$useState2[1];
-  var _React$useState3 = React.useState(),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    lecture = _React$useState4[0],
-    setLecture = _React$useState4[1];
-  var _React$useState5 = React.useState('idle'),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    initStatus = _React$useState6[0],
-    setInitStatus = _React$useState6[1];
-  var _React$useState7 = React.useState(false),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    vertical = _React$useState8[0],
-    setVertical = _React$useState8[1];
-  var canInit = useMaterialConfigApiClientUpdate(config.init);
-  var _useMaterialFetchRaw = useMaterialFetchRaw(enums.LectureMaterialType.Survey, React.useCallback(function (signal) {
-      return getOrgMaterialSurveyGet({
-        materialSurveyId: materialSurveyId
+function MaterialSurveyProvider({
+  materialSurveyId,
+  userId,
+  onSubmit = () => void 0,
+  onNext,
+  children
+}) {
+  const [course, setCourse] = React.useState();
+  const [lecture, setLecture] = React.useState();
+  const [initStatus, setInitStatus] = React.useState('idle');
+  const [vertical, setVertical] = React.useState(false);
+  const canInit = useMaterialConfigApiClientUpdate(config.init);
+  const {
+    materialSurvey,
+    materialLecturePage,
+    refetch: refreshOrgMaterialSurvey
+  } = useMaterialFetchRaw(enums.LectureMaterialType.Survey, React.useCallback(signal => getOrgMaterialSurveyGet({
+    materialSurveyId
+  }, {
+    signal
+  }), [materialSurveyId]), canInit);
+  const doInitilize = React.useCallback(async () => {
+    const controller = new AbortController();
+    const {
+      signal
+    } = controller;
+    try {
+      setInitStatus('pending');
+      if (!materialLecturePage) {
+        throw new Error('materialSurvey is not ready');
+      }
+      // fetch course
+      const {
+        course
+      } = await getOrgCourseGet({
+        courseId: materialLecturePage.courseId
       }, {
-        signal: signal
+        signal
       });
-    }, [materialSurveyId]), canInit),
-    materialSurvey = _useMaterialFetchRaw.materialSurvey,
-    materialLecturePage = _useMaterialFetchRaw.materialLecturePage,
-    refreshOrgMaterialSurvey = _useMaterialFetchRaw.refetch;
-  var doInitilize = React.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var controller, signal, _yield$getOrgCourseGe, _course, _yield$getOrgLectureG, _lecture;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          controller = new AbortController();
-          signal = controller.signal;
-          _context.prev = 2;
-          setInitStatus('pending');
-          if (materialLecturePage) {
-            _context.next = 6;
-            break;
-          }
-          throw new Error('materialSurvey is not ready');
-        case 6:
-          _context.next = 8;
-          return getOrgCourseGet({
-            courseId: materialLecturePage.courseId
-          }, {
-            signal: signal
-          });
-        case 8:
-          _yield$getOrgCourseGe = _context.sent;
-          _course = _yield$getOrgCourseGe.course;
-          _context.next = 12;
-          return getOrgLectureGet({
-            lectureId: materialLecturePage.lectureId
-          }, {
-            signal: signal
-          });
-        case 12:
-          _yield$getOrgLectureG = _context.sent;
-          _lecture = _yield$getOrgLectureG.lecture;
-          setCourse(_course);
-          setLecture(_lecture);
-          setInitStatus('resolved');
-          _context.next = 23;
-          break;
-        case 19:
-          _context.prev = 19;
-          _context.t0 = _context["catch"](2);
-          console.error(_context.t0);
-          setInitStatus('rejected');
-        case 23:
-          return _context.abrupt("return", function () {
-            return controller.abort();
-          });
-        case 24:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[2, 19]]);
-  })), [materialLecturePage]);
-  React.useEffect(function () {
+      // fetch lecture
+      const {
+        lecture
+      } = await getOrgLectureGet({
+        lectureId: materialLecturePage.lectureId
+      }, {
+        signal
+      });
+      setCourse(course);
+      setLecture(lecture);
+      setInitStatus('resolved');
+    } catch (error) {
+      console.error(error);
+      setInitStatus('rejected');
+    }
+    return () => controller.abort();
+  }, [materialLecturePage]);
+  React.useEffect(() => {
     if (canInit && materialLecturePage) {
       void doInitilize();
     }
   }, [canInit, materialLecturePage, doInitilize]);
-  return jsx(StateContext.Provider, {
+  return React.createElement(StateContext.Provider, {
     value: {
-      course: course,
-      lecture: lecture,
+      course,
+      lecture,
       materialSurvey: materialSurvey !== null && materialSurvey !== void 0 ? materialSurvey : undefined,
-      userId: userId,
-      vertical: vertical,
-      initStatus: initStatus
-    },
-    children: jsx(DispatchContext.Provider, {
-      value: {
-        onSubmit: onSubmit,
-        onNext: onNext,
-        refreshOrgMaterialSurvey: refreshOrgMaterialSurvey,
-        setVertical: setVertical
-      },
-      children: children
-    })
-  });
+      userId,
+      vertical,
+      initStatus
+    }
+  }, React.createElement(DispatchContext.Provider, {
+    value: {
+      onSubmit,
+      onNext,
+      refreshOrgMaterialSurvey,
+      setVertical
+    }
+  }, children));
 }
 function useMaterialSurveyState() {
-  var context = React.useContext(StateContext);
+  const context = React.useContext(StateContext);
   if (context === undefined) {
     throw new Error('useMaterialSurveyState must be used within a MaterialSurveyProvider');
   }
   return context;
 }
 function useMaterialSurveyDispatch() {
-  var context = React.useContext(DispatchContext);
+  const context = React.useContext(DispatchContext);
   if (context === undefined) {
     throw new Error('useMaterialSurveyDispatch must be used within a MaterialSurveyProvider');
   }