catchup-library-web 1.11.5 → 1.12.0

package/dist/index.d.mts

@@ -287,7 +287,7 @@ declare global {
         }
     }
 }
-declare const InputGroup: ({ type, title, defaultValue, placeholder, value, onFocus, onChange, onClick, onKeyDown, optionList, errorText, multiple, accept, theme, useMinHeight, disabled, limit, useMath, }: IInputGroupProps) => react_jsx_runtime.JSX.Element | undefined;
+declare const InputGroup: ({ type, title, defaultValue, placeholder, value, onFocus, onChange, onClick, onKeyDown, optionList, errorText, multiple, accept, theme, useMinHeight, disabled, limit, useMath, }: IInputGroupProps) => react_jsx_runtime.JSX.Element;
 
 declare const LeftTextRightInputGroup: ({ type, title, value, optionList, onChange, disabled, errorText, }: ILeftTextRightInputGroupProps) => react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -287,7 +287,7 @@ declare global {
         }
     }
 }
-declare const InputGroup: ({ type, title, defaultValue, placeholder, value, onFocus, onChange, onClick, onKeyDown, optionList, errorText, multiple, accept, theme, useMinHeight, disabled, limit, useMath, }: IInputGroupProps) => react_jsx_runtime.JSX.Element | undefined;
+declare const InputGroup: ({ type, title, defaultValue, placeholder, value, onFocus, onChange, onClick, onKeyDown, optionList, errorText, multiple, accept, theme, useMinHeight, disabled, limit, useMath, }: IInputGroupProps) => react_jsx_runtime.JSX.Element;
 
 declare const LeftTextRightInputGroup: ({ type, title, value, optionList, onChange, disabled, errorText, }: ILeftTextRightInputGroupProps) => react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -3624,6 +3624,7 @@ var InputGroup = ({
   const textAreaRef = (0, import_react10.useRef)(null);
   const mathFieldRef = (0, import_react10.useRef)(null);
   const [isMathMode, setIsMathMode] = (0, import_react10.useState)(false);
+  const [showMathOverlay, setShowMathOverlay] = (0, import_react10.useState)(false);
   (0, import_react10.useEffect)(() => {
     if (!textAreaRef) return;
     if (!textAreaRef.current) return;
@@ -3641,6 +3642,17 @@ var InputGroup = ({
       }
     });
   }, [useMath, type, placeholder, title]);
+  (0, import_react10.useEffect)(() => {
+    const handleClickOutside = (event) => {
+      if (showMathOverlay && event.target instanceof Element && !event.target.closest(".math-overlay")) {
+        setShowMathOverlay(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [showMathOverlay]);
   const retrieveNullableOptionList = () => {
     if (!optionList) return [];
     const currentOptionList = {
@@ -3684,6 +3696,54 @@ var InputGroup = ({
     };
     onFocus && onFocus(syntheticEvent);
   };
+  const handleMathModeToggle = (mode) => {
+    setIsMathMode(mode);
+    setShowMathOverlay(false);
+  };
+  const MathModeOverlay = () => {
+    if (!showMathOverlay) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "math-overlay bg-white rounded-lg p-6 shadow-xl max-w-sm w-full mx-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h3", { className: "text-lg font-semibold mb-4 text-catchup-gray-400", children: i18n_default.t("select_input_mode") }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "button",
+          {
+            className: `w-full p-3 rounded-lg border-2 transition-all duration-200 ${!isMathMode ? "border-catchup-blue-400 bg-catchup-blue-50" : "border-catchup-gray-100 hover:border-catchup-gray-200"}`,
+            onClick: () => handleMathModeToggle(false),
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-4 h-4 rounded-full border-2 border-catchup-blue-400 flex items-center justify-center", children: !isMathMode && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-2 h-2 rounded-full bg-catchup-blue-400" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "text-left", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "font-medium text-catchup-gray-400", children: i18n_default.t("text_mode") }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-catchup-gray-300", children: "Regular text input" })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "button",
+          {
+            className: `w-full p-3 rounded-lg border-2 transition-all duration-200 ${isMathMode ? "border-catchup-blue-400 bg-catchup-blue-50" : "border-catchup-gray-100 hover:border-catchup-gray-200"}`,
+            onClick: () => handleMathModeToggle(true),
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-4 h-4 rounded-full border-2 border-catchup-blue-400 flex items-center justify-center", children: isMathMode && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-2 h-2 rounded-full bg-catchup-blue-400" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "text-left", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "font-medium text-catchup-gray-400", children: i18n_default.t("math_mode") }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-sm text-catchup-gray-300", children: "Mathematical expressions" })
+              ] })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "mt-6 flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "button",
+        {
+          className: "px-4 py-2 text-catchup-gray-300 hover:text-catchup-gray-400 transition-colors",
+          onClick: () => setShowMathOverlay(false),
+          children: i18n_default.t("cancel")
+        }
+      ) })
+    ] }) });
+  };
   const CheckboxInputGroup = () => {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "div",
@@ -3884,16 +3944,35 @@ var InputGroup = ({
           )
         }
       ),
