catchup-library-web 1.20.17 → 1.20.19

package/dist/index.mjs

@@ -150,7 +150,7 @@ var TimedProgressBar_default = TimedProgressBar;
 
 // src/components/bars/ScoreBar.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var ScoreBar = ({ score, className }) => {
+var ScoreBar = ({ score, className, size }) => {
   const getProgressBarColor = (score2) => {
     if (score2 >= 70) return "bg-catchup-green";
     if (score2 >= 30) return "bg-catchup-orange";
@@ -162,15 +162,21 @@ var ScoreBar = ({ score, className }) => {
     return "text-catchup-red";
   };
   return /* @__PURE__ */ jsxs2("div", { className: `flex items-center gap-2 ${className}`, children: [
-    /* @__PURE__ */ jsx3("div", { className: "flex-1 h-5 bg-catchup-gray-100 rounded-catchup-full overflow-hidden", children: /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx3(
       "div",
       {
-        className: `h-full rounded-catchup-full transition-all duration-300 ${getProgressBarColor(
-          score
-        )}`,
-        style: { width: `${score}%` }
+        className: `flex-1 ${size === "large" ? "h-7" : size === "medium" ? "h-5" : size === "small" ? "h-3" : "h-5"} bg-catchup-gray-100 rounded-catchup-full overflow-hidden`,
+        children: /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: `h-full rounded-catchup-full transition-all duration-300 ${getProgressBarColor(
+              score
+            )}`,
+            style: { width: `${score}%` }
+          }
+        )
       }
-    ) }),
+    ),
     /* @__PURE__ */ jsxs2(
       "span",
       {
@@ -4769,7 +4775,7 @@ var FillInTheBlanksActivityMaterialContent = ({
           component: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx30(
             "div",
             {
-              className: "border-catchup-blue border-2 px-2 py-1 rounded-catchup-xlarge cursor-pointer",
+              className: "border-catchup-blue border-2 px-2 rounded-catchup-xlarge cursor-pointer",
               onMouseDown: () => {
                 setSelectedOption(option);
                 setPasteOptionIndex(null);
@@ -5152,7 +5158,7 @@ var GroupingActivityMaterialContent = ({
       }) }),
       /* @__PURE__ */ jsx32(DividerLine_default, {})
     ] }) : null,
-    /* @__PURE__ */ jsx32("div", { className: "overflow-y-auto max-h-[600px]", children: Object.keys(answerMap).map((answerMapKey, index) => /* @__PURE__ */ jsxs19("div", { className: "flex flex-row w-full", children: [
+    /* @__PURE__ */ jsx32("div", { className: "overflow-y-auto max-h-[500px]", children: Object.keys(answerMap).map((answerMapKey, index) => /* @__PURE__ */ jsxs19("div", { className: "flex flex-row w-full", children: [
       /* @__PURE__ */ jsx32("div", { className: "w-1/3", children: /* @__PURE__ */ jsx32(
         "div",
         {
@@ -5445,7 +5451,7 @@ var MatchingActivityMaterialContent = ({
       ),
       /* @__PURE__ */ jsx34("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx34(DividerLine_default, {}) })
     ] }) : null,
-    /* @__PURE__ */ jsx34("div", { className: "overflow-y-auto max-h-[600px]", children: Object.keys(answerMap).map((answerMapKey, index) => {
+    /* @__PURE__ */ jsx34("div", { className: "overflow-y-auto max-h-[500px]", children: Object.keys(answerMap).map((answerMapKey, index) => {
       const learnerAnswerState = checkAnswerState(
         materialMap[answerMapKey],
         answerMap[answerMapKey]
@@ -9229,10 +9235,6 @@ var retrieveSourceTypeOptionList = (coterieOnly) => {
       value: "CATCHXAM",
       text: i18n_default.t("CATCHXAM")
     },
-    // {
-    //   value: "STANDARD_EXAM",
-    //   text: i18n.t("STANDARD_EXAM"),
-    // },
     {
       value: "ETUDE",
       text: i18n_default.t("ETUDE")
@@ -9244,6 +9246,18 @@ var retrieveSourceTypeOptionList = (coterieOnly) => {
     {
       value: "ACTIVITY",
       text: i18n_default.t("ACTIVITY")
+    },
+    {
+      value: "ACTIVITY_CORRECT",
+      text: i18n_default.t("ACTIVITY_CORRECT")
+    },
+    {
+      value: "ACTIVITY_REVIEW",
+      text: i18n_default.t("ACTIVITY_REVIEW")
+    },
+    {
+      value: "ACTIVITY_TIME_SPENT",
+      text: i18n_default.t("ACTIVITY_TIME_SPENT")
     }
   ];
   if (!coterieOnly) {
@@ -9254,28 +9268,14 @@ var retrieveSourceTypeOptionList = (coterieOnly) => {
   }
   return currentSourceTypeOptionList;
 };
-var retrieveBadgeTypeOptionList = (isActivity) => {
-  const currentBadgeTypeOptionList = [
+var retrieveTrackingTypeOptionList = () => {
+  const currentTrackingTypeOptionList = [
     {
       value: "COUNT",
       text: i18n_default.t("COUNT")
     }
   ];
-  if (isActivity) {
-    currentBadgeTypeOptionList.push({
-      value: "CORRECT",
-      text: i18n_default.t("CORRECT")
-    });
-    currentBadgeTypeOptionList.push({
-      value: "REVIEW",
-      text: i18n_default.t("REVIEW")
-    });
-    currentBadgeTypeOptionList.push({
-      value: "TIME_SPENT",
-      text: i18n_default.t("TIME_SPENT")
-    });
-  }
-  return currentBadgeTypeOptionList;
+  return currentTrackingTypeOptionList;
 };
 var retrieveOtherBadgeDTOList = () => {
   const badgeList = [];
@@ -9285,15 +9285,13 @@ var retrieveOtherBadgeDTOList = () => {
   );
   for (let i = 1; i <= 5; i++) {
     for (const sourceTypeOption of filteredSourceTypeOptionList) {
-      const badgeTypeOptionList = retrieveBadgeTypeOptionList(
-        sourceTypeOption.value === "ACTIVITY"
-      );
-      for (const badgeTypeOption of badgeTypeOptionList) {
+      const trackingTypeOptionList = retrieveTrackingTypeOptionList();
+      for (const trackingTypeOption of trackingTypeOptionList) {
         badgeList.push({
           badgeDTO: {
             coterieType: "MANAGEMENT",
             sourceType: sourceTypeOption.value,
-            badgeType: badgeTypeOption.value
+            trackingType: trackingTypeOption.value
           },
           level: i
         });
@@ -9314,15 +9312,13 @@ var retrieveAllEarnedBadgeDTOListByCoterieType = (coterieType) => {
   const badgeList = [];
   for (let i = 1; i <= 5; i++) {
     for (const sourceTypeOption of sourceTypeOptionList) {
-      const badgeTypeOptionList = retrieveBadgeTypeOptionList(
-        sourceTypeOption.value === "ACTIVITY"
-      );
-      for (const badgeTypeOption of badgeTypeOptionList) {
+      const trackingTypeOptionList = retrieveTrackingTypeOptionList();
+      for (const trackingTypeOption of trackingTypeOptionList) {
         badgeList.push({
           badgeDTO: {
             coterieType,
             sourceType: sourceTypeOption.value,
-            badgeType: badgeTypeOption.value
+            trackingType: trackingTypeOption.value
           },
           level: i
         });
@@ -9333,13 +9329,13 @@ var retrieveAllEarnedBadgeDTOListByCoterieType = (coterieType) => {
     if (a.badgeDTO.sourceType !== b.badgeDTO.sourceType) {
       return a.badgeDTO.sourceType.localeCompare(b.badgeDTO.sourceType);
     }
-    return a.badgeDTO.badgeType.localeCompare(b.badgeDTO.badgeType);
+    return a.badgeDTO.trackingType.localeCompare(b.badgeDTO.trackingType);
   });
 };
-var retrieveBadgeRuleListByParams = (coterieType, sourceType, badgeType) => {
-  if (coterieType === "MANAGEMENT") {
-    if (sourceType === "ACTIVITY") {
-      if (badgeType === "COUNT") {
+var retrieveBadgeRuleListByParams = (coterieType, sourceType, trackingType) => {
+  if (trackingType === "COUNT") {
+    if (coterieType === "MANAGEMENT") {
+      if (sourceType === "ACTIVITY") {
         return [
           {
             level: 1,
@@ -9362,128 +9358,101 @@ var retrieveBadgeRuleListByParams = (coterieType, sourceType, badgeType) => {
             value: 5e3
           }
         ];
-      } else if (badgeType === "TIME_SPENT") {
+      } else if (sourceType === "ACTIVITY_CORRECT" || sourceType === "ACTIVITY_REVIEW") {
         return [
           {
             level: 1,
-            value: 2
+            value: 25
           },
           {
             level: 2,
-            value: 10
+            value: 50
           },
           {
             level: 3,
-            value: 20
+            value: 250
           },
           {
             level: 4,
-            value: 100
+            value: 500
           },
           {
             level: 5,
-            value: 200
+            value: 1e3
           }
         ];
-      } else {
+      } else if (sourceType === "ACTIVITY_TIME_SPENT") {
         return [
           {
             level: 1,
-            value: 25
+            value: 2
           },
           {
             level: 2,
-            value: 50
+            value: 10
           },
           {
             level: 3,
-            value: 250
+            value: 20
           },
           {
             level: 4,
-            value: 500
+            value: 100
           },
           {
             level: 5,
-            value: 1e3
+            value: 200
           }
         ];
-      }
-    } else if (sourceType === "LOGIN") {
-      return [
-        {
-          level: 1,
-          value: 3
-        },
-        {
-          level: 2,
-          value: 7
-        },
-        {
-          level: 3,
-          value: 15
-        },
-        {
-          level: 4,
-          value: 30
-        },
-        {
-          level: 5,
-          value: 90
-        }
-      ];
-    } else {
-      if (badgeType === "COUNT") {
+      } else if (sourceType === "LOGIN") {
         return [
           {
             level: 1,
-            value: 5
+            value: 3
           },
           {
             level: 2,
-            value: 10
+            value: 7
           },
           {
             level: 3,
-            value: 50
+            value: 15
           },
           {
             level: 4,
-            value: 100
+            value: 30
           },
           {
             level: 5,
-            value: 500
+            value: 90
           }
         ];
       } else {
         return [
           {
             level: 1,
-            value: 25
+            value: 5
           },
           {
             level: 2,
-            value: 50
+            value: 10
           },
           {
             level: 3,
-            value: 250
+            value: 50
           },
           {
             level: 4,
-            value: 500
+            value: 100
           },
           {
             level: 5,
-            value: 1e3
+            value: 500
           }
         ];
       }
-    }
-  } else {
-    if (sourceType === "ACTIVITY") {
-      if (badgeType === "COUNT") {
+    } else {
+      if (sourceType === "ACTIVITY") {
         return [
           {
             level: 1,
@@ -9506,57 +9475,55 @@ var retrieveBadgeRuleListByParams = (coterieType, sourceType, badgeType) => {
             value: 1e3
           }
         ];
-      } else if (badgeType === "TIME_SPENT") {
+      } else if (sourceType === "ACTIVITY_CORRECT" || sourceType === "ACTIVITY_REVIEW") {
         return [
           {
             level: 1,
-            value: 1
+            value: 5
           },
           {
             level: 2,
-            value: 2
+            value: 25
           },
           {
             level: 3,
-            value: 10
+            value: 50
           },
           {
             level: 4,
-            value: 20
+            value: 250
           },
           {
             level: 5,
-            value: 100
+            value: 500
           }
         ];
-      } else {
+      } else if (sourceType === "ACTIVITY_TIME_SPENT") {
         return [
           {
             level: 1,
-            value: 5
+            value: 1
           },
           {
             level: 2,
-            value: 25
+            value: 2
           },
           {
             level: 3,
-            value: 50
+            value: 10
           },
           {
             level: 4,
-            value: 250
+            value: 20
           },
           {
             level: 5,
-            value: 500
+            value: 100
           }
         ];
-      }
-    } else if (sourceType === "LOGIN") {
-      return [];
-    } else {
-      if (badgeType === "COUNT") {
+      } else if (sourceType === "LOGIN") {
+        return [];
+      } else {
         return [
           {
             level: 1,
@@ -9584,141 +9551,121 @@ var retrieveBadgeRuleListByParams = (coterieType, sourceType, badgeType) => {
   }
   return [];
 };
-var retrieveBadgeRuleTextByParams = (coterieType, sourceType, badgeType, level) => {
+var retrieveBadgeRuleTextByParams = (coterieType, sourceType, trackingType, level) => {
   const badgeRuleList = retrieveBadgeRuleListByParams(
     coterieType,
     sourceType,
-    badgeType
+    trackingType
   );
   const foundBadgeRule = badgeRuleList[level - 1];
-  if (coterieType === "MANAGEMENT") {
-    if (sourceType === "ACTIVITY") {
-      if (badgeType === "COUNT") {
+  if (trackingType === "COUNT") {
+    if (coterieType === "MANAGEMENT") {
+      if (sourceType === "ACTIVITY") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("total_activity_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_activity_count_text_2")}`;
+          return `${i18n_default.t("total_count_activity_text_1")}${foundBadgeRule.value}${i18n_default.t("total_count_activity_text_2")}`;
         } else {
-          return i18n_default.t("none_activity_count_text");
+          return i18n_default.t("none_count_activity_text");
         }
-      } else if (badgeType === "CORRECT") {
+      } else if (sourceType === "ACTIVITY_CORRECT") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("total_activity_correct_text_1")}${foundBadgeRule.value}${i18n_default.t("total_activity_correct_text_2")}`;
+          return `${i18n_default.t("total_count_activity_correct_text_1")}${foundBadgeRule.value}${i18n_default.t("total_count_activity_correct_text_2")}`;
         } else {
-          return i18n_default.t("none_activity_correct_text");
+          return i18n_default.t("none_count_activity_correct_text");
         }
-      } else if (badgeType === "REVIEW") {
+      } else if (sourceType === "ACTIVITY_REVIEW") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("total_activity_review_text_1")}${foundBadgeRule.value}${i18n_default.t("total_activity_review_text_2")}`;
+          return `${i18n_default.t("total_count_activity_review_text_1")}${foundBadgeRule.value}${i18n_default.t("total_count_activity_review_text_2")}`;
         } else {
-          return i18n_default.t("none_activity_review_text");
+          return i18n_default.t("none_count_activity_review_text");
         }
-      } else if (badgeType === "TIME_SPENT") {
+      } else if (sourceType === "ACTIVITY_TIME_SPENT") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("total_activity_time_spent_text_1")}${foundBadgeRule.value}${i18n_default.t("total_activity_time_spent_text_2")}`;
+          return `${i18n_default.t("coterie_count_activity_time_spent_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_count_activity_time_spent_text_2")}`;
         } else {
-          return i18n_default.t("none_activity_time_spent_text");
+          return i18n_default.t("none_count_activity_time_spent_text");
         }
-      }
-    } else if (sourceType === "CATCHTIVITY") {
-      if (badgeType === "COUNT") {
+      } else if (sourceType === "CATCHTIVITY") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("total_catchtivity_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_catchtivity_count_text_2")}`;
+          return `${i18n_default.t("total_count_catchtivity_text_1")}${foundBadgeRule.value}${i18n_default.t("total_count_catchtivity_text_2")}`;
         } else {
-          return i18n_default.t("none_catchtivity_count_text");
+          return i18n_default.t("none_count_catchtivity_text");
         }
-      }
-    } else if (sourceType === "CATCHXAM") {
-      if (badgeType === "COUNT") {
+      } else if (sourceType === "CATCHXAM") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("total_catchxam_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_catchxam_count_text_2")}`;
+          return `${i18n_default.t("total_count_catchxam_text_1")}${foundBadgeRule.value}${i18n_default.t("total_count_catchxam_text_2")}`;
         } else {
-          return i18n_default.t("none_catchxam_count_text");
+          return i18n_default.t("none_count_catchxam_text");
         }
-      }
-    } else if (sourceType === "ETUDE") {
-      if (badgeType === "COUNT") {
+      } else if (sourceType === "ETUDE") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("total_etude_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_etude_count_text_2")}`;
+          return `${i18n_default.t("total_count_etude_text_1")}${foundBadgeRule.value}${i18n_default.t("total_count_etude_text_2")}`;
         } else {
-          return i18n_default.t("none_etude_count_text");
+          return i18n_default.t("none_count_etude_text");
         }
-      }
-    } else if (sourceType === "CONTEST") {
-      if (badgeType === "COUNT") {
+      } else if (sourceType === "CONTEST") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("total_contest_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_contest_count_text_2")}`;
+          return `${i18n_default.t("total_count_contest_text_1")}${foundBadgeRule.value}${i18n_default.t("total_count_contest_text_2")}`;
         } else {
-          return i18n_default.t("none_contest_count_text");
+          return i18n_default.t("none_count_contest_text");
         }
-      }
-    } else if (sourceType === "LOGIN") {
-      if (badgeType === "COUNT") {
+      } else if (sourceType === "LOGIN") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("total_login_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_login_count_text_2")}`;
+          return `${i18n_default.t("total_count_login_text_1")}${foundBadgeRule.value}${i18n_default.t("total_count_login_text_2")}`;
         } else {
-          return i18n_default.t("none_login_count_text");
+          return i18n_default.t("none_count_login_text");
         }
       }
-    }
-  } else {
-    if (sourceType === "ACTIVITY") {
-      if (badgeType === "COUNT") {
+    } else {
+      if (sourceType === "ACTIVITY") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("coterie_activity_count_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_activity_count_text_2")}`;
+          return `${i18n_default.t("coterie_count_activity_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_count_activity_text_2")}`;
         } else {
-          return i18n_default.t("none_activity_count_text");
+          return i18n_default.t("none_count_activity_text");
         }
-      } else if (badgeType === "CORRECT") {
+      } else if (sourceType === "ACTIVITY_CORRECT") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("coterie_activity_correct_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_activity_correct_text_2")}`;
+          return `${i18n_default.t("coterie_count_activity_correct_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_count_activity_correct_text_2")}`;
         } else {
-          return i18n_default.t("none_activity_correct_text");
+          return i18n_default.t("none_count_activity_correct_text");
         }
-      } else if (badgeType === "REVIEW") {
+      } else if (sourceType === "ACTIVITY_REVIEW") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("coterie_activity_review_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_activity_review_text_2")}`;
+          return `${i18n_default.t("coterie_count_activity_review_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_count_activity_review_text_2")}`;
         } else {
-          return i18n_default.t("none_activity_review_text");
+          return i18n_default.t("none_count_activity_review_text");
         }
-      } else if (badgeType === "TIME_SPENT") {
+      } else if (sourceType === "ACTIVITY_TIME_SPENT") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("coterie_activity_time_spent_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_activity_time_spent_text_2")}`;
+          return `${i18n_default.t("total_count_activity_time_spent_text_1")}${foundBadgeRule.value}${i18n_default.t("total_count_activity_time_spent_text_2")}`;
         } else {
-          return i18n_default.t("none_activity_time_spent_text");
+          return i18n_default.t("none_count_activity_time_spent_text");
         }
-      }
-    } else if (sourceType === "CATCHTIVITY") {
-      if (badgeType === "COUNT") {
+      } else if (sourceType === "CATCHTIVITY") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("coterie_catchtivity_count_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_catchtivity_count_text_2")}`;
+          return `${i18n_default.t("coterie_count_catchtivity_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_count_catchtivity_text_2")}`;
         } else {
-          return i18n_default.t("none_catchtivity_count_text");
+          return i18n_default.t("none_count_catchtivity_text");
         }
-      }
-    } else if (sourceType === "CATCHXAM") {
-      if (badgeType === "COUNT") {
+      } else if (sourceType === "CATCHXAM") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("coterie_catchxam_count_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_catchxam_count_text_2")}`;
+          return `${i18n_default.t("coterie_count_catchxam_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_count_catchxam_text_2")}`;
         } else {
-          return i18n_default.t("none_catchxam_count_text");
+          return i18n_default.t("none_count_catchxam_text");
         }
-      }
-    } else if (sourceType === "ETUDE") {
-      if (badgeType === "COUNT") {
+      } else if (sourceType === "ETUDE") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("coterie_etude_count_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_etude_count_text_2")}`;
+          return `${i18n_default.t("coterie_count_etude_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_count_etude_text_2")}`;
         } else {
-          return i18n_default.t("none_etude_count_text");
+          return i18n_default.t("none_count_etude_text");
         }
-      }
-    } else if (sourceType === "CONTEST") {
-      if (badgeType === "COUNT") {
+      } else if (sourceType === "CONTEST") {
         if (foundBadgeRule) {
-          return `${i18n_default.t("coterie_contest_count_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_contest_count_text_2")}`;
+          return `${i18n_default.t("coterie_count_contest_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_count_contest_text_2")}`;
         } else {
-          return i18n_default.t("none_contest_count_text");
+          return i18n_default.t("none_count_contest_text");
         }
+      } else if (sourceType === "LOGIN") {
       }
-    } else if (sourceType === "LOGIN") {
     }
   }
   return null;

package/package.json

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

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

@@ -112,7 +112,7 @@ const FillInTheBlanksActivityMaterialContent = ({
               component={
                 contentMap.type === "TEXT" ? (
                   <div
-                    className="border-catchup-blue border-2 px-2 py-1 rounded-catchup-xlarge cursor-pointer"
+                    className="border-catchup-blue border-2 px-2 rounded-catchup-xlarge cursor-pointer"
                     onMouseDown={() => {
                       setSelectedOption(option);
                       setPasteOptionIndex(null);

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

@@ -190,7 +190,7 @@ const GroupingActivityMaterialContent = ({
           <DividerLine />
         </>
       ) : null}
-      <div className="overflow-y-auto max-h-[600px]">
+      <div className="overflow-y-auto max-h-[500px]">
         {Object.keys(answerMap).map((answerMapKey, index) => (
           <div key={index} className="flex flex-row w-full">
             <div className="w-1/3">

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

@@ -198,7 +198,7 @@ const MatchingActivityMaterialContent = ({
         </>
       ) : null}
 
-      <div className="overflow-y-auto max-h-[600px]">
+      <div className="overflow-y-auto max-h-[500px]">
         {Object.keys(answerMap).map((answerMapKey, index) => {
           const learnerAnswerState = checkAnswerState(
             materialMap[answerMapKey],