@elice/material-survey 1.230328.0 → 1.230418.0

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

@@ -1,5 +1,8 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var reactIntl = require('react-intl');
 var apiClient = require('@elice/api-client');
@@ -16,56 +19,61 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledTextarea = styled__default["default"].textarea.withConfig({
+var StyledTextarea = styled__default["default"].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:", ";}"], designTokens.base.color.navy2, designTokens.base.color.navy5, designTokens.base.color.navy2, ({
-  disabled
-}) => disabled ? 'not-allowed' : 'text');
-
-const MaterialSurveyText = () => {
+})(["min-height:12rem;width:100%;padding:1rem 1.375rem;font-size:1rem;color:", ";border-radius:4px;resize:vertical;line-height:1.5rem;outline:none;background-color:", ";&::placeholder{color:", ";}&:hover{cursor:", ";}"], designTokens.base.color.navy2, designTokens.base.color.navy5, designTokens.base.color.navy2, function (_ref) {
+  var disabled = _ref.disabled;
+  return disabled ? 'not-allowed' : 'text';
+});
+var MaterialSurveyText = function MaterialSurveyText() {
   // context
-  const {
-    lecture,
-    materialSurvey,
-    userId
-  } = MaterialSurveyContext.useMaterialSurveyState();
-  const {
-    onSubmit,
-    onNext,
-    refreshOrgMaterialSurvey
-  } = MaterialSurveyContext.useMaterialSurveyDispatch(); // state
-
-  const intl = reactIntl.useIntl();
-  const [materialSurveyResponse, setMaterialSurveyResponse] = React__default["default"].useState();
-  const [submitStatus, setSubmitStatus] = React__default["default"].useState('idle');
-  const [answer, setAnswer] = React__default["default"].useState(''); // survey response fetcher
-
-  React__default["default"].useEffect(() => {
+  var _useMaterialSurveySta = MaterialSurveyContext.useMaterialSurveyState(),
+    lecture = _useMaterialSurveySta.lecture,
+    materialSurvey = _useMaterialSurveySta.materialSurvey,
+    userId = _useMaterialSurveySta.userId;
+  var _useMaterialSurveyDis = MaterialSurveyContext.useMaterialSurveyDispatch(),
+    onSubmit = _useMaterialSurveyDis.onSubmit,
+    onNext = _useMaterialSurveyDis.onNext,
+    refreshOrgMaterialSurvey = _useMaterialSurveyDis.refreshOrgMaterialSurvey;
+  // state
+  var intl = reactIntl.useIntl();
+  var _React$useState = React__default["default"].useState(),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    materialSurveyResponse = _React$useState2[0],
+    setMaterialSurveyResponse = _React$useState2[1];
+  var _React$useState3 = React__default["default"].useState('idle'),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    submitStatus = _React$useState4[0],
+    setSubmitStatus = _React$useState4[1];
+  var _React$useState5 = React__default["default"].useState(''),
+    _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
+    answer = _React$useState6[0],
+    setAnswer = _React$useState6[1];
+  // survey response fetcher
+  React__default["default"].useEffect(function () {
     if (!userId && (materialSurvey === null || materialSurvey === void 0 ? void 0 : materialSurvey.lastSurveyResponseId)) {
-      const controller = new AbortController();
-      const {
-        signal
-      } = controller;
+      var controller = new AbortController();
+      var signal = controller.signal;
       apiClient.getOrgMaterialSurveyResponseGet({
         surveyResponseId: materialSurvey.lastSurveyResponseId
       }, {
-        signal
-      }).then(response => {
+        signal: signal
+      }).then(function (response) {
         setMaterialSurveyResponse(response.surveyResponse);
         setAnswer(response.surveyResponse.answers[0]);
-      }).catch(error => {
+      }).catch(function (error) {
         console.error(error);
       });
-      return () => controller.abort();
+      return function () {
+        return controller.abort();
+      };
     }
-  }, [materialSurvey, userId]); // survey response fetcher
-
-  React__default["default"].useEffect(() => {
+  }, [materialSurvey, userId]);
+  // survey response fetcher
+  React__default["default"].useEffect(function () {
     if (userId && materialSurvey) {
-      const controller = new AbortController();
-      const {
-        signal
-      } = controller;
+      var controller = new AbortController();
+      var signal = controller.signal;
       apiClient.getOrgMaterialSurveyResponseList({
         materialSurveyId: materialSurvey.id,
         filterUserIds: [userId],
@@ -74,49 +82,72 @@ const MaterialSurveyText = () => {
         offset: 0,
         count: 1
       }, {
-        signal
-      }).then(response => {
-        const surveyResponse = response.surveyResponses[0];
+        signal: signal
+      }).then(function (response) {
+        var surveyResponse = response.surveyResponses[0];
         setMaterialSurveyResponse(surveyResponse);
         setAnswer(typeof (surveyResponse === null || surveyResponse === void 0 ? void 0 : surveyResponse.answers[0]) === 'string' ? surveyResponse.answers[0] : '');
-      }).catch(error => {
+      }).catch(function (error) {
         console.error(error);
       });
-      return () => controller.abort();
-    }
-  }, [materialSurvey, userId]); // submit handler
-
-  const handleSubmit = async () => {
-    if (!materialSurvey) {
-      return;
+      return function () {
+        return controller.abort();
+      };
     }
-
-    setSubmitStatus('pending');
-
-    try {
-      const {
-        surveyResponseId
-      } = await apiClient.postOrgMaterialSurveyResponseAdd({
-        materialSurveyId: materialSurvey.id,
-        answers: [answer]
-      });
-      const {
-        surveyResponse
-      } = await apiClient.getOrgMaterialSurveyResponseGet({
-        surveyResponseId
-      });
-      setMaterialSurveyResponse(surveyResponse);
-      void refreshOrgMaterialSurvey();
-      onSubmit(true);
-      setSubmitStatus('resolved');
-    } catch (error) {
-      console.error(error);
-      onSubmit(false);
-      setSubmitStatus('rejected');
-    }
-  };
-
-  const commonProps = {
+  }, [materialSurvey, userId]);
+  // submit handler
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref2 = _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: [answer]
+            });
+          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 _ref2.apply(this, arguments);
+    };
+  }();
+  var commonProps = {
     type: 'text',
     autoFocus: answer.length === 0,
     disabled: submitStatus === 'pending' || index.checkUserLectureTestEnded(lecture) || !!userId,
@@ -124,7 +155,7 @@ const MaterialSurveyText = () => {
       id: 'materialSurvey.text.placeholder'
     }),
     value: answer,
