catchup-library-web 2.7.7 → 2.7.8

package/dist/index.js

@@ -6393,7 +6393,8 @@ var MCMAActivityMaterialContent = ({
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "hidden md:block flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DividerLine_default, {}) }),
       /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto", children: checkCanAnswerQuestion() ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex flex-row w-full flex-wrap ", children: materialMap[materialKey].map(
         (materialSubKey, index2) => {
-          const foundAnswer = displayAnswerMap[materialKey].find(
+          const currentDisplayAnswerList = displayAnswerMap[materialKey] || [];
+          const foundAnswer = currentDisplayAnswerList.find(
             (learnerAnswer) => learnerAnswer === materialSubKey
           );
           const learnerAnswerState = !isPreview ? "HIDDEN" : materialSubKey !== foundAnswer ? "EMPTY" : checkAnswerState(correctAnswerList, foundAnswer);
@@ -6411,7 +6412,7 @@ var MCMAActivityMaterialContent = ({
                 /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                   BaseImage_default,
                   {
-                    src: displayAnswerMap[materialKey].includes(materialSubKey) ? "/icons/checkbox.webp" : "/icons/checkbox-empty.webp",
+                    src: currentDisplayAnswerList.includes(materialSubKey) ? "/icons/checkbox.webp" : "/icons/checkbox-empty.webp",
                     alt: "checkbox",
                     size: "small",
                     onClick: () => {
@@ -6442,7 +6443,7 @@ var MCMAActivityMaterialContent = ({
           );
         }
       ) }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
-        displayAnswerMap[materialKey]
+        displayAnswerMap[materialKey] || ""
       ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "span",
         {
@@ -7639,8 +7640,12 @@ var ActivityPreviewByData = ({
     if (optionList.length === 0) return;
     setSelectedType(optionList[0].id);
   }, [optionList]);
+  const prevDataStringRef = (0, import_react27.useRef)("");
   (0, import_react27.useEffect)(() => {
     if (activityTemplateTypeList.length === 0) return;
+    const dataString = JSON.stringify(data);
+    if (dataString === prevDataStringRef.current) return;
+    prevDataStringRef.current = dataString;
     const currentAnswerMapMap = {};
     for (const activityTemplateMap of activityTemplateTypeList) {
       if (answerType === activityTemplateMap.type) {

package/dist/index.mjs

@@ -6153,7 +6153,8 @@ var MCMAActivityMaterialContent = ({
       /* @__PURE__ */ jsx36("div", { className: "hidden md:block flex-shrink-0", children: /* @__PURE__ */ jsx36(DividerLine_default, {}) }),
       /* @__PURE__ */ jsx36("div", { className: "flex-1 min-h-0 overflow-y-auto", children: checkCanAnswerQuestion() ? /* @__PURE__ */ jsx36("div", { className: "flex flex-row w-full flex-wrap ", children: materialMap[materialKey].map(
         (materialSubKey, index2) => {
-          const foundAnswer = displayAnswerMap[materialKey].find(
+          const currentDisplayAnswerList = displayAnswerMap[materialKey] || [];
+          const foundAnswer = currentDisplayAnswerList.find(
             (learnerAnswer) => learnerAnswer === materialSubKey
           );
           const learnerAnswerState = !isPreview ? "HIDDEN" : materialSubKey !== foundAnswer ? "EMPTY" : checkAnswerState(correctAnswerList, foundAnswer);
@@ -6171,7 +6172,7 @@ var MCMAActivityMaterialContent = ({
                 /* @__PURE__ */ jsx36(
                   BaseImage_default,
                   {
-                    src: displayAnswerMap[materialKey].includes(materialSubKey) ? "/icons/checkbox.webp" : "/icons/checkbox-empty.webp",
+                    src: currentDisplayAnswerList.includes(materialSubKey) ? "/icons/checkbox.webp" : "/icons/checkbox-empty.webp",
                     alt: "checkbox",
                     size: "small",
                     onClick: () => {
@@ -6202,7 +6203,7 @@ var MCMAActivityMaterialContent = ({
           );
         }
       ) }) : /* @__PURE__ */ jsx36("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
-        displayAnswerMap[materialKey]
+        displayAnswerMap[materialKey] || ""
       ).map((inputPart, index2) => /* @__PURE__ */ jsx36(
         "span",
         {
@@ -7282,7 +7283,7 @@ var ActivityEvaluationRubricContent = ({
 var ActivityEvaluationRubricContent_default = ActivityEvaluationRubricContent;
 
 // src/components/activities/ActivityPreviewByData.tsx
-import { useEffect as useEffect16, useState as useState26 } from "react";
+import { useEffect as useEffect16, useRef as useRef8, useState as useState26 } from "react";
 
 // src/components/boxes/SelectionBox.tsx
 import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
@@ -7399,8 +7400,12 @@ var ActivityPreviewByData = ({
     if (optionList.length === 0) return;
     setSelectedType(optionList[0].id);
   }, [optionList]);
+  const prevDataStringRef = useRef8("");
   useEffect16(() => {
     if (activityTemplateTypeList.length === 0) return;
+    const dataString = JSON.stringify(data);
+    if (dataString === prevDataStringRef.current) return;
+    prevDataStringRef.current = dataString;
     const currentAnswerMapMap = {};
     for (const activityTemplateMap of activityTemplateTypeList) {
       if (answerType === activityTemplateMap.type) {

package/package.json

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

package/src/components/activities/ActivityPreviewByData.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import DropdownActivityContent from "./DropdownActivityContent";
 import FillInTheBlanksActivityContent from "./FillInTheBlanksActivityContent";
 import GroupingActivityContent from "./GroupingActivityContent";
@@ -102,8 +102,12 @@ const ActivityPreviewByData = ({
     setSelectedType(optionList[0].id);
   }, [optionList]);
 
+  const prevDataStringRef = useRef<string>("");
   useEffect(() => {
     if (activityTemplateTypeList.length === 0) return;
+    const dataString = JSON.stringify(data);
+    if (dataString === prevDataStringRef.current) return;
+    prevDataStringRef.current = dataString;
     const currentAnswerMapMap: any = {};
     for (const activityTemplateMap of activityTemplateTypeList) {
       if (answerType === activityTemplateMap.type) {

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

@@ -56,7 +56,8 @@ const MCMAActivityMaterialContent = ({
             <div className="flex flex-row w-full flex-wrap ">
               {materialMap[materialKey].map(
                 (materialSubKey: string, index: number) => {
-                  const foundAnswer = displayAnswerMap[materialKey].find(
+                  const currentDisplayAnswerList = displayAnswerMap[materialKey] || [];
+                  const foundAnswer = currentDisplayAnswerList.find(
                     (learnerAnswer: string) => learnerAnswer === materialSubKey
                   );
                   const learnerAnswerState = !isPreview
@@ -84,7 +85,7 @@ const MCMAActivityMaterialContent = ({
                     >
                       <BaseImage
                         src={
-                          displayAnswerMap[materialKey].includes(materialSubKey)
+                          currentDisplayAnswerList.includes(materialSubKey)
                             ? "/icons/checkbox.webp"
                             : "/icons/checkbox-empty.webp"
                         }
@@ -131,7 +132,7 @@ const MCMAActivityMaterialContent = ({
           ) : (
             <p key={materialKey} className="text-xl">
               {constructInputWithSpecialExpressionList(
-                displayAnswerMap[materialKey]
+                displayAnswerMap[materialKey] || ""
               ).map((inputPart, index) => (
                 <span
                   key={index}