catchup-library-web 1.0.18 → 1.0.20

package/dist/index.js

@@ -5930,6 +5930,11 @@ var ActivityPreviewByData = ({
 }) => {
   const [selectedType, setSelectedType] = (0, import_react24.useState)(null);
   const [optionList, setOptionList] = (0, import_react24.useState)([]);
+  console.log("inner selected type: ", selectedType);
+  (0, import_react24.useEffect)(() => {
+    setSelectedType(null);
+    setOptionList([]);
+  }, []);
   (0, import_react24.useEffect)(() => {
     if (!typeOptionList) return;
     if (typeOptionList.length === 0) return;
@@ -5987,7 +5992,7 @@ var ActivityPreviewByData = ({
   if (!data) return;
   const answer = constructAnswerBasedOnData(data);
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
-    showType ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    showType ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       SelectionBox_default,
       {
         optionList,
@@ -5996,7 +6001,7 @@ var ActivityPreviewByData = ({
           setSelectedType(itemId);
         }
       }
-    ) : null,
+    ) }) : null,
     selectedType ? selectedType === "ORDERING" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       OrderingActivityContent_default,
       {
@@ -6111,13 +6116,13 @@ var ActivityPreviewByData = ({
         showCorrectAnswer: true
       }
     ) : null : null,
-    selectedType && showSolution ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    selectedType && showSolution ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "my-4", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       ActivitySolutionContent_default,
       {
         activityTemplateType: selectedType,
         data
       }
-    ) : null
+    ) }) : null
   ] });
 };
 var ActivityPreviewByData_default = ActivityPreviewByData;

package/dist/index.mjs

@@ -5756,6 +5756,11 @@ var ActivityPreviewByData = ({
 }) => {
   const [selectedType, setSelectedType] = useState19(null);
   const [optionList, setOptionList] = useState19([]);
+  console.log("inner selected type: ", selectedType);
+  useEffect11(() => {
+    setSelectedType(null);
+    setOptionList([]);
+  }, []);
   useEffect11(() => {
     if (!typeOptionList) return;
     if (typeOptionList.length === 0) return;
@@ -5813,7 +5818,7 @@ var ActivityPreviewByData = ({
   if (!data) return;
   const answer = constructAnswerBasedOnData(data);
   return /* @__PURE__ */ jsxs32(Fragment9, { children: [
-    showType ? /* @__PURE__ */ jsx41(
+    showType ? /* @__PURE__ */ jsx41("div", { className: "mb-4", children: /* @__PURE__ */ jsx41(
       SelectionBox_default,
       {
         optionList,
@@ -5822,7 +5827,7 @@ var ActivityPreviewByData = ({
           setSelectedType(itemId);
         }
       }
-    ) : null,
+    ) }) : null,
     selectedType ? selectedType === "ORDERING" ? /* @__PURE__ */ jsx41(
       OrderingActivityContent_default,
       {
@@ -5937,13 +5942,13 @@ var ActivityPreviewByData = ({
         showCorrectAnswer: true
       }
     ) : null : null,
-    selectedType && showSolution ? /* @__PURE__ */ jsx41(
+    selectedType && showSolution ? /* @__PURE__ */ jsx41("div", { className: "my-4", children: /* @__PURE__ */ jsx41(
       ActivitySolutionContent_default,
       {
         activityTemplateType: selectedType,
         data
       }
-    ) : null
+    ) }) : null
   ] });
 };
 var ActivityPreviewByData_default = ActivityPreviewByData;

package/package.json

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

package/src/components/activities/ActivityPreviewByData.tsx

@@ -24,6 +24,13 @@ const ActivityPreviewByData = ({
   const [selectedType, setSelectedType] = useState<string | null>(null);
   const [optionList, setOptionList] = useState<any[]>([]);
 
+  console.log("inner selected type: ", selectedType);
+
+  useEffect(() => {
+    setSelectedType(null);
+    setOptionList([]);
+  }, []);
+
   useEffect(() => {
     if (!typeOptionList) return;
     if (typeOptionList.length === 0) return;
@@ -87,13 +94,15 @@ const ActivityPreviewByData = ({
   return (
     <>
       {showType ? (
-        <SelectionBox
-          optionList={optionList}
-          selectedId={selectedType}
-          handleSelectOnClick={(itemId) => {
-            setSelectedType(itemId);
-          }}
-        />
+        <div className="mb-4">
+          <SelectionBox
+            optionList={optionList}
+            selectedId={selectedType}
+            handleSelectOnClick={(itemId) => {
+              setSelectedType(itemId);
+            }}
+          />
+        </div>
       ) : null}
       {selectedType ? (
         selectedType === "ORDERING" ? (
@@ -194,10 +203,12 @@ const ActivityPreviewByData = ({
         ) : null
       ) : null}
       {selectedType && showSolution ? (
-        <ActivitySolutionContent
-          activityTemplateType={selectedType}
-          data={data}
-        />
+        <div className="my-4">
+          <ActivitySolutionContent
+            activityTemplateType={selectedType}
+            data={data}
+          />
+        </div>
       ) : null}
     </>
   );