catchup-library-web 2.0.7 → 2.0.9

package/dist/index.mjs

@@ -2127,45 +2127,29 @@ var retrieveDefaultOpenEndedMap = () => {
 var retrieveDefaultTrueFalseMap = () => {
   return { trueList: [], falseList: [] };
 };
-var retrieveCurrentDefaultDataMap = (activityTemplate, activityData) => {
-  const defaultDataMap = {
-    activityTemplateId: activityTemplate.id,
-    type: activityTemplate.type
-  };
-  if (activityTemplate.type === "ORDERING") {
-    defaultDataMap.answerMap = retrieveDefaultOrderingDataMap(
-      activityData.orderingMaterialMap
-    );
-  } else if (activityTemplate.type === "DROPDOWN") {
-    defaultDataMap.answerMap = retrieveDefaultDropdownMap(
-      activityData.dropdownMaterialMap
-    );
-  } else if (activityTemplate.type === "MCSA") {
-    defaultDataMap.answerMap = retrieveDefaultMCSAMap(
-      activityData.MCSAMaterialMap
-    );
-  } else if (activityTemplate.type === "MCMA") {
-    defaultDataMap.answerMap = retrieveDefaultMCMAMap(
-      activityData.MCMAMaterialMap
-    );
-  } else if (activityTemplate.type === "MATCHING") {
-    defaultDataMap.answerMap = retrieveDefaultMatchingMap(
-      activityData.matchingMaterialMap
-    );
-  } else if (activityTemplate.type === "GROUPING") {
-    defaultDataMap.answerMap = retrieveDefaultGroupingMap(
-      activityData.groupingMaterialMap
-    );
-  } else if (activityTemplate.type === "FILL_IN_THE_BLANKS") {
-    defaultDataMap.answerMap = retrieveDefaultFillInTheBlanksMap(
+var retrieveCurrentDefaultDataMap = (activityTemplateType, activityData) => {
+  if (activityTemplateType === "ORDERING") {
+    return retrieveDefaultOrderingDataMap(activityData.orderingMaterialMap);
+  } else if (activityTemplateType === "DROPDOWN") {
+    return retrieveDefaultDropdownMap(activityData.dropdownMaterialMap);
+  } else if (activityTemplateType === "MCSA") {
+    return retrieveDefaultMCSAMap(activityData.MCSAMaterialMap);
+  } else if (activityTemplateType === "MCMA") {
+    return retrieveDefaultMCMAMap(activityData.MCMAMaterialMap);
+  } else if (activityTemplateType === "MATCHING") {
+    return retrieveDefaultMatchingMap(activityData.matchingMaterialMap);
+  } else if (activityTemplateType === "GROUPING") {
+    return retrieveDefaultGroupingMap(activityData.groupingMaterialMap);
+  } else if (activityTemplateType === "FILL_IN_THE_BLANKS") {
+    return retrieveDefaultFillInTheBlanksMap(
       activityData.fillInTheBlanksMaterialMap
     );
-  } else if (activityTemplate.type === "OPEN_ENDED") {
-    defaultDataMap.answerMap = retrieveDefaultOpenEndedMap();
-  } else if (activityTemplate.type === "TRUE_FALSE") {
-    defaultDataMap.answerMap = retrieveDefaultTrueFalseMap();
+  } else if (activityTemplateType === "OPEN_ENDED") {
+    return retrieveDefaultOpenEndedMap();
+  } else if (activityTemplateType === "TRUE_FALSE") {
+    return retrieveDefaultTrueFalseMap();
   }
-  return defaultDataMap;
+  return {};
 };
 var constructActivityAnswerMap = (activityTemplate, activityData) => {
   if (activityTemplate.type === "ORDERING") {
@@ -2197,63 +2181,11 @@ var constructActivityAnswerMap = (activityTemplate, activityData) => {
   } else if (activityTemplate.type === "TRUE_FALSE") {
     activityData.trueFalseMaterialMap = { trueList: [], falseList: [] };
   }
-  return retrieveCurrentDefaultDataMap(activityTemplate, activityData);
+  return retrieveCurrentDefaultDataMap(activityTemplate.type, activityData);
 };
 var ignoreMathematicalExpression = (inputText) => {
   return inputText.replaceAll("{", "").replaceAll("}", "").replaceAll("_", "").replaceAll("^", "").replaceAll("\\frac", "").replaceAll("\\text", "").replaceAll("\\sqrt", "");
 };
-var checkIfAnswerIsEmpty = (answer) => {
-  const { data } = answer;
-  if (data && data.length > 0) {
-    const foundAnswer = data[0];
-    const { type, answerMap } = foundAnswer;
-    if (type === "ORDERING") {
-      return false;
-    } else if (type === "DROPDOWN") {
-      for (const key of Object.keys(answerMap)) {
-        if (answerMap[key] !== "DEFAULT_OPTION") {
-          return false;
-        }
-      }
-    } else if (type === "MCSA") {
-      const key = Object.keys(answerMap)[0];
-      if (answerMap[key] !== "ANSWER_KEY") {
-        return false;
-      }
-    } else if (type === "MCMA") {
-      const key = Object.keys(answerMap)[0];
-      if (answerMap[key].length !== 0) {
-        return false;
-      }
-    } else if (type === "MATCHING") {
-      for (const key of Object.keys(answerMap)) {
-        if (answerMap[key]) {
-          return false;
-        }
-      }
-    } else if (type === "GROUPING") {
-      for (const key of Object.keys(answerMap)) {
-        if (answerMap[key].length !== 0) {
-          return false;
-        }
-      }
-    } else if (type === "FILL_IN_THE_BLANKS") {
-      for (const key of Object.keys(answerMap)) {
-        if (answerMap[key]) {
-          return false;
-        }
-      }
-    } else if (type === "OPEN_ENDED") {
-      const key = Object.keys(answerMap)[0];
-      if (answerMap[key]) {
-        return false;
-      }
-    } else if (type === "TRUE_FALSE") {
-      return answerMap.trueList.length === 0 && answerMap.falseList.length === 0;
-    }
-  }
-  return true;
-};
 var constructActivityAnswerStateList = (answerList, activityList) => {
   const stateList = [];
   activityList.forEach((activity, index) => {
@@ -2267,7 +2199,7 @@ var constructActivityAnswerStateList = (answerList, activityList) => {
 };
 var retrieveActivityAnswerFromAnswerList = (answerList, activity) => {
   return answerList.find(
-    (answer) => parseFloat(answer.activityDTO.id) === parseFloat(activity.id)
+    (answer) => parseFloat(answer.activityId) === parseFloat(activity.id)
   );
 };
 var checkActivityAnswerState = (answerList, activity) => {
@@ -2449,7 +2381,7 @@ var retrieveClockTimeLeft = (type, value, durationType, durationInMinutes, activ
 var retrieveEachTimeSpentInSeconds = (activityProgressList, activity) => {
   if (!activityProgressList || !activity) return 0;
   const foundActivityProgress = activityProgressList.find(
-    (activityProgress) => parseFloat(activityProgress.activityDTO.id) === parseFloat(activity.id)
+    (activityProgress) => parseFloat(activityProgress.activityId) === parseFloat(activity.id)
   );
   if (foundActivityProgress) {
     return foundActivityProgress.timeSpent / 1e3;
@@ -2819,82 +2751,63 @@ var constructActivityData = (activityTemplateType, contentMap, bodyMap, material
   return constructedData;
 };
 var constructAnswerBasedOnData = (data) => {
-  const answer = { data: [] };
   if (Object.keys(data).find((dataKey) => dataKey === "orderingMaterialMap")) {
-    answer.data.push(
-      constructActivityAnswerMap(
-        { type: "ORDERING" },
-        JSON.parse(JSON.stringify(data))
-      )
+    return constructActivityAnswerMap(
+      { type: "ORDERING" },
+      JSON.parse(JSON.stringify(data))
     );
   }
   if (Object.keys(data).find((dataKey) => dataKey === "dropdownMaterialMap")) {
-    answer.data.push(
-      constructActivityAnswerMap(
-        { type: "DROPDOWN" },
-        JSON.parse(JSON.stringify(data))
-      )
+    return constructActivityAnswerMap(
+      { type: "DROPDOWN" },
+      JSON.parse(JSON.stringify(data))
     );
   }
   if (Object.keys(data).find((dataKey) => dataKey === "MCSAMaterialMap")) {
-    answer.data.push(
-      constructActivityAnswerMap(
-        { type: "MCSA" },
-        JSON.parse(JSON.stringify(data))
-      )
+    return constructActivityAnswerMap(
+      { type: "MCSA" },
+      JSON.parse(JSON.stringify(data))
     );
   }
   if (Object.keys(data).find((dataKey) => dataKey === "MCMAMaterialMap")) {
-    answer.data.push(
-      constructActivityAnswerMap(
-        { type: "MCMA" },
-        JSON.parse(JSON.stringify(data))
-      )
+    return constructActivityAnswerMap(
+      { type: "MCMA" },
+      JSON.parse(JSON.stringify(data))
     );
   }
   if (Object.keys(data).find((dataKey) => dataKey === "matchingMaterialMap")) {
-    answer.data.push(
-      constructActivityAnswerMap(
-        { type: "MATCHING" },
-        JSON.parse(JSON.stringify(data))
-      )
+    return constructActivityAnswerMap(
+      { type: "MATCHING" },
+      JSON.parse(JSON.stringify(data))
     );
   }
   if (Object.keys(data).find((dataKey) => dataKey === "groupingMaterialMap")) {
-    answer.data.push(
-      constructActivityAnswerMap(
-        { type: "GROUPING" },
-        JSON.parse(JSON.stringify(data))
-      )
+    return constructActivityAnswerMap(
+      { type: "GROUPING" },
+      JSON.parse(JSON.stringify(data))
     );
   }
   if (Object.keys(data).find(
     (dataKey) => dataKey === "fillInTheBlanksMaterialMap"
   )) {
-    answer.data.push(
-      constructActivityAnswerMap(
-        { type: "FILL_IN_THE_BLANKS" },
-        JSON.parse(JSON.stringify(data))
-      )
+    return constructActivityAnswerMap(
+      { type: "FILL_IN_THE_BLANKS" },
+      JSON.parse(JSON.stringify(data))
     );
   }
   if (Object.keys(data).find((dataKey) => dataKey === "openEndedMaterialMap")) {
-    answer.data.push(
-      constructActivityAnswerMap(
-        { type: "OPEN_ENDED" },
-        JSON.parse(JSON.stringify(data))
-      )
+    return constructActivityAnswerMap(
+      { type: "OPEN_ENDED" },
+      JSON.parse(JSON.stringify(data))
     );
   }
   if (Object.keys(data).find((dataKey) => dataKey === "trueFalseMaterialMap")) {
-    answer.data.push(
-      constructActivityAnswerMap(
-        { type: "TRUE_FALSE" },
-        JSON.parse(JSON.stringify(data))
-      )
+    return constructActivityAnswerMap(
+      { type: "TRUE_FALSE" },
+      JSON.parse(JSON.stringify(data))
     );
   }
-  return answer;
+  return {};
 };
 var constructActivityItemListBodyOnly = (bodyMap) => {
   const itemList = [];
@@ -4445,7 +4358,7 @@ var ShowMaterialMediaByContentType_default = ShowMaterialMediaByContentType;
 import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 var DropdownActivityMaterialContent = ({
   uniqueValue,
-  answer,
+  answerMap,
   materialMap,
   contentMap,
   checkCanAnswerQuestion,
@@ -4456,27 +4369,16 @@ var DropdownActivityMaterialContent = ({
   const [updated, setUpdated] = useState15(false);
   useEffect6(() => {
     if (!showCorrectAnswer) return;
-    const foundAnswer = answer.data.find(
-      (answerData) => answerData.type === "DROPDOWN"
-    );
-    if (foundAnswer.answerMap.length === 0) return;
-    if (Object.keys(materialMap).length === 0) return;
-    foundAnswer.answerMap = Object.keys(materialMap).map(
+    answerMap = Object.keys(materialMap).map(
       (materialMapKey, index) => Object.keys(materialMap[materialMapKey])[0]
     );
-    onChange(answer, 0, Object.keys(materialMap[0])[0]);
+    onChange(answerMap, 0, Object.keys(materialMap[0])[0]);
     setUpdated(true);
   }, [showCorrectAnswer]);
   useEffect6(() => {
     if (!updated) return;
     setUpdated(false);
   }, [updated]);
-  const retrieveAnswerMap = () => {
-    const foundIndex = answer.data.findIndex(
-      (answerData) => answerData.type === "DROPDOWN"
-    );
-    return answer.data[foundIndex].answerMap;
-  };
   const checkAnswerState = (correctAnswer, learnerAnswer) => {
     if (!isPreview) return null;
     if (correctAnswer === learnerAnswer) {
@@ -4484,7 +4386,6 @@ var DropdownActivityMaterialContent = ({
     }
     return "INCORRECT";
   };
-  const answerMap = retrieveAnswerMap();
   return /* @__PURE__ */ jsxs15("div", { className: "flex flex-row flex-wrap items-center", children: [
     /* @__PURE__ */ jsx25("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx25("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_dropdown_text") }) }),
     /* @__PURE__ */ jsx25("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx25(DividerLine_default, {}) }),
@@ -4526,7 +4427,11 @@ var DropdownActivityMaterialContent = ({
                 value: materialOption
               })),
               onChange: (e) => {
-                onChange(answer, materialKey, e.target.value);
+                onChange(
+                  answerMap,
+                  materialKey,
+                  e.target.value
+                );
               }
             }
           ) }) : /* @__PURE__ */ jsx25(
@@ -4556,7 +4461,7 @@ var DropdownActivityMaterialContent = ({
                   ) }, index2),
                   onClick: (e) => {
                     onChange(
-                      answer,
+                      answerMap,
                       materialKey,
                       e.target.currentSrc
                     );
@@ -4600,7 +4505,7 @@ var DropdownActivityMaterialContent_default = DropdownActivityMaterialContent;
 import { useState as useState16, useEffect as useEffect7 } from "react";
 import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 var DropdownActivityContent = ({
-  answer,
+  answerMap,
   data,
   canAnswerQuestion,
   changeAnswer,
@@ -4611,35 +4516,15 @@ var DropdownActivityContent = ({
   const contentMap = parseContentMapFromData(data);
   const dropdownBodyMap = parseBodyMapFromData(data, "DROPDOWN");
   const dropdownMaterialMap = parseMaterialMapFromData(data, "DROPDOWN");
-  const [currentAnswerMap, setCurrentAnswerMap] = useState16(() => {
-    return retrieveCurrentAnswerMap();
-  });
-  function retrieveCurrentAnswerMap() {
-    let foundIndex = answer.data.findIndex(
-      (answerData) => answerData.type === "DROPDOWN"
-    );
-    return answer.data[foundIndex].answerMap;
-  }
+  const [currentAnswerMap, setCurrentAnswerMap] = useState16(answerMap);
   useEffect7(() => {
-    setCurrentAnswerMap(retrieveCurrentAnswerMap());
-  }, [answer]);
-  const handleDropdownAnswerOnChange = (answerObj, key, value) => {
+    setCurrentAnswerMap(answerMap);
+  }, [answerMap]);
+  const handleDropdownAnswerOnChange = (answerMap2, key, value) => {
     if (isPreview) return;
-    const newAnswer = __spreadProps(__spreadValues({}, answerObj), {
-      data: answerObj.data.map((item) => {
-        if (item.type === "DROPDOWN") {
-          return __spreadProps(__spreadValues({}, item), {
-            answerMap: __spreadProps(__spreadValues({}, item.answerMap), {
-              [key]: value
-            })
-          });
-        }
-        return item;
-      })
-    });
-    const newAnswerMap = __spreadProps(__spreadValues({}, currentAnswerMap), { [key]: value });
-    setCurrentAnswerMap(newAnswerMap);
-    changeAnswer(newAnswer);
+    answerMap2 = __spreadProps(__spreadValues({}, currentAnswerMap), { [key]: value });
+    setCurrentAnswerMap(answerMap2);
+    changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ jsxs16("div", { className: "flex flex-row flex-wrap", children: [
     /* @__PURE__ */ jsx26("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx26(
@@ -4657,7 +4542,7 @@ var DropdownActivityContent = ({
       DropdownActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: dropdownMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -4702,7 +4587,7 @@ var InputWithSpecialExpression_default = InputWithSpecialExpression;
 import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 var FillInTheBlanksActivityMaterialContent = ({
   uniqueValue,
-  answer,
+  answerMap,
   optionList,
   materialMap,
   contentMap,
@@ -4732,22 +4617,11 @@ var FillInTheBlanksActivityMaterialContent = ({
   }, [optionList]);
   useEffect8(() => {
     if (!showCorrectAnswer) return;
-    const foundAnswer = answer.data.find(
-      (answerData) => answerData.type === "FILL_IN_THE_BLANKS"
-    );
-    if (!foundAnswer || foundAnswer.answerMap.length === 0) return;
-    if (Object.keys(materialMap).length === 0) return;
-    foundAnswer.answerMap = Object.keys(materialMap).map(
+    answerMap = Object.keys(materialMap).map(
       (materialMapKey) => JSON.parse(materialMap[materialMapKey])[0]
     );
-    onChange(answer, 0, JSON.parse(materialMap[0])[0]);
-  }, [showCorrectAnswer, answer, materialMap, onChange]);
-  const retrieveAnswerMap = () => {
-    const foundIndex = answer.data.findIndex(
-      (answerData) => answerData.type === "FILL_IN_THE_BLANKS"
-    );
-    return answer.data[foundIndex].answerMap;
-  };
+    onChange(answerMap, 0, JSON.parse(materialMap[0])[0]);
+  }, [showCorrectAnswer]);
   const checkAnswerState = (correctAnswerList, learnerAnswer) => {
     if (!isPreview) return null;
     const foundIndex = correctAnswerList.findIndex(
@@ -4781,7 +4655,7 @@ var FillInTheBlanksActivityMaterialContent = ({
   };
   const handleMouseUp = () => {
     if (dropTargetIndex !== null && draggedOption !== null) {
-      onChange(answer, dropTargetIndex, draggedOption);
+      onChange(answerMap, dropTargetIndex, draggedOption);
     }
     setDraggedOption(null);
     setDropTargetIndex(null);
@@ -4812,7 +4686,7 @@ var FillInTheBlanksActivityMaterialContent = ({
   };
   const handleTouchEnd = () => {
     if (dropTargetIndex !== null && draggedOption !== null) {
-      onChange(answer, dropTargetIndex, draggedOption);
+      onChange(answerMap, dropTargetIndex, draggedOption);
     }
     setDraggedOption(null);
     setDropTargetIndex(null);
@@ -4825,11 +4699,10 @@ var FillInTheBlanksActivityMaterialContent = ({
   };
   const handleDropZoneClick = (index) => {
     if (selectedOption !== null) {
-      onChange(answer, index, selectedOption);
+      onChange(answerMap, index, selectedOption);
       setSelectedOption(null);
     }
   };
-  const answerMap = retrieveAnswerMap();
   return /* @__PURE__ */ jsxs17(
     "div",
     {
@@ -4968,7 +4841,7 @@ var FillInTheBlanksActivityMaterialContent = ({
                       onClick: (e) => {
                         if (answerMap[materialKey]) {
                           e.stopPropagation();
-                          onChange(answer, materialKey, "");
+                          onChange(answerMap, materialKey, "");
                         }
                       },
                       children: answerMap[materialKey] ? /* @__PURE__ */ jsx28(
@@ -5007,7 +4880,7 @@ var FillInTheBlanksActivityMaterialContent = ({
                     className: "flex-1 cursor-pointer",
                     onClick: (e) => {
                       e.stopPropagation();
-                      onChange(answer, materialKey, "");
+                      onChange(answerMap, materialKey, "");
                     },
                     children: /* @__PURE__ */ jsx28(
                       ShowMaterialMediaByContentType_default,
@@ -5043,7 +4916,7 @@ var FillInTheBlanksActivityMaterialContent_default = FillInTheBlanksActivityMate
 import { useState as useState18, useEffect as useEffect9 } from "react";
 import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 var FillInTheBlanksActivityContent = ({
-  answer,
+  answerMap,
   data,
   canAnswerQuestion,
   changeAnswer,
@@ -5061,18 +4934,10 @@ var FillInTheBlanksActivityContent = ({
     "FILL_IN_THE_BLANKS"
   );
   const fillInTheBlanksIncorrectList = data.fillInTheBlanksIncorrectList ? JSON.parse(data.fillInTheBlanksIncorrectList) : [];
-  const [currentAnswerMap, setCurrentAnswerMap] = useState18(() => {
-    return retrieveCurrentAnswerMap();
-  });
-  function retrieveCurrentAnswerMap() {
-    let foundIndex = answer.data.findIndex(
-      (answerData) => answerData.type === "FILL_IN_THE_BLANKS"
-    );
-    return answer.data[foundIndex].answerMap;
-  }
+  const [currentAnswerMap, setCurrentAnswerMap] = useState18(answerMap);
   useEffect9(() => {
-    setCurrentAnswerMap(retrieveCurrentAnswerMap());
-  }, [answer]);
+    setCurrentAnswerMap(answerMap);
+  }, [answerMap]);
   const constructAnswerOptionList = () => {
     const optionList = [];
     Object.keys(fillInTheBlanksMaterialMap).forEach((key) => {
@@ -5091,23 +4956,11 @@ var FillInTheBlanksActivityContent = ({
     });
     return optionList;
   };
-  const handleFillInTheBlanksAnswerOnChange = (answerObj, key, value) => {
+  const handleFillInTheBlanksAnswerOnChange = (answerMap2, key, value) => {
     if (isPreview) return;
-    const newAnswer = __spreadProps(__spreadValues({}, answerObj), {
-      data: answerObj.data.map((item) => {
-        if (item.type === "FILL_IN_THE_BLANKS") {
-          return __spreadProps(__spreadValues({}, item), {
-            answerMap: __spreadProps(__spreadValues({}, item.answerMap), {
-              [key]: value
-            })
-          });
-        }
-        return item;
-      })
-    });
-    const newAnswerMap = __spreadProps(__spreadValues({}, currentAnswerMap), { [key]: value });
-    setCurrentAnswerMap(newAnswerMap);
-    changeAnswer(newAnswer);
+    answerMap2 = __spreadProps(__spreadValues({}, currentAnswerMap), { [key]: value });
+    setCurrentAnswerMap(answerMap2);
+    changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ jsxs18("div", { className: "flex flex-row flex-wrap", children: [
     /* @__PURE__ */ jsx29("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx29(
@@ -5125,7 +4978,7 @@ var FillInTheBlanksActivityContent = ({
       FillInTheBlanksActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         optionList: constructAnswerOptionList(),
         materialMap: fillInTheBlanksMaterialMap,
         contentMap,
@@ -5145,7 +4998,7 @@ import { InlineMath as InlineMath5 } from "react-katex";
 import { Fragment as Fragment3, jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 var GroupingActivityMaterialContent = ({
   uniqueValue,
-  answer,
+  answerMap,
   materialMap,
   contentMap,
   checkCanAnswerQuestion,
@@ -5195,10 +5048,8 @@ var GroupingActivityMaterialContent = ({
   }, [materialMap, isShuffled]);
   useEffect10(() => {
     if (!showCorrectAnswer) return;
-    answer.data.find(
-      (answerData) => answerData.type === "GROUPING"
-    ).answerMap = materialMap;
-  }, [showCorrectAnswer, answer, materialMap]);
+    answerMap = materialMap;
+  }, [showCorrectAnswer, answerMap, materialMap]);
   useEffect10(() => {
     if (!dropTargetKey || !dropZoneRefs.current[dropTargetKey]) return;
     const dropZoneElement = dropZoneRefs.current[dropTargetKey];
@@ -5243,13 +5094,6 @@ var GroupingActivityMaterialContent = ({
     };
     requestAnimationFrame(animate);
   }, [dropTargetKey]);
-  const retrieveAnswerMap = () => {
-    const foundIndex = answer.data.findIndex(
-      (answerData) => answerData.type === "GROUPING"
-    );
-    const answerMap2 = answer.data[foundIndex].answerMap;
-    return answerMap2;
-  };
   const retrieveFilteredMaterialList = (answerMap2) => {
     const selectedValueList = [];
     Object.keys(answerMap2).forEach((key) => {
@@ -5294,7 +5138,7 @@ var GroupingActivityMaterialContent = ({
   };
   const handleMouseUp = () => {
     if (dropTargetKey !== null && draggedValue !== null) {
-      onChange(answer, dropTargetKey, draggedValue, null);
+      onChange(answerMap, dropTargetKey, draggedValue, null);
     }
     setDraggedValue(null);
     setDropTargetKey(null);
@@ -5326,7 +5170,7 @@ var GroupingActivityMaterialContent = ({
   };
   const handleTouchEnd = () => {
     if (dropTargetKey !== null && draggedValue !== null) {
-      onChange(answer, dropTargetKey, draggedValue, null);
+      onChange(answerMap, dropTargetKey, draggedValue, null);
     }
     setDraggedValue(null);
     setDropTargetKey(null);
@@ -5340,11 +5184,10 @@ var GroupingActivityMaterialContent = ({
   };
   const handleDropZoneClick = (answerMapKey) => {
     if (selectedValue !== null) {
-      onChange(answer, answerMapKey, selectedValue, null);
+      onChange(answerMap, answerMapKey, selectedValue, null);
       setSelectedValue(null);
     }
   };
-  const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
   return /* @__PURE__ */ jsxs19("div", { onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, children: [
     draggedValue && mousePosition.x > 0 && /* @__PURE__ */ jsx30(
@@ -5492,7 +5335,7 @@ var GroupingActivityMaterialContent = ({
                         e.stopPropagation();
                         if (checkCanAnswerQuestion()) {
                           onChange(
-                            answer,
+                            answerMap,
                             answerMapKey,
                             null,
                             answerMapIndex
@@ -5539,7 +5382,7 @@ var GroupingActivityMaterialContent_default = GroupingActivityMaterialContent;
 // src/components/activities/GroupingActivityContent.tsx
 import { Fragment as Fragment4, jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 var GroupingActivityContent = ({
-  answer,
+  answerMap,
   data,
   canAnswerQuestion,
   changeAnswer,
@@ -5549,18 +5392,14 @@ var GroupingActivityContent = ({
   const contentMap = parseContentMapFromData(data);
   const groupingBodyMap = parseBodyMapFromData(data, "GROUPING");
   const groupingMaterialMap = parseMaterialMapFromData(data, "GROUPING");
-  const handleGroupingAnswerOnChange = (answer2, key, value, index) => {
+  const handleGroupingAnswerOnChange = (answerMap2, key, value, index) => {
     if (isPreview) return;
-    let foundIndex = answer2.data.findIndex(
-      (answerData) => answerData.type === "GROUPING"
-    );
-    const answerMap = answer2.data[foundIndex].answerMap;
     if (value) {
-      answerMap[key].push(value);
+      answerMap2[key].push(value);
     } else {
-      answerMap[key].splice(index, 1);
+      answerMap2[key].splice(index, 1);
     }
-    changeAnswer(answer2);
+    changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ jsxs20(Fragment4, { children: [
     /* @__PURE__ */ jsx31(
@@ -5575,7 +5414,7 @@ var GroupingActivityContent = ({
       GroupingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: groupingMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -5594,7 +5433,7 @@ import { InlineMath as InlineMath6 } from "react-katex";
 import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
 var MatchingActivityMaterialContent = ({
   uniqueValue,
-  answer,
+  answerMap,
   materialMap,
   contentMap,
   checkCanAnswerQuestion,
@@ -5642,10 +5481,8 @@ var MatchingActivityMaterialContent = ({
   }, [materialMap, isShuffled]);
   useEffect11(() => {
     if (!showCorrectAnswer) return;
-    answer.data.find(
-      (answerData) => answerData.type === "MATCHING"
-    ).answerMap = materialMap;
-  }, [showCorrectAnswer, answer, materialMap]);
+    answerMap = materialMap;
+  }, [showCorrectAnswer]);
   useEffect11(() => {
     if (!dropTargetKey || !dropZoneRefs.current[dropTargetKey]) return;
     const dropZoneElement = dropZoneRefs.current[dropTargetKey];
@@ -5690,12 +5527,6 @@ var MatchingActivityMaterialContent = ({
     };
     requestAnimationFrame(animate);
   }, [dropTargetKey]);
-  const retrieveAnswerMap = () => {
-    const foundIndex = answer.data.findIndex(
-      (answerData) => answerData.type === "MATCHING"
-    );
-    return answer.data[foundIndex].answerMap;
-  };
   const retrieveFilteredMaterialList = (answerMap2) => {
     const selectedValueList = [];
     Object.keys(answerMap2).forEach((key) => {
@@ -5734,7 +5565,7 @@ var MatchingActivityMaterialContent = ({
   };
   const handleMouseUp = () => {
     if (dropTargetKey !== null && draggedValue !== null) {
-      onChange(answer, dropTargetKey, draggedValue);
+      onChange(answerMap, dropTargetKey, draggedValue);
     }
     setDraggedValue(null);
     setDropTargetKey(null);
@@ -5766,7 +5597,7 @@ var MatchingActivityMaterialContent = ({
   };
   const handleTouchEnd = () => {
     if (dropTargetKey !== null && draggedValue !== null) {
-      onChange(answer, dropTargetKey, draggedValue);
+      onChange(answerMap, dropTargetKey, draggedValue);
     }
     setDraggedValue(null);
     setDropTargetKey(null);
@@ -5780,11 +5611,10 @@ var MatchingActivityMaterialContent = ({
   };
   const handleDropZoneClick = (answerMapKey) => {
     if (selectedValue !== null) {
-      onChange(answer, answerMapKey, selectedValue);
+      onChange(answerMap, answerMapKey, selectedValue);
       setSelectedValue(null);
     }
   };
-  const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
   return /* @__PURE__ */ jsxs21("div", { onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, children: [
     draggedValue && mousePosition.x > 0 && /* @__PURE__ */ jsx32(
@@ -5931,7 +5761,7 @@ var MatchingActivityMaterialContent = ({
                 onClick: (e) => {
                   e.stopPropagation();
                   if (checkCanAnswerQuestion() && answerMap[answerMapKey]) {
-                    onChange(answer, answerMapKey, null);
+                    onChange(answerMap, answerMapKey, null);
                     setSelectedValue(null);
                   }
                 },
@@ -5966,7 +5796,7 @@ var MatchingActivityMaterialContent_default = MatchingActivityMaterialContent;
 // src/components/activities/MatchingActivityContent.tsx
 import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
 var MatchingActivityContent = ({
-  answer,
+  answerMap,
   data,
   canAnswerQuestion,
   changeAnswer,
@@ -5976,14 +5806,10 @@ var MatchingActivityContent = ({
   const contentMap = parseContentMapFromData(data);
   const matchingBodyMap = parseBodyMapFromData(data, "MATCHING");
   const matchingMaterialMap = parseMaterialMapFromData(data, "MATCHING");
-  const handleMatchingAnswerOnChange = (answer2, key, value) => {
+  const handleMatchingAnswerOnChange = (answerMap2, key, value) => {
     if (isPreview) return;
-    let foundIndex = answer2.data.findIndex(
-      (answerData) => answerData.type === "MATCHING"
-    );
-    const answerMap = answer2.data[foundIndex].answerMap;
-    answerMap[key] = value;
-    changeAnswer(answer2);
+    answerMap2[key] = value;
+    changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ jsxs22(Fragment6, { children: [
     /* @__PURE__ */ jsx33(
@@ -5998,7 +5824,7 @@ var MatchingActivityContent = ({
       MatchingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: matchingMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -6016,19 +5842,13 @@ import { InlineMath as InlineMath7 } from "react-katex";
 import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
 var MCMAActivityMaterialContent = ({
   uniqueValue,
-  answer,
+  answerMap,
   materialMap,
   contentMap,
   checkCanAnswerQuestion,
   onChange,
   isPreview
 }) => {
-  const retrieveAnswerMap = () => {
-    const foundIndex = answer.data.findIndex(
-      (answerData) => answerData.type === "MCMA"
-    );
-    return answer.data[foundIndex].answerMap;
-  };
   const retrieveCorrectAnswerList = () => {
     return JSON.parse(Object.keys(materialMap)[0]);
   };
@@ -6043,7 +5863,6 @@ var MCMAActivityMaterialContent = ({
     }
     return "INCORRECT";
   };
-  const answerMap = retrieveAnswerMap();
   const correctAnswerList = retrieveCorrectAnswerList();
   return Object.keys(materialMap).map((materialKey, index) => {
     return /* @__PURE__ */ jsx34("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ jsxs23("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5 md:px-0", children: [
@@ -6067,7 +5886,7 @@ var MCMAActivityMaterialContent = ({
             {
               className: `w-full flex flex-row items-center justify-center cursor-pointer my-2 gap-x-2 ${learnerAnswerState === "EMPTY" && foundIndex !== -1 || learnerAnswerState === "CORRECT" ? "border-2 border-catchup-green rounded-catchup-xlarge p-2" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge p-2" : ""}`,
               onClick: () => {
-                onChange(answer, materialKey, materialSubKey);
+                onChange(answerMap, materialKey, materialSubKey);
               },
               children: [
                 /* @__PURE__ */ jsx34(
@@ -6121,7 +5940,7 @@ var MCMAActivityMaterialContent_default = MCMAActivityMaterialContent;
 // src/components/activities/MCMAActivityContent.tsx
 import { jsx as jsx35, jsxs as jsxs24 } from "react/jsx-runtime";
 var MCMAActivityContent = ({
-  answer,
+  answerMap,
   data,
   canAnswerQuestion,
   changeAnswer,
@@ -6131,21 +5950,17 @@ var MCMAActivityContent = ({
   const contentMap = parseContentMapFromData(data);
   const MCMABodyMap = parseBodyMapFromData(data, "MCMA");
   const MCMAMaterialMap = parseMaterialMapFromData(data, "MCMA");
-  const handleMCMAAnswerOnChange = (answer2, key, value) => {
+  const handleMCMAAnswerOnChange = (answerMap2, key, value) => {
     if (isPreview) return;
-    let foundIndex = answer2.data.findIndex(
-      (answerData) => answerData.type === "MCMA"
-    );
-    const answerMap = answer2.data[foundIndex].answerMap;
-    const foundSubIndex = answerMap[key].findIndex(
+    const foundSubIndex = answerMap2[key].findIndex(
       (answerMaterialKey) => answerMaterialKey === value
     );
     if (foundSubIndex === -1) {
-      answerMap[key].push(value);
+      answerMap2[key].push(value);
     } else {
-      answerMap[key].splice(foundSubIndex, 1);
+      answerMap2[key].splice(foundSubIndex, 1);
     }
-    changeAnswer(answer2);
+    changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ jsxs24("div", { className: "flex flex-row flex-wrap", children: [
     /* @__PURE__ */ jsx35("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx35(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
@@ -6155,7 +5970,7 @@ var MCMAActivityContent = ({
       MCMAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: MCMAMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -6172,19 +5987,13 @@ import { InlineMath as InlineMath8 } from "react-katex";
 import { jsx as jsx36, jsxs as jsxs25 } from "react/jsx-runtime";
 var MCSAActivityMaterialContent = ({
   uniqueValue,
-  answer,
+  answerMap,
   materialMap,
   contentMap,
   checkCanAnswerQuestion,
   onChange,
   isPreview
 }) => {
-  const retrieveAnswerMap = () => {
-    const foundIndex = answer.data.findIndex(
-      (answerData) => answerData.type === "MCSA"
-    );
-    return answer.data[foundIndex].answerMap;
-  };
   const retrieveCorrectAnswer = () => {
     return Object.keys(materialMap)[0];
   };
@@ -6196,7 +6005,6 @@ var MCSAActivityMaterialContent = ({
     }
     return "INCORRECT";
   };
-  const answerMap = retrieveAnswerMap();
   const correctAnswer = retrieveCorrectAnswer();
   return Object.keys(materialMap).map((materialKey, index) => {
     return /* @__PURE__ */ jsx36("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ jsxs25("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5 md:px-0", children: [
@@ -6218,7 +6026,7 @@ var MCSAActivityMaterialContent = ({
                 {
                   className: `w-full flex flex-row items-center justify-center cursor-pointer my-2 gap-x-2 ${learnerAnswerState === "EMPTY" && materialSubKey === correctAnswer || learnerAnswerState === "CORRECT" ? "border-2 border-catchup-green rounded-catchup-xlarge p-2" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge p-2" : ""}`,
                   onClick: () => {
-                    onChange(answer, materialKey, materialSubKey);
+                    onChange(answerMap, materialKey, materialSubKey);
                   },
                   children: [
                     /* @__PURE__ */ jsx36(
@@ -6274,7 +6082,7 @@ var MCSAActivityMaterialContent_default = MCSAActivityMaterialContent;
 // src/components/activities/MCSAActivityContent.tsx
 import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
 var MCSAActivityContent = ({
-  answer,
+  answerMap,
   data,
   canAnswerQuestion,
   changeAnswer,
@@ -6284,14 +6092,10 @@ var MCSAActivityContent = ({
   const contentMap = parseContentMapFromData(data);
   const MCSABodyMap = parseBodyMapFromData(data, "MCSA");
   const MCSAMaterialMap = parseMaterialMapFromData(data, "MCSA");
-  const handleMCSAAnswerOnChange = (answer2, key, value) => {
+  const handleMCSAAnswerOnChange = (answerMap2, key, value) => {
     if (isPreview) return;
-    let foundIndex = answer2.data.findIndex(
-      (answerData) => answerData.type === "MCSA"
-    );
-    const answerMap = answer2.data[foundIndex].answerMap;
-    answerMap[key] = value;
-    changeAnswer(answer2);
+    answerMap2[key] = value;
+    changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ jsxs26("div", { className: "flex flex-row flex-wrap", children: [
     /* @__PURE__ */ jsx37("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[60%]"}`, children: /* @__PURE__ */ jsx37(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
@@ -6301,7 +6105,7 @@ var MCSAActivityContent = ({
       MCSAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: MCSAMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -6344,26 +6148,11 @@ var retrieveDocumentTypeFromExtension = (format) => {
 // src/components/activities/material-contents/OpenEndedActivityMaterialContent.tsx
 import { Fragment as Fragment7, jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
 var OpenEndedActivityMaterialContent = ({
-  answer,
+  answerMap,
   contentMap,
   checkCanAnswerQuestion,
   onChange
 }) => {
-  const retrieveAnswer = () => {
-    if (!answer)
-      return {
-        answerMap: {
-          ANSWER: ""
-        }
-      };
-    return answer.data.find(
-      (answerData) => answerData.type === "OPEN_ENDED"
-    );
-  };
-  const retrieveAnswerMap = () => {
-    const { answerMap: answerMap2 } = retrieveAnswer();
-    return answerMap2;
-  };
   const RenderTextContent = (answerMap2) => {
     const answerMapAnswer = answerMap2["ANSWER"];
     let documentType = "TEXT";
@@ -6403,7 +6192,7 @@ var OpenEndedActivityMaterialContent = ({
           useMinHeight: true,
           onChange: (e) => {
             if (checkCanAnswerQuestion()) {
-              onChange(answer, e.target.value);
+              onChange(answerMap2, e.target.value);
             }
           }
         }
@@ -6437,7 +6226,6 @@ var OpenEndedActivityMaterialContent = ({
       }
     ) });
   };
-  const answerMap = retrieveAnswerMap();
   return /* @__PURE__ */ jsx38(Fragment7, { children: /* @__PURE__ */ jsxs27("div", { className: "", children: [
     /* @__PURE__ */ jsx38("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx38("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_open_ended_text") }) }),
     /* @__PURE__ */ jsx38("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx38(DividerLine_default, {}) }),
@@ -6449,7 +6237,7 @@ var OpenEndedActivityMaterialContent_default = OpenEndedActivityMaterialContent;
 // src/components/activities/OpenEndedActivityContent.tsx
 import { Fragment as Fragment8, jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
 var OpenEndedActivityContent = ({
-  answer,
+  answerMap,
   data,
   changeAnswer,
   canAnswerQuestion,
@@ -6459,14 +6247,10 @@ var OpenEndedActivityContent = ({
 }) => {
   const contentMap = parseContentMapFromData(data);
   const openEndedBodyMap = parseBodyMapFromData(data, "OPEN_ENDED");
-  const handleOpenEndedAnswerOnChange = (answer2, value) => {
+  const handleOpenEndedAnswerOnChange = (answerMap2, value) => {
     if (isPreview) return;
-    let foundIndex = answer2.data.findIndex(
-      (answerData) => answerData.type === "OPEN_ENDED"
-    );
-    const answerMap = answer2.data[foundIndex].answerMap;
-    answerMap["ANSWER"] = value;
-    changeAnswer(answer2);
+    answerMap2["ANSWER"] = value;
+    changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ jsxs28("div", { className: "flex flex-row flex-wrap", children: [
     /* @__PURE__ */ jsx39(
@@ -6494,7 +6278,7 @@ var OpenEndedActivityContent = ({
       /* @__PURE__ */ jsx39("div", { className: `${isFullScreen ? "w-full" : "w-full md:flex-1"}`, children: /* @__PURE__ */ jsx39(
         OpenEndedActivityMaterialContent_default,
         {
-          answer,
+          answerMap,
           contentMap,
           checkCanAnswerQuestion: canAnswerQuestion,
           onChange: handleOpenEndedAnswerOnChange
@@ -6548,7 +6332,7 @@ var useScreenSize_default = useScreenSize;
 import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 var OrderingActivityMaterialContent = ({
   uniqueValue,
-  answer,
+  answerMap,
   materialMap,
   contentMap,
   checkCanAnswerQuestion,
@@ -6583,19 +6367,10 @@ var OrderingActivityMaterialContent = ({
   }, [screenSize]);
   useEffect13(() => {
     if (!showCorrectAnswer) return;
-    const answerMap2 = answer.data.find(
-      (answerData) => answerData.type === "ORDERING"
-    ).answerMap;
-    Object.keys(answerMap2).forEach((answerKey, index) => {
-      answerMap2[answerKey] = index;
+    Object.keys(answerMap).forEach((answerKey, index) => {
+      answerMap[answerKey] = index;
     });
   }, [showCorrectAnswer]);
-  const retrieveAnswerMap = () => {
-    const foundIndex = answer.data.findIndex(
-      (answerData) => answerData.type === "ORDERING"
-    );
-    return answer.data[foundIndex].answerMap;
-  };
   const checkAnswerState = (correctAnswer, learnerAnswer) => {
     if (!isPreview) return null;
     if (correctAnswer === learnerAnswer) {
@@ -6644,7 +6419,7 @@ var OrderingActivityMaterialContent = ({
   };
   const handleMouseUp = () => {
     if (dropTargetKey !== null && draggedKey !== null && dropTargetKey !== draggedKey) {
-      onChange(answer, draggedKey, dropTargetKey);
+      onChange(answerMap, draggedKey, dropTargetKey);
     }
     setDraggedKey(null);
     setDropTargetKey(null);
@@ -6676,7 +6451,7 @@ var OrderingActivityMaterialContent = ({
   };
   const handleTouchEnd = () => {
     if (dropTargetKey !== null && draggedKey !== null && dropTargetKey !== draggedKey) {
-      onChange(answer, draggedKey, dropTargetKey);
+      onChange(answerMap, draggedKey, dropTargetKey);
     }
     setDraggedKey(null);
     setDropTargetKey(null);
@@ -6690,12 +6465,11 @@ var OrderingActivityMaterialContent = ({
     } else if (selectedKey === materialKey) {
       setSelectedKey(null);
     } else {
-      onChange(answer, selectedKey, materialKey);
+      onChange(answerMap, selectedKey, materialKey);
       setSelectedKey(null);
     }
     setDraggedKey(null);
   };
-  const answerMap = retrieveAnswerMap();
   return /* @__PURE__ */ jsxs29(
     "div",
     {
@@ -6833,7 +6607,7 @@ var OrderingActivityMaterialContent_default = OrderingActivityMaterialContent;
 // src/components/activities/OrderingActivityContent.tsx
 import { Fragment as Fragment9, jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 var OrderingActivityContent = ({
-  answer,
+  answerMap,
   data,
   canAnswerQuestion,
   changeAnswer,
@@ -6844,16 +6618,12 @@ var OrderingActivityContent = ({
   const contentMap = parseContentMapFromData(data);
   const orderingBodyMap = parseBodyMapFromData(data, "ORDERING");
   const orderingMaterialMap = parseMaterialMapFromData(data, "ORDERING");
-  const handleOrderingAnswerOnChange = (answer2, primaryKey, secondaryKey) => {
+  const handleOrderingAnswerOnChange = (answerMap2, primaryKey, secondaryKey) => {
     if (isPreview) return;
-    let foundIndex = answer2.data.findIndex(
-      (answerData) => answerData.type === "ORDERING"
-    );
-    const answerMap = answer2.data[foundIndex].answerMap;
-    const prevValue = answerMap[primaryKey];
-    answerMap[primaryKey] = answerMap[secondaryKey];
-    answerMap[secondaryKey] = prevValue;
-    changeAnswer(answer2);
+    const prevValue = answerMap2[primaryKey];
+    answerMap2[primaryKey] = answerMap2[secondaryKey];
+    answerMap2[secondaryKey] = prevValue;
+    changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ jsxs30(Fragment9, { children: [
     /* @__PURE__ */ jsx41(
@@ -6868,7 +6638,7 @@ var OrderingActivityContent = ({
       OrderingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: orderingMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -6887,7 +6657,7 @@ import { InlineMath as InlineMath10 } from "react-katex";
 import { Fragment as Fragment10, jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
 var TrueFalseActivityMaterialContent = ({
   uniqueValue,
-  answer,
+  answerMap,
   materialMap,
   contentMap,
   checkCanAnswerQuestion,
@@ -6895,7 +6665,6 @@ var TrueFalseActivityMaterialContent = ({
   isPreview,
   showCorrectAnswer
 }) => {
-  const { screenSize } = useScreenSize_default();
   const [shuffleOptionList, setShuffleOptionList] = useState23([]);
   useEffect14(() => {
     const optionList = [];
@@ -6909,26 +6678,8 @@ var TrueFalseActivityMaterialContent = ({
   }, []);
   useEffect14(() => {
     if (!showCorrectAnswer) return;
-    answer.data.find(
-      (answerData) => answerData.type === "TRUE_FALSE"
-    ).answerMap = materialMap;
+    answerMap = materialMap;
   }, [showCorrectAnswer]);
-  const retrieveAnswer = () => {
-    if (!answer)
-      return {
-        answerMap: {
-          trueList: [],
-          falseList: []
-        }
-      };
-    return answer.data.find(
-      (answerData) => answerData.type === "TRUE_FALSE"
-    );
-  };
-  const retrieveAnswerMap = () => {
-    const { answerMap: answerMap2 } = retrieveAnswer();
-    return answerMap2;
-  };
   const checkAnswerState = (correctAnswer, learnerAnswer) => {
     if (!isPreview) return null;
     if (correctAnswer === learnerAnswer) {
@@ -6936,7 +6687,6 @@ var TrueFalseActivityMaterialContent = ({
     }
     return "INCORRECT";
   };
-  const answerMap = retrieveAnswerMap();
   return /* @__PURE__ */ jsxs31("div", { className: "", children: [
     /* @__PURE__ */ jsx42("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx42("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_true_false_text") }) }),
     /* @__PURE__ */ jsx42("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx42(DividerLine_default, {}) }),
@@ -6986,7 +6736,7 @@ var TrueFalseActivityMaterialContent = ({
                   alt: "checkbox",
                   size: "small",
                   onClick: () => {
-                    onChange(answer, "TRUE", shuffleOption);
+                    onChange(answerMap, "TRUE", shuffleOption);
                   }
                 }
               ) }) }),
@@ -6997,7 +6747,7 @@ var TrueFalseActivityMaterialContent = ({
                   alt: "checkbox",
                   size: "small",
                   onClick: () => {
-                    onChange(answer, "FALSE", shuffleOption);
+                    onChange(answerMap, "FALSE", shuffleOption);
                   }
                 }
               ) }) })
@@ -7023,7 +6773,7 @@ var TrueFalseActivityMaterialContent_default = TrueFalseActivityMaterialContent;
 // src/components/activities/TrueFalseActivityContent.tsx
 import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
 var TrueFalseActivityContent = ({
-  answer,
+  answerMap,
   data,
   canAnswerQuestion,
   changeAnswer,
@@ -7034,43 +6784,36 @@ var TrueFalseActivityContent = ({
   const contentMap = parseContentMapFromData(data);
   const trueFalseBodyMap = parseBodyMapFromData(data, "TRUE_FALSE");
   const trueFalseMaterialMap = parseMaterialMapFromData(data, "TRUE_FALSE");
-  const retrieveCurrentAnswerMap = () => {
-    let foundIndex = answer.data.findIndex(
-      (answerData) => answerData.type === "TRUE_FALSE"
-    );
-    return answer.data[foundIndex].answerMap;
-  };
-  const handleTrueFalseAnswerOnChange = (answer2, key, value) => {
+  const handleTrueFalseAnswerOnChange = (answerMap2, key, value) => {
     if (isPreview) return;
-    const answerMap = retrieveCurrentAnswerMap();
     if (key === "TRUE") {
-      const foundFalseIndex = answerMap.falseList.findIndex(
+      const foundFalseIndex = answerMap2.falseList.findIndex(
         (item) => item === value
       );
       if (foundFalseIndex !== -1) {
-        answerMap.falseList.splice(foundFalseIndex, 1);
+        answerMap2.falseList.splice(foundFalseIndex, 1);
       }
-      const foundTrueIndex = answerMap.falseList.findIndex(
+      const foundTrueIndex = answerMap2.falseList.findIndex(
         (item) => item === value
       );
       if (foundTrueIndex === -1) {
-        answerMap.trueList.push(value);
+        answerMap2.trueList.push(value);
       }
     } else if (key === "FALSE") {
-      const foundTrueIndex = answerMap.trueList.findIndex(
+      const foundTrueIndex = answerMap2.trueList.findIndex(
         (item) => item === value
       );
       if (foundTrueIndex !== -1) {
-        answerMap.trueList.splice(foundTrueIndex, 1);
+        answerMap2.trueList.splice(foundTrueIndex, 1);
       }
-      const foundFalseIndex = answerMap.falseList.findIndex(
+      const foundFalseIndex = answerMap2.falseList.findIndex(
         (item) => item === value
       );
       if (foundFalseIndex === -1) {
-        answerMap.falseList.push(value);
+        answerMap2.falseList.push(value);
       }
     }
-    changeAnswer(answer2);
+    changeAnswer(answerMap2);
   };
   return /* @__PURE__ */ jsxs32("div", { className: "flex flex-row flex-wrap", children: [
     /* @__PURE__ */ jsx43("div", { className: `${isFullScreen ? "w-full" : "w-full md:w-[40%]"}`, children: /* @__PURE__ */ jsx43(
@@ -7086,7 +6829,7 @@ var TrueFalseActivityContent = ({
       TrueFalseActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: trueFalseMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -7314,7 +7057,7 @@ var ActivityPreviewByData = ({
     }
   }, [data, lockedType, typeOptionList, showDifficulty]);
   if (!data) return;
-  const answer = constructAnswerBasedOnData(data);
+  const answerMap = constructAnswerBasedOnData(data);
   return /* @__PURE__ */ jsxs36("div", { children: [
     showType ? /* @__PURE__ */ jsxs36(Fragment11, { children: [
       /* @__PURE__ */ jsxs36("div", { className: "mb-4", children: [
@@ -7335,7 +7078,7 @@ var ActivityPreviewByData = ({
     selectedType ? /* @__PURE__ */ jsx47("div", { className: "", children: selectedType === "ORDERING" && data["orderingBodyMap"] != null && data["orderingMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       OrderingActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7349,7 +7092,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "DROPDOWN" && data["dropdownBodyMap"] != null && data["dropdownMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       DropdownActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7363,7 +7106,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "MCSA" && data["MCSABodyMap"] != null && data["MCSAMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       MCSAActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7377,7 +7120,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "MCMA" && data["MCMABodyMap"] != null && data["MCMAMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       MCMAActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7391,7 +7134,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "MATCHING" && data["matchingBodyMap"] != null && data["matchingMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       MatchingActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7404,7 +7147,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "GROUPING" && data["groupingBodyMap"] != null && data["groupingMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       GroupingActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7417,7 +7160,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "FILL_IN_THE_BLANKS" && data["fillInTheBlanksBodyMap"] != null && data["fillInTheBlanksMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       FillInTheBlanksActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7431,7 +7174,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "OPEN_ENDED" && data["openEndedBodyMap"] != null ? /* @__PURE__ */ jsx47(
       OpenEndedActivityContent_default,
       {
-        answer,
+        answerMap,
         canAnswerQuestion: () => false,
         changeAnswer: () => {
         },
@@ -7443,7 +7186,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "TRUE_FALSE" && data["trueFalseBodyMap"] != null && data["trueFalseMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       TrueFalseActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7476,135 +7219,157 @@ var ActivityPreviewByData_default = ActivityPreviewByData;
 // src/components/activities/ActivityPreviewByAnswerData.tsx
 import { useEffect as useEffect16, useState as useState25 } from "react";
 import { Fragment as Fragment12, jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
+var ACTIVITY_TEMPLATE_LIST = [
+  { type: "ORDERING", materialMap: "orderingMaterialMap" },
+  { type: "DROPDOWN", materialMap: "dropdownMaterialMap" },
+  { type: "MCSA", materialMap: "MCSAMaterialMap" },
+  { type: "MCMA", materialMap: "MCMAMaterialMap" },
+  { type: "MATCHING", materialMap: "matchingMaterialMap" },
+  { type: "GROUPING", materialMap: "groupingMaterialMap" },
+  {
+    type: "FILL_IN_THE_BLANKS",
+    materialMap: "fillInTheBlanksMaterialMap"
+  },
+  { type: "OPEN_ENDED", materialMap: "openEndedMaterialMap" },
+  { type: "TRUE_FALSE", materialMap: "trueFalseMaterialMap" }
+];
 var ActivityPreviewByAnswerData = ({
   data,
+  answerType = null,
   showType = true,
   showDescription = true,
-  lockedType = null,
-  typeOptionList = [],
+  lockedTypeList = [],
   showSolution = false,
   showEvaluationRubric = false,
   showDifficulty = true,
   isFullScreen = false,
   showCorrectAnswer = false
 }) => {
-  var _a;
-  const [key, setKey] = useState25((/* @__PURE__ */ new Date()).getTime());
   const [selectedType, setSelectedType] = useState25(null);
   const [optionList, setOptionList] = useState25([]);
-  const [answer, setAnswer] = useState25({ data: [] });
+  const [answerMapMap, setAnswerMapMap] = useState25({});
+  const [activityTemplateTypeList, setActivityTemplateTypeList] = useState25([]);
   useEffect16(() => {
     if (!data) return;
-    setKey((/* @__PURE__ */ new Date()).getTime());
-  }, [data]);
-  const checkAnswerMapExists = (type) => {
-    if (data && data.answerMap && Array.isArray(data.answerMap)) {
-      const foundAnswer = data.answerMap.find(
-        (answer2) => answer2.type === type
+    let currentActivityTemplateMapList = JSON.parse(
+      JSON.stringify(ACTIVITY_TEMPLATE_LIST)
+    );
+    if (lockedTypeList.length > 0) {
+      currentActivityTemplateMapList = currentActivityTemplateMapList.filter(
+        (activityTemplateMap) => lockedTypeList.includes(activityTemplateMap.type)
       );
-      return foundAnswer || null;
     }
-    return null;
-  };
-  useEffect16(() => {
-    if (!data) return;
-    const constructAnswerBasedOnData2 = () => {
-      const newAnswer = { data: [] };
-      const activityTypes = [
-        { type: "ORDERING", materialMap: "orderingMaterialMap" },
-        { type: "DROPDOWN", materialMap: "dropdownMaterialMap" },
-        { type: "MCSA", materialMap: "MCSAMaterialMap" },
-        { type: "MCMA", materialMap: "MCMAMaterialMap" },
-        { type: "MATCHING", materialMap: "matchingMaterialMap" },
-        { type: "GROUPING", materialMap: "groupingMaterialMap" },
-        {
-          type: "FILL_IN_THE_BLANKS",
-          materialMap: "fillInTheBlanksMaterialMap"
-        },
-        { type: "OPEN_ENDED", materialMap: "openEndedMaterialMap" },
-        { type: "TRUE_FALSE", materialMap: "trueFalseMaterialMap" }
-      ];
-      activityTypes.forEach(({ type, materialMap }) => {
-        if (data[materialMap]) {
-          const foundAnswer = checkAnswerMapExists(type);
-          const answerItem = foundAnswer || constructActivityAnswerMap(
-            { type },
-            JSON.parse(JSON.stringify(data))
-          );
-          newAnswer.data.push(answerItem);
-        }
-      });
-      setAnswer(newAnswer);
-      if (newAnswer.data.length > 0) {
-        if (lockedType && newAnswer.data.find((item) => item.type === lockedType)) {
-          setSelectedType(lockedType);
-        } else {
-          setSelectedType(newAnswer.data[0].type);
-        }
+    const currentActivityTemplateTypeList = [];
+    for (const activityTemplateMap of currentActivityTemplateMapList) {
+      if (data[activityTemplateMap.materialMap]) {
+        currentActivityTemplateTypeList.push(activityTemplateMap);
       }
-    };
-    constructAnswerBasedOnData2();
-  }, [data, lockedType]);
-  useEffect16(() => {
-    if (!data || !answer.data.length) return;
-    let currentTypeOptionList = typeOptionList || answer.data.map((item) => ({
-      id: item.type,
-      text: i18n_default.t(item.type)
-    }));
-    if (lockedType) {
-      currentTypeOptionList = currentTypeOptionList.filter(
-        (typeOption) => typeOption.id === lockedType
-      );
     }
-    if (showDifficulty) {
-      setOptionList(
-        currentTypeOptionList.map((typeOption) => __spreadProps(__spreadValues({}, typeOption), {
-          subText: i18n_default.t(
-            retrieveDifficultyByActivityTypeFromData(typeOption.id, data)
+    setActivityTemplateTypeList(currentActivityTemplateMapList);
+  }, [data, answerType, lockedTypeList]);
+  useEffect16(() => {
+    if (activityTemplateTypeList.length === 0) return;
+    const currentOptionList = [];
+    for (const activityTemplateType of activityTemplateTypeList) {
+      const currentTypeOption = {
+        id: activityTemplateType.type,
+        value: i18n_default.t(activityTemplateType.type)
+      };
+      if (showDifficulty) {
+        currentTypeOption.subText = i18n_default.t(
+          retrieveDifficultyByActivityTypeFromData(
+            activityTemplateType.type,
+            data
           )
-        }))
-      );
-    } else {
-      setOptionList(currentTypeOptionList);
+        );
+      }
+      currentOptionList.push(currentTypeOption);
+    }
+    setOptionList(currentOptionList);
+  }, [activityTemplateTypeList, showDifficulty]);
+  useEffect16(() => {
+    if (optionList.length === 0) return;
+    setSelectedType(optionList[0].id);
+  }, [optionList]);
+  useEffect16(() => {
+    if (activityTemplateTypeList.length === 0) return;
+    const currentAnswerMapMap = {};
+    for (const activityTemplateMap of activityTemplateTypeList) {
+      if (answerType === activityTemplateMap.type) {
+        currentAnswerMapMap[activityTemplateMap.type] = data.answerMap;
+      } else {
+        currentAnswerMapMap[activityTemplateMap.type] = constructActivityAnswerMap(
+          { type: activityTemplateMap.type },
+          JSON.parse(JSON.stringify(data))
+        );
+      }
     }
-  }, [data, answer.data, lockedType, typeOptionList, showDifficulty]);
+    setAnswerMapMap(currentAnswerMapMap);
+  }, [activityTemplateTypeList]);
   const RenderSelectedActivityContent = () => {
+    if (!selectedType) return null;
     const commonProps = {
-      answer,
+      answerMap: answerMapMap[selectedType],
       data,
       canAnswerQuestion: () => true,
-      // changeAnswer: (newAnswer: Answer) =>
-      //   setAnswer(JSON.parse(JSON.stringify(newAnswer))),
       changeAnswer: () => {
       },
       isPreview: true,
       showCorrectAnswer,
       isFullScreen
     };
+    const isEmpty = answerMapMap[selectedType].isEmpty;
     switch (selectedType) {
       case "ORDERING":
-        return data.orderingBodyMap && data.orderingMaterialMap ? /* @__PURE__ */ jsx48(OrderingActivityContent_default, __spreadValues({}, commonProps)) : null;
+        return data.orderingBodyMap && data.orderingMaterialMap ? /* @__PURE__ */ jsxs37(Fragment12, { children: [
+          isEmpty && /* @__PURE__ */ jsx48(ActivityEmptyContent_default, {}),
+          /* @__PURE__ */ jsx48(OrderingActivityContent_default, __spreadValues({}, commonProps))
+        ] }) : null;
       case "DROPDOWN":
-        return data.dropdownBodyMap && data.dropdownMaterialMap ? /* @__PURE__ */ jsx48(DropdownActivityContent_default, __spreadValues({}, commonProps)) : null;
+        return data.dropdownBodyMap && data.dropdownMaterialMap ? /* @__PURE__ */ jsxs37(Fragment12, { children: [
+          isEmpty && /* @__PURE__ */ jsx48(ActivityEmptyContent_default, {}),
+          /* @__PURE__ */ jsx48(DropdownActivityContent_default, __spreadValues({}, commonProps))
+        ] }) : null;
       case "MCSA":
-        return data.MCSABodyMap && data.MCSAMaterialMap ? /* @__PURE__ */ jsx48(MCSAActivityContent_default, __spreadValues({}, commonProps)) : null;
+        return data.MCSABodyMap && data.MCSAMaterialMap ? /* @__PURE__ */ jsxs37(Fragment12, { children: [
+          isEmpty && /* @__PURE__ */ jsx48(ActivityEmptyContent_default, {}),
+          /* @__PURE__ */ jsx48(MCSAActivityContent_default, __spreadValues({}, commonProps))
+        ] }) : null;
       case "MCMA":
-        return data.MCMABodyMap && data.MCMAMaterialMap ? /* @__PURE__ */ jsx48(MCMAActivityContent_default, __spreadValues({}, commonProps)) : null;
+        return data.MCMABodyMap && data.MCMAMaterialMap ? /* @__PURE__ */ jsxs37(Fragment12, { children: [
+          isEmpty && /* @__PURE__ */ jsx48(ActivityEmptyContent_default, {}),
+          /* @__PURE__ */ jsx48(MCMAActivityContent_default, __spreadValues({}, commonProps))
+        ] }) : null;
       case "MATCHING":
-        return data.matchingBodyMap && data.matchingMaterialMap ? /* @__PURE__ */ jsx48(MatchingActivityContent_default, __spreadValues({}, commonProps)) : null;
+        return data.matchingBodyMap && data.matchingMaterialMap ? /* @__PURE__ */ jsxs37(Fragment12, { children: [
+          isEmpty && /* @__PURE__ */ jsx48(ActivityEmptyContent_default, {}),
+          /* @__PURE__ */ jsx48(MatchingActivityContent_default, __spreadValues({}, commonProps))
+        ] }) : null;
       case "GROUPING":
-        return data.groupingBodyMap && data.groupingMaterialMap ? /* @__PURE__ */ jsx48(GroupingActivityContent_default, __spreadValues({}, commonProps)) : null;
+        return data.groupingBodyMap && data.groupingMaterialMap ? /* @__PURE__ */ jsxs37(Fragment12, { children: [
+          isEmpty && /* @__PURE__ */ jsx48(ActivityEmptyContent_default, {}),
+          /* @__PURE__ */ jsx48(GroupingActivityContent_default, __spreadValues({}, commonProps))
+        ] }) : null;
       case "FILL_IN_THE_BLANKS":
-        return data.fillInTheBlanksBodyMap && data.fillInTheBlanksMaterialMap ? /* @__PURE__ */ jsx48(FillInTheBlanksActivityContent_default, __spreadValues({}, commonProps)) : null;
+        return data.fillInTheBlanksBodyMap && data.fillInTheBlanksMaterialMap ? /* @__PURE__ */ jsxs37(Fragment12, { children: [
+          isEmpty && /* @__PURE__ */ jsx48(ActivityEmptyContent_default, {}),
+          /* @__PURE__ */ jsx48(FillInTheBlanksActivityContent_default, __spreadValues({}, commonProps))
+        ] }) : null;
       case "OPEN_ENDED":
-        return data.openEndedBodyMap ? /* @__PURE__ */ jsx48(
-          OpenEndedActivityContent_default,
-          __spreadProps(__spreadValues({}, commonProps), {
-            showMaterialContent: true
-          })
-        ) : null;
+        return data.openEndedBodyMap ? /* @__PURE__ */ jsxs37(Fragment12, { children: [
+          isEmpty && /* @__PURE__ */ jsx48(ActivityEmptyContent_default, {}),
+          /* @__PURE__ */ jsx48(
+            OpenEndedActivityContent_default,
+            __spreadProps(__spreadValues({}, commonProps), {
+              showMaterialContent: true
+            })
+          )
+        ] }) : null;
       case "TRUE_FALSE":
-        return data.trueFalseBodyMap && data.trueFalseMaterialMap ? /* @__PURE__ */ jsx48(TrueFalseActivityContent_default, __spreadValues({}, commonProps)) : null;
+        return data.trueFalseBodyMap && data.trueFalseMaterialMap ? /* @__PURE__ */ jsxs37(Fragment12, { children: [
+          isEmpty && /* @__PURE__ */ jsx48(ActivityEmptyContent_default, {}),
+          /* @__PURE__ */ jsx48(TrueFalseActivityContent_default, __spreadValues({}, commonProps))
+        ] }) : null;
       default:
         return null;
     }
@@ -7627,10 +7392,7 @@ var ActivityPreviewByAnswerData = ({
       ] }),
       /* @__PURE__ */ jsx48(DividerLine_default, {})
     ] }) : null,
-    /* @__PURE__ */ jsxs37("div", { className: "flex flex-col my-2 w-full p-5", children: [
-      ((_a = answer == null ? void 0 : answer.data[0]) == null ? void 0 : _a.isEmpty) ? /* @__PURE__ */ jsx48(ActivityEmptyContent_default, {}) : null,
-      selectedType ? /* @__PURE__ */ jsx48("div", { children: RenderSelectedActivityContent() }, selectedType) : null
-    ] }),
+    /* @__PURE__ */ jsx48("div", { className: "flex flex-col my-2 w-full p-5", children: RenderSelectedActivityContent() }),
     selectedType && showSolution ? /* @__PURE__ */ jsx48("div", { className: "my-4", children: /* @__PURE__ */ jsx48(
       ActivitySolutionContent_default,
       {
@@ -7645,7 +7407,7 @@ var ActivityPreviewByAnswerData = ({
         data
       }
     ) }) : null
-  ] }, key);
+  ] });
 };
 var ActivityPreviewByAnswerData_default = ActivityPreviewByAnswerData;
 
@@ -10822,7 +10584,6 @@ export {
   calculateLevenshteinDistance,
   calculateStartDateOfWeek,
   checkActivityAnswerState,
-  checkIfAnswerIsEmpty,
   constructActivityAnswerMap,
   constructActivityAnswerStateList,
   constructActivityData,