touchstudy-core 0.1.147 → 0.1.149

package/dist/index.js

@@ -1469,6 +1469,10 @@ var today_specific_class = "오늘의 특별 수업";
 var n_lesson = "{{total}}개의 수업";
 var exam_results = "시험 결과";
 var textbook_results = "교과서 결과";
+var order_matters = "순서 상관 있음";
+var order_does_not_matter = "순서 상관 없음";
+var synonym_processing = "답 이음동의어 처리";
+var compare_type = "비교 유형";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2575,7 +2579,11 @@ var lang_ko = {
 	today_specific_class: today_specific_class,
 	n_lesson: n_lesson,
 	exam_results: exam_results,
-	textbook_results: textbook_results
+	textbook_results: textbook_results,
+	order_matters: order_matters,
+	order_does_not_matter: order_does_not_matter,
+	synonym_processing: synonym_processing,
+	compare_type: compare_type
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3705,6 +3713,10 @@ var today_specific_class$1 = "Today's specific class";
 var n_lesson$1 = "{{total}} lesson(s)";
 var exam_results$1 = "Exam results";
 var textbook_results$1 = "Textbook results";
+var order_matters$1 = "Order matters";
+var order_does_not_matter$1 = "Order doesn't matter";
+var synonym_processing$1 = "Answer Synonym processing";
+var compare_type$1 = "Compare Type";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4813,7 +4825,11 @@ var lang_en = {
 	today_specific_class: today_specific_class$1,
 	n_lesson: n_lesson$1,
 	exam_results: exam_results$1,
-	textbook_results: textbook_results$1
+	textbook_results: textbook_results$1,
+	order_matters: order_matters$1,
+	order_does_not_matter: order_does_not_matter$1,
+	synonym_processing: synonym_processing$1,
+	compare_type: compare_type$1
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -6156,6 +6172,9 @@ function _finally(body, finalizer) {
   QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
   QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
   QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
+  QuestionAnswerType[QuestionAnswerType["OrderMatters"] = 3] = "OrderMatters";
+  QuestionAnswerType[QuestionAnswerType["OrderDoesNotMatters"] = 4] = "OrderDoesNotMatters";
+  QuestionAnswerType[QuestionAnswerType["SynonymProcessing"] = 5] = "SynonymProcessing";
 })(exports.QuestionAnswerType || (exports.QuestionAnswerType = {}));
 
 (function (OrderType) {
@@ -6576,6 +6595,10 @@ var getRole = function getRole(roles) {
   return null;
 };
 
+var isTextType = function isTextType(type) {
+  return type === exports.QuestionAnswerType.ShortAnswer || type === exports.QuestionAnswerType.OrderMatters || type === exports.QuestionAnswerType.OrderDoesNotMatters || type === exports.QuestionAnswerType.SynonymProcessing;
+};
+
 var useAutoAcademyDomain = function useAutoAcademyDomain(_, history, superUrls, homeUrl, homeAcademyUrl, isAuthPage) {
   if (isAuthPage === void 0) {
     isAuthPage = true;
@@ -17417,6 +17440,24 @@ var CompareGrass = function CompareGrass(_ref2) {
   var effectSize = _ref2.effectSize;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var renderTextbookAnswer = function renderTextbookAnswer(type, answers, textualAnswers, isCorrect) {
+    var _textualAnswers$;
+    switch (type) {
+      case exports.QuestionAnswerType.ShortAnswer:
+      case exports.QuestionAnswerType.SynonymProcessing:
+        return isCorrect ? textualAnswers === null || textualAnswers === void 0 ? void 0 : textualAnswers.join(" | ") : (_textualAnswers$ = textualAnswers === null || textualAnswers === void 0 ? void 0 : textualAnswers[0]) != null ? _textualAnswers$ : "";
+      case exports.QuestionAnswerType.SingleChoice:
+      case exports.QuestionAnswerType.MultipleChoice:
+        if (!(answers !== null && answers !== void 0 && answers.length)) return "";
+        return answers.map(function (i) {
+          return t("number_question", {
+            number: i
+          });
+        }).join(",");
+      default:
+        return textualAnswers === null || textualAnswers === void 0 ? void 0 : textualAnswers.join(", ");
+    }
+  };
   var renderAnswer = function renderAnswer(type, content) {
     var _content$split, _content$split$map;
     if (!content) return "";
@@ -17454,19 +17495,21 @@ var CompareGrass = function CompareGrass(_ref2) {
       }, t("problem"), " ", item.questionOrder + 1), React__default.createElement("td", {
         style: {
           textAlign: "center",
-          color: "#202B37"
+          color: "#202B37",
+          maxWidth: "30%"
         }
-      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.correctAnswers)), React__default.createElement("td", {
+      }, typeof item.correctAnswers === "string" ? renderAnswer(item.questionAnswerType, item.correctAnswers) : renderTextbookAnswer(item.questionAnswerType, item.correctAnswers, item.correctTextualAnswers, true)), React__default.createElement("td", {
         className: styles$4["tdcolumn3"],
         style: {
-          color: item.isCorrect ? styles$4.green_support_900 : styles$4.red_900
+          color: item.isCorrect ? styles$4.green_support_900 : styles$4.red_900,
+          maxWidth: "30%"
         }
-      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.selectedAnswers)), React__default.createElement("td", {
+      }, typeof item.selectedAnswers === "string" ? renderAnswer(item.questionAnswerType, item.selectedAnswers) : renderTextbookAnswer(item.questionAnswerType, item.selectedAnswers, item.textualAnswers)), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: "#414E62"
         }
-      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.mostSelectedAnswers)), React__default.createElement("td", {
+      }, renderAnswer(item.questionAnswerType, item.mostSelectedAnswers)), React__default.createElement("td", {
         className: "" + printStyles["avoid-break-inside"]
       }, React__default.createElement("div", {
         className: styles$4["classification"] + " " + printStyles["avoid-break-inside"]
@@ -17833,6 +17876,24 @@ var Vulnerable = function Vulnerable(_ref) {
       return q2.overallCorrectRate === q1.overallCorrectRate ? q1.questionOrder - q2.questionOrder : q2.overallCorrectRate - q1.overallCorrectRate;
     }).slice(0, limitQuestions);
   }, [JSON.stringify(data.questions)]);
+  var renderTextbookAnswer = function renderTextbookAnswer(type, answers, textualAnswers, isCorrect) {
+    var _textualAnswers$;
+    switch (type) {
+      case exports.QuestionAnswerType.ShortAnswer:
+      case exports.QuestionAnswerType.SynonymProcessing:
+        return isCorrect ? textualAnswers === null || textualAnswers === void 0 ? void 0 : textualAnswers.join(" | ") : (_textualAnswers$ = textualAnswers === null || textualAnswers === void 0 ? void 0 : textualAnswers[0]) != null ? _textualAnswers$ : "";
+      case exports.QuestionAnswerType.SingleChoice:
+      case exports.QuestionAnswerType.MultipleChoice:
+        if (!(answers !== null && answers !== void 0 && answers.length)) return "";
+        return answers.map(function (i) {
+          return t("number_question", {
+            number: i
+          });
+        }).join(",");
+      default:
+        return textualAnswers === null || textualAnswers === void 0 ? void 0 : textualAnswers.join(", ");
+    }
+  };
   var renderAnswer = function renderAnswer(type, content) {
     var _content$split, _content$split$map;
     if (!content) return "";
@@ -17889,12 +17950,12 @@ var Vulnerable = function Vulnerable(_ref) {
           fontSize: "13px",
           fontWeight: 500
         }
-      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.selectedAnswers)), React__default.createElement("td", {
+      }, typeof item.selectedAnswers === "string" ? renderAnswer(item.questionAnswerType, item.selectedAnswers) : renderTextbookAnswer(item.questionAnswerType, item.selectedAnswers, item.textualAnswers)), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: styles$4.gray_700
         }
-      }, renderAnswer(item === null || item === void 0 ? void 0 : item.questionAnswerType, item === null || item === void 0 ? void 0 : item.correctAnswers)), React__default.createElement("td", {
+      }, typeof item.correctAnswers === "string" ? renderAnswer(item.questionAnswerType, item.correctAnswers) : renderTextbookAnswer(item.questionAnswerType, item.correctAnswers, item.correctTextualAnswers, true)), React__default.createElement("td", {
         style: {
           textAlign: "center",
           color: styles$4.gray_700
@@ -17904,7 +17965,7 @@ var Vulnerable = function Vulnerable(_ref) {
   };
   var renderQuestions = function renderQuestions(questions) {
     return questions.map(function (question) {
-      var _question$category, _question$selectedAns, _question$selectedAns2, _question$correctAnsw, _question$correctAnsw2, _question$correctAnsw3;
+      var _question$category;
       return React__default.createElement(material.Stack, {
         direction: "row",
         flexWrap: "nowrap",
@@ -17940,29 +18001,9 @@ var Vulnerable = function Vulnerable(_ref) {
         className: styles$4["span2"]
       }, t("my_wrong_answer"))), React__default.createElement("div", null, React__default.createElement("span", {
         className: styles$4["overallCorrectRate"]
-      }, question.overallCorrectRate.toFixed(2), "%"), question.questionAnswerType === exports.QuestionAnswerType.ShortAnswer ? React__default.createElement("span", {
-        className: styles$4["answer"]
-      }, React__default.createElement(MathJaxContainer, {
-        content: question.selectedAnswers
-      }), " ", t("answer"), " ", React__default.createElement(MathJaxContainer, {
-        content: question.correctAnswers
-      })) : question.questionAnswerType === exports.QuestionAnswerType.MultipleChoice ? React__default.createElement("span", {
-        className: styles$4["answer"]
-      }, (_question$selectedAns = question.selectedAnswers.split("|")) === null || _question$selectedAns === void 0 ? void 0 : (_question$selectedAns2 = _question$selectedAns.map(function (i) {
-        return t("number_question", {
-          number: i
-        });
-      })) === null || _question$selectedAns2 === void 0 ? void 0 : _question$selectedAns2.join(","), " (", t("answer"), " ", (_question$correctAnsw = question.correctAnswers) === null || _question$correctAnsw === void 0 ? void 0 : (_question$correctAnsw2 = _question$correctAnsw.split("|")) === null || _question$correctAnsw2 === void 0 ? void 0 : (_question$correctAnsw3 = _question$correctAnsw2.map(function (i) {
-        return t("number_question", {
-          number: i
-        });
-      })) === null || _question$correctAnsw3 === void 0 ? void 0 : _question$correctAnsw3.join(","), ")") : React__default.createElement("span", {
+      }, question.overallCorrectRate.toFixed(2), "%"), React__default.createElement("span", {
         className: styles$4["answer"]
-      }, t("number_question", {
-        number: question.selectedAnswers
-      }), " (", t("answer"), " ", t("number_question", {
-        number: question.correctAnswers
-      }), ")"))));
+      }, typeof question.selectedAnswers === "string" ? renderAnswer(question.questionAnswerType, question.selectedAnswers) : renderTextbookAnswer(question.questionAnswerType, question.selectedAnswers, question.textualAnswers), " ", t("answer"), " ", typeof question.correctAnswers === "string" ? renderAnswer(question.questionAnswerType, question.correctAnswers) : renderTextbookAnswer(question.questionAnswerType, question.correctAnswers, question.correctTextualAnswers, true)))));
     });
   };
   var handleToggle = function handleToggle() {
@@ -28715,6 +28756,16 @@ var QuestionView = function QuestionView(_ref2) {
         return null;
     }
   };