-      useMath && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "absolute right-5 -top-2 z-10 bg-catchup-white border border-catchup-gray-100 rounded-md px-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        "div",
+      useMath && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "button",
         {
-          className: "flex flex-row items-center gap-x-2 cursor-pointer text-md transition-all duration-300 text-catchup-gray-300",
-          onClick: () => {
-            setIsMathMode(!isMathMode);
-          },
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex flex-row items-center gap-x-1", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "font-bold", children: isMathMode ? i18n_default.t("text_mode") : i18n_default.t("math_mode") }) })
+          className: "absolute right-2 top-1/2 transform -translate-y-1/2 bg-catchup-white border border-catchup-gray-100 rounded-md px-3 py-1 shadow-sm hover:shadow-md transition-shadow duration-200",
+          onClick: () => setShowMathOverlay(true),
+          type: "button",
+          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-x-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-medium text-catchup-gray-400", children: isMathMode ? "\u{1D453}(x)" : "Aa" }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              "svg",
+              {
+                className: "w-3 h-3 text-catchup-gray-300",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M19 9l-7 7-7-7"
+                  }
+                )
+              }
+            )
+          ] })
         }
-      ) })
+      )
     ] });
   };
   const RenderMainContent = () => {
@@ -3913,7 +3992,10 @@ var InputGroup = ({
       return CheckboxInputGroup();
     }
   };
-  return RenderMainContent();
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    RenderMainContent(),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(MathModeOverlay, {})
+  ] });
 };
 var InputGroup_default = InputGroup;
 

package/dist/index.mjs

