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

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

@@ -1,125 +1,184 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
 import React, { useEffect } from 'react';
-import { config, postOrgMaterialQuizOptionsSetSelect, getOrgMaterialQuizGet, getOrgCourseGet, getOrgLectureGet } from '@elice/api-client';
+import { config, getOrgMaterialQuizGet, postOrgMaterialQuizOptionsSetSelect, getOrgLectureGet, getOrgCourseGet } from '@elice/api-client';
 import { useMaterialConfigApiClientUpdate, useMaterialFetchRaw } from '@elice/material-shared-utils';
 import { enums } from '@elice/types';
 
-const StateContext = React.createContext(undefined);
-const DispatchContext = React.createContext(undefined);
+var StateContext = React.createContext(undefined);
+var DispatchContext = React.createContext(undefined);
 StateContext.displayName = 'MaterialQuizStateContext';
 DispatchContext.displayName = 'MaterialQuizDispatchContext';
-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 = useMaterialConfigApiClientUpdate(config.init);
-  const resetLayout = () => {
+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.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 _React$useState9 = React.useState(false),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    isLongPassage = _React$useState10[0],
+    setIsLongPassage = _React$useState10[1];
+  var _React$useState11 = React.useState(true),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    isInitialLoading = _React$useState12[0],
+    setIsInitialLoading = _React$useState12[1];
+  var canInit = useMaterialConfigApiClientUpdate(config.init);
+  var resetLayout = function resetLayout() {
     setIsInitialLoading(true);
     setIsLongPassage(false);
   };
-  const {
-    materialQuiz,
-    materialLecturePage,
-    refetch: refreshOrgMaterialQuiz
-  } = useMaterialFetchRaw(enums.LectureMaterialType.Quiz, React.useCallback(async signal => {
-    await postOrgMaterialQuizOptionsSetSelect({
-      materialQuizId
-    }, {
-      signal
-    });
-    return await 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');
+  var _useMaterialFetchRaw = useMaterialFetchRaw(enums.LectureMaterialType.Quiz, React.useCallback( /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(signal) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return postOrgMaterialQuizOptionsSetSelect({
+                materialQuizId: materialQuizId
+              }, {
+                signal: signal
+              });
+            case 2:
+              _context.next = 4;
+              return 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.useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var controller, signal, _yield$getOrgCourseGe, _course, _yield$getOrgLectureG, _lecture;
+    return _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 getOrgCourseGet({
+            courseId: materialLecturePage.courseId
+          }, {
+            signal: signal
+          });
+        case 8:
+          _yield$getOrgCourseGe = _context2.sent;
+          _course = _yield$getOrgCourseGe.course;
+          _context2.next = 12;
+          return 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();
       }
-      // fetch course
-      const {
-        course
-      } = await getOrgCourseGet({
-        courseId: materialLecturePage.courseId
-      }, {
-        signal
-      });
-      // 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]);
-  useEffect(() => {
+    }, _callee2, null, [[2, 19]]);
+  })), [materialLecturePage]);
+  useEffect(function () {
     if (materialQuizId) {
       resetLayout();
     }
   }, [materialQuizId]);
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (canInit && materialLecturePage) {
       void init();
     }
   }, [canInit, materialLecturePage, init]);
-  return React.createElement(StateContext.Provider, {
+  return jsx(StateContext.Provider, {
     value: {
-      course,
-      lecture,
+      course: course,
+      lecture: lecture,
       materialQuiz: materialQuiz !== null && materialQuiz !== void 0 ? materialQuiz : undefined,
-      userId,
-      vertical,
-      initStatus,
-      isLongPassage,
-      isInitialLoading
-    }
-  }, React.createElement(DispatchContext.Provider, {
-    value: {
-      onSubmit,
-      onDirty,
-      onNext,
-      refreshOrgMaterialQuiz,
-      setVertical,
-      setIsLongPassage,
-      setIsInitialLoading
-    }
-  }, children));
+      userId: userId,
+      vertical: vertical,
+      initStatus: initStatus,
+      isLongPassage: isLongPassage,
+      isInitialLoading: isInitialLoading
+    },
+    children: jsx(DispatchContext.Provider, {
+      value: {
+        onSubmit: onSubmit,
+        onDirty: onDirty,
+        onNext: onNext,
+        refreshOrgMaterialQuiz: refreshOrgMaterialQuiz,
+        setVertical: setVertical,
+        setIsLongPassage: setIsLongPassage,
+        setIsInitialLoading: setIsInitialLoading
+      },
+      children: children
+    })
+  });
 }
 function useMaterialQuizState() {
-  const context = React.useContext(StateContext);
+  var context = React.useContext(StateContext);
   if (context === undefined) {
     throw new Error('useMaterialQuizState must be used within a MaterialQuizProvider');
   }
   return context;
 }
 function useMaterialQuizDispatch() {
-  const context = React.useContext(DispatchContext);
+  var context = React.useContext(DispatchContext);
   if (context === undefined) {
     throw new Error('useMaterialQuizDispatch must be used within a MaterialQuizProvider');
   }

package/es/components/material-quiz/index.js

@@ -0,0 +1,2 @@
+export { default as MaterialQuiz } from './MaterialQuiz.js';
+export { default as MaterialQuizInfo } from './MaterialQuizInfo.js';

package/es/components/material-quiz/locales/index.js

@@ -0,0 +1,4 @@
+export { default as messageEn } from './en.json.js';
+export { default as messageKo } from './ko.json.js';
+export { default as messageTh } from './th.json.js';
+export { default as messageJa } from './ja.json.js';