+  var answerTypeOptions = [{
+    label: t("singlechoice"),
+    value: exports.QuestionAnswerType.SingleChoice
+  }, {
+    label: t("multiplechoice"),
+    value: exports.QuestionAnswerType.MultipleChoice
+  }, {
+    label: t("shortanswer"),
+    value: exports.QuestionAnswerType.ShortAnswer
+  }];
   return React__default.createElement(material.Grid, {
     container: true,
     spacing: "16px"
@@ -28806,14 +28857,7 @@ var QuestionView = function QuestionView(_ref2) {
   }, t("question_answer_type")), React__default.createElement(CustomSelect, {
     isDisabled: isDisabled,
     value: question.questionAnswerType,
-    options: Object.keys(exports.QuestionAnswerType).filter(function (key) {
-      return Number.isNaN(+key);
-    }).map(function (label, index) {
-      return {
-        label: t(label.toLowerCase()),
-        value: index
-      };
-    }),
+    options: answerTypeOptions,
     onChange: function onChange(value) {
       return onChangeQuestionAnswerType === null || onChangeQuestionAnswerType === void 0 ? void 0 : onChangeQuestionAnswerType(value === null || value === void 0 ? void 0 : value.value, index);
     }
@@ -28846,14 +28890,7 @@ var QuestionView = function QuestionView(_ref2) {
   }, t("question_answer_type")), React__default.createElement(CustomSelect, {
     isDisabled: isDisabled,
     value: question.questionAnswerType,
-    options: Object.keys(exports.QuestionAnswerType).filter(function (key) {
-      return Number.isNaN(+key);
-    }).map(function (label, index) {
-      return {
-        label: t(label.toLowerCase()),
-        value: index
-      };
-    }),
+    options: answerTypeOptions,
     onChange: function onChange(value) {
       return onChangeQuestionAnswerType === null || onChangeQuestionAnswerType === void 0 ? void 0 : onChangeQuestionAnswerType(value === null || value === void 0 ? void 0 : value.value, index);
     }
@@ -33245,6 +33282,67 @@ var DefaultTextbookOwner = {
 var DEFAULT_ANSWER_COUNT$2 = 5;
 var DEFAULT_SCORE$1 = 2;
 var preparedTextbookSchema = function preparedTextbookSchema(t) {
+  var quesitonSchema = yup.object({
+    questionAnswerType: yup.mixed().oneOf(Object.values(exports.QuestionAnswerType), "invalid question answer type").required(t("question_answer_type_required")),
+    numerOfAnswers: yup.array().of(yup.number()),
+    correctAnswers: yup.array().of(yup.number()).when("questionAnswerType", {
+      is: function is(answerType) {
+        return !isTextType(answerType);
+      },
+      then: function then(schema) {
+        return schema.min(2, t("question_answer_required"));
+      },
+      otherwise: function otherwise(schema) {
+        return schema.notRequired();
+      }
+    }),
+    score: yup.number().required(),
+    questionOrder: yup.number().required(),
+    questionTypeId: yup.number().notRequired(),
+    correctTextualAnswers: yup.array().of(yup.string().trim().required(t("short_string_answer_cannot_be_empty"))).when("questionAnswerType", {
+      is: function is(answerType) {
+        return isTextType(answerType);
+      },
+      then: function then(schema) {
+        return schema.min(1, t("question_answer_required"));
+      },
+      otherwise: function otherwise(schema) {
+        return schema.notRequired();
+      }
+    }).when("questionAnswerType", {
+      is: function is(answerType) {
+        return isTextType(answerType) && answerType !== exports.QuestionAnswerType.ShortAnswer;
+      },
+      then: function then(schema) {
+        return schema.min(2, t("question_answer_required"));
+      }
+    })
+  });
+  var questionGroupsSchema = yup.array().of(yup.object().shape({
+    pageFrom: yup.number().notRequired().integer().notRequired().min(1, t("min_is_1")),
+    pageTo: yup.number().notRequired().integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
+      var _this$parent = this === null || this === void 0 ? void 0 : this.parent,
+        pageFrom = _this$parent.pageFrom;
+      return !value || !pageFrom || value >= pageFrom;
+    }),
+    articles: yup.array().of(yup.object().shape({
+      categories: yup.array().of(yup.number()).min(1, t("category_required")),
+      title: yup.string().notRequired(),
+      author: yup.string().notRequired(),
+      subject: yup.string().notRequired()
+    })).when("$type", {
+      is: function is(type) {
+        return type === 2;
+      },
+      then: function then(schema) {
+        return schema.min(1, t("category_required"));
+      },
+      otherwise: function otherwise(schema) {
+        return schema.min(1, t("article_required"));
+      }
+    }),
+    questions: yup.array().of(quesitonSchema)
+  }));
   return yup.object({
     name: yup.string().required(t("name_required")),
     subjectId: yup.number().required(t("subject_required")).notOneOf([0], t("subject_required")),
@@ -33262,36 +33360,12 @@ var preparedTextbookSchema = function preparedTextbookSchema(t) {
     chapters: yup.array().of(yup.object().shape({
       pageFrom: yup.number().required(t("page_from_required")).integer().typeError(t("must_be_number")).min(1, t("min_is_1")),
       pageTo: yup.number().required(t("page_to_required")).integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
-        var _this$parent = this === null || this === void 0 ? void 0 : this.parent,
-          pageFrom = _this$parent.pageFrom;
+        var _this$parent2 = this === null || this === void 0 ? void 0 : this.parent,
+          pageFrom = _this$parent2.pageFrom;
         return value >= pageFrom;
       }),
       name: yup.string().required(t("name_required")),
-      questionGroups: yup.array().of(yup.object().shape({
-        pageFrom: yup.number().notRequired().integer().notRequired().min(1, t("min_is_1")),
-        pageTo: yup.number().notRequired().integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
-          var _this$parent2 = this === null || this === void 0 ? void 0 : this.parent,
-            pageFrom = _this$parent2.pageFrom;
-          return !value || !pageFrom || value >= pageFrom;
-        }),
-        articles: yup.array().of(yup.object().shape({
-          categories: yup.array().of(yup.number()).min(1, t("category_required")),
-          title: yup.string().notRequired(),
-          author: yup.string().notRequired(),
-          subject: yup.string().notRequired()
-        })).when("$type", {
-          is: function is(type) {
-            return type === 2;
-          },
-          then: function then(schema) {
-            return schema.min(1, t("category_required"));
-          },
-          otherwise: function otherwise(schema) {
-            return schema.min(1, t("article_required"));
-          }
-        }),
-        questions: yup.array().of(yup.object())
-      })),
+      questionGroups: questionGroupsSchema,
       subChapters: yup.array().of(yup.object().shape({
         pageFrom: yup.number().required(t("page_from_required")).integer().typeError(t("must_be_number")).min(1, t("min_is_1")),
         pageTo: yup.number().required(t("page_to_required")).integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
@@ -33300,31 +33374,7 @@ var preparedTextbookSchema = function preparedTextbookSchema(t) {
           return value >= pageFrom;
         }),
         name: yup.string().required(t("name_required")),
-        questionGroups: yup.array().of(yup.object().shape({
-          pageFrom: yup.number().notRequired().integer().notRequired().min(1, t("min_is_1")),
-          pageTo: yup.number().notRequired().integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
-            var _this$parent4 = this === null || this === void 0 ? void 0 : this.parent,
-              pageFrom = _this$parent4.pageFrom;
-            return !value || !pageFrom || value >= pageFrom;
-          }),
-          articles: yup.array().of(yup.object().shape({
-            categories: yup.array().of(yup.number()).min(1, t("category_required")),
-            title: yup.string().notRequired(),
-            author: yup.string().notRequired(),
-            subject: yup.string().notRequired()
-          })).when("$type", {
-            is: function is(type) {
-              return type === 2;
-            },
-            then: function then(schema) {
-              return schema.min(1, t("category_required"));
-            },
-            otherwise: function otherwise(schema) {
-              return schema.min(1, t("article_required"));
-            }
-          }),
-          questions: yup.array().of(yup.object())
-        }))
+        questionGroups: questionGroupsSchema
       }))
     })).required("chapter_required")
   });
