catchup-library-web 1.20.0 → 1.20.2

package/dist/index.js

@@ -4513,7 +4513,7 @@ var ShowMaterialMediaByContentType = ({
       }
     );
   };
-  return contentType === "IMAGE" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
+  return contentType === "IMAGE" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
     RenderShowFullScreenItem(),
     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "div",
@@ -4559,7 +4559,7 @@ var ShowMaterialMediaByContentType = ({
         ]
       }
     ) }) })
-  ] }, key) : contentType === "VIDEO" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  ] }) : contentType === "VIDEO" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "video",
     {
       className: "h-catchup-activity-media-box-item rounded-catchup-xlarge",
@@ -6421,9 +6421,9 @@ var OrderingActivityMaterialContent = ({
     if (index === 0) {
       return 0;
     } else if (index === 1) {
-      return 150;
+      return 65;
     } else if (index % 2 === 0) {
-      return -150;
+      return -65;
     } else if (index % 2 === 1) {
       return 0;
     }

package/dist/index.mjs

@@ -4212,7 +4212,7 @@ var MediaDropdown_default = MediaDropdown;
 // src/components/activities/material-contents/ShowMaterialMediaByContentType.tsx
 import { useEffect as useEffect4, useRef as useRef2, useState as useState14 } from "react";
 import Modal3 from "react-modal";
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 var ShowMaterialMediaByContentType = ({
   key,
   contentType,
@@ -4297,7 +4297,7 @@ var ShowMaterialMediaByContentType = ({
       }
     );
   };
-  return contentType === "IMAGE" ? /* @__PURE__ */ jsxs14("div", { children: [
+  return contentType === "IMAGE" ? /* @__PURE__ */ jsxs14(Fragment2, { children: [
     RenderShowFullScreenItem(),
     /* @__PURE__ */ jsx24("div", { className: "my-2", children: /* @__PURE__ */ jsx24("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ jsxs14(
       "div",
@@ -4343,7 +4343,7 @@ var ShowMaterialMediaByContentType = ({
         ]
       }
     ) }) })
-  ] }, key) : contentType === "VIDEO" ? /* @__PURE__ */ jsx24("div", { className: "my-2", children: /* @__PURE__ */ jsx24("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ jsx24("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ jsx24(
+  ] }) : contentType === "VIDEO" ? /* @__PURE__ */ jsx24("div", { className: "my-2", children: /* @__PURE__ */ jsx24("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ jsx24("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ jsx24(
     "video",
     {
       className: "h-catchup-activity-media-box-item rounded-catchup-xlarge",
@@ -4968,7 +4968,7 @@ var FillInTheBlanksActivityContent_default = FillInTheBlanksActivityContent;
 import { useEffect as useEffect9, useRef as useRef4, useState as useState19 } from "react";
 import { useDrop as useDrop3 } from "react-dnd";
 import { InlineMath as InlineMath4 } from "react-katex";
-import { Fragment as Fragment2, jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
 var GroupingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -5058,8 +5058,8 @@ var GroupingActivityMaterialContent = ({
   };
   const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
-  return /* @__PURE__ */ jsxs19(Fragment2, { children: [
-    filteredMaterialList.length > 0 ? /* @__PURE__ */ jsxs19(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs19(Fragment3, { children: [
+    filteredMaterialList.length > 0 ? /* @__PURE__ */ jsxs19(Fragment3, { children: [
       /* @__PURE__ */ jsx31("div", { className: "flex-1 flex flex-row gap-x-4 overflow-x-auto py-2", children: filteredMaterialList.map((materialValue, index) => {
         return /* @__PURE__ */ jsx31(
           DraggableItem_default,
@@ -5216,7 +5216,7 @@ var GroupingActivityMaterialContent = ({
 var GroupingActivityMaterialContent_default = GroupingActivityMaterialContent;
 
 // src/components/activities/GroupingActivityContent.tsx
-import { Fragment as Fragment3, jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
 var GroupingActivityContent = ({
   answer,
   data,
@@ -5241,7 +5241,7 @@ var GroupingActivityContent = ({
     }
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ jsxs20(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment4, { children: [
     /* @__PURE__ */ jsx32(
       ActivityBodyContent_default,
       {
@@ -5271,7 +5271,7 @@ var GroupingActivityContent_default = GroupingActivityContent;
 import { useEffect as useEffect10, useRef as useRef5, useState as useState20 } from "react";
 import { useDrop as useDrop4 } from "react-dnd";
 import { InlineMath as InlineMath5 } from "react-katex";
-import { Fragment as Fragment4, jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
 var MatchingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -5352,8 +5352,8 @@ var MatchingActivityMaterialContent = ({
   };
   const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
-  return /* @__PURE__ */ jsxs21(Fragment4, { children: [
-    filteredMaterialList.length > 0 ? /* @__PURE__ */ jsxs21(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs21(Fragment5, { children: [
+    filteredMaterialList.length > 0 ? /* @__PURE__ */ jsxs21(Fragment5, { children: [
       /* @__PURE__ */ jsx33(
         "div",
         {
@@ -5504,7 +5504,7 @@ var MatchingActivityMaterialContent = ({
 var MatchingActivityMaterialContent_default = MatchingActivityMaterialContent;
 
 // src/components/activities/MatchingActivityContent.tsx
-import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
 var MatchingActivityContent = ({
   answer,
   data,
@@ -5525,7 +5525,7 @@ var MatchingActivityContent = ({
     answerMap[key] = value;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ jsxs22(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs22(Fragment6, { children: [
     /* @__PURE__ */ jsx34(
       ActivityBodyContent_default,
       {
@@ -5882,7 +5882,7 @@ var retrieveDocumentTypeFromExtension = (format) => {
 };
 
 // src/components/activities/material-contents/OpenEndedActivityMaterialContent.tsx
-import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
 var OpenEndedActivityMaterialContent = ({
   answer,
   contentMap,
@@ -5954,7 +5954,7 @@ var OpenEndedActivityMaterialContent = ({
     const answerMapAnswer = answerMap2["ANSWER"];
     const extension = answerMapAnswer.split(".").pop();
     const documentType = retrieveDocumentTypeFromExtension(extension);
-    return /* @__PURE__ */ jsx39(Fragment6, { children: documentType === "IMAGE" ? /* @__PURE__ */ jsx39("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ jsx39(
+    return /* @__PURE__ */ jsx39(Fragment7, { children: documentType === "IMAGE" ? /* @__PURE__ */ jsx39("div", { className: "flex flex-col justify-center items-center my-5", children: /* @__PURE__ */ jsx39(
       BaseImage_default,
       {
         src: answerMapAnswer,
@@ -5978,7 +5978,7 @@ var OpenEndedActivityMaterialContent = ({
     ) });
   };
   const answerMap = retrieveAnswerMap();
-  return /* @__PURE__ */ jsx39(Fragment6, { children: /* @__PURE__ */ jsxs27("div", { className: "", children: [
+  return /* @__PURE__ */ jsx39(Fragment7, { children: /* @__PURE__ */ jsxs27("div", { className: "", children: [
     /* @__PURE__ */ jsx39("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx39("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_open_ended_text") }) }),
     /* @__PURE__ */ jsx39("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx39(DividerLine_default, {}) }),
     contentMap.type === "TEXT" ? RenderTextContent(answerMap) : contentMap.type === "IMAGE" ? RenderImageContent(answerMap) : contentMap.type === "AUDIO" ? RenderAudioContent(answerMap) : null
@@ -5987,7 +5987,7 @@ var OpenEndedActivityMaterialContent = ({
 var OpenEndedActivityMaterialContent_default = OpenEndedActivityMaterialContent;
 
 // src/components/activities/OpenEndedActivityContent.tsx
-import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs28 } from "react/jsx-runtime";
 var OpenEndedActivityContent = ({
   answer,
   data,
@@ -6022,7 +6022,7 @@ var OpenEndedActivityContent = ({
         )
       }
     ),
-    showMaterialContent ? /* @__PURE__ */ jsxs28(Fragment7, { children: [
+    showMaterialContent ? /* @__PURE__ */ jsxs28(Fragment8, { children: [
       /* @__PURE__ */ jsx40(
         "div",
         {
@@ -6205,9 +6205,9 @@ var OrderingActivityMaterialContent = ({
     if (index === 0) {
       return 0;
     } else if (index === 1) {
-      return 150;
+      return 65;
     } else if (index % 2 === 0) {
-      return -150;
+      return -65;
     } else if (index % 2 === 1) {
       return 0;
     }
@@ -6290,7 +6290,7 @@ var OrderingActivityMaterialContent = ({
 var OrderingActivityMaterialContent_default = OrderingActivityMaterialContent;
 
 // src/components/activities/OrderingActivityContent.tsx
-import { Fragment as Fragment8, jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
 var OrderingActivityContent = ({
   answer,
   data,
@@ -6314,7 +6314,7 @@ var OrderingActivityContent = ({
     answerMap[secondaryKey] = prevValue;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ jsxs30(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs30(Fragment9, { children: [
     /* @__PURE__ */ jsx43(
       ActivityBodyContent_default,
       {
@@ -6343,7 +6343,7 @@ var OrderingActivityContent_default = OrderingActivityContent;
 // src/components/activities/material-contents/TrueFalseActivityMaterialContent.tsx
 import { useEffect as useEffect13, useState as useState23 } from "react";
 import { InlineMath as InlineMath9 } from "react-katex";
-import { Fragment as Fragment9, jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
 var TrueFalseActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -6465,7 +6465,7 @@ var TrueFalseActivityMaterialContent = ({
         },
         index
       );
-    }) }) : /* @__PURE__ */ jsxs31(Fragment9, { children: [
+    }) }) : /* @__PURE__ */ jsxs31(Fragment10, { children: [
       answerMap.trueList.map((item) => /* @__PURE__ */ jsxs31("div", { className: "flex flex-row items-center gap-x-2", children: [
         /* @__PURE__ */ jsx44("div", { className: "flex-1", children: /* @__PURE__ */ jsx44("p", { children: item }) }),
         /* @__PURE__ */ jsx44("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx44("p", { className: "underline", children: i18n_default.t("true") }) })
@@ -6715,7 +6715,7 @@ var SelectionBox = ({
 var SelectionBox_default = SelectionBox;
 
 // src/components/activities/ActivityPreviewByData.tsx
-import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
 var ActivityPreviewByData = ({
   data,
   showType,
@@ -6774,7 +6774,7 @@ var ActivityPreviewByData = ({
   if (!data) return;
   const answer = constructAnswerBasedOnData(data);
   return /* @__PURE__ */ jsxs36("div", { children: [
-    showType ? /* @__PURE__ */ jsxs36(Fragment10, { children: [
+    showType ? /* @__PURE__ */ jsxs36(Fragment11, { children: [
       /* @__PURE__ */ jsxs36("div", { className: "mb-4", children: [
         showDescription ? /* @__PURE__ */ jsx49("div", { className: "my-2", children: /* @__PURE__ */ jsx49("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
         /* @__PURE__ */ jsx49(
@@ -6933,7 +6933,7 @@ var ActivityPreviewByData_default = ActivityPreviewByData;
 
 // src/components/activities/ActivityPreviewByAnswerData.tsx
 import { useEffect as useEffect15, useState as useState25 } from "react";
-import { Fragment as Fragment11, jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
 var ActivityPreviewByAnswerData = ({
   data,
   showType = true,
@@ -7069,7 +7069,7 @@ var ActivityPreviewByAnswerData = ({
   };
   if (!data) return null;
   return /* @__PURE__ */ jsxs37("div", { children: [
-    showType && optionList.length > 0 ? /* @__PURE__ */ jsxs37(Fragment11, { children: [
+    showType && optionList.length > 0 ? /* @__PURE__ */ jsxs37(Fragment12, { children: [
       /* @__PURE__ */ jsxs37("div", { className: "mb-4", children: [
         showDescription ? /* @__PURE__ */ jsx50("div", { className: "my-2", children: /* @__PURE__ */ jsx50("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
         /* @__PURE__ */ jsx50(

package/package.json

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

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

@@ -82,9 +82,9 @@ const OrderingActivityMaterialContent = ({
     if (index === 0) {
       return 0;
     } else if (index === 1) {
-      return 150;
+      return 65;
     } else if (index % 2 === 0) {
-      return -150;
+      return -65;
     } else if (index % 2 === 1) {
       return 0;
     }

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

@@ -92,7 +92,7 @@ const ShowMaterialMediaByContentType = ({
   };
 
   return contentType === "IMAGE" ? (
-    <div key={key}>
+    <>
       {RenderShowFullScreenItem()}
       <div className="my-2">
         <div className="h-full flex flex-row flex-wrap items-center">
@@ -139,7 +139,7 @@ const ShowMaterialMediaByContentType = ({
           </div>
         </div>
       </div>
-    </div>
+    </>
   ) : contentType === "VIDEO" ? (
     <div className="my-2">
       <div className="h-full flex flex-row flex-wrap items-center">