catchup-library-web 1.20.11 → 1.20.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "catchup-library-web",
-  "version": "1.20.11",
+  "version": "1.20.13",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/components/activities/evaluation-rubric-contents/ActivityEvaluationRubricContent.tsx

@@ -25,6 +25,7 @@ const ActivityEvaluationRubricContent = ({
   if (!evaluationRubricMapKey) return null;
   const evaluationRubricMapString = data[evaluationRubricMapKey];
   let evaluationRubricMap;
+  if (!evaluationRubricMapString) return;
   try {
     evaluationRubricMap = JSON.parse(evaluationRubricMapString);
   } catch (error) {

package/src/components/activities/material-contents/FillInTheBlanksActivityMaterialContent.tsx

@@ -12,6 +12,7 @@ import DroppableItem from "../../dnds/DroppableItem";
 import ShowMaterialMediaByContentType from "./ShowMaterialMediaByContentType";
 import DividerLine from "../../dividers/DividerLine";
 import { IFillInTheBlanksActivityMaterialProps } from "../../../properties/ActivityProperties";
+import InputWithSpecialExpression from "../../texts/InputWithSpecialExpression";
 
 const FillInTheBlanksActivityMaterialContent = ({
   uniqueValue,
@@ -117,7 +118,12 @@ const FillInTheBlanksActivityMaterialContent = ({
                       setPasteOptionIndex(null);
                     }}
                   >
-                    <p className="italic whitespace-pre-wrap">{option}</p>
+                    <p className="italic whitespace-pre-wrap">
+                      <InputWithSpecialExpression
+                        value={option}
+                        showSpecialOnly={true}
+                      />
+                    </p>
                   </div>
                 ) : (
                   <div
@@ -171,7 +177,7 @@ const FillInTheBlanksActivityMaterialContent = ({
                           contentMap.type === "TEXT" ? (
                             <div className="relative">
                               <div className="flex-1">
-                                <InputGroup
+                                {/* <InputGroup
                                   type="textarea"
                                   value={answerMap[materialKey]}
                                   useMinHeight={false}
@@ -182,8 +188,30 @@ const FillInTheBlanksActivityMaterialContent = ({
                                       e.target.value
                                     );
                                   }}
-                                />
+                                /> */}
+                                <div
+                                  className={`w-full min-h-[44px] p-3 border rounded-lg ${
+                                    answerMap[materialKey]
+                                      ? "bg-white border-gray-300"
+                                      : "bg-gray-50 border-gray-200 border-dashed"
+                                  }`}
+                                  onClick={() => {
+                                    if (answerMap[materialKey]) {
+                                      onChange(answer, materialKey, "");
+                                    }
+                                  }}
+                                >
+                                  {answerMap[materialKey] ? (
+                                    <InputWithSpecialExpression
+                                      value={answerMap[materialKey]}
+                                      showSpecialOnly={true}
+                                    />
+                                  ) : (
+                                    <p className="text-gray-400 italic"></p>
+                                  )}
+                                </div>
                               </div>
+
                               {learnerAnswerState === "CORRECT" ? (
                                 <div className="absolute -top-[10px] right-4 bg-catchup-white">
                                   <BaseImage

package/src/components/activities/material-contents/OrderingActivityMaterialContent.tsx

@@ -32,7 +32,7 @@ const OrderingActivityMaterialContent = ({
 
   useEffect(() => {
     if (!screenSize) return;
-    if (screenSize.width <= 768) {
+    if (screenSize.width <= 1024) {
       setView("TABLET");
     } else {
       setView("PC");

package/src/components/groups/InputGroup.tsx

@@ -7,8 +7,6 @@ import { IOptionProps } from "../../properties/CommonProperties";
 import { MathfieldElement } from "mathlive";
 import BaseModal from "../modals/BaseModal";
 import FullCard from "../cards/FullCard";
-import SecondaryButton from "../buttons/SecondaryButton";
-import PrimaryButton from "../buttons/PrimaryButton";
 
 declare global {
   namespace JSX {