@@ -33358,7 +33408,7 @@ var DEFAULT_QUESTION = {
   questionAnswerType: exports.QuestionAnswerType.SingleChoice,
   questionOrder: 0,
   score: DEFAULT_SCORE$1,
-  textualAnswer: ""
+  correctTextualAnswers: [""]
 };
 var DEFAULT_QUESTION_GROUP = {
   answerCount: DEFAULT_ANSWER_COUNT$2,
@@ -33376,6 +33426,16 @@ var DEFAULT_ARTICLE = {
 var DEFAULT_MATH_QUESTION_GROUP = _extends({}, DEFAULT_QUESTION_GROUP, {
   articles: [DEFAULT_ARTICLE]
 });
+var CompareTypeOptions = [{
+  label: "order_matters",
+  value: exports.QuestionAnswerType.OrderMatters
+}, {
+  label: "order_does_not_matter",
+  value: exports.QuestionAnswerType.OrderDoesNotMatters
+}, {
+  label: "synonym_processing",
+  value: exports.QuestionAnswerType.SynonymProcessing
+}];
 
 var CustomTextbookTab = function CustomTextbookTab(props) {
   var children = props.children,
@@ -33500,7 +33560,7 @@ var convertResponseToRequest = function convertResponseToRequest(selectedTextboo
             }),
             questionCount: g.questions.length,
             answerCount: ((_g$questions = g.questions) === null || _g$questions === void 0 ? void 0 : (_g$questions$find = _g$questions.find(function (q) {
-              return q.questionAnswerType !== exports.QuestionAnswerType.ShortAnswer;
+              return !isTextType(q.questionAnswerType);
             })) === null || _g$questions$find === void 0 ? void 0 : _g$questions$find.numberOfAnswers) || DEFAULT_ANSWER_COUNT$2
           };
         })) || [],
