catchup-library-web 2.0.6 → 2.0.8

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,7 +2181,7 @@ 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", "");
@@ -2819,82 +2803,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 +4410,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 +4421,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 +4438,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 +4479,11 @@ var DropdownActivityMaterialContent = ({
                 value: materialOption
               })),
               onChange: (e) => {
-                onChange(answer, materialKey, e.target.value);
+                onChange(
+                  answerMap,
+                  materialKey,
+                  e.target.value
+                );
               }
             }
           ) }) : /* @__PURE__ */ jsx25(
@@ -4556,7 +4513,7 @@ var DropdownActivityMaterialContent = ({
                   ) }, index2),
                   onClick: (e) => {
                     onChange(
-                      answer,
+                      answerMap,
                       materialKey,
                       e.target.currentSrc
                     );
@@ -4600,7 +4557,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 +4568,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 +4594,7 @@ var DropdownActivityContent = ({
       DropdownActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: dropdownMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -4702,7 +4639,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 +4669,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 +4707,7 @@ var FillInTheBlanksActivityMaterialContent = ({
   };
   const handleMouseUp = () => {
     if (dropTargetIndex !== null && draggedOption !== null) {
-      onChange(answer, dropTargetIndex, draggedOption);
+      onChange(answerMap, dropTargetIndex, draggedOption);
     }
     setDraggedOption(null);
     setDropTargetIndex(null);
@@ -4812,7 +4738,7 @@ var FillInTheBlanksActivityMaterialContent = ({
   };
   const handleTouchEnd = () => {
     if (dropTargetIndex !== null && draggedOption !== null) {
-      onChange(answer, dropTargetIndex, draggedOption);
+      onChange(answerMap, dropTargetIndex, draggedOption);
     }
     setDraggedOption(null);
     setDropTargetIndex(null);
@@ -4825,11 +4751,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 +4893,7 @@ var FillInTheBlanksActivityMaterialContent = ({
                       onClick: (e) => {
                         if (answerMap[materialKey]) {
                           e.stopPropagation();
-                          onChange(answer, materialKey, "");
+                          onChange(answerMap, materialKey, "");
                         }
                       },
                       children: answerMap[materialKey] ? /* @__PURE__ */ jsx28(
@@ -5007,7 +4932,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 +4968,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 +4986,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 +5008,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 +5030,7 @@ var FillInTheBlanksActivityContent = ({
       FillInTheBlanksActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         optionList: constructAnswerOptionList(),
         materialMap: fillInTheBlanksMaterialMap,
         contentMap,
@@ -5145,7 +5050,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 +5100,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 +5146,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 +5190,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 +5222,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 +5236,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 +5387,7 @@ var GroupingActivityMaterialContent = ({
                         e.stopPropagation();
                         if (checkCanAnswerQuestion()) {
                           onChange(
-                            answer,
+                            answerMap,
                             answerMapKey,
                             null,
                             answerMapIndex
@@ -5539,7 +5434,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 +5444,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 +5466,7 @@ var GroupingActivityContent = ({
       GroupingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: groupingMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -5594,7 +5485,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 +5533,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 +5579,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 +5617,7 @@ var MatchingActivityMaterialContent = ({
   };
   const handleMouseUp = () => {
     if (dropTargetKey !== null && draggedValue !== null) {
-      onChange(answer, dropTargetKey, draggedValue);
+      onChange(answerMap, dropTargetKey, draggedValue);
     }
     setDraggedValue(null);
     setDropTargetKey(null);
@@ -5766,7 +5649,7 @@ var MatchingActivityMaterialContent = ({
   };
   const handleTouchEnd = () => {
     if (dropTargetKey !== null && draggedValue !== null) {
-      onChange(answer, dropTargetKey, draggedValue);
+      onChange(answerMap, dropTargetKey, draggedValue);
     }
     setDraggedValue(null);
     setDropTargetKey(null);
@@ -5780,11 +5663,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 +5813,7 @@ var MatchingActivityMaterialContent = ({
                 onClick: (e) => {
                   e.stopPropagation();
                   if (checkCanAnswerQuestion() && answerMap[answerMapKey]) {
-                    onChange(answer, answerMapKey, null);
+                    onChange(answerMap, answerMapKey, null);
                     setSelectedValue(null);
                   }
                 },
@@ -5966,7 +5848,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 +5858,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 +5876,7 @@ var MatchingActivityContent = ({
       MatchingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: matchingMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -6016,19 +5894,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 +5915,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 +5938,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 +5992,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 +6002,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 +6022,7 @@ var MCMAActivityContent = ({
       MCMAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: MCMAMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -6172,19 +6039,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 +6057,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 +6078,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 +6134,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 +6144,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 +6157,7 @@ var MCSAActivityContent = ({
       MCSAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: MCSAMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -6344,26 +6200,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 +6244,7 @@ var OpenEndedActivityMaterialContent = ({
           useMinHeight: true,
           onChange: (e) => {
             if (checkCanAnswerQuestion()) {
-              onChange(answer, e.target.value);
+              onChange(answerMap2, e.target.value);
             }
           }
         }
@@ -6437,7 +6278,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 +6289,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 +6299,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 +6330,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 +6384,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 +6419,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 +6471,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 +6503,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 +6517,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 +6659,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 +6670,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 +6690,7 @@ var OrderingActivityContent = ({
       OrderingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: orderingMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -6887,7 +6709,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 +6717,6 @@ var TrueFalseActivityMaterialContent = ({
   isPreview,
   showCorrectAnswer
 }) => {
-  const { screenSize } = useScreenSize_default();
   const [shuffleOptionList, setShuffleOptionList] = useState23([]);
   useEffect14(() => {
     const optionList = [];
@@ -6909,26 +6730,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 +6739,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 +6788,7 @@ var TrueFalseActivityMaterialContent = ({
                   alt: "checkbox",
                   size: "small",
                   onClick: () => {
-                    onChange(answer, "TRUE", shuffleOption);
+                    onChange(answerMap, "TRUE", shuffleOption);
                   }
                 }
               ) }) }),
@@ -6997,7 +6799,7 @@ var TrueFalseActivityMaterialContent = ({
                   alt: "checkbox",
                   size: "small",
                   onClick: () => {
-                    onChange(answer, "FALSE", shuffleOption);
+                    onChange(answerMap, "FALSE", shuffleOption);
                   }
                 }
               ) }) })
@@ -7023,7 +6825,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 +6836,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 +6881,7 @@ var TrueFalseActivityContent = ({
       TrueFalseActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
-        answer,
+        answerMap,
         materialMap: trueFalseMaterialMap,
         contentMap,
         checkCanAnswerQuestion: canAnswerQuestion,
@@ -7314,7 +7109,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 +7130,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 +7144,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "DROPDOWN" && data["dropdownBodyMap"] != null && data["dropdownMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       DropdownActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7363,7 +7158,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "MCSA" && data["MCSABodyMap"] != null && data["MCSAMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       MCSAActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7377,7 +7172,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "MCMA" && data["MCMABodyMap"] != null && data["MCMAMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       MCMAActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7391,7 +7186,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "MATCHING" && data["matchingBodyMap"] != null && data["matchingMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       MatchingActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7404,7 +7199,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "GROUPING" && data["groupingBodyMap"] != null && data["groupingMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       GroupingActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7417,7 +7212,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "FILL_IN_THE_BLANKS" && data["fillInTheBlanksBodyMap"] != null && data["fillInTheBlanksMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       FillInTheBlanksActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7431,7 +7226,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "OPEN_ENDED" && data["openEndedBodyMap"] != null ? /* @__PURE__ */ jsx47(
       OpenEndedActivityContent_default,
       {
-        answer,
+        answerMap,
         canAnswerQuestion: () => false,
         changeAnswer: () => {
         },
@@ -7443,7 +7238,7 @@ var ActivityPreviewByData = ({
     ) : selectedType === "TRUE_FALSE" && data["trueFalseBodyMap"] != null && data["trueFalseMaterialMap"] != null ? /* @__PURE__ */ jsx47(
       TrueFalseActivityContent_default,
       {
-        answer,
+        answerMap,
         changeAnswer: () => {
         },
         canAnswerQuestion: () => {
@@ -7476,135 +7271,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);
     }
-  }, [data, answer.data, lockedType, typeOptionList, showDifficulty]);
+    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))
+        );
+      }
+    }
+    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 +7444,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 +7459,7 @@ var ActivityPreviewByAnswerData = ({
         data
       }
     ) }) : null
-  ] }, key);
+  ] });
 };
 var ActivityPreviewByAnswerData_default = ActivityPreviewByAnswerData;
 
@@ -8629,7 +8443,7 @@ var retrieveProvinceNameOptionList = () => {
     { parent: "TURKEY", value: "BURSA", text: "Bursa", code: "16" },
     // { parent: "TURKEY", value: "CANAKKALE", text: "Çanakkale", code: "17" },
     // { parent: "TURKEY", value: "CANKIRI", text: "Çankırı", code: "18" },
-    // { parent: "TURKEY", value: "CORUM", text: "Çorum", code: "19" },
+    { parent: "TURKEY", value: "CORUM", text: "\xC7orum", code: "19" },
     { parent: "TURKEY", value: "DENIZLI", text: "Denizli", code: "20" },
     { parent: "TURKEY", value: "DIYARBAKIR", text: "Diyarbak\u0131r", code: "21" },
     // { parent: "TURKEY", value: "EDIRNE", text: "Edirne", code: "22" },