catchup-library-web 2.2.10 → 2.2.12

package/dist/index.js

@@ -6236,11 +6236,8 @@ var MCSAActivityMaterialContent = ({
   const [displayAnswerMap, setDisplayAnswerMap] = (0, import_react23.useState)(answerMap);
   (0, import_react23.useEffect)(() => {
     if (showCorrectAnswer) {
-      const correctAnswerMap = {};
-      Object.keys(materialMap).forEach((materialKey) => {
-        correctAnswerMap[materialKey] = materialMap[materialKey][0];
-      });
-      setDisplayAnswerMap(correctAnswerMap);
+      const correctAnswer2 = retrieveCorrectAnswer();
+      setDisplayAnswerMap({ correctAnswer: correctAnswer2 });
     } else {
       setDisplayAnswerMap(answerMap);
     }
@@ -7430,7 +7427,7 @@ var ActivityPreviewByData = ({
   if (!data) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { children: [
     showType && optionList.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "mb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "mb-2", children: [
         showDescription ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           SelectionBox_default,
@@ -7445,15 +7442,15 @@ var ActivityPreviewByData = ({
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DividerLine_default, {})
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-col my-2 w-full p-5", children: RenderSelectedActivityContent() }),
-    selectedType && showSolution ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "my-4", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-col mb-2 w-full", children: RenderSelectedActivityContent() }),
+    selectedType && showSolution ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       ActivitySolutionContent_default,
       {
         activityTemplateType: selectedType,
         data
       }
     ) }) : null,
-    selectedType && showEvaluationRubric ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "my-4", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    selectedType && showEvaluationRubric ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       ActivityEvaluationRubricContent_default,
       {
         activityTemplateType: selectedType,

package/dist/index.mjs

@@ -6013,11 +6013,8 @@ var MCSAActivityMaterialContent = ({
   const [displayAnswerMap, setDisplayAnswerMap] = useState22(answerMap);
   useEffect13(() => {
     if (showCorrectAnswer) {
-      const correctAnswerMap = {};
-      Object.keys(materialMap).forEach((materialKey) => {
-        correctAnswerMap[materialKey] = materialMap[materialKey][0];
-      });
-      setDisplayAnswerMap(correctAnswerMap);
+      const correctAnswer2 = retrieveCorrectAnswer();
+      setDisplayAnswerMap({ correctAnswer: correctAnswer2 });
     } else {
       setDisplayAnswerMap(answerMap);
     }
@@ -7207,7 +7204,7 @@ var ActivityPreviewByData = ({
   if (!data) return null;
   return /* @__PURE__ */ jsxs36("div", { children: [
     showType && optionList.length > 0 ? /* @__PURE__ */ jsxs36(Fragment11, { children: [
-      /* @__PURE__ */ jsxs36("div", { className: "mb-4", children: [
+      /* @__PURE__ */ jsxs36("div", { className: "mb-2", children: [
         showDescription ? /* @__PURE__ */ jsx47("div", { className: "my-2", children: /* @__PURE__ */ jsx47("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
         /* @__PURE__ */ jsx47(
           SelectionBox_default,
@@ -7222,15 +7219,15 @@ var ActivityPreviewByData = ({
       ] }),
       /* @__PURE__ */ jsx47(DividerLine_default, {})
     ] }) : null,
-    /* @__PURE__ */ jsx47("div", { className: "flex flex-col my-2 w-full p-5", children: RenderSelectedActivityContent() }),
-    selectedType && showSolution ? /* @__PURE__ */ jsx47("div", { className: "my-4", children: /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx47("div", { className: "flex flex-col mb-2 w-full", children: RenderSelectedActivityContent() }),
+    selectedType && showSolution ? /* @__PURE__ */ jsx47("div", { className: "mb-2", children: /* @__PURE__ */ jsx47(
       ActivitySolutionContent_default,
       {
         activityTemplateType: selectedType,
         data
       }
     ) }) : null,
-    selectedType && showEvaluationRubric ? /* @__PURE__ */ jsx47("div", { className: "my-4", children: /* @__PURE__ */ jsx47(
+    selectedType && showEvaluationRubric ? /* @__PURE__ */ jsx47("div", { className: "mb-2", children: /* @__PURE__ */ jsx47(
       ActivityEvaluationRubricContent_default,
       {
         activityTemplateType: selectedType,

package/package.json

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

package/src/components/activities/ActivityPreviewByData.tsx

@@ -219,7 +219,7 @@ const ActivityPreviewByData = ({
     <div>
       {showType && optionList.length > 0 ? (
         <>
-          <div className="mb-4">
+          <div className="mb-2">
             {showDescription ? (
               <div className="my-2">
                 <p className="font-semibold text-lg">
@@ -240,12 +240,12 @@ const ActivityPreviewByData = ({
         </>
       ) : null}
 
-      <div className="flex flex-col my-2 w-full p-5">
+      <div className="flex flex-col mb-2 w-full">
         {RenderSelectedActivityContent()}
       </div>
 
       {selectedType && showSolution ? (
-        <div className="my-4">
+        <div className="mb-2">
           <ActivitySolutionContent
             activityTemplateType={selectedType}
             data={data}
@@ -254,7 +254,7 @@ const ActivityPreviewByData = ({
       ) : null}
 
       {selectedType && showEvaluationRubric ? (
-        <div className="my-4">
+        <div className="mb-2">
           <ActivityEvaluationRubricContent
             activityTemplateType={selectedType}
             data={data}

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

@@ -21,12 +21,8 @@ const MCSAActivityMaterialContent = ({
 
   useEffect(() => {
     if (showCorrectAnswer) {
-      // Create correct answer map where each key maps to the first item (correct answer)
-      const correctAnswerMap: any = {};
-      Object.keys(materialMap).forEach((materialKey) => {
-        correctAnswerMap[materialKey] = materialMap[materialKey][0];
-      });
-      setDisplayAnswerMap(correctAnswerMap);
+      const correctAnswer = retrieveCorrectAnswer();
+      setDisplayAnswerMap({ correctAnswer });
     } else {
       setDisplayAnswerMap(answerMap);
     }