touchstudy-core 0.1.34 → 0.1.36

package/dist/containers/Textbooks/apiClient/examService.d.ts

@@ -0,0 +1,6 @@
+import { ExamRequestBody } from "../configs/types";
+export declare const createExam: (data: ExamRequestBody) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const updateExam: (data: ExamRequestBody, examId: number) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiCreateExamSession: (examId: number) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiDeleteExam: (examId: number) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiDeleteExamSession: (examId: number, examSessionId: number) => Promise<import("axios").AxiosResponse<any, any>>;

package/dist/containers/Textbooks/apiClient/examSessionService.d.ts

@@ -0,0 +1,10 @@
+import { Exam } from "../../Exams/configs/types";
+export declare const increaseDuration: (id: number, data: string) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const terminateExam: (id: number) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const getListExamSession: (query: Exam) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const startExam: (examId: number) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const checkStatusExamApi: (code: string) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiDeleteExam: (examId: number) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiActivePendingExam: (id: number) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiKickOutStudent: (studentId: number, examCode: string) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const apiGetJoinedStudents: (examCode: string) => Promise<import("axios").AxiosResponse<any, any>>;

package/dist/containers/Textbooks/components/dialog/ChapterNameDialog.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { ChapterOption } from "../../configs/types";
+interface Props {
+    open: boolean;
+    chapter?: ChapterOption;
+    onClose: () => void;
+    onSubmitForm: (name: string) => void;
+}
+declare const ChapterNameDialog: FC<Props>;
+export default ChapterNameDialog;

package/dist/containers/Textbooks/components/dialog/CreateExamDrawer.d.ts

@@ -0,0 +1,11 @@
+import { FC, MouseEventHandler } from "react";
+import { ExamDetailViewProps } from "../../../Exams/configs/interfaces";
+interface Props extends ExamDetailViewProps {
+    isOpen: boolean;
+    onClose: Function;
+    isEdit?: boolean;
+    onSubmit: Function;
+    handleSaveExam: MouseEventHandler<HTMLDivElement>;
+}
+declare const CreateExamDrawer: FC<Props>;
+export default CreateExamDrawer;

package/dist/containers/Textbooks/configs/constants.d.ts

@@ -1,5 +1,9 @@
+import { Exam } from "../../Exams/configs/types";
 import { ArticleCreateRequest, TextbookDetailResponse, TextbookHeaderTable, TextbookSearchQuery } from "./types";
 export declare const TEXTBOOK_HEADERS: TextbookHeaderTable[];
+export declare const DEFAULT_ANSWER_COUNT = 5;
+export declare const ANSWERS_COUNT: number[];
+export declare const DEFAULT_EXAM_REQUEST: Exam;
 export declare const TEXTBOOK_PAGE_TITLE: string;
 export declare const TEXT_BOOK_SEARCH_PLACEHOLDER: string;
 export declare const TextbookDefaultQuery: TextbookSearchQuery;