@@ -33545,7 +33605,7 @@ var convertResponseToRequest = function convertResponseToRequest(selectedTextboo
                 }),
                 questionCount: g.questions.length,
                 answerCount: ((_g$questions2 = g.questions) === null || _g$questions2 === void 0 ? void 0 : (_g$questions2$find = _g$questions2.find(function (q) {
-                  return q.questionAnswerType !== exports.QuestionAnswerType.ShortAnswer;
+                  return !isTextType(q.questionAnswerType);
                 })) === null || _g$questions2$find === void 0 ? void 0 : _g$questions2$find.numberOfAnswers) || DEFAULT_ANSWER_COUNT$2
               };
             })) || [],
@@ -33847,6 +33907,128 @@ var labelStyle = {
   whiteSpace: "nowrap"
 };
 
+var QuestionCompareType = function QuestionCompareType(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return React__default.createElement(material.FormControl, {
+    sx: {
+      display: "flex",
+      alignItems: "center",
+      pl: "24px",
+      mt: 1,
+      gap: 1,
+      flexDirection: "row",
+      width: "100%"
+    }
+  }, React__default.createElement(material.FormLabel, {
+    htmlFor: "compare-type",
+    className: "" + styles$a["question-label"],
+    sx: _extends({}, labelStyle, {
+      width: "unset"
+    })
+  }, t("compare_type"), ":"), React__default.createElement(material.RadioGroup, {
+    row: true,
+    sx: {
+      flexGrow: 1
+    },
+    "aria-labelledby": "compare-type",
+    name: "row-radio-buttons-group",
+    value: value,
+    onChange: onChange
+  }, React__default.createElement(ListView, {
+    data: CompareTypeOptions,
+    render: function render(_ref2) {
+      var value = _ref2.value,
+        label = _ref2.label;
+      return React__default.createElement(material.FormControlLabel, {
+        key: value,
+        value: value,
+        control: React__default.createElement(material.Radio, {
+          size: "small",
+          color: "success"
+        }),
+        label: React__default.createElement(material.Typography, {
+          sx: {
+            fontSize: "14px",
+            fontWeight: 500
+          },
+          className: "truncate"
+        }, t(label))
+      });
+    }
+  })));
+};
+
+var QuestionOrderName = function QuestionOrderName(_ref) {
+  var questionTitleStyle = _ref.questionTitleStyle,
+    isMath = _ref.isMath,
+    questionOrder = _ref.questionOrder;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return React__default.createElement(material.Box, {
+    className: styles$a["question-title"] + " me-2 text-nowrap",
+    sx: questionTitleStyle
+  }, isMath ? t("problem_number_question", {
+    number: questionOrder + 1
+  }) : t("text_detail_n", {
+    n: questionOrder + 1
+  }));
+};
+
+var QuestionShortInput = function QuestionShortInput(_ref) {
+  var name = _ref.name,
+    deletable = _ref.deletable,
+    onDelete = _ref.onDelete;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return React__default.createElement(formik.Field, {
+    name: name,
+    render: function render(_ref2) {
+      var field = _ref2.field;
+      return React__default.createElement(material.Box, {
+        sx: {
+          position: "relative"
+        }
+      }, React__default.createElement(material.TextField, Object.assign({}, field, {
+        size: "small",
+        fullWidth: true,
+        placeholder: t("textual_answer"),
+        onKeyDown: handleKeyDown,
+        sx: {
+          "& input": {
+            paddingRight: deletable ? "40px" : undefined
+          }
+        }
+      })), deletable && React__default.createElement(material.Stack, {
+        justifyContent: "center",
+        alignItems: "center",
+        sx: {
+          position: "absolute",
+          top: "50%",
+          right: 0,
+          width: "40px",
+          transform: "translateY(-50%)"
+        }
+      }, React__default.createElement(material.Box, {
+        width: "fit-content"
+      }, React__default.createElement(material.IconButton, {
+        color: "default",
+        size: "small",
+        className: "bg-danger text-white",
+        onClick: onDelete
+      }, React__default.createElement(fa6.FaTrashCan, {
+        size: 12
+      })))));
+    }
+  });
+};
+var isEqual$1 = function isEqual(prev, next) {
+  return prev.value === next.value && prev.name == next.name && prev.deletable == next.deletable;
+};
+var QuestionShortInput$1 = React.memo(QuestionShortInput, isEqual$1);
+
 var _excluded$h = ["onChange"];
 var BpIcon$1 = material.styled("span")(function (_ref) {
   var theme = _ref.theme;
@@ -33890,6 +34072,10 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     setFieldValue = _ref2.setFieldValue,
     onCloseQuestionTypeMenu = _ref2.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref2.onOpenQuestionTypeMenu;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var theme = material.useTheme();
+  var isTabletUp = material.useMediaQuery(theme.breakpoints.up("lg"));
   var handleCheckMultiChoice = function handleCheckMultiChoice(choice) {
     var updatedAnswers = data.correctAnswers;
     if (updatedAnswers.includes(choice)) {
@@ -33901,35 +34087,74 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     }
     setFieldValue(path + ".correctAnswers", updatedAnswers);
   };
+  var handleAddTextualAnswer = function handleAddTextualAnswer() {
+    data.correctTextualAnswers.length === 1 && setFieldValue(path + ".questionAnswerType", exports.QuestionAnswerType.OrderMatters);
+    setFieldValue(path + ".correctTextualAnswers", [].concat(data.correctTextualAnswers, [""]));
+  };
+  var handleRemoveTextualAnswer = function handleRemoveTextualAnswer(remove, index) {
+    data.correctTextualAnswers.length === 2 && setFieldValue(path + ".questionAnswerType", exports.QuestionAnswerType.ShortAnswer);
+    remove(index);
+  };
   var handleChangeQuestionAnswerType = function handleChangeQuestionAnswerType(value) {
+    switch (value === null || value === void 0 ? void 0 : value.value) {
+      case exports.QuestionAnswerType.SingleChoice:
+      case exports.QuestionAnswerType.MultipleChoice:
+        setFieldValue(path + ".correctTextualAnswers", []);
+        break;
+      default:
+        if (data.correctTextualAnswers.length === 0) setFieldValue(path + ".correctTextualAnswers", [""]);
+        break;
+    }
     setFieldValue(path + ".questionAnswerType", (value === null || value === void 0 ? void 0 : value.value) || 0);
   };
+  var handleChangeCompareType = function handleChangeCompareType(_, value) {
+    setFieldValue(path + ".questionAnswerType", Number(value) || 0);
+  };
   var handleOpenQuestionTypeMenu = function handleOpenQuestionTypeMenu() {
     onOpenQuestionTypeMenu(path + ".questionTypeId");
   };
+  var isIncomplatedTextualAnswers = data.correctTextualAnswers.some(function (i) {
+    return !i.trim();
+  });
+  var isTextAnswerType = isTextType(data.questionAnswerType);
   var renderAnswer = function renderAnswer() {
     switch (data.questionAnswerType) {
       case exports.QuestionAnswerType.ShortAnswer:
-        return React__default.createElement(material.FormGroup, {
-          sx: {
-            width: "100%",
-            maxWidth: "240px",
-            pl: "24px"
-          }
-        }, React__default.createElement(material.FormLabel, {
-          htmlFor: "textual_answer",
-          className: styles$a["question-label"] + " form-label"
-        }, t("textual_answer")), React__default.createElement(formik.Field, {
-          name: path + ".textualAnswer",
-          render: function render(_ref3) {
-            var field = _ref3.field;
-            return React__default.createElement(material.TextField, Object.assign({}, field, {
-              size: "small",
-              placeholder: t("textual_answer"),
-              onKeyDown: handleKeyDown
-            }));
-          }
-        }));
+      case exports.QuestionAnswerType.SynonymProcessing:
+      case exports.QuestionAnswerType.OrderMatters:
+      case exports.QuestionAnswerType.OrderDoesNotMatters:
+        return React__default.createElement(formik.FieldArray, {
+          name: path + ".correctTextualAnswers"
+        }, function (_ref3) {
+          var remove = _ref3.remove;
+          return React__default.createElement(material.Stack, {
+            sx: {
+              pl: "24px",
+              flexDirection: "row",
+              gap: "8px",
+              alignItems: "center"
+            }
+          }, React__default.createElement(material.Stack, {
+            direction: "row",
+            gap: "12px",
+            flexWrap: "wrap"
+          }, React__default.createElement(ListView, {
+            data: data.correctTextualAnswers,
+            render: function render(_, index) {
+              return React__default.createElement(material.Box, {
+                key: index,
+                minWidth: "200px"
+              }, React__default.createElement(QuestionShortInput$1, {
+                value: data.correctTextualAnswers[index],
+                name: path + ".correctTextualAnswers[" + index + "]",
+                onDelete: function onDelete() {
+                  return handleRemoveTextualAnswer(remove, index);
+                },
+                deletable: data.correctTextualAnswers.length > 1
+              }));
+            }
+          })));
+        });
       case exports.QuestionAnswerType.MultipleChoice:
         return React__default.createElement(material.Grid, {
           container: true
@@ -34006,18 +34231,16 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     }
     setFieldValue(path + ".questionType", val);
   };
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var answerTypeOptions = Object.keys(exports.QuestionAnswerType).filter(function (key) {
-    return Number.isNaN(+key);
-  }).map(function (label, index) {
-    return {
-      label: t(label.toLowerCase()),
-      value: index
-    };
-  });
-  var theme = material.useTheme();
-  var isTabletUp = material.useMediaQuery(theme.breakpoints.up("lg"));
+  var answerTypeOptions = [{
+    label: t("singlechoice"),
+    value: exports.QuestionAnswerType.SingleChoice
+  }, {
+    label: t("multiplechoice"),
+    value: exports.QuestionAnswerType.MultipleChoice
+  }, {
+    label: t("shortanswer"),
+    value: exports.QuestionAnswerType.ShortAnswer
+  }];
   return React__default.createElement(material.Stack, {
     direction: "row",
     alignItems: "center",
@@ -34028,19 +34251,50 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     alignItems: "center",
     minWidth: "50%",
     flexGrow: 1
-  }, React__default.createElement(material.Box, null, React__default.createElement(material.Box, {
-    className: styles$a["question-title"] + " me-2 text-nowrap",
-    sx: questionTitleStyle
-  }, isMath ? t("problem_number_question", {
-    number: data.questionOrder + 1
-  }) : t("text_detail_n", {
-    n: data.questionOrder + 1
-  }))), React__default.createElement(material.Box, {
+  }, React__default.createElement(material.Box, null, React__default.createElement(QuestionOrderName, {
+    questionOrder: data.questionOrder,
+    isMath: isMath,
+    questionTitleStyle: questionTitleStyle
+  })), React__default.createElement(material.Box, {
     flexGrow: 1
-  }, renderAnswer())), React__default.createElement(material.Stack, {
+  }, data.correctTextualAnswers.length > 1 && React__default.createElement(material.Box, null, React__default.createElement(QuestionCompareType, {
+    value: data.questionAnswerType,
+    onChange: handleChangeCompareType
+  })), renderAnswer())), React__default.createElement(material.Stack, {
+    gap: 1
+  }, React__default.createElement(material.Stack, {
     direction: "row",
     gap: 2
-  }, React__default.createElement(material.FormControl, {
+  }, isTextAnswerType && React__default.createElement(material.FormGroup, null, React__default.createElement(material.FormLabel, {
+    className: styles$a["question-label"] + " form-label",
+    sx: _extends({}, labelStyle, {
+      visibility: "hidden"
+    })
+  }, "hidden"), React__default.createElement(material.Stack, {
+    flexGrow: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  }, React__default.createElement(material.IconButton, {
+    disabled: isIncomplatedTextualAnswers,
+    color: "default",
+    size: "small",
+    sx: {
+      height: "fit-content",
+      background: theme.palette.success.dark,
+      color: '#fff',
+      "&.Mui-disabled": {
+        background: theme.palette.success.dark,
+        opacity: "0.6"
+      },
+      "&:hover": {
+        background: theme.palette.success.dark,
+        opacity: "0.8"
+      }
+    },
+    onClick: handleAddTextualAnswer
+  }, React__default.createElement(io.IoIosAdd, {
+    size: 20
+  })))), React__default.createElement(material.FormGroup, {
     sx: {
       flexGrow: 1,
       width: isTabletUp ? "120px" : "100px"
@@ -34099,15 +34353,15 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     render: function render(_ref6) {
       var field = _ref6.field;
       return React__default.createElement(CustomSelect, Object.assign({}, field, {
-        value: data.questionAnswerType,
+        value: data.questionAnswerType !== exports.QuestionAnswerType.SingleChoice && data.questionAnswerType !== exports.QuestionAnswerType.MultipleChoice ? exports.QuestionAnswerType.ShortAnswer : data.questionAnswerType,
         isDisabled: disabled,
         options: answerTypeOptions,
         onChange: handleChangeQuestionAnswerType
       }));
     }
-  }))));
+  })))));
 };