@@ -3400,7 +3400,7 @@ import { InlineMath as InlineMath2 } from "react-katex";
 // src/components/groups/InputGroup.tsx
 import Select from "react-select";
 import { useEffect as useEffect2, useRef, useState as useState10 } from "react";
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var InputGroup = ({
   type,
   title,
@@ -3424,6 +3424,7 @@ var InputGroup = ({
   const textAreaRef = useRef(null);
   const mathFieldRef = useRef(null);
   const [isMathMode, setIsMathMode] = useState10(false);
+  const [showMathOverlay, setShowMathOverlay] = useState10(false);
   useEffect2(() => {
     if (!textAreaRef) return;
     if (!textAreaRef.current) return;
@@ -3441,6 +3442,17 @@ var InputGroup = ({
       }
     });
   }, [useMath, type, placeholder, title]);
+  useEffect2(() => {
+    const handleClickOutside = (event) => {
+      if (showMathOverlay && event.target instanceof Element && !event.target.closest(".math-overlay")) {
+        setShowMathOverlay(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [showMathOverlay]);
   const retrieveNullableOptionList = () => {
     if (!optionList) return [];
     const currentOptionList = {
@@ -3484,6 +3496,54 @@ var InputGroup = ({
     };
     onFocus && onFocus(syntheticEvent);
   };
+  const handleMathModeToggle = (mode) => {
+    setIsMathMode(mode);
+    setShowMathOverlay(false);
+  };
+  const MathModeOverlay = () => {
+    if (!showMathOverlay) return null;
+    return /* @__PURE__ */ jsx16("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs9("div", { className: "math-overlay bg-white rounded-lg p-6 shadow-xl max-w-sm w-full mx-4", children: [
+      /* @__PURE__ */ jsx16("h3", { className: "text-lg font-semibold mb-4 text-catchup-gray-400", children: i18n_default.t("select_input_mode") }),
+      /* @__PURE__ */ jsxs9("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx16(
+          "button",
+          {
+            className: `w-full p-3 rounded-lg border-2 transition-all duration-200 ${!isMathMode ? "border-catchup-blue-400 bg-catchup-blue-50" : "border-catchup-gray-100 hover:border-catchup-gray-200"}`,
+            onClick: () => handleMathModeToggle(false),
+            children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ jsx16("div", { className: "w-4 h-4 rounded-full border-2 border-catchup-blue-400 flex items-center justify-center", children: !isMathMode && /* @__PURE__ */ jsx16("div", { className: "w-2 h-2 rounded-full bg-catchup-blue-400" }) }),
+              /* @__PURE__ */ jsxs9("div", { className: "text-left", children: [
+                /* @__PURE__ */ jsx16("p", { className: "font-medium text-catchup-gray-400", children: i18n_default.t("text_mode") }),
+                /* @__PURE__ */ jsx16("p", { className: "text-sm text-catchup-gray-300", children: "Regular text input" })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx16(
+          "button",
+          {
+            className: `w-full p-3 rounded-lg border-2 transition-all duration-200 ${isMathMode ? "border-catchup-blue-400 bg-catchup-blue-50" : "border-catchup-gray-100 hover:border-catchup-gray-200"}`,
+            onClick: () => handleMathModeToggle(true),
+            children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ jsx16("div", { className: "w-4 h-4 rounded-full border-2 border-catchup-blue-400 flex items-center justify-center", children: isMathMode && /* @__PURE__ */ jsx16("div", { className: "w-2 h-2 rounded-full bg-catchup-blue-400" }) }),
+              /* @__PURE__ */ jsxs9("div", { className: "text-left", children: [
+                /* @__PURE__ */ jsx16("p", { className: "font-medium text-catchup-gray-400", children: i18n_default.t("math_mode") }),
+                /* @__PURE__ */ jsx16("p", { className: "text-sm text-catchup-gray-300", children: "Mathematical expressions" })
+              ] })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx16("div", { className: "mt-6 flex justify-end", children: /* @__PURE__ */ jsx16(
+        "button",
+        {
+          className: "px-4 py-2 text-catchup-gray-300 hover:text-catchup-gray-400 transition-colors",
+          onClick: () => setShowMathOverlay(false),
+          children: i18n_default.t("cancel")
+        }
+      ) })
+    ] }) });
+  };
   const CheckboxInputGroup = () => {
     return /* @__PURE__ */ jsxs9(
       "div",
@@ -3684,16 +3744,35 @@ var InputGroup = ({
           )
         }
       ),
-      useMath && /* @__PURE__ */ jsx16("div", { className: "absolute right-5 -top-2 z-10 bg-catchup-white border border-catchup-gray-100 rounded-md px-2", children: /* @__PURE__ */ jsx16(
-        "div",
+      useMath && /* @__PURE__ */ jsx16(
+        "button",
         {
-          className: "flex flex-row items-center gap-x-2 cursor-pointer text-md transition-all duration-300 text-catchup-gray-300",
-          onClick: () => {
-            setIsMathMode(!isMathMode);
-          },
-          children: /* @__PURE__ */ jsx16("div", { className: "flex flex-row items-center gap-x-1", children: /* @__PURE__ */ jsx16("p", { className: "font-bold", children: isMathMode ? i18n_default.t("text_mode") : i18n_default.t("math_mode") }) })
+          className: "absolute right-2 top-1/2 transform -translate-y-1/2 bg-catchup-white border border-catchup-gray-100 rounded-md px-3 py-1 shadow-sm hover:shadow-md transition-shadow duration-200",
+          onClick: () => setShowMathOverlay(true),
+          type: "button",
+          children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-x-1", children: [
+            /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium text-catchup-gray-400", children: isMathMode ? "\u{1D453}(x)" : "Aa" }),
+            /* @__PURE__ */ jsx16(
+              "svg",
+              {
+                className: "w-3 h-3 text-catchup-gray-300",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ jsx16(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M19 9l-7 7-7-7"
+                  }
+                )
+              }
+            )
+          ] })
         }
-      ) })
+      )
     ] });
   };
   const RenderMainContent = () => {
@@ -3713,7 +3792,10 @@ var InputGroup = ({
       return CheckboxInputGroup();
     }
   };
-  return RenderMainContent();
+  return /* @__PURE__ */ jsxs9(Fragment, { children: [
+    RenderMainContent(),
+    /* @__PURE__ */ jsx16(MathModeOverlay, {})
+  ] });
 };
 var InputGroup_default = InputGroup;
 
@@ -4671,7 +4753,7 @@ var useScreenSize = () => {
 var useScreenSize_default = useScreenSize;
 
 // src/components/activities/material-content/GroupingActivityMaterialContent.tsx
-import { Fragment, jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
 var GroupingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -4770,7 +4852,7 @@ var GroupingActivityMaterialContent = ({
   };
   const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
-  return /* @__PURE__ */ jsxs16(Fragment, { children: [
+  return /* @__PURE__ */ jsxs16(Fragment2, { children: [
     /* @__PURE__ */ jsx25(
       "div",
       {
@@ -4948,7 +5030,7 @@ var GroupingActivityMaterialContent = ({
 var GroupingActivityMaterialContent_default = GroupingActivityMaterialContent;
 
 // src/components/activities/GroupingActivityContent.tsx
-import { Fragment as Fragment2, jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
 var GroupingActivityContent = ({
   answer,
   data,
@@ -4973,7 +5055,7 @@ var GroupingActivityContent = ({
     }
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ jsxs17(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
     /* @__PURE__ */ jsx26(
       ActivityBodyContent_default,
       {
@@ -5003,7 +5085,7 @@ var GroupingActivityContent_default = GroupingActivityContent;
 import { useEffect as useEffect10, useRef as useRef5, useState as useState19 } from "react";
 import { useDrop as useDrop4 } from "react-dnd";
 import { InlineMath as InlineMath5 } from "react-katex";
-import { Fragment as Fragment3, jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
 var MatchingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -5099,7 +5181,7 @@ var MatchingActivityMaterialContent = ({
   };
   const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
-  return /* @__PURE__ */ jsxs18(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs18(Fragment4, { children: [
     /* @__PURE__ */ jsx27(
       "div",
       {
@@ -5255,7 +5337,7 @@ var MatchingActivityMaterialContent = ({
 var MatchingActivityMaterialContent_default = MatchingActivityMaterialContent;
 
 // src/components/activities/MatchingActivityContent.tsx
-import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
 var MatchingActivityContent = ({
   answer,
   data,
@@ -5276,7 +5358,7 @@ var MatchingActivityContent = ({
     answerMap[key] = value;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ jsxs19(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs19(Fragment5, { children: [
     /* @__PURE__ */ jsx28(
       ActivityBodyContent_default,
       {
@@ -5603,7 +5685,7 @@ var MCSAActivityContent = ({
 var MCSAActivityContent_default = MCSAActivityContent;
 
 // src/components/activities/material-content/OpenEndedActivityMaterialContent.tsx
-import { Fragment as Fragment5, jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
 var OpenEndedActivityMaterialContent = ({
   answer,
   contentMap,
@@ -5639,7 +5721,7 @@ var OpenEndedActivityMaterialContent = ({
     );
   };
   const answerMap = retrieveAnswerMap();
-  return /* @__PURE__ */ jsx33(Fragment5, { children: /* @__PURE__ */ jsxs24("div", { className: "", children: [
+  return /* @__PURE__ */ jsx33(Fragment6, { children: /* @__PURE__ */ jsxs24("div", { className: "", children: [
     /* @__PURE__ */ jsx33("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx33("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_open_ended_text") }) }),
     /* @__PURE__ */ jsx33("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx33(DividerLine_default, {}) }),
     contentMap.type === "TEXT" ? RenderTextContent(answerMap) : null
@@ -5648,7 +5730,7 @@ var OpenEndedActivityMaterialContent = ({
 var OpenEndedActivityMaterialContent_default = OpenEndedActivityMaterialContent;
 
 // src/components/activities/OpenEndedActivityContent.tsx
-import { Fragment as Fragment6, jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
 var OpenEndedActivityContent = ({
   answer,
   data,
@@ -5680,7 +5762,7 @@ var OpenEndedActivityContent = ({
         )
       }
     ),
-    showMaterialContent ? /* @__PURE__ */ jsxs25(Fragment6, { children: [
+    showMaterialContent ? /* @__PURE__ */ jsxs25(Fragment7, { children: [
       /* @__PURE__ */ jsx34(
         "div",
         {
@@ -5920,7 +6002,7 @@ var OrderingActivityMaterialContent = ({
 var OrderingActivityMaterialContent_default = OrderingActivityMaterialContent;
 
 // src/components/activities/OrderingActivityContent.tsx
-import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
 var OrderingActivityContent = ({
   answer,
   data,
@@ -5943,7 +6025,7 @@ var OrderingActivityContent = ({
     answerMap[secondaryKey] = prevValue;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ jsxs27(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs27(Fragment8, { children: [
     /* @__PURE__ */ jsx37(
       ActivityBodyContent_default,
       {
@@ -5972,7 +6054,7 @@ var OrderingActivityContent_default = OrderingActivityContent;
 // src/components/activities/material-content/TrueFalseActivityMaterialContent.tsx
 import { useEffect as useEffect12, useState as useState21 } from "react";
 import { InlineMath as InlineMath9 } from "react-katex";
-import { Fragment as Fragment8, jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 var TrueFalseActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -6094,7 +6176,7 @@ var TrueFalseActivityMaterialContent = ({
         },
         index
       );
-    }) }) : /* @__PURE__ */ jsxs28(Fragment8, { children: [
+    }) }) : /* @__PURE__ */ jsxs28(Fragment9, { children: [
       answerMap.trueList.map((item) => /* @__PURE__ */ jsxs28("div", { className: "flex flex-row items-center gap-x-2", children: [
         /* @__PURE__ */ jsx38("div", { className: "flex-1", children: /* @__PURE__ */ jsx38("p", { children: item }) }),
         /* @__PURE__ */ jsx38("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx38("p", { className: "underline", children: i18n_default.t("true") }) })

package/package.json

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