package/dist/containers/Textbooks/configs/interfaces.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ChapterResponse, SubjectResponse, ChapterOption, ArticleResponse } from "./types";
 export interface ChapterBoxProps {
     parentChapterId?: number;
@@ -10,6 +11,7 @@ export interface ChapterBoxProps {
     onChangePageFrom?: (value: number, chapterId: number, parentChapterId?: number) => void;
     onChangePageTo?: (value: number, chapterId: number, parentChapterId?: number) => void;
     onAddArticle?: (chapter: ChapterResponse, callback?: Function) => void;
+    handleCheckArticle: (e: React.ChangeEvent<HTMLInputElement>, article: ArticleResponse) => void;
     onRemoveArticle?: (articleNumber: number, chapterName: string, articles: ArticleResponse[], chapterId: number, parentChapterId?: number, callback?: Function) => void;
     onUpdateArticleQuestionCount?: (articleNumber: number, questionCount: number, answerCount: number, articles: ArticleResponse[], chapterId: number, parentChapterId?: number, callback?: Function) => void;
     onUpdateArticleCategory?: (articleNumber: number, categoryId: number, articles: ArticleResponse[], chapterId: number, parentChapterId?: number, callback?: Function) => void;

package/dist/containers/Textbooks/configs/types.d.ts

@@ -120,3 +120,39 @@ export declare type DeleteItem = {
     value?: ArticleResponse[];
     confirmText: string;
 };
+export declare type ExamRequestBody = {
+    id?: number | string;
+    title: string;
+    duration: string;
+};
+export declare type ExamSession = {
+    id?: number;
+    examId?: number;
+    title: string;
+    duration: string;
+    type: ExamType;
+    numberOfQuestion: number;
+    code: string;
+    createdAt: string;
+    examCreatedAt: string;
+    startTime: string;
+    status?: ExamStatusNumber;
+    totalStudentsJoined?: number;
+    teacher?: any;
+};
+export declare enum ExamType {
+    Normal = "Normal",
+    Standard = "Standard"
+}
+export declare enum ExamStatus {
+    Default = "Default",
+    Pending = "Pending",
+    InProgress = "InProgress",
+    Completed = "Completed"
+}
+export declare enum ExamStatusNumber {
+    Default = 0,
+    Pending = 1,
+    InProgress = 2,
+    Completed = 3
+}

package/dist/containers/Textbooks/hooks/useExam.d.ts

@@ -0,0 +1,16 @@
+import { Exam } from "../../Exams/configs/types";
+interface Props {
+    keep?: boolean;
+    callback?: () => Promise<void>;
+    navigate?: any;
+}
+declare const useExam: (props: Props) => {
+    isOpenDialog: boolean;
+    examRequest: Exam;
+    handleChangeExamRequest: (value: Exam) => void;
+    handleOpenCreateExamDialog: () => void;
+    handleSaveExam: () => Promise<void>;
+    handleCloseDialog: () => void;
+    handleCreateExam: () => Promise<void>;
+};
+export default useExam;

package/dist/containers/Textbooks/hooks/useTextbookDetail.d.ts

@@ -17,6 +17,15 @@ declare const useTextbookDetail: (props: TextbookDetailProps) => {
     selectedDeleteItem: DeleteItem | undefined;
     isEditedTitle: boolean;
     isReadonlyParam: boolean | undefined;
+    articlesSelected: number[];
+    isOpenDialog: boolean;
+    examRequest: import("../../..").Exam;
+    handleChangeExamRequest: (value: import("../../..").Exam) => void;
+    handleCheckArticle: (e: React.ChangeEvent<HTMLInputElement>, article: ArticleResponse) => void;
+    handleOpenCreateExamDialog: () => void;
+    handleSaveExam: () => Promise<void>;
+    handleCloseDialog: () => void;
+    handleCreateExam: () => Promise<void>;
     handleChangeTextbookTitle: (e: ChangeEvent<HTMLInputElement>) => void;
     handleCreateOrUpdateTextbook: () => Promise<void>;
     handleChangeTextbookSubject: (val: any) => void;

package/dist/index.css

@@ -27,6 +27,34 @@
   border-radius: 5px !important;
   box-shadow: unset !important; }
 
+._rd4Uy {
+  display: inline-block;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #fff;
+  text-align: center;
+  text-decoration: none;
+  vertical-align: middle;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+       user-select: none;
+  border: 1px solid #0d6efd;
+  border-radius: 0.375rem;
+  background-color: #0d6efd;
+  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
+  ._rd4Uy:hover {
+    color: #fff;
+    background-color: #0b5ed7;
+    border-color: #0a58ca; }
+  ._rd4Uy:disabled {
+    color: #fff;
+    background-color: #0d6efd;
+    border-color: #0d6efd;
+    opacity: 0.65; }
+
 ._1krbH ._RQaHE {
   border: none;
   background-color: transparent;
@@ -703,6 +731,125 @@
     color: #FFF;
     background: #5458D5; }
 
+._11aYm {
+  width: 70vw;
+  height: calc(100vh - 78px);
+  position: fixed;
+  right: -100%;
+  bottom: 0;
+  z-index: 99;
+  transition: right 0.3s ease-in-out; }
+  ._11aYm._3Ydwm {
+    right: 0; }
+
+._3SQDf {
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0);
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  transition: background-color 0.1s 0.2s ease-in-out;
+  z-index: -1; }
+  ._3SQDf._3Ydwm {
+    background-color: rgba(0, 0, 0, 0.3);
+    z-index: 98; }
+
+._2BwOx {
+  background: #F9FAFB;
+  border-bottom: 1px solid #E4E7EC;
+  padding: 1rem 1.5rem; }
+  ._2BwOx button {
+    background-color: #5458D5;
+    padding: 0.5rem 1rem; }
+    ._2BwOx button:hover {
+      background-color: #5457af; }
+    ._2BwOx button span {
+      font-size: 13px;
+      font-weight: 700; }
+
+._2Zo7R {
+  height: calc(100% - 70.5px);
+  padding: 1rem 1.5rem 2rem;
+  overflow-y: auto; }
+
+._1lzjD {
+  width: 100%;
+  top: calc(100% + 4px) !important;
+  left: unset !important;
+  right: 0 !important;
+  transform: none !important;
+  border-radius: 6px;
+  box-shadow: 0px 8px 15px #989898;
+  border: none;
+  padding: 0 8px; }
+  ._1lzjD:after {
+    display: none; }
+  ._1lzjD ._1y7K9 {
+    background: transparent; }
+
+._1Y-55 {
+  font-size: 14px;
+  line-height: 1; }
+  ._1Y-55:active {
+    background-color: transparent !important; }
+
+._1fBXY {
+  width: 210px;
+  top: 40px !important;
+  left: -80px !important;
+  transform: none !important;
+  border-radius: 6px;
+  box-shadow: 0px 8px 15px #989898;
+  border: none;
+  padding: 0 8px; }
+  ._1fBXY:after {
+    display: none; }
+  ._1fBXY ._1y7K9 {
+    background: transparent; }
+
+._3Szun {
+  color: #242424;
+  display: flex;
+  padding: 8px;
+  border-radius: 6px; }
+  ._3Szun:hover {
+    background-color: #f1faff;
+    color: #009ef7; }
+
+._2HhLb {
+  background-color: #f1faff;
+  color: #009ef7; }
+
+._3WYHC {
+  font-weight: 600;
+  border-top: 1px solid #27347d29;
+  padding-top: 10px; }
+  ._3WYHC._2-9ix {
+    color: #8b0000; }
+  ._3WYHC ._1r4pn {
+    margin-right: 12px; }
+
+._2ZozT {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  margin-right: 12px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 1;
+  background-color: #5458D5;
+  color: #FFF; }
+  ._2ZozT img {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    -o-object-fit: cover;
+       object-fit: cover; }
+
 ._1dveO ._mxRxf:nth-child(1) {
   font-family: "Pretendard";
   font-size: 20px;