-var isEqual$1 = function isEqual(prev, next) {
+var isEqual$2 = function isEqual(prev, next) {
   var isPrevMatched = prev.optionKey === prev.path + ".questionTypeId";
   var isNextMatched = next.optionKey === next.path + ".questionTypeId";
   var prevOptionKey = isPrevMatched ? prev.optionKey : undefined;
@@ -34118,7 +34372,7 @@ var isEqual$1 = function isEqual(prev, next) {
   var nextQuestionTypes = isNextMatched ? next.questionTypes : undefined;
   return prevOptionKey === nextOptionKey && prevIsLoadingQuestionTypes === nextIsLoadingQuestionTypes && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevQuestionTypes) === JSON.stringify(nextQuestionTypes) && prev.path === next.path && prev.isMath == next.isMath && prev.answerCount == next.answerCount && prev.disabled == next.disabled && JSON.stringify(prev.questionTitleStyle) === JSON.stringify(next.questionTitleStyle) && prev.onOpenQuestionTypeMenu == next.onOpenQuestionTypeMenu;
 };
-var QuestionBlock$1 = React.memo(QuestionBlock, isEqual$1);
+var QuestionBlock$1 = React.memo(QuestionBlock, isEqual$2);
 
 var _excluded$i = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onQuestioStartOrderChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _$1 = _$6;
@@ -34147,6 +34401,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
   var articles = data.articles,
     questions = data.questions;
   var blockErrors = _$1.get(errors, path);
+  console.log(path + ": ", blockErrors);
   var handleOpenQuestionTypeMenu = React.useCallback(function (key) {
     var _data$articles$, _data$articles$$categ, _data$articles$2, _data$articles$2$cate;
     onOpenQuestionTypeMenu(key, (_data$articles$ = data.articles[0]) === null || _data$articles$ === void 0 ? void 0 : (_data$articles$$categ = _data$articles$.categories) === null || _data$articles$$categ === void 0 ? void 0 : _data$articles$$categ[0], (_data$articles$2 = data.articles[0]) === null || _data$articles$2 === void 0 ? void 0 : (_data$articles$2$cate = _data$articles$2.categories) === null || _data$articles$2$cate === void 0 ? void 0 : _data$articles$2$cate[1]);
@@ -34225,7 +34480,13 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
           alignItems: "center",
           gap: 1
         }
-      }, React__default.createElement(material.FormLabel, null, i18n.t("start_order")), React__default.createElement(material.TextField, {
+      }, React__default.createElement(material.FormLabel, {
+        sx: {
+          fontWeight: 600
+        },
+        htmlFor: "start_order"
+      }, i18n.t("start_order")), React__default.createElement(material.TextField, {
+        id: "start_order",
         inputRef: startOrderRef,
         onChange: handleChangeStartQuestionOrder,
         type: "number",
@@ -34252,7 +34513,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     }
   });
 };
