@elice/material-quiz 1.240811.0 → 1.240814.0

package/cjs/components/material-quiz/MaterialQuiz.js

@@ -13,6 +13,7 @@ var types = require('@elice/types');
 var material = require('@mui/material');
 var styled = require('styled-components');
 var element = require('../../constant/element.js');
+var CourseApiContext = require('./context/CourseApiContext.js');
 var MaterialQuizContext = require('./context/MaterialQuizContext.js');
 var en = require('./locales/en.json.js');
 var ko = require('./locales/ko.json.js');
@@ -147,6 +148,7 @@ var MaterialQuiz = function MaterialQuiz() {
 var MaterialQuizContainer = function MaterialQuizContainer(_ref7) {
   var materialQuizId = _ref7.materialQuizId,
     userId = _ref7.userId,
+    eliceCourseApiConfiguration = _ref7.eliceCourseApiConfiguration,
     onDirty = _ref7.onDirty,
     onSubmit = _ref7.onSubmit,
     onNext = _ref7.onNext,
@@ -155,13 +157,16 @@ var MaterialQuizContainer = function MaterialQuizContainer(_ref7) {
     value: __intl,
     children: jsxRuntime.jsx(material.ThemeProvider, {
       theme: eliceTheme,
-      children: jsxRuntime.jsx(MaterialQuizContext.MaterialQuizProvider, {
-        materialQuizId: materialQuizId,
-        userId: userId,
-        onDirty: onDirty,
-        onSubmit: onSubmit,
-        onNext: onNext,
-        children: jsxRuntime.jsx(MaterialQuiz, {})
+      children: jsxRuntime.jsx(CourseApiContext.default, {
+        eliceCourseApiConfiguration: eliceCourseApiConfiguration,
+        children: jsxRuntime.jsx(MaterialQuizContext.MaterialQuizProvider, {
+          materialQuizId: materialQuizId,
+          userId: userId,
+          onDirty: onDirty,
+          onSubmit: onSubmit,
+          onNext: onNext,
+          children: jsxRuntime.jsx(MaterialQuiz, {})
+        })
       })
     })
   });

package/cjs/components/material-quiz/context/CourseApiContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CourseApi as EliceCourseCourseApi } from '@elice/openapi-client-course';
+import type { Configuration as EliceCourseApiConfiguration } from '@elice/openapi-client-course';
+export interface CourseApiContextValue {
+    course: EliceCourseCourseApi;
+}
+export interface CourseApiContextProps {
+    children?: React.ReactNode;
+    eliceCourseApiConfiguration: EliceCourseApiConfiguration;
+}
+export declare const CourseApiContext: React.Context<CourseApiContextValue>;
+export declare const useCourseApiContext: () => CourseApiContextValue;
+declare const CourseApiContextProvider: React.FC<CourseApiContextProps>;
+export default CourseApiContextProvider;

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

@@ -0,0 +1,58 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var openapiClientCourse = require('@elice/openapi-client-course');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+//
+//
+//
+var CourseApiContext = React__default.default.createContext({});
+var useCourseApiContext = function useCourseApiContext() {
+  return React__default.default.useContext(CourseApiContext);
+};
+//
+//
+//
+var CourseApiContextProvider = function CourseApiContextProvider(_ref) {
+  var children = _ref.children,
+    eliceCourseApiConfiguration = _ref.eliceCourseApiConfiguration;
+  var createCourseApi = function createCourseApi() {
+    return Object.freeze({
+      course: new openapiClientCourse.CourseApi(eliceCourseApiConfiguration)
+    });
+  };
+  //
+  //
+  //
+  var _React$useState = React__default.default.useState(createCourseApi),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    courseApi = _React$useState2[0],
+    setCourseApi = _React$useState2[1];
+  //
+  //
+  //
+  React__default.default.useEffect(function () {
+    return setCourseApi(createCourseApi);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [eliceCourseApiConfiguration]);
+  //
+  //
+  //
+  return jsxRuntime.jsx(CourseApiContext.Provider, {
+    children: children,
+    value: courseApi
+  });
+};
+
+exports.CourseApiContext = CourseApiContext;
+exports.default = CourseApiContextProvider;
+exports.useCourseApiContext = useCourseApiContext;

package/cjs/components/material-quiz/context/MaterialQuizContext.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { APIStatus } from '@elice/material-shared-types';
 import type { GetOrgCourseGetResponses, GetOrgLectureGetResponses, GetOrgMaterialQuizGetResponses } from '@elice/types';
+import type { CourseApiContextProps } from './CourseApiContext';
 export interface State {
     course?: GetOrgCourseGetResponses['course'];
     lecture?: GetOrgLectureGetResponses['lecture'];
@@ -10,16 +11,18 @@ export interface State {
     initStatus: APIStatus;
     isLongPassage: boolean;
     isInitialLoading: boolean;
+    isRecommendLecture: boolean;
 }
 export type MaterialQuizProps = {
     materialQuizId: number;
+    eliceCourseApiConfiguration: CourseApiContextProps['eliceCourseApiConfiguration'];
     userId?: number;
     locale?: string;
     onDirty: (isDirty: boolean) => void;
     onSubmit?: (isSucceeded: boolean, isCorrect?: boolean) => void;
     onNext?: () => void;
 };
-interface MaterialQuizProviderProps extends Omit<MaterialQuizProps, 'locale'> {
+interface MaterialQuizProviderProps extends Omit<MaterialQuizProps, 'locale' | 'eliceCourseApiConfiguration'> {
     children: React.ReactNode;
 }
 interface DispatchContextType {

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

@@ -6,6 +6,7 @@ var React = require('react');
 var apiClient = require('@elice/api-client');
 var materialSharedUtils = require('@elice/material-shared-utils');
 var types = require('@elice/types');
+var CourseApiContext = require('./CourseApiContext.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -33,22 +34,28 @@ function MaterialQuizProvider(_ref) {
     _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
     lecture = _React$useState4[0],
     setLecture = _React$useState4[1];
-  var _React$useState5 = React__default.default.useState('idle'),
+  var _useCourseApiContext = CourseApiContext.useCourseApiContext(),
+    eliceCourseApi = _useCourseApiContext.course;
+  var _React$useState5 = React__default.default.useState(false),
     _React$useState6 = _rollupPluginBabelHelpers.slicedToArray(_React$useState5, 2),
-    initStatus = _React$useState6[0],
-    setInitStatus = _React$useState6[1];
-  var _React$useState7 = React__default.default.useState(false),
+    isRecommendLecture = _React$useState6[0],
+    setIsRecommendLecture = _React$useState6[1];
+  var _React$useState7 = React__default.default.useState('idle'),
     _React$useState8 = _rollupPluginBabelHelpers.slicedToArray(_React$useState7, 2),
-    vertical = _React$useState8[0],
-    setVertical = _React$useState8[1];
+    initStatus = _React$useState8[0],
+    setInitStatus = _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),
+    vertical = _React$useState10[0],
+    setVertical = _React$useState10[1];
+  var _React$useState11 = React__default.default.useState(false),
     _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
-    isInitialLoading = _React$useState12[0],
-    setIsInitialLoading = _React$useState12[1];
+    isLongPassage = _React$useState12[0],
+    setIsLongPassage = _React$useState12[1];
+  var _React$useState13 = React__default.default.useState(true),
+    _React$useState14 = _rollupPluginBabelHelpers.slicedToArray(_React$useState13, 2),
+    isInitialLoading = _React$useState14[0],
+    setIsInitialLoading = _React$useState14[1];
   var canInit = materialSharedUtils.useMaterialConfigApiClientUpdate(apiClient.config.init);
   var resetLayout = function resetLayout() {
     setIsInitialLoading(true);
@@ -89,7 +96,7 @@ function MaterialQuizProvider(_ref) {
     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;
+    var _a, _b, controller, signal, _yield$getOrgCourseGe, _course, _yield$getOrgLectureG, _lecture, recommendLectureId;
     return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -121,26 +128,38 @@ function MaterialQuizProvider(_ref) {
         case 12:
           _yield$getOrgLectureG = _context2.sent;
           _lecture = _yield$getOrgLectureG.lecture;
+          _context2.next = 16;
+          return eliceCourseApi.courseCourseIdGet({
+            courseId: (_a = _course === null || _course === void 0 ? void 0 : _course.id) !== null && _a !== void 0 ? _a : 0,
+            eliceCourseId: (_b = _course === null || _course === void 0 ? void 0 : _course.id) !== null && _b !== void 0 ? _b : 0
+          }, {
+            signal: signal
+          }).then(function (eliceCourse) {
+            return eliceCourse.recommendLectureId;
+          });
+        case 16:
+          recommendLectureId = _context2.sent;
           setCourse(_course);
           setLecture(_lecture);
+          setIsRecommendLecture(_lecture.id === recommendLectureId);
           setInitStatus('resolved');
-          _context2.next = 23;
+          _context2.next = 27;
           break;
-        case 19:
-          _context2.prev = 19;
+        case 23:
+          _context2.prev = 23;
           _context2.t0 = _context2["catch"](2);
           console.error(_context2.t0);
           setInitStatus('rejected');
-        case 23:
+        case 27:
           return _context2.abrupt("return", function () {
             return controller.abort();
           });
-        case 24:
+        case 28:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[2, 19]]);
-  })), [materialLecturePage]);
+    }, _callee2, null, [[2, 23]]);
+  })), [materialLecturePage, eliceCourseApi]);
   React.useEffect(function () {
     if (materialQuizId) {
       resetLayout();
@@ -160,7 +179,8 @@ function MaterialQuizProvider(_ref) {
       vertical: vertical,
       initStatus: initStatus,
       isLongPassage: isLongPassage,
-      isInitialLoading: isInitialLoading
+      isInitialLoading: isInitialLoading,
+      isRecommendLecture: isRecommendLecture
     },
     children: jsxRuntime.jsx(DispatchContext.Provider, {
       value: {

package/cjs/components/shared/QuestionBox.js

@@ -88,7 +88,8 @@ var QuestionBox = function QuestionBox(_a) {
   var intl$1 = intl.useRawEliceIntl();
   var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
     vertical = _useMaterialQuizState.vertical,
-    isLongPassage = _useMaterialQuizState.isLongPassage;
+    isLongPassage = _useMaterialQuizState.isLongPassage,
+    isRecommendLecture = _useMaterialQuizState.isRecommendLecture;
   var intersectionRef = React__default.default.useRef(null);
   var headerRef = React__default.default.useRef(null);
   var bodyRef = React__default.default.useRef(null);
@@ -176,7 +177,7 @@ var QuestionBox = function QuestionBox(_a) {
         }, action, {
           children: action.children
         }), index);
-      }), isNextActive ? jsxRuntime.jsx(StyledPrimaryButton, {
+      }), isNextActive && !isRecommendLecture ? jsxRuntime.jsx(StyledPrimaryButton, {
         isFluid: vertical,
         size: "small",
         border: false,

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

@@ -9,6 +9,7 @@ import { enums } from '@elice/types';
 import { ThemeProvider } from '@mui/material';
 import styled from 'styled-components';
 import { MATERIAL_QUIZ_CONTAINER_ID } from '../../constant/element.js';
+import CourseApiContextProvider from './context/CourseApiContext.js';
 import { MaterialQuizProvider, useMaterialQuizState, useMaterialQuizDispatch } from './context/MaterialQuizContext.js';
 import messageEn from './locales/en.json.js';
 import messageKo from './locales/ko.json.js';
@@ -138,6 +139,7 @@ var MaterialQuiz = function MaterialQuiz() {
 var MaterialQuizContainer = function MaterialQuizContainer(_ref7) {
   var materialQuizId = _ref7.materialQuizId,
     userId = _ref7.userId,
+    eliceCourseApiConfiguration = _ref7.eliceCourseApiConfiguration,
     onDirty = _ref7.onDirty,
     onSubmit = _ref7.onSubmit,
     onNext = _ref7.onNext,
@@ -146,13 +148,16 @@ var MaterialQuizContainer = function MaterialQuizContainer(_ref7) {
     value: __intl,
     children: jsx(ThemeProvider, {
       theme: eliceTheme,
-      children: jsx(MaterialQuizProvider, {
-        materialQuizId: materialQuizId,
-        userId: userId,
-        onDirty: onDirty,
-        onSubmit: onSubmit,
-        onNext: onNext,
-        children: jsx(MaterialQuiz, {})
+      children: jsx(CourseApiContextProvider, {
+        eliceCourseApiConfiguration: eliceCourseApiConfiguration,
+        children: jsx(MaterialQuizProvider, {
+          materialQuizId: materialQuizId,
+          userId: userId,
+          onDirty: onDirty,
+          onSubmit: onSubmit,
+          onNext: onNext,
+          children: jsx(MaterialQuiz, {})
+        })
       })
     })
   });

package/es/components/material-quiz/context/CourseApiContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CourseApi as EliceCourseCourseApi } from '@elice/openapi-client-course';
+import type { Configuration as EliceCourseApiConfiguration } from '@elice/openapi-client-course';
+export interface CourseApiContextValue {
+    course: EliceCourseCourseApi;
+}
+export interface CourseApiContextProps {
+    children?: React.ReactNode;
+    eliceCourseApiConfiguration: EliceCourseApiConfiguration;
+}
+export declare const CourseApiContext: React.Context<CourseApiContextValue>;
+export declare const useCourseApiContext: () => CourseApiContextValue;
+declare const CourseApiContextProvider: React.FC<CourseApiContextProps>;
+export default CourseApiContextProvider;

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

@@ -0,0 +1,48 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { CourseApi } from '@elice/openapi-client-course';
+
+//
+//
+//
+var CourseApiContext = React.createContext({});
+var useCourseApiContext = function useCourseApiContext() {
+  return React.useContext(CourseApiContext);
+};
+//
+//
+//
+var CourseApiContextProvider = function CourseApiContextProvider(_ref) {
+  var children = _ref.children,
+    eliceCourseApiConfiguration = _ref.eliceCourseApiConfiguration;
+  var createCourseApi = function createCourseApi() {
+    return Object.freeze({
+      course: new CourseApi(eliceCourseApiConfiguration)
+    });
+  };
+  //
+  //
+  //
+  var _React$useState = React.useState(createCourseApi),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    courseApi = _React$useState2[0],
+    setCourseApi = _React$useState2[1];
+  //
+  //
+  //
+  React.useEffect(function () {
+    return setCourseApi(createCourseApi);
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [eliceCourseApiConfiguration]);
+  //
+  //
+  //
+  return jsx(CourseApiContext.Provider, {
+    children: children,
+    value: courseApi
+  });
+};
+
+export { CourseApiContext, CourseApiContextProvider as default, useCourseApiContext };

package/es/components/material-quiz/context/MaterialQuizContext.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { APIStatus } from '@elice/material-shared-types';
 import type { GetOrgCourseGetResponses, GetOrgLectureGetResponses, GetOrgMaterialQuizGetResponses } from '@elice/types';
+import type { CourseApiContextProps } from './CourseApiContext';
 export interface State {
     course?: GetOrgCourseGetResponses['course'];
     lecture?: GetOrgLectureGetResponses['lecture'];
@@ -10,16 +11,18 @@ export interface State {
     initStatus: APIStatus;
     isLongPassage: boolean;
     isInitialLoading: boolean;
+    isRecommendLecture: boolean;
 }
 export type MaterialQuizProps = {
     materialQuizId: number;
+    eliceCourseApiConfiguration: CourseApiContextProps['eliceCourseApiConfiguration'];
     userId?: number;
     locale?: string;
     onDirty: (isDirty: boolean) => void;
     onSubmit?: (isSucceeded: boolean, isCorrect?: boolean) => void;
     onNext?: () => void;
 };
-interface MaterialQuizProviderProps extends Omit<MaterialQuizProps, 'locale'> {
+interface MaterialQuizProviderProps extends Omit<MaterialQuizProps, 'locale' | 'eliceCourseApiConfiguration'> {
     children: React.ReactNode;
 }
 interface DispatchContextType {

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

@@ -4,6 +4,7 @@ import React, { useEffect } from 'react';
 import { config, getOrgMaterialQuizGet, postOrgMaterialQuizOptionsSetSelect, getOrgLectureGet, getOrgCourseGet } from '@elice/api-client';
 import { useMaterialConfigApiClientUpdate, useMaterialFetchRaw } from '@elice/material-shared-utils';
 import { enums } from '@elice/types';
+import { useCourseApiContext } from './CourseApiContext.js';
 
 var StateContext = React.createContext(undefined);
 var DispatchContext = React.createContext(undefined);
@@ -27,22 +28,28 @@ function MaterialQuizProvider(_ref) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     lecture = _React$useState4[0],
     setLecture = _React$useState4[1];
-  var _React$useState5 = React.useState('idle'),
+  var _useCourseApiContext = useCourseApiContext(),
+    eliceCourseApi = _useCourseApiContext.course;
+  var _React$useState5 = React.useState(false),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
-    initStatus = _React$useState6[0],
-    setInitStatus = _React$useState6[1];
-  var _React$useState7 = React.useState(false),
+    isRecommendLecture = _React$useState6[0],
+    setIsRecommendLecture = _React$useState6[1];
+  var _React$useState7 = React.useState('idle'),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
-    vertical = _React$useState8[0],
-    setVertical = _React$useState8[1];
+    initStatus = _React$useState8[0],
+    setInitStatus = _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),
+    vertical = _React$useState10[0],
+    setVertical = _React$useState10[1];
+  var _React$useState11 = React.useState(false),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    isInitialLoading = _React$useState12[0],
-    setIsInitialLoading = _React$useState12[1];
+    isLongPassage = _React$useState12[0],
+    setIsLongPassage = _React$useState12[1];
+  var _React$useState13 = React.useState(true),
+    _React$useState14 = _slicedToArray(_React$useState13, 2),
+    isInitialLoading = _React$useState14[0],
+    setIsInitialLoading = _React$useState14[1];
   var canInit = useMaterialConfigApiClientUpdate(config.init);
   var resetLayout = function resetLayout() {
     setIsInitialLoading(true);
@@ -83,7 +90,7 @@ function MaterialQuizProvider(_ref) {
     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;
+    var _a, _b, controller, signal, _yield$getOrgCourseGe, _course, _yield$getOrgLectureG, _lecture, recommendLectureId;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -115,26 +122,38 @@ function MaterialQuizProvider(_ref) {
         case 12:
           _yield$getOrgLectureG = _context2.sent;
           _lecture = _yield$getOrgLectureG.lecture;
+          _context2.next = 16;
+          return eliceCourseApi.courseCourseIdGet({
+            courseId: (_a = _course === null || _course === void 0 ? void 0 : _course.id) !== null && _a !== void 0 ? _a : 0,
+            eliceCourseId: (_b = _course === null || _course === void 0 ? void 0 : _course.id) !== null && _b !== void 0 ? _b : 0
+          }, {
+            signal: signal
+          }).then(function (eliceCourse) {
+            return eliceCourse.recommendLectureId;
+          });
+        case 16:
+          recommendLectureId = _context2.sent;
           setCourse(_course);
           setLecture(_lecture);
+          setIsRecommendLecture(_lecture.id === recommendLectureId);
           setInitStatus('resolved');
-          _context2.next = 23;
+          _context2.next = 27;
           break;
-        case 19:
-          _context2.prev = 19;
+        case 23:
+          _context2.prev = 23;
           _context2.t0 = _context2["catch"](2);
           console.error(_context2.t0);
           setInitStatus('rejected');
-        case 23:
+        case 27:
           return _context2.abrupt("return", function () {
             return controller.abort();
           });
-        case 24:
+        case 28:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[2, 19]]);
-  })), [materialLecturePage]);
+    }, _callee2, null, [[2, 23]]);
+  })), [materialLecturePage, eliceCourseApi]);
   useEffect(function () {
     if (materialQuizId) {
       resetLayout();
@@ -154,7 +173,8 @@ function MaterialQuizProvider(_ref) {
       vertical: vertical,
       initStatus: initStatus,
       isLongPassage: isLongPassage,
-      isInitialLoading: isInitialLoading
+      isInitialLoading: isInitialLoading,
+      isRecommendLecture: isRecommendLecture
     },
     children: jsx(DispatchContext.Provider, {
       value: {

package/es/components/shared/QuestionBox.js

@@ -78,7 +78,8 @@ var QuestionBox = function QuestionBox(_a) {
   var intl = useRawEliceIntl();
   var _useMaterialQuizState = useMaterialQuizState(),
     vertical = _useMaterialQuizState.vertical,
-    isLongPassage = _useMaterialQuizState.isLongPassage;
+    isLongPassage = _useMaterialQuizState.isLongPassage,
+    isRecommendLecture = _useMaterialQuizState.isRecommendLecture;
   var intersectionRef = React.useRef(null);
   var headerRef = React.useRef(null);
   var bodyRef = React.useRef(null);
@@ -166,7 +167,7 @@ var QuestionBox = function QuestionBox(_a) {
         }, action, {
           children: action.children
         }), index);
-      }), isNextActive ? jsx(StyledPrimaryButton, {
+      }), isNextActive && !isRecommendLecture ? jsx(StyledPrimaryButton, {
         isFluid: vertical,
         size: "small",
         border: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elice/material-quiz",
-  "version": "1.240811.0",
+  "version": "1.240814.0",
   "description": "User view and editing components of Elice material quiz",
   "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
   "license": "UNLICENSED",
@@ -35,6 +35,7 @@
     "@elice/mui-system": "^5",
     "@elice/types": "^1",
     "@elice/wysiwyg": "^1",
+    "@elice/openapi-client-course": "^1",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@fortawesome/pro-regular-svg-icons": "^6",
@@ -66,9 +67,10 @@
     "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
     "@elice/intl": "0.240425.0-rc.2",
     "@elice/markdown": "^1.240124.0",
-    "@elice/material-shared-types": "1.240811.0",
-    "@elice/material-shared-utils": "1.240811.0",
+    "@elice/material-shared-types": "1.240814.0",
+    "@elice/material-shared-utils": "1.240814.0",
     "@elice/mui-system": "^5.240108.1",
+    "@elice/openapi-client-course": "^1.230814.0",
     "@elice/types": "1.240709.0",
     "@elice/wysiwyg": "1.240716.1",
     "@emotion/react": "^11.10.5",