-    onChange: e => {
+    onChange: function onChange(e) {
       setAnswer(e.target.value);
     }
   };
@@ -133,10 +164,10 @@ const MaterialSurveyText = () => {
       id: 'materialSurvey.myAnswer'
     }),
     onNext: onNext,
-    submitResult: React__default["default"].createElement(SurveyResultBadge, {
+    submitResult: React__default["default"].createElement(SurveyResultBadge["default"], {
       materialSurveyResponse: materialSurveyResponse
     }),
-    submitStatus: React__default["default"].createElement(SurveySubmitStatusText, {
+    submitStatus: React__default["default"].createElement(SurveySubmitStatusText["default"], {
       status: submitStatus
     }),
     footerActions: [{
@@ -156,4 +187,4 @@ const MaterialSurveyText = () => {
   }, commonProps)));
 };
 
-module.exports = MaterialSurveyText;
+exports["default"] = MaterialSurveyText;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
@@ -9,12 +11,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const SurveyResultBadge = ({
-  materialSurveyResponse
-}) => {
-  const intl = reactIntl.useIntl();
-  const status = React__default["default"].useMemo(() => index.getSurveyResultStatus(materialSurveyResponse), [materialSurveyResponse]);
-
+var SurveyResultBadge = function SurveyResultBadge(_ref) {
+  var materialSurveyResponse = _ref.materialSurveyResponse;
+  var intl = reactIntl.useIntl();
+  var status = React__default["default"].useMemo(function () {
+    return index.getSurveyResultStatus(materialSurveyResponse);
+  }, [materialSurveyResponse]);
   switch (status) {
     case index.SurveyResultStatus.Submitted:
       return React__default["default"].createElement(blocks.BadgeNext, {
@@ -23,10 +25,9 @@ const SurveyResultBadge = ({
       }, intl.formatMessage({
         id: 'materialSurvey.resultStatus.submitted'
       }));
-
     default:
       return null;
   }
 };
 
-module.exports = SurveyResultBadge;
+exports["default"] = SurveyResultBadge;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 var reactIntl = require('react-intl');
 var blocks = require('@elice/blocks');
@@ -8,11 +10,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const SurveySubmitStatusText = ({
-  status
-}) => {
-  const intl = reactIntl.useIntl();
-
+var SurveySubmitStatusText = function SurveySubmitStatusText(_ref) {
+  var status = _ref.status;
+  var intl = reactIntl.useIntl();
   switch (status) {
     case 'resolved':
       return React__default["default"].createElement(blocks.StatusText, {
@@ -21,7 +21,6 @@ const SurveySubmitStatusText = ({
       }, intl.formatMessage({
         id: 'materialSurvey.submitStatus.success'
       }));
-
     case 'rejected':
       return React__default["default"].createElement(blocks.StatusText, {
         role: "danger",
@@ -29,10 +28,9 @@ const SurveySubmitStatusText = ({
       }, intl.formatMessage({
         id: 'materialSurvey.submitStatus.failure'
       }));
-
     default:
       return null;
   }
 };
 
-module.exports = SurveySubmitStatusText;
+exports["default"] = SurveySubmitStatusText;

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var materialSharedUtils = require('@elice/material-shared-utils');
@@ -11,112 +12,134 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const StateContext = React__default["default"].createContext(undefined);
-const DispatchContext = React__default["default"].createContext(undefined);
+var StateContext = React__default["default"].createContext(undefined);
+var DispatchContext = React__default["default"].createContext(undefined);
 StateContext.displayName = 'MaterialSurveyStateContext';
 DispatchContext.displayName = 'MaterialSurveyDispatchContext';
-
-function MaterialSurveyProvider({
-  materialSurveyId,
-  userId,
-  onSubmit = () => void 0,
-  onNext,
-  children
-}) {
-  const [course, setCourse] = React__default["default"].useState();
-  const [lecture, setLecture] = React__default["default"].useState();
-  const [initStatus, setInitStatus] = React__default["default"].useState('idle');
-  const [vertical, setVertical] = React__default["default"].useState(false);
-  const canInit = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
-  const {
-    materialSurvey,
-    materialLecturePage,
-    refetch: refreshOrgMaterialSurvey
-  } = materialSharedUtils.useMaterialFetchRaw(types.enums.LectureMaterialType.Survey, React__default["default"].useCallback(signal => apiClient.getOrgMaterialSurveyGet({
-    materialSurveyId
-  }, {
-    signal
-  }), [materialSurveyId]), canInit);
-  const doInitilize = React__default["default"].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 apiClient.getOrgCourseGet({
-        courseId: materialLecturePage.courseId
-      }, {
-        signal
-      }); // fetch lecture
-
-      const {
-        lecture
-      } = await apiClient.getOrgLectureGet({
-        lectureId: materialLecturePage.lectureId
+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__default["default"].useState(),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    course = _React$useState2[0],
+    setCourse = _React$useState2[1];
+  var _React$useState3 = React__default["default"].useState(),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    lecture = _React$useState4[0],
+    setLecture = _React$useState4[1];
+  var _React$useState5 = React__default["default"].useState('idle'),
+    _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
+    initStatus = _React$useState6[0],
+    setInitStatus = _React$useState6[1];
+  var _React$useState7 = React__default["default"].useState(false),
+    _React$useState8 = _rollupPluginBabelHelpers.slicedToArray(_React$useState7, 2),
+    vertical = _React$useState8[0],
+    setVertical = _React$useState8[1];
+  var canInit = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  var _useMaterialFetchRaw = materialSharedUtils.useMaterialFetchRaw(types.enums.LectureMaterialType.Survey, React__default["default"].useCallback(function (signal) {
+      return apiClient.getOrgMaterialSurveyGet({
+        materialSurveyId: materialSurveyId
       }, {
-        signal
+        signal: signal
       });
-      setCourse(course);
-      setLecture(lecture);
-      setInitStatus('resolved');
-    } catch (error) {
-      console.error(error);
-      setInitStatus('rejected');
-    }
-
-    return () => controller.abort();
-  }, [materialLecturePage]);
-  React__default["default"].useEffect(() => {
+    }, [materialSurveyId]), canInit),
+    materialSurvey = _useMaterialFetchRaw.materialSurvey,
+    materialLecturePage = _useMaterialFetchRaw.materialLecturePage,
+    refreshOrgMaterialSurvey = _useMaterialFetchRaw.refetch;
+  var doInitilize = React__default["default"].useCallback( /*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
+    var controller, signal, _yield$getOrgCourseGe, _course, _yield$getOrgLectureG, _lecture;
+    return _rollupPluginBabelHelpers.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 apiClient.getOrgCourseGet({
+            courseId: materialLecturePage.courseId
+          }, {
+            signal: signal
+          });
+        case 8:
+          _yield$getOrgCourseGe = _context.sent;
+          _course = _yield$getOrgCourseGe.course;
+          _context.next = 12;
+          return apiClient.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__default["default"].useEffect(function () {
     if (canInit && materialLecturePage) {
       void doInitilize();
     }
   }, [canInit, materialLecturePage, doInitilize]);
   return React__default["default"].createElement(StateContext.Provider, {
     value: {
-      course,
-      lecture,
+      course: course,
+      lecture: lecture,
       materialSurvey: materialSurvey !== null && materialSurvey !== void 0 ? materialSurvey : undefined,
-      userId,
-      vertical,
-      initStatus
+      userId: userId,
+      vertical: vertical,
+      initStatus: initStatus
     }
   }, React__default["default"].createElement(DispatchContext.Provider, {
     value: {
-      onSubmit,
-      onNext,
-      refreshOrgMaterialSurvey,
-      setVertical
+      onSubmit: onSubmit,
+      onNext: onNext,
+      refreshOrgMaterialSurvey: refreshOrgMaterialSurvey,
+      setVertical: setVertical
     }
   }, children));
 }
-
 function useMaterialSurveyState() {
-  const context = React__default["default"].useContext(StateContext);
-
+  var context = React__default["default"].useContext(StateContext);
   if (context === undefined) {
     throw new Error('useMaterialSurveyState must be used within a MaterialSurveyProvider');
   }
-
   return context;
 }
-
 function useMaterialSurveyDispatch() {
-  const context = React__default["default"].useContext(DispatchContext);
-
+  var context = React__default["default"].useContext(DispatchContext);
   if (context === undefined) {
     throw new Error('useMaterialSurveyDispatch must be used within a MaterialSurveyProvider');
   }
-
   return context;
 }