-var isEqual$2 = function isEqual(prev, next) {
+var isEqual$3 = function isEqual(prev, next) {
   var isPrevMatched = prev.optionKey.startsWith(prev.path);
   var isNextMatched = next.optionKey.startsWith(next.path);
   var prevOptionKey = isPrevMatched ? prev.optionKey : undefined;
@@ -34275,7 +34536,7 @@ var isEqual$2 = function isEqual(prev, next) {
   var nextOnOpenQuestionTypeMenu = next.onOpenQuestionTypeMenu;
   return prevOptionKey === nextOptionKey && prevIsLoadingCategories === nextIsLoadingCategories && JSON.stringify(prevCategories) === JSON.stringify(nextCategories) && prevIsLoadingQuestionTypes === nextIsLoadingQuestionTypes && JSON.stringify(prevQuestionTypes) === JSON.stringify(nextQuestionTypes) && prev.path === next.path && prev.isMath === next.isMath && prev.open === next.open && prev.disabled === next.disabled && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevBlockErrors) === JSON.stringify(nextBlockErrors) && prevOnOpenCategoryMenu === nextOnOpenCategoryMenu && prevOnOpenSubCategoryMenu === nextOnOpenSubCategoryMenu && prevOnOpenQuestionTypeMenu === nextOnOpenQuestionTypeMenu;
 };
-var QuestionGroupBlockBody$1 = React.memo(QuestionGroupBlockBody, isEqual$2);
+var QuestionGroupBlockBody$1 = React.memo(QuestionGroupBlockBody, isEqual$3);
 
 var _excluded$j = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _$2 = _$6;
@@ -34411,7 +34672,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     expanded: open,
     onChange: handleToggle,
     sx: {
-      border: (open ? "5px" : "1.5px") + " solid " + (blockErrors ? open ? error.main : error.light : open ? colors.yellow[900] : colors.yellow[500])
+      border: (open ? "5px" : "1.5px") + " solid " + (blockErrors ? open ? error.main : error.light : open ? colors.yellow[900] : colors.yellow[700])
     }
   }, React__default.createElement(material.AccordionSummary, {
     expandIcon: React__default.createElement(md.MdExpandMore, {
@@ -38184,6 +38445,7 @@ exports.getUtcDayOfWeek = getUtcDayOfWeek;
 exports.i18n = i18n__default;
 exports.includePathname = includePathname;
 exports.isLocalHost = isLocalHost;
+exports.isTextType = isTextType;
 exports.minutesToTimeSpan = minutesToTimeSpan;
 exports.pushTo = pushTo;
 exports.reset = reset;