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

package/cjs/components/material-quiz/context/MaterialQuizContext.js

@@ -1,190 +1,127 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var types = require('@elice/types');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var StateContext = React__default.default.createContext(undefined);
-var DispatchContext = React__default.default.createContext(undefined);
+const StateContext = React.createContext(undefined);
+const DispatchContext = React.createContext(undefined);
 StateContext.displayName = 'MaterialQuizStateContext';
 DispatchContext.displayName = 'MaterialQuizDispatchContext';
-function MaterialQuizProvider(_ref) {
-  var materialQuizId = _ref.materialQuizId,
-    userId = _ref.userId,
-    _ref$onSubmit = _ref.onSubmit,
-    onSubmit = _ref$onSubmit === void 0 ? function () {
-      return void 0;
-    } : _ref$onSubmit,
-    onDirty = _ref.onDirty,
-    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 _React$useState9 = React__default.default.useState(false),
-    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
-    isLongPassage = _React$useState10[0],
-    setIsLongPassage = _React$useState10[1];
-  var _React$useState11 = React__default.default.useState(true),
-    _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
-    isInitialLoading = _React$useState12[0],
-    setIsInitialLoading = _React$useState12[1];
-  var canInit = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
-  var resetLayout = function resetLayout() {
+function MaterialQuizProvider({
+  materialQuizId,
+  userId,
+  onSubmit = () => void 0,
+  onDirty,
+  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 [isLongPassage, setIsLongPassage] = React.useState(false);
+  const [isInitialLoading, setIsInitialLoading] = React.useState(true);
+  const canInit = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
+  const resetLayout = () => {
     setIsInitialLoading(true);
     setIsLongPassage(false);
   };
-  var _useMaterialFetchRaw = materialSharedUtils.useMaterialFetchRaw(types.enums.LectureMaterialType.Quiz, React__default.default.useCallback( /*#__PURE__*/function () {
-      var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(signal) {
-        return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return apiClient.postOrgMaterialQuizOptionsSetSelect({
-                materialQuizId: materialQuizId
-              }, {
-                signal: signal
-              });
-            case 2:
-              _context.next = 4;
-              return apiClient.getOrgMaterialQuizGet({
-                materialQuizId: materialQuizId,
-                userId: userId
-              }, {
-                signal: signal
-              });
-            case 4:
-              return _context.abrupt("return", _context.sent);
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }(), [materialQuizId, userId]), canInit),
-    materialQuiz = _useMaterialFetchRaw.materialQuiz,
-    materialLecturePage = _useMaterialFetchRaw.materialLecturePage,
-    refreshOrgMaterialQuiz = _useMaterialFetchRaw.refetch;
-  var init = React__default.default.useCallback( /*#__PURE__*/_rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
-    var controller, signal, _yield$getOrgCourseGe, _course, _yield$getOrgLectureG, _lecture;
-    return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          controller = new AbortController();
-          signal = controller.signal;
-          _context2.prev = 2;
-          setInitStatus('pending');
-          if (materialLecturePage) {
-            _context2.next = 6;
-            break;
-          }
-          throw new Error('materialSurvey is not ready');
-        case 6:
-          _context2.next = 8;
-          return apiClient.getOrgCourseGet({
-            courseId: materialLecturePage.courseId
-          }, {
-            signal: signal
-          });
-        case 8:
-          _yield$getOrgCourseGe = _context2.sent;
-          _course = _yield$getOrgCourseGe.course;
-          _context2.next = 12;
-          return apiClient.getOrgLectureGet({
-            lectureId: materialLecturePage.lectureId
-          }, {
-            signal: signal
-          });
-        case 12:
-          _yield$getOrgLectureG = _context2.sent;
-          _lecture = _yield$getOrgLectureG.lecture;
-          setCourse(_course);
-          setLecture(_lecture);
-          setInitStatus('resolved');
-          _context2.next = 23;
-          break;
-        case 19:
-          _context2.prev = 19;
-          _context2.t0 = _context2["catch"](2);
-          console.error(_context2.t0);
-          setInitStatus('rejected');
-        case 23:
-          return _context2.abrupt("return", function () {
-            return controller.abort();
-          });
-        case 24:
-        case "end":
-          return _context2.stop();
+  const {
+    materialQuiz,
+    materialLecturePage,
+    refetch: refreshOrgMaterialQuiz
+  } = materialSharedUtils.useMaterialFetchRaw(types.enums.LectureMaterialType.Quiz, React.useCallback(async signal => {
+    await apiClient.postOrgMaterialQuizOptionsSetSelect({
+      materialQuizId
+    }, {
+      signal
+    });
+    return await apiClient.getOrgMaterialQuizGet({
+      materialQuizId,
+      userId
+    }, {
+      signal
+    });
+  }, [materialQuizId, userId]), canInit);
+  const init = React.useCallback(async () => {
+    const controller = new AbortController();
+    const {
+      signal
+    } = controller;
+    try {
+      setInitStatus('pending');
+      if (!materialLecturePage) {
+        throw new Error('materialSurvey is not ready');
       }
-    }, _callee2, null, [[2, 19]]);
-  })), [materialLecturePage]);
-  React.useEffect(function () {
+      // fetch course
+      const {
+        course
+      } = await apiClient.getOrgCourseGet({
+        courseId: materialLecturePage.courseId
+      }, {
+        signal
+      });
+      // fetch lecture
+      const {
+        lecture
+      } = await apiClient.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 (materialQuizId) {
       resetLayout();
     }
   }, [materialQuizId]);
-  React__default.default.useEffect(function () {
+  React.useEffect(() => {
     if (canInit && materialLecturePage) {
       void init();
     }
   }, [canInit, materialLecturePage, init]);
-  return jsxRuntime.jsx(StateContext.Provider, {
+  return React.createElement(StateContext.Provider, {
     value: {
-      course: course,
-      lecture: lecture,
+      course,
+      lecture,
       materialQuiz: materialQuiz !== null && materialQuiz !== void 0 ? materialQuiz : undefined,
-      userId: userId,
-      vertical: vertical,
-      initStatus: initStatus,
-      isLongPassage: isLongPassage,
-      isInitialLoading: isInitialLoading
-    },
-    children: jsxRuntime.jsx(DispatchContext.Provider, {
-      value: {
-        onSubmit: onSubmit,
-        onDirty: onDirty,
-        onNext: onNext,
-        refreshOrgMaterialQuiz: refreshOrgMaterialQuiz,
-        setVertical: setVertical,
-        setIsLongPassage: setIsLongPassage,
-        setIsInitialLoading: setIsInitialLoading
-      },
-      children: children
-    })
-  });
+      userId,
+      vertical,
+      initStatus,
+      isLongPassage,
+      isInitialLoading
+    }
+  }, React.createElement(DispatchContext.Provider, {
+    value: {
+      onSubmit,
+      onDirty,
+      onNext,
+      refreshOrgMaterialQuiz,
+      setVertical,
+      setIsLongPassage,
+      setIsInitialLoading
+    }
+  }, children));
 }
 function useMaterialQuizState() {
-  var context = React__default.default.useContext(StateContext);
+  const context = React.useContext(StateContext);
   if (context === undefined) {
     throw new Error('useMaterialQuizState must be used within a MaterialQuizProvider');
   }
   return context;
 }
 function useMaterialQuizDispatch() {
-  var context = React__default.default.useContext(DispatchContext);
+  const context = React.useContext(DispatchContext);
   if (context === undefined) {
     throw new Error('useMaterialQuizDispatch must be used within a MaterialQuizProvider');
   }