catchup-library-web 1.0.2 → 1.0.4

package/dist/index.mjs

@@ -649,6 +649,56 @@ var ApproveButton = ({
 };
 var ApproveButton_default = ApproveButton;
 
+// src/components/modals/BaseModal.tsx
+import Modal from "react-modal";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var BaseModal = ({
+  isOpen,
+  size,
+  onAfterOpen,
+  onRequestClose,
+  customSize,
+  children
+}) => {
+  return /* @__PURE__ */ jsx9(
+    Modal,
+    {
+      isOpen,
+      onAfterOpen,
+      onRequestClose,
+      style: {
+        content: {
+          top: "50%",
+          left: "50%",
+          right: "auto",
+          bottom: "auto",
+          marginRight: "-50%",
+          transform: "translate(-50%, -50%)",
+          padding: 0,
+          borderRadius: 20,
+          background: "",
+          border: "",
+          maxHeight: "70%",
+          overflow: "auto",
+          zIndex: 20
+        },
+        overlay: {
+          background: "rgba(0, 0, 0, 0.6)"
+        }
+      },
+      contentLabel: "",
+      children: customSize ? /* @__PURE__ */ jsx9("div", { className: `${customSize}`, children }) : /* @__PURE__ */ jsx9(
+        "div",
+        {
+          className: `${size === "small" ? "w-[600px]" : "w-[600px] lg:w-[900px] xl:w-[1200px] 2xl:w-[1500px]"}`,
+          children
+        }
+      )
+    }
+  );
+};
+var BaseModal_default = BaseModal;
+
 // src/language/i18n.ts
 import i18n from "i18next";
 import { initReactI18next } from "react-i18next";
@@ -1996,24 +2046,24 @@ var parseMaterialMapFromData = (data, type) => {
 };
 
 // src/components/dividers/DividerLine.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var DividerLine = () => {
-  return /* @__PURE__ */ jsx9("div", { className: "bg-catchup-gray-50 h-[1px] w-full my-3" });
+  return /* @__PURE__ */ jsx10("div", { className: "bg-catchup-gray-50 h-[1px] w-full my-3" });
 };
 var DividerLine_default = DividerLine;
 
 // src/components/dividers/VerticalDividerLine.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var VerticalDividerLine = () => {
-  return /* @__PURE__ */ jsx10("div", { className: "bg-catchup-gray-50 h-full w-[1px] mx-3" });
+  return /* @__PURE__ */ jsx11("div", { className: "bg-catchup-gray-50 h-full w-[1px] mx-3" });
 };
 var VerticalDividerLine_default = VerticalDividerLine;
 
 // src/components/activities/body-content/ShowBodyMediaByContentType.tsx
 import { useState as useState8 } from "react";
-import Modal from "react-modal";
+import Modal2 from "react-modal";
 import { InlineMath } from "react-katex";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var ShowBodyMediaByContentType = ({
   index,
   type,
@@ -2055,16 +2105,16 @@ var ShowBodyMediaByContentType = ({
           addition += 1;
         }
         valuePartList.push(
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "span",
             {
               className: "text-xl whitespace-pre-wrap",
               children: constructInputWithSpecialExpressionList(textValue).map(
-                (inputPart, index2) => /* @__PURE__ */ jsx11(
+                (inputPart, index2) => /* @__PURE__ */ jsx12(
                   "span",
                   {
                     className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                    children: inputPart.isEquation ? /* @__PURE__ */ jsx11("span", { className: "text-2xl", children: /* @__PURE__ */ jsx11(InlineMath, { math: inputPart.value }) }) : inputPart.value
+                    children: inputPart.isEquation ? /* @__PURE__ */ jsx12("span", { className: "text-2xl", children: /* @__PURE__ */ jsx12(InlineMath, { math: inputPart.value }) }) : inputPart.value
                   },
                   index2
                 )
@@ -2078,17 +2128,17 @@ var ShowBodyMediaByContentType = ({
       const secondIndex = subValue.indexOf(checkText) + checkText.length + textValue.length - addition;
       currentIndex++;
       valuePartList.push(
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "span",
           {
             className: `text-xl font-bold whitespace-pre-wrap`,
             children: constructInputWithSpecialExpressionList(
               copyValue.substring(firstIndex + checkText.length, secondIndex)
-            ).map((inputPart, index2) => /* @__PURE__ */ jsx11(
+            ).map((inputPart, index2) => /* @__PURE__ */ jsx12(
               "span",
               {
                 className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                children: inputPart.isEquation ? /* @__PURE__ */ jsx11("span", { className: "text-2xl", children: /* @__PURE__ */ jsx11(InlineMath, { math: inputPart.value }) }) : inputPart.value
+                children: inputPart.isEquation ? /* @__PURE__ */ jsx12("span", { className: "text-2xl", children: /* @__PURE__ */ jsx12(InlineMath, { math: inputPart.value }) }) : inputPart.value
               },
               index2
             ))
@@ -2108,7 +2158,7 @@ var ShowBodyMediaByContentType = ({
       if (textValue.trim() !== "") {
         currentIndex++;
         valuePartList.push(
-          /* @__PURE__ */ jsx11("p", { className: "text-xl", children: textValue }, `${index}_${currentIndex}`)
+          /* @__PURE__ */ jsx12("p", { className: "text-xl", children: textValue }, `${index}_${currentIndex}`)
         );
       }
       const subValue = copyValue.substring(firstIndex + checkText.length);
@@ -2120,7 +2170,7 @@ var ShowBodyMediaByContentType = ({
       currentIndex++;
       valuePartList.push(
         /* @__PURE__ */ jsxs7("div", { className: "relative w-[200px]", children: [
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             BaseImage_default,
             {
               src: imageSource,
@@ -2129,7 +2179,7 @@ var ShowBodyMediaByContentType = ({
               className: "rounded-catchup-xlarge"
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "div",
             {
               className: "absolute flex items-center justify-center top-2 right-2  h-6 w-6 cursor-pointer border rounded-catchup-xlarge border-catchup-blue p-1",
@@ -2137,7 +2187,7 @@ var ShowBodyMediaByContentType = ({
                 setShowFullScreen(true);
                 setSelectedFullScreenItem(imageSource);
               },
-              children: /* @__PURE__ */ jsx11(
+              children: /* @__PURE__ */ jsx12(
                 BaseImage_default,
                 {
                   src: "/icons/arrow-up.png",
@@ -2159,7 +2209,7 @@ var ShowBodyMediaByContentType = ({
       if (textValue.trim() !== "") {
         currentIndex++;
         valuePartList.push(
-          /* @__PURE__ */ jsx11("p", { className: "text-xl", children: textValue }, `${index}-${currentIndex}`)
+          /* @__PURE__ */ jsx12("p", { className: "text-xl", children: textValue }, `${index}-${currentIndex}`)
         );
       }
       const subValue = copyValue.substring(firstIndex + checkText.length);
@@ -2170,7 +2220,7 @@ var ShowBodyMediaByContentType = ({
       );
       currentIndex++;
       valuePartList.push(
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "video",
           {
             src: videoSource,
@@ -2188,7 +2238,7 @@ var ShowBodyMediaByContentType = ({
       if (textValue.trim() !== "") {
         currentIndex++;
         valuePartList.push(
-          /* @__PURE__ */ jsx11("p", { className: "text-xl", children: textValue }, `${index}-${currentIndex}`)
+          /* @__PURE__ */ jsx12("p", { className: "text-xl", children: textValue }, `${index}-${currentIndex}`)
         );
       }
       const subValue = copyValue.substring(firstIndex + checkText.length);
@@ -2199,7 +2249,7 @@ var ShowBodyMediaByContentType = ({
       );
       currentIndex++;
       valuePartList.push(
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "audio",
           {
             src: audioSource,
@@ -2226,8 +2276,8 @@ var ShowBodyMediaByContentType = ({
         const imageText = regexMatchImageText[1];
         valuePartList.push(
           /* @__PURE__ */ jsxs7("div", { className: "bg-catchup-gray-50 relative px-4 py-4 rounded-catchup-small mt-2", children: [
-            /* @__PURE__ */ jsx11("div", { className: "absolute -top-3 bg-catchup-white border rounded-catchup-small px-2 left-2", children: /* @__PURE__ */ jsx11("p", { className: "font-bold", children: i18n_default.t("image_description") }) }),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12("div", { className: "absolute -top-3 bg-catchup-white border rounded-catchup-small px-2 left-2", children: /* @__PURE__ */ jsx12("p", { className: "font-bold", children: i18n_default.t("image_description") }) }),
+            /* @__PURE__ */ jsx12(
               "span",
               {
                 className: "text-xl whitespace-pre-wrap ",
@@ -2239,16 +2289,16 @@ var ShowBodyMediaByContentType = ({
         );
       } else {
         valuePartList.push(
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "span",
             {
               className: "text-xl whitespace-pre-wrap",
               children: constructInputWithSpecialExpressionList(copyValue).map(
-                (inputPart, index2) => /* @__PURE__ */ jsx11(
+                (inputPart, index2) => /* @__PURE__ */ jsx12(
                   "span",
                   {
                     className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                    children: inputPart.isEquation ? /* @__PURE__ */ jsx11("span", { className: "text-2xl", children: /* @__PURE__ */ jsx11(InlineMath, { math: inputPart.value }) }) : inputPart.value
+                    children: inputPart.isEquation ? /* @__PURE__ */ jsx12("span", { className: "text-2xl", children: /* @__PURE__ */ jsx12(InlineMath, { math: inputPart.value }) }) : inputPart.value
                   },
                   index2
                 )
@@ -2262,8 +2312,8 @@ var ShowBodyMediaByContentType = ({
     return valuePartList;
   };
   const RenderShowFullScreenItem = () => {
-    return /* @__PURE__ */ jsx11(
-      Modal,
+    return /* @__PURE__ */ jsx12(
+      Modal2,
       {
         isOpen: showFullScreen,
         onAfterOpen: () => {
@@ -2294,7 +2344,7 @@ var ShowBodyMediaByContentType = ({
         },
         contentLabel: "",
         children: /* @__PURE__ */ jsxs7("div", { className: "flex-1 flex flex-col", children: [
-          /* @__PURE__ */ jsx11("div", { className: "ml-auto px-5 py-3", children: /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12("div", { className: "ml-auto px-5 py-3", children: /* @__PURE__ */ jsx12(
             BaseImage_default,
             {
               src: "/icons/cross-red.png",
@@ -2306,7 +2356,7 @@ var ShowBodyMediaByContentType = ({
               }
             }
           ) }),
-          /* @__PURE__ */ jsx11("div", { className: "flex items-center justify-center h-[500]", children: /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12("div", { className: "flex items-center justify-center h-[500]", children: /* @__PURE__ */ jsx12(
             BaseImage_default,
             {
               src: selectedFullScreenItem,
@@ -2321,14 +2371,14 @@ var ShowBodyMediaByContentType = ({
   };
   const RenderMainContent = () => {
     if (type === "TEXT") {
-      return /* @__PURE__ */ jsx11("div", { className: "mb-3 flex flex-row flex-wrap items-center mx-auto w-full", children: /* @__PURE__ */ jsx11("span", { children: retrieveValueParts(value) }) });
+      return /* @__PURE__ */ jsx12("div", { className: "mb-3 flex flex-row flex-wrap items-center mx-auto w-full", children: /* @__PURE__ */ jsx12("span", { children: retrieveValueParts(value) }) });
     } else if (type === "IMAGE") {
-      return /* @__PURE__ */ jsx11("div", { className: "mb-3 flex flex-col items-center relative", children: /* @__PURE__ */ jsxs7(
+      return /* @__PURE__ */ jsx12("div", { className: "mb-3 flex flex-col items-center relative", children: /* @__PURE__ */ jsxs7(
         "div",
         {
           className: `${size ? `${convertToPercentage(size)}` : ""} rounded-catchup-xlarge relative`,
           children: [
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               BaseImage_default,
               {
                 src: value,
@@ -2337,7 +2387,7 @@ var ShowBodyMediaByContentType = ({
                 className: "w-full rounded-catchup-xlarge"
               }
             ),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               "div",
               {
                 className: "absolute flex items-center justify-center top-2 right-2  h-6 w-6 cursor-pointer border rounded-catchup-xlarge border-catchup-blue p-1",
@@ -2345,7 +2395,7 @@ var ShowBodyMediaByContentType = ({
                   setShowFullScreen(true);
                   setSelectedFullScreenItem(value);
                 },
-                children: /* @__PURE__ */ jsx11(
+                children: /* @__PURE__ */ jsx12(
                   BaseImage_default,
                   {
                     src: "/icons/arrow-up.png",
@@ -2360,7 +2410,7 @@ var ShowBodyMediaByContentType = ({
         }
       ) });
     } else if (type === "VIDEO") {
-      return /* @__PURE__ */ jsx11("div", { className: "mb-3 flex flex-col items-center", children: /* @__PURE__ */ jsx11(
+      return /* @__PURE__ */ jsx12("div", { className: "mb-3 flex flex-col items-center", children: /* @__PURE__ */ jsx12(
         "video",
         {
           src: value,
@@ -2369,7 +2419,7 @@ var ShowBodyMediaByContentType = ({
         }
       ) });
     } else if (type === "AUDIO") {
-      return /* @__PURE__ */ jsx11("div", { className: "mb-3 flex flex-col items-center", children: /* @__PURE__ */ jsx11("audio", { src: value, controls: true, className: `rounded-catchup-xlarge` }) });
+      return /* @__PURE__ */ jsx12("div", { className: "mb-3 flex flex-col items-center", children: /* @__PURE__ */ jsx12("audio", { src: value, controls: true, className: `rounded-catchup-xlarge` }) });
     }
   };
   return /* @__PURE__ */ jsxs7("div", { className: "w-full", children: [
@@ -2380,7 +2430,7 @@ var ShowBodyMediaByContentType = ({
 var ShowBodyMediaByContentType_default = ShowBodyMediaByContentType;
 
 // src/components/activities/body-content/ActivityBodyContent.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var ActivityBodyContent = ({
   templateType,
   bodyMap,
@@ -2388,7 +2438,7 @@ var ActivityBodyContent = ({
   answerMap
 }) => {
   let currentQQIndex = 0;
-  return /* @__PURE__ */ jsx12("div", { className: "flex flex-col justify-center items-center", children: Object.keys(bodyMap).map((key, index) => {
+  return /* @__PURE__ */ jsx13("div", { className: "flex flex-col justify-center items-center", children: Object.keys(bodyMap).map((key, index) => {
     const body = JSON.parse(bodyMap[key]);
     if (templateType === "DROPDOWN") {
       while (body.value.includes("@@")) {
@@ -2465,7 +2515,7 @@ var ActivityBodyContent = ({
         currentQQIndex++;
       }
     }
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       ShowBodyMediaByContentType_default,
       {
         index,
@@ -2484,7 +2534,7 @@ import { InlineMath as InlineMath2 } from "react-katex";
 // src/components/groups/InputGroup.tsx
 import Select from "react-select";
 import { useEffect, useRef } from "react";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var InputGroup = ({
   type,
   title,
@@ -2548,7 +2598,7 @@ var InputGroup = ({
         className: "flex flex-row items-center gap-x-1 cursor-pointer",
         onClick,
         children: [
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             BaseImage_default,
             {
               src: value ? "/icons/checkbox.png" : "/icons/checkbox-empty.png",
@@ -2558,15 +2608,15 @@ var InputGroup = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx13("p", { className: "", children: title })
+          /* @__PURE__ */ jsx14("p", { className: "", children: title })
         ]
       }
     );
   };
   const FileInputGroup = () => {
     return /* @__PURE__ */ jsxs8("div", { className: "my-1", children: [
-      title ? /* @__PURE__ */ jsx13("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
-      /* @__PURE__ */ jsx13(
+      title ? /* @__PURE__ */ jsx14("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
+      /* @__PURE__ */ jsx14(
         "input",
         {
           className: "w-full py-2 px-4 border border-catchup-gray-100 placeholder-catchup-gray-200 rounded-catchup-large text-black focus:outline-none focus:border-catchup-blue-400 focus:shadow-input",
@@ -2584,8 +2634,8 @@ var InputGroup = ({
   };
   const DateInputGroup = () => {
     return /* @__PURE__ */ jsxs8("div", { className: "my-1", children: [
-      title ? /* @__PURE__ */ jsx13("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
-      /* @__PURE__ */ jsx13(
+      title ? /* @__PURE__ */ jsx14("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
+      /* @__PURE__ */ jsx14(
         "input",
         {
           className: `w-full py-2 px-4 border ${errorText ? "border-catchup-red shadow-error" : theme === "red" ? "border-catchup-red bg-catchup-red text-catchup-white focus:border-catchup-red" : "border-catchup-gray-100 placeholder-catchup-gray-200 focus:border-catchup-blue-400"} rounded-catchup-large text-black focus:outline-none focus:shadow-input`,
@@ -2601,8 +2651,8 @@ var InputGroup = ({
   };
   const SearchableSelectInputGroup = () => {
     return /* @__PURE__ */ jsxs8("div", { className: "my-1", children: [
-      title ? /* @__PURE__ */ jsx13("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400 ", children: title }) : null,
-      /* @__PURE__ */ jsx13(
+      title ? /* @__PURE__ */ jsx14("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400 ", children: title }) : null,
+      /* @__PURE__ */ jsx14(
         Select,
         {
           options: convertOptionListToSelectComponent(
@@ -2667,14 +2717,14 @@ var InputGroup = ({
   const TextAreaInputGroup = () => {
     return /* @__PURE__ */ jsxs8("div", { className: "my-1 flex-1 flex flex-col relative", children: [
       /* @__PURE__ */ jsxs8("div", { className: "flex flex-row justify-between items-center", children: [
-        /* @__PURE__ */ jsx13("div", { children: title ? /* @__PURE__ */ jsx13("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null }),
-        /* @__PURE__ */ jsx13("div", { children: limit ? /* @__PURE__ */ jsxs8("p", { className: "text-md font-semibold pr-2 py-1 text-catchup-gray-400", children: [
+        /* @__PURE__ */ jsx14("div", { children: title ? /* @__PURE__ */ jsx14("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null }),
+        /* @__PURE__ */ jsx14("div", { children: limit ? /* @__PURE__ */ jsxs8("p", { className: "text-md font-semibold pr-2 py-1 text-catchup-gray-400", children: [
           value.length,
           " / ",
           limit
         ] }) : null })
       ] }),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "textarea",
         {
           ref: textAreaRef,
@@ -2694,8 +2744,8 @@ var InputGroup = ({
   };
   const TextInputGroup = () => {
     return /* @__PURE__ */ jsxs8("div", { className: "my-1 relative", children: [
-      title ? /* @__PURE__ */ jsx13("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
-      /* @__PURE__ */ jsx13(
+      title ? /* @__PURE__ */ jsx14("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
+      /* @__PURE__ */ jsx14(
         "input",
         {
           disabled,
@@ -2835,7 +2885,7 @@ var getColorByIndex = (index) => {
 
 // src/components/dropdowns/MediaDropdown.tsx
 import { useState as useState9 } from "react";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var MediaDropdown = ({ id, answer, optionList }) => {
   const [showDropdown, setShowDropdown] = useState9(false);
   return /* @__PURE__ */ jsxs9(
@@ -2849,8 +2899,8 @@ var MediaDropdown = ({ id, answer, optionList }) => {
         setShowDropdown(false);
       },
       children: [
-        /* @__PURE__ */ jsx14("div", { className: "w-full flex flex-col items-center justify-center", children: answer }),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15("div", { className: "w-full flex flex-col items-center justify-center", children: answer }),
+        /* @__PURE__ */ jsx15(
           "ul",
           {
             className: `absolute ${showDropdown ? "opacity-100 visible" : "opacity-0 invisible"} flex flex-col items-center w-[300px] rounded-catchup-xlarge border-3 transition-all duration-300 border-catchup-blue bg-catchup-white px-4 py-4 translate-x-1/2 right-1/2 mt-2 z-10`,
@@ -2859,7 +2909,7 @@ var MediaDropdown = ({ id, answer, optionList }) => {
               {
                 className: `${option.listItemClassNames ? option.listItemClassNames : ""}`,
                 children: [
-                  /* @__PURE__ */ jsx14(
+                  /* @__PURE__ */ jsx15(
                     "div",
                     {
                       className: `w-full flex flex-col my-2 ${option.divClassNames ? option.divClassNames : ""}`,
@@ -2867,7 +2917,7 @@ var MediaDropdown = ({ id, answer, optionList }) => {
                       children: option.media
                     }
                   ),
-                  index !== optionList.length - 1 ? /* @__PURE__ */ jsx14("div", { className: "w-full border my-1 border-catchup-light-blue rounded-catchup-full" }) : null
+                  index !== optionList.length - 1 ? /* @__PURE__ */ jsx15("div", { className: "w-full border my-1 border-catchup-light-blue rounded-catchup-full" }) : null
                 ]
               },
               option.id
@@ -2883,8 +2933,8 @@ var MediaDropdown_default = MediaDropdown;
 
 // src/components/activities/material-content/ShowMaterialMediaByContentType.tsx
 import { useEffect as useEffect2, useRef as useRef2, useState as useState10 } from "react";
-import Modal2 from "react-modal";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import Modal3 from "react-modal";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var ShowMaterialMediaByContentType = ({
   key,
   contentType,
@@ -2912,8 +2962,8 @@ var ShowMaterialMediaByContentType = ({
     }
   }, [isLoaded, key]);
   const RenderShowFullScreenItem = () => {
-    return /* @__PURE__ */ jsx15(
-      Modal2,
+    return /* @__PURE__ */ jsx16(
+      Modal3,
       {
         isOpen: showFullScreen,
         onAfterOpen: () => {
@@ -2944,7 +2994,7 @@ var ShowMaterialMediaByContentType = ({
         },
         contentLabel: "",
         children: /* @__PURE__ */ jsxs10("div", { className: "flex-1 flex flex-col", children: [
-          /* @__PURE__ */ jsx15("div", { className: "ml-auto px-5 py-3", children: /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16("div", { className: "ml-auto px-5 py-3", children: /* @__PURE__ */ jsx16(
             BaseImage_default,
             {
               src: "/icons/cross-red.png",
@@ -2956,7 +3006,7 @@ var ShowMaterialMediaByContentType = ({
               }
             }
           ) }),
-          /* @__PURE__ */ jsx15("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ jsx16(
             BaseImage_default,
             {
               src: selectedFullScreenItem,
@@ -2971,12 +3021,12 @@ var ShowMaterialMediaByContentType = ({
   };
   return contentType === "IMAGE" ? /* @__PURE__ */ jsxs10("div", { children: [
     RenderShowFullScreenItem(),
-    /* @__PURE__ */ jsx15("div", { className: "my-2", children: /* @__PURE__ */ jsx15("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsx16("div", { className: "my-2", children: /* @__PURE__ */ jsx16("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ jsxs10(
       "div",
       {
         className: `${isFullHeight ? "h-catchup-activity-box-item" : "max-w-catchup-activity-box-item"}  flex flex-col justify-center items-center relative`,
         children: [
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             BaseImage_default,
             {
               src,
@@ -2989,7 +3039,7 @@ var ShowMaterialMediaByContentType = ({
               }
             }
           ),
-          src !== null && src !== "" && src !== "DEFAULT_OPTION" && canFullScreen ? /* @__PURE__ */ jsx15(
+          src !== null && src !== "" && src !== "DEFAULT_OPTION" && canFullScreen ? /* @__PURE__ */ jsx16(
             "div",
             {
               className: "absolute flex items-center justify-center top-2 right-2  h-6 w-6 cursor-pointer border rounded-catchup-xlarge border-catchup-blue p-1",
@@ -3001,7 +3051,7 @@ var ShowMaterialMediaByContentType = ({
                 setShowFullScreen(true);
                 setSelectedFullScreenItem(src);
               },
-              children: /* @__PURE__ */ jsx15(
+              children: /* @__PURE__ */ jsx16(
                 BaseImage_default,
                 {
                   src: "/icons/arrow-up.png",
@@ -3015,7 +3065,7 @@ var ShowMaterialMediaByContentType = ({
         ]
       }
     ) }) })
-  ] }, key) : contentType === "VIDEO" ? /* @__PURE__ */ jsx15("div", { className: "my-2", children: /* @__PURE__ */ jsx15("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ jsx15("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ jsx15(
+  ] }, key) : contentType === "VIDEO" ? /* @__PURE__ */ jsx16("div", { className: "my-2", children: /* @__PURE__ */ jsx16("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ jsx16("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ jsx16(
     "video",
     {
       className: "h-catchup-activity-box-item rounded-catchup-xlarge",
@@ -3024,7 +3074,7 @@ var ShowMaterialMediaByContentType = ({
       onClick: () => {
       }
     }
-  ) }) }) }) : contentType === "AUDIO" ? /* @__PURE__ */ jsx15("div", { className: "my-2", children: /* @__PURE__ */ jsx15("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ jsx15("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ jsx15(
+  ) }) }) }) : contentType === "AUDIO" ? /* @__PURE__ */ jsx16("div", { className: "my-2", children: /* @__PURE__ */ jsx16("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ jsx16("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ jsx16(
     "audio",
     {
       className: "h-catchup-activity-box-item rounded-catchup-xlarge",
@@ -3038,7 +3088,7 @@ var ShowMaterialMediaByContentType = ({
 var ShowMaterialMediaByContentType_default = ShowMaterialMediaByContentType;
 
 // src/components/activities/material-content/DropdownActivityMaterialContent.tsx
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var DropdownActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -3081,21 +3131,21 @@ var DropdownActivityMaterialContent = ({
   };
   const answerMap = retrieveAnswerMap();
   return /* @__PURE__ */ jsxs11("div", { className: "flex flex-row flex-wrap items-center", children: [
-    /* @__PURE__ */ jsx16("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx16("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_dropdown_text") }) }),
-    /* @__PURE__ */ jsx16("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx16(DividerLine_default, {}) }),
-    /* @__PURE__ */ jsx16("div", { className: "w-full flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
+    /* @__PURE__ */ jsx17("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx17("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_dropdown_text") }) }),
+    /* @__PURE__ */ jsx17("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx17(DividerLine_default, {}) }),
+    /* @__PURE__ */ jsx17("div", { className: "w-full flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
       const answerKey = Object.keys(materialMap[materialKey])[0];
       const learnerAnswerState = checkAnswerState(
         answerKey,
         answerMap[materialKey]
       );
-      return /* @__PURE__ */ jsx16("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ jsx16("div", { className: "mx-2", children: /* @__PURE__ */ jsxs11("div", { className: "w-full flex flex-row my-2 gap-x-2", children: [
-        /* @__PURE__ */ jsx16("div", { className: "my-auto", children: /* @__PURE__ */ jsxs11("p", { className: "text-xl", children: [
+      return /* @__PURE__ */ jsx17("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ jsx17("div", { className: "mx-2", children: /* @__PURE__ */ jsxs11("div", { className: "w-full flex flex-row my-2 gap-x-2", children: [
+        /* @__PURE__ */ jsx17("div", { className: "my-auto", children: /* @__PURE__ */ jsxs11("p", { className: "text-xl", children: [
           parseFloat(materialKey) + 1,
           "."
         ] }) }),
         /* @__PURE__ */ jsxs11("div", { className: "w-full relative", children: [
-          /* @__PURE__ */ jsx16("div", { className: "flex-1", children: checkCanAnswerQuestion() ? contentMap.type === "TEXT" ? /* @__PURE__ */ jsx16("div", { className: "flex-1", children: /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17("div", { className: "flex-1", children: checkCanAnswerQuestion() ? contentMap.type === "TEXT" ? /* @__PURE__ */ jsx17("div", { className: "flex-1", children: /* @__PURE__ */ jsx17(
             InputGroup_default,
             {
               type: "select",
@@ -3103,13 +3153,13 @@ var DropdownActivityMaterialContent = ({
               optionList: shuffleArray(
                 materialMap[materialKey][answerKey]
               ).map((materialOption) => ({
-                text: /* @__PURE__ */ jsx16("span", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                text: /* @__PURE__ */ jsx17("span", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                   materialOption
-                ).map((inputPart, index2) => /* @__PURE__ */ jsx16(
+                ).map((inputPart, index2) => /* @__PURE__ */ jsx17(
                   "span",
                   {
                     className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                    children: inputPart.isEquation ? /* @__PURE__ */ jsx16("span", { className: "text-2xl", children: /* @__PURE__ */ jsx16(
+                    children: inputPart.isEquation ? /* @__PURE__ */ jsx17("span", { className: "text-2xl", children: /* @__PURE__ */ jsx17(
                       InlineMath2,
                       {
                         math: inputPart.value
@@ -3124,11 +3174,11 @@ var DropdownActivityMaterialContent = ({
                 onChange(answer, materialKey, e.target.value);
               }
             }
-          ) }) : /* @__PURE__ */ jsx16(
+          ) }) : /* @__PURE__ */ jsx17(
             MediaDropdown_default,
             {
               id: materialKey,
-              answer: answerMap[materialKey] === "DEFAULT_OPTION" ? /* @__PURE__ */ jsx16("div", { className: "w-catchup-activity-box-item border h-catchup-activity-box-item rounded-catchup-xlarge border-dashed border-catchup-blue", children: /* @__PURE__ */ jsx16("div", { className: "h-full flex flex-col items-center justify-center px-4 py-2", children: /* @__PURE__ */ jsx16("span", { className: "italic", children: i18n_default.t("please_select") }) }) }) : /* @__PURE__ */ jsx16(
+              answer: answerMap[materialKey] === "DEFAULT_OPTION" ? /* @__PURE__ */ jsx17("div", { className: "w-catchup-activity-box-item border h-catchup-activity-box-item rounded-catchup-xlarge border-dashed border-catchup-blue", children: /* @__PURE__ */ jsx17("div", { className: "h-full flex flex-col items-center justify-center px-4 py-2", children: /* @__PURE__ */ jsx17("span", { className: "italic", children: i18n_default.t("please_select") }) }) }) : /* @__PURE__ */ jsx17(
                 ShowMaterialMediaByContentType_default,
                 {
                   contentType: contentMap.type,
@@ -3140,7 +3190,7 @@ var DropdownActivityMaterialContent = ({
               optionList: materialMap[materialKey][answerKey].map(
                 (materialOption, index2) => ({
                   id: index2,
-                  media: /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsx16(
+                  media: /* @__PURE__ */ jsx17("div", { children: /* @__PURE__ */ jsx17(
                     ShowMaterialMediaByContentType_default,
                     {
                       contentType: contentMap.type,
@@ -3159,24 +3209,24 @@ var DropdownActivityMaterialContent = ({
                 })
               )
             }
-          ) : /* @__PURE__ */ jsx16("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+          ) : /* @__PURE__ */ jsx17("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
             answerMap[materialKey]
-          ).map((inputPart, index2) => /* @__PURE__ */ jsx16(
+          ).map((inputPart, index2) => /* @__PURE__ */ jsx17(
             "span",
             {
               className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-              children: inputPart.isEquation ? /* @__PURE__ */ jsx16("span", { className: "text-2xl", children: /* @__PURE__ */ jsx16(InlineMath2, { math: inputPart.value }) }) : inputPart.value
+              children: inputPart.isEquation ? /* @__PURE__ */ jsx17("span", { className: "text-2xl", children: /* @__PURE__ */ jsx17(InlineMath2, { math: inputPart.value }) }) : inputPart.value
             },
             index2
           )) }) }),
-          learnerAnswerState === "CORRECT" ? /* @__PURE__ */ jsx16("div", { className: "absolute top-[0px] right-4 bg-catchup-white", children: /* @__PURE__ */ jsx16(
+          learnerAnswerState === "CORRECT" ? /* @__PURE__ */ jsx17("div", { className: "absolute top-[0px] right-4 bg-catchup-white", children: /* @__PURE__ */ jsx17(
             BaseImage_default,
             {
               src: "/icons/checkbox.png",
               alt: "chekbbox",
               size: "small"
             }
-          ) }) : learnerAnswerState === "INCORRECT" ? /* @__PURE__ */ jsx16("div", { className: "absolute top-[0px] right-4 bg-catchup-white", children: /* @__PURE__ */ jsx16(
+          ) }) : learnerAnswerState === "INCORRECT" ? /* @__PURE__ */ jsx17("div", { className: "absolute top-[0px] right-4 bg-catchup-white", children: /* @__PURE__ */ jsx17(
             BaseImage_default,
             {
               src: "/icons/cross-red.png",
@@ -3192,7 +3242,7 @@ var DropdownActivityMaterialContent = ({
 var DropdownActivityMaterialContent_default = DropdownActivityMaterialContent;
 
 // src/components/activities/DropdownActivityContent.tsx
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var DropdownActivityContent = ({
   answer,
   data,
@@ -3216,7 +3266,7 @@ var DropdownActivityContent = ({
     changeAnswer(answer2);
   };
   return /* @__PURE__ */ jsxs12("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ jsx17("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ jsx18(
       ActivityBodyContent_default,
       {
         bodyMap: dropdownBodyMap,
@@ -3225,9 +3275,9 @@ var DropdownActivityContent = ({
         templateType: "DROPDOWN"
       }
     ) }),
-    /* @__PURE__ */ jsx17("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx17(DividerLine_default, {}) }),
-    /* @__PURE__ */ jsx17("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx17(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ jsx17("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx18(DividerLine_default, {}) }),
+    /* @__PURE__ */ jsx18("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx18(VerticalDividerLine_default, {}) }),
+    /* @__PURE__ */ jsx18("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx18(
       DropdownActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -3252,7 +3302,7 @@ import { useDrop as useDrop2 } from "react-dnd";
 
 // src/components/dnds/DraggableItem.tsx
 import { useDrag } from "react-dnd";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var DraggableItem = ({
   key,
   item,
@@ -3274,11 +3324,11 @@ var DraggableItem = ({
     })
   });
   const opacity = isDragging ? 0.4 : 1;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: `${isDragging ? "w-[0px] opacity-0" : "opacity-100"} transition-all duration-500`,
-      children: /* @__PURE__ */ jsx18("div", { ref: drag, className: "", style: { opacity }, children: component })
+      children: /* @__PURE__ */ jsx19("div", { ref: drag, className: "", style: { opacity }, children: component })
     },
     key
   );
@@ -3288,7 +3338,7 @@ var DraggableItem_default = DraggableItem;
 // src/components/dnds/DroppableItem.tsx
 import { useRef as useRef3 } from "react";
 import { useDrop } from "react-dnd";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var DroppableItem = ({
   key,
   item,
@@ -3308,7 +3358,7 @@ var DroppableItem = ({
     }
   });
   dropRef(drop(ref));
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       className: `w-full transition-all duration-500 h-full`,
@@ -3321,7 +3371,7 @@ var DroppableItem = ({
 var DroppableItem_default = DroppableItem;
 
 // src/components/activities/material-content/FillInTheBlanksActivityMaterialContent.tsx
-import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 var FillInTheBlanksActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -3381,10 +3431,10 @@ var FillInTheBlanksActivityMaterialContent = ({
   const answerMap = retrieveAnswerMap();
   return /* @__PURE__ */ jsxs13("div", { className: "flex flex-row flex-wrap items-center", onMouseUp: () => {
   }, children: [
-    /* @__PURE__ */ jsx20("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx20("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_fill_in_the_blanks_text") }) }),
-    /* @__PURE__ */ jsx20("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx20(DividerLine_default, {}) }),
-    /* @__PURE__ */ jsx20("div", { className: "w-full flex flex-row flex-wrap gap-x-2 gap-y-2 my-2", children: shuffleOptionList.map(
-      (option, index) => checkAnswerProvided(answerMap, option) ? /* @__PURE__ */ jsx20("div", { className: "opacity-30", children: /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx21("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_fill_in_the_blanks_text") }) }),
+    /* @__PURE__ */ jsx21("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx21(DividerLine_default, {}) }),
+    /* @__PURE__ */ jsx21("div", { className: "w-full flex flex-row flex-wrap gap-x-2 gap-y-2 my-2", children: shuffleOptionList.map(
+      (option, index) => checkAnswerProvided(answerMap, option) ? /* @__PURE__ */ jsx21("div", { className: "opacity-30", children: /* @__PURE__ */ jsx21(
         ShowMaterialMediaByContentType_default,
         {
           contentType: contentMap.type,
@@ -3392,12 +3442,12 @@ var FillInTheBlanksActivityMaterialContent = ({
           canFullScreen: true
         },
         `${uniqueValue}-${index}`
-      ) }) : /* @__PURE__ */ jsx20(
+      ) }) : /* @__PURE__ */ jsx21(
         DraggableItem_default,
         {
           item: { index: option },
           type: "FILL_IN_THE_BLANKS",
-          component: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx20(
+          component: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx21(
             "div",
             {
               className: "border-catchup-blue border-2 px-2 py-1 rounded-catchup-xlarge cursor-pointer",
@@ -3405,9 +3455,9 @@ var FillInTheBlanksActivityMaterialContent = ({
                 setSelectedOption(option);
                 setPasteOptionIndex(null);
               },
-              children: /* @__PURE__ */ jsx20("p", { className: "italic whitespace-pre-wrap", children: option })
+              children: /* @__PURE__ */ jsx21("p", { className: "italic whitespace-pre-wrap", children: option })
             }
-          ) : /* @__PURE__ */ jsx20(
+          ) : /* @__PURE__ */ jsx21(
             "div",
             {
               className: "border-catchup-blue border-2 px-2 py-1 rounded-catchup-xlarge cursor-pointer",
@@ -3415,7 +3465,7 @@ var FillInTheBlanksActivityMaterialContent = ({
                 setSelectedOption(option);
                 setPasteOptionIndex(null);
               },
-              children: /* @__PURE__ */ jsx20(
+              children: /* @__PURE__ */ jsx21(
                 ShowMaterialMediaByContentType_default,
                 {
                   contentType: contentMap.type,
@@ -3433,12 +3483,12 @@ var FillInTheBlanksActivityMaterialContent = ({
         index
       )
     ) }),
-    /* @__PURE__ */ jsx20("div", { className: "flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
+    /* @__PURE__ */ jsx21("div", { className: "flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
       const learnerAnswerState = checkAnswerState(
         JSON.parse(materialMap[materialKey]),
         answerMap[materialKey]
       );
-      return /* @__PURE__ */ jsx20("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ jsx20("div", { className: "mx-2", children: /* @__PURE__ */ jsx20(
+      return /* @__PURE__ */ jsx21("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ jsx21("div", { className: "mx-2", children: /* @__PURE__ */ jsx21(
         DroppableItem_default,
         {
           item: { index },
@@ -3447,12 +3497,12 @@ var FillInTheBlanksActivityMaterialContent = ({
           setTarget: setPasteOptionIndex,
           dropRef: drop,
           component: /* @__PURE__ */ jsxs13("div", { className: "w-full flex flex-row my-2 gap-x-2", children: [
-            /* @__PURE__ */ jsx20("div", { className: "my-auto", children: /* @__PURE__ */ jsxs13("p", { className: "text-xl", children: [
+            /* @__PURE__ */ jsx21("div", { className: "my-auto", children: /* @__PURE__ */ jsxs13("p", { className: "text-xl", children: [
               parseFloat(materialKey) + 1,
               "."
             ] }) }),
-            /* @__PURE__ */ jsx20("div", { className: "flex-1", children: checkCanAnswerQuestion() ? contentMap.type === "TEXT" ? /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx20("div", { className: "flex-1", children: /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21("div", { className: "flex-1", children: checkCanAnswerQuestion() ? contentMap.type === "TEXT" ? /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx21("div", { className: "flex-1", children: /* @__PURE__ */ jsx21(
                 InputGroup_default,
                 {
                   type: "textarea",
@@ -3467,14 +3517,14 @@ var FillInTheBlanksActivityMaterialContent = ({
                   }
                 }
               ) }),
-              learnerAnswerState === "CORRECT" ? /* @__PURE__ */ jsx20("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ jsx20(
+              learnerAnswerState === "CORRECT" ? /* @__PURE__ */ jsx21("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ jsx21(
                 BaseImage_default,
                 {
                   src: "/icons/checkbox.png",
                   alt: "checkbox",
                   size: "small"
                 }
-              ) }) : learnerAnswerState === "INCORRECT" ? /* @__PURE__ */ jsx20("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ jsx20(
+              ) }) : learnerAnswerState === "INCORRECT" ? /* @__PURE__ */ jsx21("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ jsx21(
                 BaseImage_default,
                 {
                   src: "/icons/cross-red.png",
@@ -3482,20 +3532,20 @@ var FillInTheBlanksActivityMaterialContent = ({
                   size: "small"
                 }
               ) }) : null
-            ] }) : answerMap[materialKey] === "" ? /* @__PURE__ */ jsx20(
+            ] }) : answerMap[materialKey] === "" ? /* @__PURE__ */ jsx21(
               "div",
               {
                 className: `w-catchup-activity-box-item border h-catchup-activity-box-item rounded-catchup-xlarge border-dashed ${learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"}`,
-                children: /* @__PURE__ */ jsx20("div", { className: "h-full flex flex-col items-center justify-center px-4 py-2", children: /* @__PURE__ */ jsx20("span", { className: "italic", children: i18n_default.t("please_drop_here") }) })
+                children: /* @__PURE__ */ jsx21("div", { className: "h-full flex flex-col items-center justify-center px-4 py-2", children: /* @__PURE__ */ jsx21("span", { className: "italic", children: i18n_default.t("please_drop_here") }) })
               }
-            ) : /* @__PURE__ */ jsx20(
+            ) : /* @__PURE__ */ jsx21(
               "div",
               {
                 className: "flex-1 cursor-pointer",
                 onClick: () => {
                   onChange(answer, materialKey, "");
                 },
-                children: /* @__PURE__ */ jsx20(
+                children: /* @__PURE__ */ jsx21(
                   ShowMaterialMediaByContentType_default,
                   {
                     contentType: contentMap.type,
@@ -3505,13 +3555,13 @@ var FillInTheBlanksActivityMaterialContent = ({
                   `${uniqueValue}-${index}`
                 )
               }
-            ) : /* @__PURE__ */ jsx20("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
+            ) : /* @__PURE__ */ jsx21("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
               answerMap[materialKey]
-            ).map((inputPart, index2) => /* @__PURE__ */ jsx20(
+            ).map((inputPart, index2) => /* @__PURE__ */ jsx21(
               "span",
               {
                 className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                children: inputPart.isEquation ? /* @__PURE__ */ jsx20("span", { className: "text-2xl", children: /* @__PURE__ */ jsx20(InlineMath3, { math: inputPart.value }) }) : inputPart.value
+                children: inputPart.isEquation ? /* @__PURE__ */ jsx21("span", { className: "text-2xl", children: /* @__PURE__ */ jsx21(InlineMath3, { math: inputPart.value }) }) : inputPart.value
               },
               index2
             )) }, materialKey) })
@@ -3525,7 +3575,7 @@ var FillInTheBlanksActivityMaterialContent = ({
 var FillInTheBlanksActivityMaterialContent_default = FillInTheBlanksActivityMaterialContent;
 
 // src/components/activities/FillInTheBlanksActivityContent.tsx
-import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 var FillInTheBlanksActivityContent = ({
   answer,
   data,
@@ -3574,7 +3624,7 @@ var FillInTheBlanksActivityContent = ({
     changeAnswer(answer2);
   };
   return /* @__PURE__ */ jsxs14("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ jsx21("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ jsx22(
       ActivityBodyContent_default,
       {
         bodyMap: fillInTheBlanksBodyMap,
@@ -3583,9 +3633,9 @@ var FillInTheBlanksActivityContent = ({
         templateType: "FILL_IN_THE_BLANKS"
       }
     ) }),
-    /* @__PURE__ */ jsx21("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx21(DividerLine_default, {}) }),
-    /* @__PURE__ */ jsx21("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx21(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ jsx21("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx22(DividerLine_default, {}) }),
+    /* @__PURE__ */ jsx22("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx22(VerticalDividerLine_default, {}) }),
+    /* @__PURE__ */ jsx22("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx22(
       FillInTheBlanksActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -3644,7 +3694,7 @@ var useScreenSize = () => {
 var useScreenSize_default = useScreenSize;
 
 // src/components/activities/material-content/GroupingActivityMaterialContent.tsx
-import { Fragment, jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 var GroupingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -3750,18 +3800,18 @@ var GroupingActivityMaterialContent = ({
   const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
   return /* @__PURE__ */ jsxs15(Fragment, { children: [
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       "div",
       {
         ref: itemsRef,
         className: "flex-1 flex flex-row gap-x-4 gap-y-4 overflow-auto py-2",
         children: filteredMaterialList.map((materialValue, index) => {
-          return /* @__PURE__ */ jsx22(
+          return /* @__PURE__ */ jsx23(
             DraggableItem_default,
             {
               item: { index: materialValue },
               type: "GROUPING",
-              component: /* @__PURE__ */ jsx22(
+              component: /* @__PURE__ */ jsx23(
                 "div",
                 {
                   className: `${selectedValue === materialValue ? "border-catchup-blue" : "border-catchup-lighter-gray"} h-catchup-activity-covering-box-item flex flex-col items-center justify-center border-2 rounded-catchup-xlarge cursor-pointer transition-all duration-300`,
@@ -3775,22 +3825,22 @@ var GroupingActivityMaterialContent = ({
                       setSelectedValue(null);
                     }
                   },
-                  children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx22(
+                  children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx23(
                     "div",
                     {
                       className: `flex flex-col items-center justify-center m-4 min-h-[64px] min-w-[200px]`,
-                      children: /* @__PURE__ */ jsx22("p", { className: "text-xl text-center whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                      children: /* @__PURE__ */ jsx23("p", { className: "text-xl text-center whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                         materialValue
-                      ).map((inputPart, index2) => /* @__PURE__ */ jsx22(
+                      ).map((inputPart, index2) => /* @__PURE__ */ jsx23(
                         "span",
                         {
                           className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                          children: inputPart.isEquation ? /* @__PURE__ */ jsx22("span", { className: "text-2xl", children: /* @__PURE__ */ jsx22(InlineMath4, { math: inputPart.value }) }) : inputPart.value
+                          children: inputPart.isEquation ? /* @__PURE__ */ jsx23("span", { className: "text-2xl", children: /* @__PURE__ */ jsx23(InlineMath4, { math: inputPart.value }) }) : inputPart.value
                         },
                         index2
                       )) })
                     }
-                  ) : /* @__PURE__ */ jsx22(
+                  ) : /* @__PURE__ */ jsx23(
                     ShowMaterialMediaByContentType_default,
                     {
                       contentType: contentMap.type,
@@ -3815,22 +3865,22 @@ var GroupingActivityMaterialContent = ({
         })
       }
     ),
-    filteredMaterialList.length > 0 ? /* @__PURE__ */ jsx22(DividerLine_default, {}) : null,
+    filteredMaterialList.length > 0 ? /* @__PURE__ */ jsx23(DividerLine_default, {}) : null,
     Object.keys(answerMap).map((answerMapKey, index) => /* @__PURE__ */ jsxs15("div", { className: "flex flex-row w-full", children: [
-      /* @__PURE__ */ jsx22("div", { className: "w-1/3", children: /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23("div", { className: "w-1/3", children: /* @__PURE__ */ jsx23(
         "div",
         {
           className: `border-catchup-blue h-catchup-activity-outer-box-item flex flex-col items-center justify-center  border-2 rounded-catchup-xlarge transition-all duration-300 my-3`,
-          children: /* @__PURE__ */ jsx22(
+          children: /* @__PURE__ */ jsx23(
             "div",
             {
               className: `flex flex-col items-center justify-center transition-all duration-300 m-4`,
-              children: /* @__PURE__ */ jsx22("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
-                (inputPart, index2) => /* @__PURE__ */ jsx22(
+              children: /* @__PURE__ */ jsx23("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
+                (inputPart, index2) => /* @__PURE__ */ jsx23(
                   "span",
                   {
                     className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                    children: inputPart.isEquation ? /* @__PURE__ */ jsx22("span", { className: "text-2xl", children: /* @__PURE__ */ jsx22(InlineMath4, { math: inputPart.value }) }) : inputPart.value
+                    children: inputPart.isEquation ? /* @__PURE__ */ jsx23("span", { className: "text-2xl", children: /* @__PURE__ */ jsx23(InlineMath4, { math: inputPart.value }) }) : inputPart.value
                   },
                   index2
                 )
@@ -3839,12 +3889,12 @@ var GroupingActivityMaterialContent = ({
           )
         }
       ) }),
-      /* @__PURE__ */ jsx22("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
-      /* @__PURE__ */ jsx22("div", { className: "flex-1", ref, children: /* @__PURE__ */ jsx22("div", { className: "h-full py-3", children: /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx23("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
+      /* @__PURE__ */ jsx23("div", { className: "flex-1", ref, children: /* @__PURE__ */ jsx23("div", { className: "h-full py-3", children: /* @__PURE__ */ jsx23(
         "div",
         {
           className: `${canDrop ? selectedTargetKey === answerMapKey ? "bg-catchup-light-blue" : "bg-catchup-light-blue opacity-40" : ""} flex-1 border-catchup-blue rounded-catchup-xlarge border-2 h-full p-1`,
-          children: /* @__PURE__ */ jsx22(
+          children: /* @__PURE__ */ jsx23(
             DroppableItem_default,
             {
               item: { index: answerMapKey },
@@ -3852,7 +3902,7 @@ var GroupingActivityMaterialContent = ({
               target: selectedTargetKey,
               setTarget: setSelectedTargetKey,
               dropRef: drop,
-              component: /* @__PURE__ */ jsx22(
+              component: /* @__PURE__ */ jsx23(
                 "div",
                 {
                   className: "h-full flex-1 flex flex-row items-center overflow-x-auto",
@@ -3865,7 +3915,7 @@ var GroupingActivityMaterialContent = ({
                         materialMap[answerMapKey],
                         answerMapValue
                       );
-                      return /* @__PURE__ */ jsx22("div", { className: "p-1", children: /* @__PURE__ */ jsx22("div", { className: "h-catchup-activity-box-item", children: /* @__PURE__ */ jsx22(
+                      return /* @__PURE__ */ jsx23("div", { className: "p-1", children: /* @__PURE__ */ jsx23("div", { className: "h-catchup-activity-box-item", children: /* @__PURE__ */ jsx23(
                         "div",
                         {
                           className: `${learnerAnswerState === "EMPTY" ? "border-catchup-lighter-gray" : learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"} border-2 rounded-catchup-xlarge h-full flex flex-col items-center justify-center transition-all duration-300 cursor-pointer`,
@@ -3881,17 +3931,17 @@ var GroupingActivityMaterialContent = ({
                               setSelectedValue(null);
                             }
                           },
-                          children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx22(
+                          children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx23(
                             "div",
                             {
                               className: `flex flex-col items-center justify-center transition-all duration-300 min-h-[64px] min-w-[200px]`,
-                              children: /* @__PURE__ */ jsx22("div", { className: "m-2", children: /* @__PURE__ */ jsx22("p", { className: "text-xl text-center whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                              children: /* @__PURE__ */ jsx23("div", { className: "m-2", children: /* @__PURE__ */ jsx23("p", { className: "text-xl text-center whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                                 answerMapValue
-                              ).map((inputPart, index2) => /* @__PURE__ */ jsx22(
+                              ).map((inputPart, index2) => /* @__PURE__ */ jsx23(
                                 "span",
                                 {
                                   className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                                  children: inputPart.isEquation ? /* @__PURE__ */ jsx22("span", { className: "text-2xl", children: /* @__PURE__ */ jsx22(
+                                  children: inputPart.isEquation ? /* @__PURE__ */ jsx23("span", { className: "text-2xl", children: /* @__PURE__ */ jsx23(
                                     InlineMath4,
                                     {
                                       math: inputPart.value
@@ -3901,7 +3951,7 @@ var GroupingActivityMaterialContent = ({
                                 index2
                               )) }) })
                             }
-                          ) : /* @__PURE__ */ jsx22(
+                          ) : /* @__PURE__ */ jsx23(
                             ShowMaterialMediaByContentType_default,
                             {
                               contentType: contentMap.type,
@@ -3927,7 +3977,7 @@ var GroupingActivityMaterialContent = ({
 var GroupingActivityMaterialContent_default = GroupingActivityMaterialContent;
 
 // src/components/activities/GroupingActivityContent.tsx
-import { Fragment as Fragment2, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 var GroupingActivityContent = ({
   answer,
   data,
@@ -3952,15 +4002,15 @@ var GroupingActivityContent = ({
     changeAnswer(answer2);
   };
   return /* @__PURE__ */ jsxs16(Fragment2, { children: [
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       ActivityBodyContent_default,
       {
         bodyMap: groupingBodyMap,
         templateType: "GROUPING"
       }
     ),
-    /* @__PURE__ */ jsx23(DividerLine_default, {}),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(DividerLine_default, {}),
+    /* @__PURE__ */ jsx24(
       GroupingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -3981,7 +4031,7 @@ var GroupingActivityContent_default = GroupingActivityContent;
 import { useEffect as useEffect7, useRef as useRef5, useState as useState15 } from "react";
 import { useDrop as useDrop4 } from "react-dnd";
 import { InlineMath as InlineMath5 } from "react-katex";
-import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 var MatchingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -4078,17 +4128,17 @@ var MatchingActivityMaterialContent = ({
   const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
   return /* @__PURE__ */ jsxs17(Fragment3, { children: [
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       "div",
       {
         ref: itemsRef,
         className: "flex-1 flex flex-row gap-x-4 gap-y-4 overflow-auto py-2",
-        children: filteredMaterialList.map((materialValue, index) => /* @__PURE__ */ jsx24(
+        children: filteredMaterialList.map((materialValue, index) => /* @__PURE__ */ jsx25(
           DraggableItem_default,
           {
             item: { index: materialValue },
             type: "MATCHING",
-            component: /* @__PURE__ */ jsx24(
+            component: /* @__PURE__ */ jsx25(
               "div",
               {
                 className: `${selectedValue === materialValue ? "border-catchup-blue" : "border-catchup-lighter-gray"} h-catchup-activity-covering-box-item flex flex-col items-center justify-center  border-2 rounded-catchup-xlarge cursor-pointer transition-all duration-300`,
@@ -4102,22 +4152,22 @@ var MatchingActivityMaterialContent = ({
                     setSelectedValue(null);
                   }
                 },
-                children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx24(
+                children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx25(
                   "div",
                   {
                     className: `flex flex-col items-center justify-center m-4 min-h-[64px] min-w-[200px]`,
-                    children: /* @__PURE__ */ jsx24("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                    children: /* @__PURE__ */ jsx25("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                       materialValue
-                    ).map((inputPart, index2) => /* @__PURE__ */ jsx24(
+                    ).map((inputPart, index2) => /* @__PURE__ */ jsx25(
                       "span",
                       {
                         className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                        children: inputPart.isEquation ? /* @__PURE__ */ jsx24("span", { className: "text-2xl", children: /* @__PURE__ */ jsx24(InlineMath5, { math: inputPart.value }) }) : inputPart.value
+                        children: inputPart.isEquation ? /* @__PURE__ */ jsx25("span", { className: "text-2xl", children: /* @__PURE__ */ jsx25(InlineMath5, { math: inputPart.value }) }) : inputPart.value
                       },
                       index2
                     )) })
                   }
-                ) : /* @__PURE__ */ jsx24(
+                ) : /* @__PURE__ */ jsx25(
                   ShowMaterialMediaByContentType_default,
                   {
                     contentType: contentMap.type,
@@ -4141,27 +4191,27 @@ var MatchingActivityMaterialContent = ({
         ))
       }
     ),
-    filteredMaterialList.length > 0 ? /* @__PURE__ */ jsx24(DividerLine_default, {}) : null,
+    filteredMaterialList.length > 0 ? /* @__PURE__ */ jsx25(DividerLine_default, {}) : null,
     Object.keys(answerMap).map((answerMapKey, index) => {
       const learnerAnswerState = checkAnswerState(
         materialMap[answerMapKey],
         answerMap[answerMapKey]
       );
       return /* @__PURE__ */ jsxs17("div", { className: "flex flex-row w-full", children: [
-        /* @__PURE__ */ jsx24("div", { className: "w-1/3", children: /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25("div", { className: "w-1/3", children: /* @__PURE__ */ jsx25(
           "div",
           {
             className: `h-catchup-activity-outer-box-item flex flex-col items-center justify-center  border-2 rounded-catchup-xlarge transition-all duration-300 my-3 ${learnerAnswerState === "EMPTY" ? "border-catchup-blue" : learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"}`,
-            children: /* @__PURE__ */ jsx24(
+            children: /* @__PURE__ */ jsx25(
               "div",
               {
                 className: `flex flex-col items-center justify-center transition-all duration-300 m-4`,
-                children: /* @__PURE__ */ jsx24("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
-                  (inputPart, index2) => /* @__PURE__ */ jsx24(
+                children: /* @__PURE__ */ jsx25("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
+                  (inputPart, index2) => /* @__PURE__ */ jsx25(
                     "span",
                     {
                       className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                      children: inputPart.isEquation ? /* @__PURE__ */ jsx24("span", { className: "text-2xl", children: /* @__PURE__ */ jsx24(InlineMath5, { math: inputPart.value }) }) : inputPart.value
+                      children: inputPart.isEquation ? /* @__PURE__ */ jsx25("span", { className: "text-2xl", children: /* @__PURE__ */ jsx25(InlineMath5, { math: inputPart.value }) }) : inputPart.value
                     },
                     index2
                   )
@@ -4170,8 +4220,8 @@ var MatchingActivityMaterialContent = ({
             )
           }
         ) }),
-        /* @__PURE__ */ jsx24("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
-        /* @__PURE__ */ jsx24("div", { className: "flex-1", children: /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx25("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
+        /* @__PURE__ */ jsx25("div", { className: "flex-1", children: /* @__PURE__ */ jsx25(
           "div",
           {
             className: `${canDrop ? selectedTargetKey === answerMapKey ? "bg-catchup-light-blue" : "bg-catchup-light-blue opacity-40" : ""} h-catchup-activity-outer-box-item flex flex-col items-center justify-center  border-2 rounded-catchup-xlarge cursor-pointer transition-all duration-300 my-3 ${learnerAnswerState === "EMPTY" ? "border-catchup-blue" : learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"}`,
@@ -4180,7 +4230,7 @@ var MatchingActivityMaterialContent = ({
                 setSelectedValue(null);
               }
             },
-            children: /* @__PURE__ */ jsx24(
+            children: /* @__PURE__ */ jsx25(
               DroppableItem_default,
               {
                 item: { index: answerMapKey },
@@ -4188,7 +4238,7 @@ var MatchingActivityMaterialContent = ({
                 target: selectedTargetKey,
                 setTarget: setSelectedTargetKey,
                 dropRef: drop,
-                component: /* @__PURE__ */ jsx24(
+                component: /* @__PURE__ */ jsx25(
                   "div",
                   {
                     className: `h-full flex-1 flex flex-row items-center justify-center `,
@@ -4201,16 +4251,16 @@ var MatchingActivityMaterialContent = ({
                         );
                       }
                     },
-                    children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx24("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                    children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx25("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                       answerMap[answerMapKey]
-                    ).map((inputPart, index2) => /* @__PURE__ */ jsx24(
+                    ).map((inputPart, index2) => /* @__PURE__ */ jsx25(
                       "span",
                       {
                         className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                        children: inputPart.isEquation ? /* @__PURE__ */ jsx24("span", { className: "text-2xl", children: /* @__PURE__ */ jsx24(InlineMath5, { math: inputPart.value }) }) : inputPart.value
+                        children: inputPart.isEquation ? /* @__PURE__ */ jsx25("span", { className: "text-2xl", children: /* @__PURE__ */ jsx25(InlineMath5, { math: inputPart.value }) }) : inputPart.value
                       },
                       index2
-                    )) }) : /* @__PURE__ */ jsx24(
+                    )) }) : /* @__PURE__ */ jsx25(
                       ShowMaterialMediaByContentType_default,
                       {
                         contentType: contentMap.type,
@@ -4233,7 +4283,7 @@ var MatchingActivityMaterialContent = ({
 var MatchingActivityMaterialContent_default = MatchingActivityMaterialContent;
 
 // src/components/activities/MatchingActivityContent.tsx
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 var MatchingActivityContent = ({
   answer,
   data,
@@ -4254,15 +4304,15 @@ var MatchingActivityContent = ({
     changeAnswer(answer2);
   };
   return /* @__PURE__ */ jsxs18(Fragment4, { children: [
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       ActivityBodyContent_default,
       {
         bodyMap: matchingBodyMap,
         templateType: "MATCHING"
       }
     ),
-    /* @__PURE__ */ jsx25(DividerLine_default, {}),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(DividerLine_default, {}),
+    /* @__PURE__ */ jsx26(
       MatchingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -4281,7 +4331,7 @@ var MatchingActivityContent_default = MatchingActivityContent;
 
 // src/components/activities/material-content/MCMAActivityMaterialContent.tsx
 import { InlineMath as InlineMath6 } from "react-katex";
-import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
 var MCMAActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -4314,10 +4364,10 @@ var MCMAActivityMaterialContent = ({
   const answerMap = retrieveAnswerMap();
   const correctAnswerList = retrieveCorrectAnswerList();
   return Object.keys(materialMap).map((materialKey, index) => {
-    return /* @__PURE__ */ jsx26("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ jsxs19("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5", children: [
-      /* @__PURE__ */ jsx26("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx26("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_mcma_text") }) }),
-      /* @__PURE__ */ jsx26("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx26(DividerLine_default, {}) }),
-      checkCanAnswerQuestion() ? /* @__PURE__ */ jsx26("div", { className: "flex flex-row w-full flex-wrap ", children: materialMap[materialKey].map(
+    return /* @__PURE__ */ jsx27("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ jsxs19("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5", children: [
+      /* @__PURE__ */ jsx27("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx27("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_mcma_text") }) }),
+      /* @__PURE__ */ jsx27("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx27(DividerLine_default, {}) }),
+      checkCanAnswerQuestion() ? /* @__PURE__ */ jsx27("div", { className: "flex flex-row w-full flex-wrap ", children: materialMap[materialKey].map(
         (materialSubKey, index2) => {
           const foundAnswer = answerMap[materialKey].find(
             (learnerAnswer) => learnerAnswer === materialSubKey
@@ -4338,7 +4388,7 @@ var MCMAActivityMaterialContent = ({
                 onChange(answer, materialKey, materialSubKey);
               },
               children: [
-                /* @__PURE__ */ jsx26("div", { className: "", children: /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx27("div", { className: "", children: /* @__PURE__ */ jsx27(
                   BaseImage_default,
                   {
                     src: answerMap[materialKey].includes(materialSubKey) ? "/icons/checkbox.png" : "/icons/empty-checkbox.png",
@@ -4348,16 +4398,16 @@ var MCMAActivityMaterialContent = ({
                     }
                   }
                 ) }),
-                /* @__PURE__ */ jsx26("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx26("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                /* @__PURE__ */ jsx27("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx27("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                   materialSubKey
-                ).map((inputPart, index3) => /* @__PURE__ */ jsx26(
+                ).map((inputPart, index3) => /* @__PURE__ */ jsx27(
                   "span",
                   {
                     className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                    children: inputPart.isEquation ? /* @__PURE__ */ jsx26("span", { className: "text-2xl", children: /* @__PURE__ */ jsx26(InlineMath6, { math: inputPart.value }) }) : inputPart.value
+                    children: inputPart.isEquation ? /* @__PURE__ */ jsx27("span", { className: "text-2xl", children: /* @__PURE__ */ jsx27(InlineMath6, { math: inputPart.value }) }) : inputPart.value
                   },
                   index3
-                )) }) : /* @__PURE__ */ jsx26(
+                )) }) : /* @__PURE__ */ jsx27(
                   ShowMaterialMediaByContentType_default,
                   {
                     contentType: contentMap.type,
@@ -4371,13 +4421,13 @@ var MCMAActivityMaterialContent = ({
             index2
           );
         }
-      ) }) : /* @__PURE__ */ jsx26("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
+      ) }) : /* @__PURE__ */ jsx27("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
         answerMap[materialKey]
-      ).map((inputPart, index2) => /* @__PURE__ */ jsx26(
+      ).map((inputPart, index2) => /* @__PURE__ */ jsx27(
         "span",
         {
           className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-          children: inputPart.isEquation ? /* @__PURE__ */ jsx26("span", { className: "text-2xl", children: /* @__PURE__ */ jsx26(InlineMath6, { math: inputPart.value }) }) : inputPart.value
+          children: inputPart.isEquation ? /* @__PURE__ */ jsx27("span", { className: "text-2xl", children: /* @__PURE__ */ jsx27(InlineMath6, { math: inputPart.value }) }) : inputPart.value
         },
         index2
       )) }, materialKey)
@@ -4387,7 +4437,7 @@ var MCMAActivityMaterialContent = ({
 var MCMAActivityMaterialContent_default = MCMAActivityMaterialContent;
 
 // src/components/activities/MCMAActivityContent.tsx
-import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 var MCMAActivityContent = ({
   answer,
   data,
@@ -4414,10 +4464,10 @@ var MCMAActivityContent = ({
     changeAnswer(answer2);
   };
   return /* @__PURE__ */ jsxs20("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ jsx27("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ jsx27(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
-    /* @__PURE__ */ jsx27("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx27(DividerLine_default, {}) }),
-    /* @__PURE__ */ jsx27("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx27(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ jsx27("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ jsx28(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
+    /* @__PURE__ */ jsx28("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx28(DividerLine_default, {}) }),
+    /* @__PURE__ */ jsx28("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx28(VerticalDividerLine_default, {}) }),
+    /* @__PURE__ */ jsx28("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx28(
       MCMAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -4435,7 +4485,7 @@ var MCMAActivityContent_default = MCMAActivityContent;
 
 // src/components/activities/material-content/MCSAActivityMaterialContent.tsx
 import { InlineMath as InlineMath7 } from "react-katex";
-import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 var MCSAActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -4465,10 +4515,10 @@ var MCSAActivityMaterialContent = ({
   const answerMap = retrieveAnswerMap();
   const correctAnswer = retrieveCorrectAnswer();
   return Object.keys(materialMap).map((materialKey, index) => {
-    return /* @__PURE__ */ jsx28("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ jsxs21("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5", children: [
-      /* @__PURE__ */ jsx28("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx28("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_mcsa_text") }) }),
-      /* @__PURE__ */ jsx28("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx28(DividerLine_default, {}) }),
-      checkCanAnswerQuestion() ? /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ jsxs21("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5", children: [
+      /* @__PURE__ */ jsx29("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx29("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_mcsa_text") }) }),
+      /* @__PURE__ */ jsx29("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx29(DividerLine_default, {}) }),
+      checkCanAnswerQuestion() ? /* @__PURE__ */ jsx29(
         "div",
         {
           className: `flex flex-row w-full ${Object.keys(materialMap[materialKey]).length <= 4 ? "justify-center" : ""} flex-wrap`,
@@ -4487,7 +4537,7 @@ var MCSAActivityMaterialContent = ({
                     onChange(answer, materialKey, materialSubKey);
                   },
                   children: [
-                    /* @__PURE__ */ jsx28("div", { className: "", children: /* @__PURE__ */ jsx28(
+                    /* @__PURE__ */ jsx29("div", { className: "", children: /* @__PURE__ */ jsx29(
                       BaseImage_default,
                       {
                         src: answerMap[materialKey] === materialSubKey ? "/icons/item-element.png" : "/icons/not-selected-item-element.png",
@@ -4497,16 +4547,16 @@ var MCSAActivityMaterialContent = ({
                         }
                       }
                     ) }),
-                    /* @__PURE__ */ jsx28("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx28("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                    /* @__PURE__ */ jsx29("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx29("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                       materialSubKey
-                    ).map((inputPart, index3) => /* @__PURE__ */ jsx28(
+                    ).map((inputPart, index3) => /* @__PURE__ */ jsx29(
                       "span",
                       {
                         className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                        children: inputPart.isEquation ? /* @__PURE__ */ jsx28("span", { className: "text-2xl", children: /* @__PURE__ */ jsx28(InlineMath7, { math: inputPart.value }) }) : inputPart.value
+                        children: inputPart.isEquation ? /* @__PURE__ */ jsx29("span", { className: "text-2xl", children: /* @__PURE__ */ jsx29(InlineMath7, { math: inputPart.value }) }) : inputPart.value
                       },
                       index3
-                    )) }) : /* @__PURE__ */ jsx28(
+                    )) }) : /* @__PURE__ */ jsx29(
                       ShowMaterialMediaByContentType_default,
                       {
                         contentType: contentMap.type,
@@ -4522,13 +4572,13 @@ var MCSAActivityMaterialContent = ({
             }
           )
         }
-      ) : /* @__PURE__ */ jsx28("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+      ) : /* @__PURE__ */ jsx29("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
         answerMap[materialKey]
-      ).map((inputPart, index2) => /* @__PURE__ */ jsx28(
+      ).map((inputPart, index2) => /* @__PURE__ */ jsx29(
         "span",
         {
           className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-          children: inputPart.isEquation ? /* @__PURE__ */ jsx28("span", { className: "text-2xl", children: /* @__PURE__ */ jsx28(InlineMath7, { math: inputPart.value }) }) : inputPart.value
+          children: inputPart.isEquation ? /* @__PURE__ */ jsx29("span", { className: "text-2xl", children: /* @__PURE__ */ jsx29(InlineMath7, { math: inputPart.value }) }) : inputPart.value
         },
         index2
       )) })
@@ -4538,7 +4588,7 @@ var MCSAActivityMaterialContent = ({
 var MCSAActivityMaterialContent_default = MCSAActivityMaterialContent;
 
 // src/components/activities/MCSAActivityContent.tsx
-import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 var MCSAActivityContent = ({
   answer,
   data,
@@ -4558,10 +4608,10 @@ var MCSAActivityContent = ({
     changeAnswer(answer2);
   };
   return /* @__PURE__ */ jsxs22("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ jsx29("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ jsx29(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
-    /* @__PURE__ */ jsx29("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx29(DividerLine_default, {}) }),
-    /* @__PURE__ */ jsx29("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx29(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ jsx29("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ jsx30(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
+    /* @__PURE__ */ jsx30("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx30(DividerLine_default, {}) }),
+    /* @__PURE__ */ jsx30("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx30(VerticalDividerLine_default, {}) }),
+    /* @__PURE__ */ jsx30("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx30(
       MCSAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -4578,7 +4628,7 @@ var MCSAActivityContent = ({
 var MCSAActivityContent_default = MCSAActivityContent;
 
 // src/components/activities/material-content/OpenEndedActivityMaterialContent.tsx
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 var OpenEndedActivityMaterialContent = ({
   answer,
   contentMap,
@@ -4604,7 +4654,7 @@ var OpenEndedActivityMaterialContent = ({
   };
   const RenderTextContent = (answerMap2) => {
     const answerMapAnswer = answerMap2["ANSWER"];
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       InputGroup_default,
       {
         type: "textarea",
@@ -4617,16 +4667,16 @@ var OpenEndedActivityMaterialContent = ({
     );
   };
   const answerMap = retrieveAnswerMap();
-  return /* @__PURE__ */ jsx30(Fragment5, { children: /* @__PURE__ */ jsxs23("div", { className: "", children: [
-    /* @__PURE__ */ jsx30("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx30("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_open_ended_text") }) }),
-    /* @__PURE__ */ jsx30("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx30(DividerLine_default, {}) }),
+  return /* @__PURE__ */ jsx31(Fragment5, { children: /* @__PURE__ */ jsxs23("div", { className: "", children: [
+    /* @__PURE__ */ jsx31("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx31("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_open_ended_text") }) }),
+    /* @__PURE__ */ jsx31("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx31(DividerLine_default, {}) }),
     contentMap.type === "TEXT" ? RenderTextContent(answerMap) : null
   ] }) });
 };
 var OpenEndedActivityMaterialContent_default = OpenEndedActivityMaterialContent;
 
 // src/components/activities/OpenEndedActivityContent.tsx
-import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
 var OpenEndedActivityContent = ({
   answer,
   data,
@@ -4644,11 +4694,11 @@ var OpenEndedActivityContent = ({
     changeAnswer(answer2);
   };
   return /* @__PURE__ */ jsxs24("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx32(
       "div",
       {
         className: `${showMaterialContent ? "w-full md:w-[40%]" : "w-full"}`,
-        children: /* @__PURE__ */ jsx31(
+        children: /* @__PURE__ */ jsx32(
           ActivityBodyContent_default,
           {
             bodyMap: openEndedBodyMap,
@@ -4658,9 +4708,9 @@ var OpenEndedActivityContent = ({
       }
     ),
     showMaterialContent ? /* @__PURE__ */ jsxs24(Fragment6, { children: [
-      /* @__PURE__ */ jsx31("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx31(DividerLine_default, {}) }),
-      /* @__PURE__ */ jsx31("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx31(VerticalDividerLine_default, {}) }),
-      /* @__PURE__ */ jsx31("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx32("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx32(DividerLine_default, {}) }),
+      /* @__PURE__ */ jsx32("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx32(VerticalDividerLine_default, {}) }),
+      /* @__PURE__ */ jsx32("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx32(
         OpenEndedActivityMaterialContent_default,
         {
           answer,
@@ -4681,7 +4731,7 @@ import { InlineMath as InlineMath8 } from "react-katex";
 // src/components/dnds/DraggableDroppableItem.tsx
 import { useRef as useRef6 } from "react";
 import { useDrag as useDrag2, useDrop as useDrop5 } from "react-dnd";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var DraggableDroppableItem = ({
   key,
   item,
@@ -4719,12 +4769,12 @@ var DraggableDroppableItem = ({
   });
   const opacity = isDragging ? 0.4 : 1;
   drag(drop(ref));
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       className: `${isDragging ? "w-[0px] opacity-0" : "w-full opacity-100"} transition-all duration-500`,
       ref: dropRef,
-      children: /* @__PURE__ */ jsx32("div", { ref, className: "w-full", style: { opacity }, children: component })
+      children: /* @__PURE__ */ jsx33("div", { ref, className: "w-full", style: { opacity }, children: component })
     },
     key
   );
@@ -4732,7 +4782,7 @@ var DraggableDroppableItem = ({
 var DraggableDroppableItem_default = DraggableDroppableItem;
 
 // src/components/activities/material-content/OrderingActivityMaterialContent.tsx
-import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
 var OrderingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -4809,12 +4859,12 @@ var OrderingActivityMaterialContent = ({
     return 0;
   };
   const answerMap = retrieveAnswerMap();
-  return /* @__PURE__ */ jsx33("div", { className: "flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
+  return /* @__PURE__ */ jsx34("div", { className: "flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
     const learnerAnswerState = checkAnswerState(
       answerMap[materialKey] + "",
       index + ""
     );
-    return /* @__PURE__ */ jsx33("div", { className: "w-full lg:w-1/2", children: /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsx34("div", { className: "w-full lg:w-1/2", children: /* @__PURE__ */ jsxs25(
       "div",
       {
         className: `flex flex-row items-center my-4 mx-2`,
@@ -4822,26 +4872,26 @@ var OrderingActivityMaterialContent = ({
           marginTop: view === "PC" ? calculateMarginTop(parseFloat(materialKey)) : 0
         },
         children: [
-          /* @__PURE__ */ jsx33("div", { className: "mr-3", children: /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx34("div", { className: "mr-3", children: /* @__PURE__ */ jsx34(
             "div",
             {
               className: `${learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : selectedKey === materialKey ? "border-catchup-blue" : "border-catchup-lighter-gray"} min-h-catchup-activity-outer-box-item w-catchup-activity-box-item flex flex-col items-center justify-center  border-2 rounded-catchup-xlarge cursor-pointer transition-all duration-300`,
-              children: /* @__PURE__ */ jsx33(
+              children: /* @__PURE__ */ jsx34(
                 "div",
                 {
                   className: `${selectedKey === materialKey ? "border-2 border-catchup-light-gray" : "border-2 border-catchup-blue"} flex flex-col items-center justify-center transition-all duration-300 rounded-catchup-full w-[50px] h-[50px]`,
-                  children: /* @__PURE__ */ jsx33("p", { className: "", children: parseFloat(materialKey) + 1 })
+                  children: /* @__PURE__ */ jsx34("p", { className: "", children: parseFloat(materialKey) + 1 })
                 }
               )
             }
           ) }),
-          /* @__PURE__ */ jsx33(
+          /* @__PURE__ */ jsx34(
             DraggableDroppableItem_default,
             {
               item: { index: materialKey },
               type: "ORDERING",
               dropRef: drop,
-              component: /* @__PURE__ */ jsx33(
+              component: /* @__PURE__ */ jsx34(
                 "div",
                 {
                   className: `${canDrop ? selectedKey !== materialKey ? selectedTargetKey === materialKey ? "bg-catchup-light-blue rounded-catchup-xlarge" : "bg-catchup-light-blue rounded-catchup-xlarge opacity-40" : "" : ""} flex-1 min-h-catchup-activity-outer-box-item flex flex-col items-center justify-center border-2 rounded-catchup-xlarge cursor-pointer p-3 ${learnerAnswerState === "CORRECT" ? "border-catchup-green" : learnerAnswerState === "INCORRECT" ? "border-catchup-red" : "border-catchup-blue"}`,
@@ -4850,16 +4900,16 @@ var OrderingActivityMaterialContent = ({
                       setSelectedKey(materialKey);
                     }
                   },
-                  children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx33("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                  children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx34("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                     materialMap[answerMap[materialKey]]
-                  ).map((inputPart, index2) => /* @__PURE__ */ jsx33(
+                  ).map((inputPart, index2) => /* @__PURE__ */ jsx34(
                     "span",
                     {
                       className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                      children: inputPart.isEquation ? /* @__PURE__ */ jsx33("span", { className: "text-2xl", children: /* @__PURE__ */ jsx33(InlineMath8, { math: inputPart.value }) }) : inputPart.value
+                      children: inputPart.isEquation ? /* @__PURE__ */ jsx34("span", { className: "text-2xl", children: /* @__PURE__ */ jsx34(InlineMath8, { math: inputPart.value }) }) : inputPart.value
                     },
                     index2
-                  )) }) : /* @__PURE__ */ jsx33(
+                  )) }) : /* @__PURE__ */ jsx34(
                     ShowMaterialMediaByContentType_default,
                     {
                       contentType: contentMap.type,
@@ -4891,7 +4941,7 @@ var OrderingActivityMaterialContent = ({
 var OrderingActivityMaterialContent_default = OrderingActivityMaterialContent;
 
 // src/components/activities/OrderingActivityContent.tsx
-import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
 var OrderingActivityContent = ({
   answer,
   data,
@@ -4914,15 +4964,15 @@ var OrderingActivityContent = ({
     changeAnswer(answer2);
   };
   return /* @__PURE__ */ jsxs26(Fragment7, { children: [
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx35(
       ActivityBodyContent_default,
       {
         bodyMap: orderingBodyMap,
         templateType: "ORDERING"
       }
     ),
-    /* @__PURE__ */ jsx34(DividerLine_default, {}),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx35(DividerLine_default, {}),
+    /* @__PURE__ */ jsx35(
       OrderingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -4942,7 +4992,7 @@ var OrderingActivityContent_default = OrderingActivityContent;
 // src/components/activities/material-content/TrueFalseActivityMaterialContent.tsx
 import { useEffect as useEffect9, useState as useState17 } from "react";
 import { InlineMath as InlineMath9 } from "react-katex";
-import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
 var TrueFalseActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -4996,13 +5046,13 @@ var TrueFalseActivityMaterialContent = ({
   };
   const answerMap = retrieveAnswerMap();
   return /* @__PURE__ */ jsxs27("div", { className: "", children: [
-    /* @__PURE__ */ jsx35("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx35("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_true_false_text") }) }),
-    /* @__PURE__ */ jsx35("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx35(DividerLine_default, {}) }),
+    /* @__PURE__ */ jsx36("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx36("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_true_false_text") }) }),
+    /* @__PURE__ */ jsx36("div", { className: "hidden md:contents", children: /* @__PURE__ */ jsx36(DividerLine_default, {}) }),
     /* @__PURE__ */ jsxs27("div", { className: "flex flex-row justify-end items-center gap-x-2", children: [
-      /* @__PURE__ */ jsx35("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx35("p", { className: "font-bold text-lg", children: i18n_default.t("true") }) }),
-      /* @__PURE__ */ jsx35("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx35("p", { className: "font-bold text-lg", children: i18n_default.t("false") }) })
+      /* @__PURE__ */ jsx36("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx36("p", { className: "font-bold text-lg", children: i18n_default.t("true") }) }),
+      /* @__PURE__ */ jsx36("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx36("p", { className: "font-bold text-lg", children: i18n_default.t("false") }) })
     ] }),
-    checkCanAnswerQuestion() ? /* @__PURE__ */ jsx35("div", { className: `flex flex-row w-full justify-center flex-wrap`, children: shuffleOptionList.map((shuffleOption, index) => {
+    checkCanAnswerQuestion() ? /* @__PURE__ */ jsx36("div", { className: `flex flex-row w-full justify-center flex-wrap`, children: shuffleOptionList.map((shuffleOption, index) => {
       const correctAnswer = materialMap.trueList.find(
         (trueItem) => trueItem === shuffleOption
       ) !== void 0 ? "TRUE" : "FALSE";
@@ -5018,16 +5068,16 @@ var TrueFalseActivityMaterialContent = ({
         {
           className: `w-full flex flex-row items-center justify-center cursor-pointer my-2 ${learnerAnswerState === "CORRECT" ? "border-2 border-catchup-green rounded-catchup-xlarge" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge" : ""}`,
           children: [
-            /* @__PURE__ */ jsx35("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx35("p", { className: "text-xl p-2 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+            /* @__PURE__ */ jsx36("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx36("p", { className: "text-xl p-2 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
               shuffleOption
-            ).map((inputPart, index2) => /* @__PURE__ */ jsx35(
+            ).map((inputPart, index2) => /* @__PURE__ */ jsx36(
               "span",
               {
                 className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                children: inputPart.isEquation ? /* @__PURE__ */ jsx35("span", { className: "text-2xl", children: /* @__PURE__ */ jsx35(InlineMath9, { math: inputPart.value }) }) : inputPart.value
+                children: inputPart.isEquation ? /* @__PURE__ */ jsx36("span", { className: "text-2xl", children: /* @__PURE__ */ jsx36(InlineMath9, { math: inputPart.value }) }) : inputPart.value
               },
               index2
-            )) }) : /* @__PURE__ */ jsx35(
+            )) }) : /* @__PURE__ */ jsx36(
               ShowMaterialMediaByContentType_default,
               {
                 contentType: contentMap.type,
@@ -5037,7 +5087,7 @@ var TrueFalseActivityMaterialContent = ({
               `${uniqueValue}-${index}`
             ) }),
             /* @__PURE__ */ jsxs27("div", { className: "flex flex-row items-center gap-x-2", children: [
-              /* @__PURE__ */ jsx35("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx35("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx36("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ jsx36(
                 BaseImage_default,
                 {
                   src: answerMap.trueList.includes(shuffleOption) ? "/icons/checkbox.png" : "/icons/empty-checkbox.png",
@@ -5048,7 +5098,7 @@ var TrueFalseActivityMaterialContent = ({
                   }
                 }
               ) }) }),
-              /* @__PURE__ */ jsx35("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx35("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx36("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ jsx36(
                 BaseImage_default,
                 {
                   src: answerMap.falseList.includes(shuffleOption) ? "/icons/checkbox.png" : "/icons/empty-checkbox.png",
@@ -5066,12 +5116,12 @@ var TrueFalseActivityMaterialContent = ({
       );
     }) }) : /* @__PURE__ */ jsxs27(Fragment8, { children: [
       answerMap.trueList.map((item) => /* @__PURE__ */ jsxs27("div", { className: "flex flex-row items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx35("div", { className: "flex-1", children: /* @__PURE__ */ jsx35("p", { children: item }) }),
-        /* @__PURE__ */ jsx35("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx35("p", { className: "underline", children: i18n_default.t("true") }) })
+        /* @__PURE__ */ jsx36("div", { className: "flex-1", children: /* @__PURE__ */ jsx36("p", { children: item }) }),
+        /* @__PURE__ */ jsx36("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx36("p", { className: "underline", children: i18n_default.t("true") }) })
       ] })),
       answerMap.falseList.map((item) => /* @__PURE__ */ jsxs27("div", { className: "flex flex-row items-center gap-x-2", children: [
-        /* @__PURE__ */ jsx35("div", { className: "flex-1", children: /* @__PURE__ */ jsx35("p", { children: item }) }),
-        /* @__PURE__ */ jsx35("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx35("p", { className: "underline", children: i18n_default.t("false") }) })
+        /* @__PURE__ */ jsx36("div", { className: "flex-1", children: /* @__PURE__ */ jsx36("p", { children: item }) }),
+        /* @__PURE__ */ jsx36("div", { className: "w-[50px]", children: /* @__PURE__ */ jsx36("p", { className: "underline", children: i18n_default.t("false") }) })
       ] }))
     ] })
   ] });
@@ -5079,7 +5129,7 @@ var TrueFalseActivityMaterialContent = ({
 var TrueFalseActivityMaterialContent_default = TrueFalseActivityMaterialContent;
 
 // src/components/activities/TrueFalseActivityContent.tsx
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
 var TrueFalseActivityContent = ({
   answer,
   data,
@@ -5129,16 +5179,16 @@ var TrueFalseActivityContent = ({
     changeAnswer(answer2);
   };
   return /* @__PURE__ */ jsxs28("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ jsx36("div", { className: "w-full md:w-[40%]", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37("div", { className: "w-full md:w-[40%]", children: /* @__PURE__ */ jsx37(
       ActivityBodyContent_default,
       {
         bodyMap: trueFalseBodyMap,
         templateType: "GROUPING"
       }
     ) }),
-    /* @__PURE__ */ jsx36("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx36(DividerLine_default, {}) }),
-    /* @__PURE__ */ jsx36("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx36(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ jsx36("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37("div", { className: "contents md:hidden", children: /* @__PURE__ */ jsx37(DividerLine_default, {}) }),
+    /* @__PURE__ */ jsx37("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx37(VerticalDividerLine_default, {}) }),
+    /* @__PURE__ */ jsx37("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ jsx37(
       TrueFalseActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -5156,9 +5206,9 @@ var TrueFalseActivityContent = ({
 var TrueFalseActivityContent_default = TrueFalseActivityContent;
 
 // src/components/dividers/BlueVerticalDividerLine.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var BlueVerticalDividerLine = ({ opacity }) => {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: `w-[2px] h-[40px] my-4 bg-catchup-blue ${opacity === "medium" ? "opacity-50" : ""}`
@@ -5167,77 +5217,2372 @@ var BlueVerticalDividerLine = ({ opacity }) => {
 };
 var BlueVerticalDividerLine_default = BlueVerticalDividerLine;
 
-// src/utilization/StorageUtilization.ts
-var convertDataURLtoFile = (dataurl, filename) => {
-  var arr = dataurl.split(","), mime = (arr[0].match(/:(.*?);/) || [])[1], bstr = atob(arr[arr.length - 1]), n = bstr.length, u8arr = new Uint8Array(n);
-  while (n--) {
-    u8arr[n] = bstr.charCodeAt(n);
+// src/components/boxes/SelectionBox.tsx
+import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+var SelectionBox = ({
+  optionList,
+  selectedId,
+  handleSelectOnClick
+}) => {
+  return /* @__PURE__ */ jsx39("div", { className: "flex flex-row items-center gap-x-4 gap-y-2 flex-wrap text-center", children: optionList.map((option, index) => /* @__PURE__ */ jsx39(
+    "div",
+    {
+      className: `${option.id === selectedId ? "border-catchup-blue-400" : "border-catchup-gray-100 hover:border-catchup-blue-500"} border-2 rounded-catchup-xlarge py-3 px-8 cursor-pointer duration-300 transition-all`,
+      onClick: () => {
+        handleSelectOnClick(option.id);
+      },
+      children: /* @__PURE__ */ jsxs29(
+        "div",
+        {
+          className: `flex flex-row items-center gap-x-1 ${option.id === selectedId ? "opacity-100" : "opacity-50"}`,
+          children: [
+            /* @__PURE__ */ jsx39("div", { children: option.icon }),
+            /* @__PURE__ */ jsxs29("div", { className: "flex-1 flex flex-col items-center", children: [
+              /* @__PURE__ */ jsx39("p", { children: option.text }),
+              option.subText ? /* @__PURE__ */ jsxs29("p", { className: "text-md", children: [
+                "(",
+                option.subText,
+                ")"
+              ] }) : null
+            ] })
+          ]
+        }
+      )
+    },
+    index
+  )) });
+};
+var SelectionBox_default = SelectionBox;
+
+// src/components/boxes/SelectionCheckbox.tsx
+import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+var SelectionCheckbox = ({
+  optionList,
+  selectedIdList,
+  handleSelectOnClick,
+  handleRemoveOnClick
+}) => {
+  return /* @__PURE__ */ jsx40("div", { className: "flex flex-row items-center gap-x-4 gap-y-2 flex-wrap text-center", children: optionList.map((option, index) => /* @__PURE__ */ jsx40(
+    "div",
+    {
+      className: `${selectedIdList.findIndex(
+        (selectedId) => selectedId === option.id
+      ) > -1 ? "border-catchup-blue-400" : "border-catchup-gray-100 hover:border-catchup-blue-500"} border-2 rounded-catchup-xlarge py-3 px-6 cursor-pointer duration-300 transition-all`,
+      onClick: () => {
+        if (selectedIdList.findIndex(
+          (selectedId) => selectedId === option.id
+        ) === -1) {
+          handleSelectOnClick(option.id);
+        } else {
+          handleRemoveOnClick(option.id);
+        }
+      },
+      children: /* @__PURE__ */ jsxs30(
+        "div",
+        {
+          className: `flex flex-row items-center gap-x-1 ${selectedIdList.findIndex(
+            (selectedId) => selectedId === option.id
+          ) > -1 ? "opacity-100" : "opacity-50"}`,
+          children: [
+            /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40(
+              BaseImage_default,
+              {
+                src: selectedIdList.findIndex(
+                  (selectedId) => selectedId === option.id
+                ) > -1 ? "/icons/checkbox.png" : "/icons/checkbox-empty.png",
+                alt: "checkbox",
+                size: "small"
+              }
+            ) }),
+            /* @__PURE__ */ jsx40("div", { className: "flex-1", children: /* @__PURE__ */ jsx40("p", { children: option.text }) })
+          ]
+        }
+      )
+    },
+    index
+  )) });
+};
+var SelectionCheckbox_default = SelectionCheckbox;
+
+// src/components/tabs/SelectionTab.tsx
+import { jsx as jsx41 } from "react/jsx-runtime";
+var SelectionTab = ({
+  optionList,
+  selectedId,
+  handleSelectOnClick,
+  selectedTextColor,
+  selectedBorderColor,
+  textColor,
+  borderColor
+}) => {
+  return /* @__PURE__ */ jsx41("div", { className: "flex flex-row items-center gap-x-4 gap-y-2 flex-wrap mb-5 text-lg text-center", children: optionList.map((option, index) => /* @__PURE__ */ jsx41(
+    "div",
+    {
+      className: `${selectedId === option.id ? selectedTextColor ? selectedTextColor : "text-catchup-blue-500" : textColor ? textColor : "text-catchup-gray-300"} ${selectedId === option.id ? selectedBorderColor ? selectedBorderColor : "border-catchup-blue-500" : borderColor ? borderColor : "border-catchup-gray-50"} border-b-2 transition-all duration-300 p-3 cursor-pointer`,
+      onClick: () => {
+        handleSelectOnClick(option.id);
+      },
+      children: option.title
+    },
+    index
+  )) });
+};
+var SelectionTab_default = SelectionTab;
+
+// src/components/labels/ActivityTemplateLabel.tsx
+import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
+var ActivityTemplateLabel = ({ title }) => {
+  return /* @__PURE__ */ jsx42("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge", children: /* @__PURE__ */ jsxs31("div", { className: "flex flex-row items-center gap-x-2", children: [
+    /* @__PURE__ */ jsx42(BaseImage_default, { src: "/icons/activity.png", alt: "label", size: "xsmall" }),
+    /* @__PURE__ */ jsx42("p", { className: "text-md", children: title })
+  ] }) });
+};
+var ActivityTemplateLabel_default = ActivityTemplateLabel;
+
+// src/components/labels/BrandLabel.tsx
+import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
+var BrandLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ jsx43("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge", children: /* @__PURE__ */ jsxs32("div", { className: "flex flex-row items-center gap-x-2", children: [
+    icon ? icon : /* @__PURE__ */ jsx43(BaseImage_default, { src: "/icons/brand-label.png", alt: "label", size: "xsmall" }),
+    /* @__PURE__ */ jsx43("p", { className: font ? font : "text-sm", children: title })
+  ] }) });
+};
+var BrandLabel_default = BrandLabel;
+
+// src/components/labels/CoterieLabel.tsx
+import { jsx as jsx44 } from "react/jsx-runtime";
+var CoterieLabel = ({ title }) => {
+  return /* @__PURE__ */ jsx44("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge", children: /* @__PURE__ */ jsx44("p", { className: "text-md", children: title }) });
+};
+var CoterieLabel_default = CoterieLabel;
+
+// src/components/labels/GradeLabel.tsx
+import { jsx as jsx45 } from "react/jsx-runtime";
+var GradeLabel = ({ title }) => {
+  return /* @__PURE__ */ jsx45("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge", children: /* @__PURE__ */ jsx45("p", { className: "text-sm", children: title }) });
+};
+var GradeLabel_default = GradeLabel;
+
+// src/components/labels/OutcomeLabel.tsx
+import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
+var OutcomeLabel = ({ title }) => {
+  return /* @__PURE__ */ jsx46("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge", children: /* @__PURE__ */ jsxs33("div", { className: "flex flex-row items-center gap-x-2", children: [
+    /* @__PURE__ */ jsx46(BaseImage_default, { src: "/icons/category.png", alt: "label", size: "xsmall" }),
+    /* @__PURE__ */ jsx46("p", { className: "text-md", children: title })
+  ] }) });
+};
+var OutcomeLabel_default = OutcomeLabel;
+
+// src/components/labels/PersonalLabel.tsx
+import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
+var PersonalLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ jsx47("div", { className: "px-3 py-1 gap-x-3 border border-personal-label-border bg-personal-label text-personal-label-text rounded-catchup-3xlarge", children: /* @__PURE__ */ jsxs34("div", { className: "flex flex-row items-center gap-x-2", children: [
+    icon ? icon : /* @__PURE__ */ jsx47(
+      BaseImage_default,
+      {
+        src: "/icons/personal-label.png",
+        alt: "label",
+        size: "xsmall"
+      }
+    ),
+    /* @__PURE__ */ jsx47("p", { className: font ? font : "text-sm", children: title })
+  ] }) });
+};
+var PersonalLabel_default = PersonalLabel;
+
+// src/components/labels/PublishingHouseLabel.tsx
+import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
+var PublishingHouseLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ jsx48("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge", children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-row items-center gap-x-2", children: [
+    icon ? icon : /* @__PURE__ */ jsx48(
+      BaseImage_default,
+      {
+        src: "/icons/publishing-house-label.png",
+        alt: "label",
+        size: "xsmall"
+      }
+    ),
+    /* @__PURE__ */ jsx48("p", { className: font ? font : "text-sm", children: title })
+  ] }) });
+};
+var PublishingHouseLabel_default = PublishingHouseLabel;
+
+// src/utilization/AuthorizationUtilization.ts
+var parseJwt = (token) => {
+  var base64Url = token.split(".")[1];
+  var base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
+  var jsonPayload = decodeURIComponent(
+    window.atob(base64).split("").map(function(c) {
+      return "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2);
+    }).join("")
+  );
+  return JSON.parse(jsonPayload);
+};
+
+// src/utilization/ManagementUtilization.ts
+var retrieveBrandDTOByUserProfileOptionList = (userProfile) => {
+  const brandDTOOptionList = [];
+  if (userProfile) {
+    for (const branchDTO of userProfile.branchDTOList) {
+      const currentBrand = branchDTO.gradeDTO.seasonDTO.institutionDTO.campusDTO.brandDTO;
+      if (brandDTOOptionList.findIndex(
+        (brandDTOOption) => brandDTOOption.value === currentBrand.id
+      ) === -1) {
+        brandDTOOptionList.push({
+          value: currentBrand.id,
+          fullValue: currentBrand,
+          text: currentBrand.name
+        });
+      }
+    }
+    for (const gradeDTO of userProfile.gradeDTOList) {
+      const currentBrand = gradeDTO.seasonDTO.institutionDTO.campusDTO.brandDTO;
+      if (brandDTOOptionList.findIndex(
+        (brandDTOOption) => brandDTOOption.value === currentBrand.id
+      ) === -1) {
+        brandDTOOptionList.push({
+          value: currentBrand.id,
+          fullValue: currentBrand,
+          text: currentBrand.name
+        });
+      }
+    }
+    for (const seasonDTO of userProfile.seasonDTOList) {
+      const currentBrand = seasonDTO.institutionDTO.campusDTO.brandDTO;
+      if (brandDTOOptionList.findIndex(
+        (brandDTOOption) => brandDTOOption.value === currentBrand.id
+      ) === -1) {
+        brandDTOOptionList.push({
+          value: currentBrand.id,
+          fullValue: currentBrand,
+          text: currentBrand.name
+        });
+      }
+    }
+    for (const institutionDTO of userProfile.institutionDTOList) {
+      const currentBrand = institutionDTO.campusDTO.brandDTO;
+      if (brandDTOOptionList.findIndex(
+        (brandDTOOption) => brandDTOOption.value === currentBrand.id
+      ) === -1) {
+        brandDTOOptionList.push({
+          value: currentBrand.id,
+          fullValue: currentBrand,
+          text: currentBrand.name
+        });
+      }
+    }
+    for (const campusDTO of userProfile.campusDTOList) {
+      const currentBrand = campusDTO.brandDTO;
+      if (brandDTOOptionList.findIndex(
+        (brandDTOOption) => brandDTOOption.value === currentBrand.id
+      ) === -1) {
+        brandDTOOptionList.push({
+          value: currentBrand.id,
+          fullValue: currentBrand,
+          text: currentBrand.name
+        });
+      }
+    }
+    for (const brandDTO of userProfile.brandDTOList) {
+      const currentBrand = brandDTO;
+      if (brandDTOOptionList.findIndex(
+        (brandDTOOption) => brandDTOOption.value === currentBrand.id
+      ) === -1) {
+        brandDTOOptionList.push({
+          value: currentBrand.id,
+          fullValue: currentBrand,
+          text: currentBrand.name
+        });
+      }
+    }
   }
-  return new File([u8arr], filename, { type: mime });
+  return brandDTOOptionList;
 };
-var retrieveDocumentTypeFromAcceptedFormat = (format) => {
-  if (format === "application/pdf") {
-    return "PDF";
-  } else if (format === "image/jpeg" || format === "image/png" || format === "image/jpg") {
-    return "IMAGE";
-  } else if (format === "audio/mp3") {
-    return "AUDIO";
+var retrieveBrandDTOOptionList = (brandDTOList) => {
+  return brandDTOList.map((brandDTO) => ({
+    value: brandDTO.id,
+    text: brandDTO.name,
+    fullValue: brandDTO
+  }));
+};
+var retrieveCampusDTOOptionList = (campusDTOList) => {
+  return campusDTOList.map((campusDTO) => ({
+    value: campusDTO.id,
+    text: `${campusDTO.name} (${campusDTO.brandDTO.name})`,
+    fullValue: campusDTO
+  }));
+};
+var retrieveInstitutionDTOOptionList = (institutionDTOList) => {
+  return institutionDTOList.map((institutionDTO) => ({
+    value: institutionDTO.id,
+    text: `${institutionDTO.name} (${institutionDTO.campusDTO.name} - ${institutionDTO.campusDTO.brandDTO.name})`,
+    fullValue: institutionDTO
+  }));
+};
+var retrieveSeasonDTOOptionList = (seasonDTOList) => {
+  return seasonDTOList.map((seasonDTO) => ({
+    value: seasonDTO.id,
+    text: `${seasonDTO.name} (${seasonDTO.institutionDTO.name})`,
+    fullValue: seasonDTO
+    // text: `${seasonDTO.name} (${seasonDTO.institutionDTO.name} - ${seasonDTO.institutionDTO.campusDTO.name}/${seasonDTO.institutionDTO.campusDTO.brandDTO.name})`,
+  }));
+};
+var retrieveGradeDTOOptionList = (gradeDTOList) => {
+  return gradeDTOList.map((gradeDTO) => ({
+    value: gradeDTO.id,
+    text: `${gradeDTO.name} (${gradeDTO.seasonDTO.name} - ${gradeDTO.seasonDTO.institutionDTO.name})`,
+    fullValue: gradeDTO
+    // text: `${gradeDTO.name} (${gradeDTO.seasonDTO.name} ${gradeDTO.seasonDTO.institutionDTO.name} - ${gradeDTO.seasonDTO.institutionDTO.campusDTO.name}/${gradeDTO.seasonDTO.institutionDTO.campusDTO.brandDTO.name})`,
+  }));
+};
+var retrieveBranchDTOOptionList = (branchDTOList) => {
+  return branchDTOList.map((branchDTO) => ({
+    value: branchDTO.id,
+    text: `${branchDTO.name} (${branchDTO.gradeDTO.name} - ${branchDTO.gradeDTO.seasonDTO.name}/${branchDTO.gradeDTO.seasonDTO.institutionDTO.name})`,
+    fullValue: branchDTO
+    // text: `${branchDTO.name} (${branchDTO.gradeDTO.name} - ${branchDTO.gradeDTO.seasonDTO.name}/${branchDTO.gradeDTO.seasonDTO.institutionDTO.name}/${branchDTO.gradeDTO.seasonDTO.institutionDTO.campusDTO.name}/${branchDTO.gradeDTO.seasonDTO.institutionDTO.campusDTO.brandDTO.name})`,
+  }));
+};
+var retrieveCampusDTOByUserProfileOptionList = (userProfile, selectedBrandId) => {
+  const campusDTOOptionList = [];
+  if (userProfile) {
+    if (selectedBrandId) {
+      for (const branchDTO of userProfile.branchDTOList) {
+        const currentCampus = branchDTO.gradeDTO.seasonDTO.institutionDTO.campusDTO;
+        if (campusDTOOptionList.findIndex(
+          (campusDTOOption) => campusDTOOption.value === currentCampus.id
+        ) === -1 && currentCampus.brandDTO.id === parseFloat(selectedBrandId)) {
+          campusDTOOptionList.push({
+            value: currentCampus.id,
+            fullValue: currentCampus,
+            text: currentCampus.name
+          });
+        }
+      }
+      for (const gradeDTO of userProfile.gradeDTOList) {
+        const currentCampus = gradeDTO.seasonDTO.institutionDTO.campusDTO;
+        if (campusDTOOptionList.findIndex(
+          (campusDTOOption) => campusDTOOption.value === currentCampus.id
+        ) === -1 && currentCampus.brandDTO.id === parseFloat(selectedBrandId)) {
+          campusDTOOptionList.push({
+            value: currentCampus.id,
+            fullValue: currentCampus,
+            text: currentCampus.name
+          });
+        }
+      }
+      for (const seasonDTO of userProfile.seasonDTOList) {
+        const currentCampus = seasonDTO.institutionDTO.campusDTO;
+        if (campusDTOOptionList.findIndex(
+          (campusDTOOption) => campusDTOOption.value === currentCampus.id
+        ) === -1 && currentCampus.brandDTO.id === parseFloat(selectedBrandId)) {
+          campusDTOOptionList.push({
+            value: currentCampus.id,
+            fullValue: currentCampus,
+            text: currentCampus.name
+          });
+        }
+      }
+      for (const institutionDTO of userProfile.institutionDTOList) {
+        const currentCampus = institutionDTO.campusDTO;
+        if (campusDTOOptionList.findIndex(
+          (campusDTOOption) => campusDTOOption.value === currentCampus.id
+        ) === -1 && currentCampus.brandDTO.id === parseFloat(selectedBrandId)) {
+          campusDTOOptionList.push({
+            value: currentCampus.id,
+            fullValue: currentCampus,
+            text: currentCampus.name
+          });
+        }
+      }
+      for (const campusDTO of userProfile.campusDTOList) {
+        const currentCampus = campusDTO;
+        if (campusDTOOptionList.findIndex(
+          (campusDTOOption) => campusDTOOption.value === currentCampus.id
+        ) === -1 && currentCampus.brandDTO.id === parseFloat(selectedBrandId)) {
+          campusDTOOptionList.push({
+            value: currentCampus.id,
+            fullValue: currentCampus,
+            text: currentCampus.name
+          });
+        }
+      }
+      return campusDTOOptionList;
+    }
   }
+  return [];
 };
-var retrieveDocumentTypeFromExtension = (format) => {
-  if (format === "pdf") {
-    return "PDF";
-  } else if (format === "jpeg" || format === "png" || format === "jpg") {
-    return "IMAGE";
-  } else if (format === "mp3") {
-    return "AUDIO";
+var retrieveInstitutionDTOByUserProfileOptionList = (userProfile, selectedBrandId, selectedCampusId) => {
+  const institutionDTOOptionList = [];
+  if (userProfile) {
+    if (selectedCampusId) {
+      for (const branchDTO of userProfile.branchDTOList) {
+        const currentInstitution = branchDTO.gradeDTO.seasonDTO.institutionDTO;
+        if (institutionDTOOptionList.findIndex(
+          (institutionDTOOption) => institutionDTOOption.value === currentInstitution.id
+        ) === -1 && currentInstitution.campusDTO.brandDTO.id === parseFloat(selectedBrandId) && currentInstitution.campusDTO.id === parseFloat(selectedCampusId)) {
+          institutionDTOOptionList.push({
+            value: currentInstitution.id,
+            fullValue: currentInstitution,
+            text: currentInstitution.name
+          });
+        }
+      }
+      for (const gradeDTO of userProfile.gradeDTOList) {
+        const currentInstitution = gradeDTO.seasonDTO.institutionDTO;
+        if (institutionDTOOptionList.findIndex(
+          (institutionDTOOption) => institutionDTOOption.value === currentInstitution.id
+        ) === -1 && currentInstitution.campusDTO.brandDTO.id === parseFloat(selectedBrandId) && currentInstitution.campusDTO.id === parseFloat(selectedCampusId)) {
+          institutionDTOOptionList.push({
+            value: currentInstitution.id,
+            fullValue: currentInstitution,
+            text: currentInstitution.name
+          });
+        }
+      }
+      for (const seasonDTO of userProfile.seasonDTOList) {
+        const currentInstitution = seasonDTO.institutionDTO;
+        if (institutionDTOOptionList.findIndex(
+          (institutionDTOOption) => institutionDTOOption.value === currentInstitution.id
+        ) === -1 && currentInstitution.campusDTO.brandDTO.id === parseFloat(selectedBrandId) && currentInstitution.campusDTO.id === parseFloat(selectedCampusId)) {
+          institutionDTOOptionList.push({
+            value: currentInstitution.id,
+            fullValue: currentInstitution,
+            text: currentInstitution.name
+          });
+        }
+      }
+      for (const institutionDTO of userProfile.institutionDTOList) {
+        const currentInstitution = institutionDTO;
+        if (institutionDTOOptionList.findIndex(
+          (institutionDTOOption) => institutionDTOOption.value === currentInstitution.id
+        ) === -1 && currentInstitution.campusDTO.brandDTO.id === parseFloat(selectedBrandId) && currentInstitution.campusDTO.id === parseFloat(selectedCampusId)) {
+          institutionDTOOptionList.push({
+            value: currentInstitution.id,
+            fullValue: currentInstitution,
+            text: currentInstitution.name
+          });
+        }
+      }
+    }
+  }
+  return institutionDTOOptionList;
+};
+var retrieveSeasonDTOByUserProfileOptionList = (userProfile, selectedBrandId, selectedInstitutionId) => {
+  const seasonDTOOptionList = [];
+  if (userProfile) {
+    if (selectedInstitutionId) {
+      for (const branchDTO of userProfile.branchDTOList) {
+        const currentSeason = branchDTO.gradeDTO.seasonDTO;
+        if (seasonDTOOptionList.findIndex(
+          (seasonDTOOption) => seasonDTOOption.value === currentSeason.id
+        ) === -1 && currentSeason.institutionDTO.campusDTO.brandDTO.id === parseFloat(selectedBrandId) && currentSeason.institutionDTO.id === parseFloat(selectedInstitutionId)) {
+          seasonDTOOptionList.push({
+            value: currentSeason.id,
+            fullValue: currentSeason,
+            text: currentSeason.name
+          });
+        }
+      }
+      for (const gradeDTO of userProfile.gradeDTOList) {
+        const currentSeason = gradeDTO.seasonDTO;
+        if (seasonDTOOptionList.findIndex(
+          (seasonDTOOption) => seasonDTOOption.value === currentSeason.id
+        ) === -1 && currentSeason.institutionDTO.campusDTO.brandDTO.id === parseFloat(selectedBrandId) && currentSeason.institutionDTO.id === parseFloat(selectedInstitutionId)) {
+          seasonDTOOptionList.push({
+            value: currentSeason.id,
+            fullValue: currentSeason,
+            text: currentSeason.name
+          });
+        }
+      }
+      for (const seasonDTO of userProfile.seasonDTOList) {
+        const currentSeason = seasonDTO;
+        if (seasonDTOOptionList.findIndex(
+          (seasonDTOOption) => seasonDTOOption.value === currentSeason.id
+        ) === -1 && currentSeason.institutionDTO.campusDTO.brandDTO.id === parseFloat(selectedBrandId) && currentSeason.institutionDTO.id === parseFloat(selectedInstitutionId)) {
+          seasonDTOOptionList.push({
+            value: currentSeason.id,
+            fullValue: currentSeason,
+            text: currentSeason.name
+          });
+        }
+      }
+    }
+  }
+  return seasonDTOOptionList;
+};
+var retrieveGradeDTOByUserProfileOptionList = (userProfile, selectedBrandId, selectedSeasonId) => {
+  const gradeDTOOptionList = [];
+  if (userProfile) {
+    if (selectedSeasonId) {
+      for (const branchDTO of userProfile.branchDTOList) {
+        const currentGrade = branchDTO.gradeDTO;
+        if (gradeDTOOptionList.findIndex(
+          (gradeDTOOption) => gradeDTOOption.value === currentGrade.id
+        ) === -1 && currentGrade.seasonDTO.institutionDTO.campusDTO.brandDTO.id === parseFloat(selectedBrandId) && currentGrade.seasonDTO.id === parseFloat(selectedSeasonId)) {
+          gradeDTOOptionList.push({
+            value: currentGrade.id,
+            fullValue: currentGrade,
+            text: currentGrade.name
+          });
+        }
+      }
+      for (const gradeDTO of userProfile.gradeDTOList) {
+        const currentGrade = gradeDTO;
+        if (gradeDTOOptionList.findIndex(
+          (gradeDTOOption) => gradeDTOOption.value === currentGrade.id
+        ) === -1 && currentGrade.seasonDTO.institutionDTO.campusDTO.brandDTO.id === parseFloat(selectedBrandId) && currentGrade.seasonDTO.id === parseFloat(selectedSeasonId)) {
+          gradeDTOOptionList.push({
+            value: currentGrade.id,
+            fullValue: currentGrade,
+            text: currentGrade.name
+          });
+        }
+      }
+    }
+  }
+  return gradeDTOOptionList;
+};
+var retrieveBranchDTOByUserProfileOptionList = (userProfile, selectedBrandId, selectedGradeId) => {
+  const branchDTOOptionList = [];
+  if (userProfile) {
+    if (selectedGradeId) {
+      for (const branchDTO of userProfile.branchDTOList) {
+        const currentBranch = branchDTO;
+        if (branchDTOOptionList.findIndex(
+          (branchDTOOption) => branchDTOOption.value === currentBranch.id
+        ) === -1 && currentBranch.gradeDTO.seasonDTO.institutionDTO.campusDTO.brandDTO.id === parseFloat(selectedBrandId) && currentBranch.gradeDTO.id === parseFloat(selectedGradeId)) {
+          branchDTOOptionList.push({
+            value: currentBranch.id,
+            fullValue: currentBranch,
+            text: currentBranch.name
+          });
+        }
+      }
+    }
   }
+  return branchDTOOptionList;
+};
+var retrieveExternalRegistrationDTOOptionList = (externalRegistrationDTOList) => {
+  return externalRegistrationDTOList.map((externalRegistrationDTO) => ({
+    value: externalRegistrationDTO.id,
+    text: externalRegistrationDTO.name,
+    fullValue: externalRegistrationDTO
+    // text: `${seasonDTO.name} (${seasonDTO.institutionDTO.name} - ${seasonDTO.institutionDTO.campusDTO.name}/${seasonDTO.institutionDTO.campusDTO.brandDTO.name})`,
+  }));
+};
+var retrieveGenderOptionList = () => {
+  return [
+    {
+      value: "MALE",
+      text: i18n_default.t("MALE")
+    },
+    {
+      value: "FEMALE",
+      text: i18n_default.t("FEMALE")
+    },
+    {
+      value: "NOT_GIVEN",
+      text: i18n_default.t("NOT_GIVEN")
+    }
+  ];
+};
+var retrieveEnableOptionList = () => {
+  return [
+    {
+      value: true,
+      text: i18n_default.t("yes")
+    },
+    {
+      value: false,
+      text: i18n_default.t("no")
+    }
+  ];
+};
+var retrieveUserRoleOptionList = () => {
+  return [
+    {
+      value: "STAFF",
+      text: i18n_default.t("STAFF")
+    },
+    {
+      value: "LEARNER",
+      text: i18n_default.t("LEARNER")
+    },
+    {
+      value: "PARENT",
+      text: i18n_default.t("PARENT")
+    },
+    {
+      value: "INDIVIDUAL",
+      text: i18n_default.t("INDIVIDUAL")
+    },
+    {
+      value: "CONTENT_CREATOR",
+      text: i18n_default.t("CONTENT_CREATOR")
+    }
+  ];
+};
+var filterUserRoleOptionList = (accountType, userProfileRole) => {
+  if (accountType === "GENIXO") {
+    return retrieveUserRoleOptionList().filter(
+      (userRoleOption) => userRoleOption.value === "STAFF" || userRoleOption.value === "LEARNER" || userRoleOption.value === "CONTENT_CREATOR"
+    );
+  } else {
+    if (userProfileRole === "STAFF") {
+      return retrieveUserRoleOptionList().filter(
+        (userRoleOption) => userRoleOption.value === "STAFF" || userRoleOption.value === "LEARNER"
+      );
+    } else if (userProfileRole === "INDIVIDUAL") {
+      return retrieveUserRoleOptionList().filter(
+        (userRoleOption) => userRoleOption.value === "LEARNER"
+      );
+    }
+  }
+  return [];
+};
+var retrieveDefaultUserRoleOptionList = () => {
+  return [
+    {
+      value: "BASIC",
+      text: i18n_default.t("BASIC")
+    },
+    {
+      value: "LEARNER",
+      text: i18n_default.t("LEARNER")
+    },
+    {
+      value: "STAFF_WRITER",
+      text: i18n_default.t("STAFF_WRITER")
+    },
+    {
+      value: "STAFF_TEACHER",
+      text: i18n_default.t("STAFF_TEACHER")
+    },
+    {
+      value: "STAFF_COTERIE_MANAGER",
+      text: i18n_default.t("STAFF_COTERIE_MANAGER")
+    },
+    {
+      value: "STAFF_INSTITUTION_MANAGER",
+      text: i18n_default.t("STAFF_INSTITUTION_MANAGER")
+    },
+    {
+      value: "STAFF_INSTITUTION_ASSISTANT_MANAGER",
+      text: i18n_default.t("STAFF_INSTITUTION_ASSISTANT_MANAGER")
+    },
+    {
+      value: "STAFF_CAMPUS_MANAGER",
+      text: i18n_default.t("STAFF_CAMPUS_MANAGER")
+    },
+    {
+      value: "STAFF_BRAND_MANAGER",
+      text: i18n_default.t("STAFF_BRAND_MANAGER")
+    },
+    {
+      value: "STAFF_INFORMATION_TECHNOLOGY",
+      text: i18n_default.t("STAFF_INFORMATION_TECHNOLOGY")
+    },
+    {
+      value: "INDIVIDUAL",
+      text: i18n_default.t("INDIVIDUAL")
+    },
+    {
+      value: "CONTENT_CREATOR",
+      text: i18n_default.t("CONTENT_CREATOR")
+    }
+  ];
+};
+var retrieveCountryCodeOptionList = () => {
+  return [
+    {
+      value: "TR",
+      text: i18n_default.t("TR"),
+      parent: "TURKEY"
+    }
+    // {
+    //   value: "US",
+    //   text: i18n.t("US"),
+    //   parent: "UNITED_STATES",
+    // },
+    // {
+    //   value: "DE",
+    //   text: i18n.t("DE"),
+    //   parent: "GERMANY",
+    // },
+  ];
+};
+var retrieveCountryNameOptionList = () => {
+  return [
+    {
+      value: "TURKEY",
+      text: i18n_default.t("TURKEY")
+    }
+    // {
+    //   value: "UNITED_STATES",
+    //   text: i18n.t("UNITED_STATES"),
+    // },
+    // {
+    //   value: "GERMANY",
+    //   text: i18n.t("GERMANY"),
+    // },
+  ];
+};
+var retrieveProvinceNameOptionList = () => {
+  return [
+    // { parent: "TURKEY", value: "ADANA", text: "Adana", code: "01" },
+    // { parent: "TURKEY", value: "ADIYAMAN", text: "Adıyaman", code: "02" },
+    // { parent: "TURKEY", value: "AFYON", text: "Afyon", code: "03" },
+    // { parent: "TURKEY", value: "AGRI", text: "Ağrı", code: "04" },
+    // { parent: "TURKEY", value: "AMASYA", text: "Amasya", code: "05" },
+    { parent: "TURKEY", value: "ANKARA", text: "Ankara", code: "06" },
+    { parent: "TURKEY", value: "ANTALYA", text: "Antalya", code: "07" },
+    // { parent: "TURKEY", value: "ARTVIN", text: "Artvin", code: "08" },
+    // { parent: "TURKEY", value: "AYDIN", text: "Aydın", code: "09" },
+    // { parent: "TURKEY", value: "BALIKESIR", text: "Balıkesir", code: "10" },
+    // { parent: "TURKEY", value: "BILECIK", text: "Bilecik", code: "11" },
+    // { parent: "TURKEY", value: "BINGOL", text: "Bingöl", code: "12" },
+    // { parent: "TURKEY", value: "BITLIS", text: "Bitlis", code: "13" },
+    // { parent: "TURKEY", value: "BOLU", text: "Bolu", code: "14" },
+    // { parent: "TURKEY", value: "BURDUR", text: "Burdur", code: "15" },
+    // { 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: "DENIZLI", text: "Denizli", code: "20" },
+    // { parent: "TURKEY", value: "DIYARBAKIR", text: "Diyarbakır", code: "21" },
+    // { parent: "TURKEY", value: "EDIRNE", text: "Edirne", code: "22" },
+    // { parent: "TURKEY", value: "ELAZIG", text: "Elazığ", code: "23" },
+    // { parent: "TURKEY", value: "ERZINCAN", text: "Erzincan", code: "24" },
+    // { parent: "TURKEY", value: "ERZURUM", text: "Erzurum", code: "25" },
+    { parent: "TURKEY", value: "ESKISEHIR", text: "Eski\u015Fehir", code: "26" },
+    { parent: "TURKEY", value: "GAZIANTEP", text: "Gaziantep", code: "27" },
+    // { parent: "TURKEY", value: "GIRESUN", text: "Giresun", code: "28" },
+    // { parent: "TURKEY", value: "GUMUSHANE", text: "Gümüşhane", code: "29" },
+    // { parent: "TURKEY", value: "HAKKARI", text: "Hakkari", code: "30" },
+    // { parent: "TURKEY", value: "HATAY", text: "Hatay", code: "31" },
+    // { parent: "TURKEY", value: "ISPARTA", text: "Isparta", code: "32" },
+    { parent: "TURKEY", value: "MERSIN", text: "Mersin", code: "33" },
+    { parent: "TURKEY", value: "ISTANBUL", text: "\u0130stanbul", code: "34" },
+    { parent: "TURKEY", value: "IZMIR", text: "\u0130zmir", code: "35" }
+    // { parent: "TURKEY", value: "KARS", text: "Kars", code: "36" },
+    // { parent: "TURKEY", value: "KASTAMONU", text: "Kastamonu", code: "37" },
+    // { parent: "TURKEY", value: "KAYSERI", text: "Kayseri", code: "38" },
+    // { parent: "TURKEY", value: "KIRKLARELI", text: "Kırklareli", code: "39" },
+    // { parent: "TURKEY", value: "KIRSEHIR", text: "Kırşehir", code: "40" },
+    // { parent: "TURKEY", value: "KOCAELI", text: "Kocaeli", code: "41" },
+    // { parent: "TURKEY", value: "KONYA", text: "Konya", code: "42" },
+    // { parent: "TURKEY", value: "KUTAHYA", text: "Kütahya", code: "43" },
+    // { parent: "TURKEY", value: "MALATYA", text: "Malatya", code: "44" },
+    // { parent: "TURKEY", value: "MANISA", text: "Manisa", code: "45" },
+    // {
+    //   parent: "TURKEY",
+    //   value: "KAHRAMANMARAS",
+    //   text: "Kahramanmaraş",
+    //   code: "46",
+    // },
+    // { parent: "TURKEY", value: "MARDIN", text: "Mardin", code: "47" },
+    // { parent: "TURKEY", value: "MUGLA", text: "Muğla", code: "48" },
+    // { parent: "TURKEY", value: "MUS", text: "Muş", code: "49" },
+    // { parent: "TURKEY", value: "NEVSEHIR", text: "Nevşehir", code: "50" },
+    // { parent: "TURKEY", value: "NIGDE", text: "Niğde", code: "51" },
+    // { parent: "TURKEY", value: "ORDU", text: "Ordu", code: "52" },
+    // { parent: "TURKEY", value: "RIZE", text: "Rize", code: "53" },
+    // { parent: "TURKEY", value: "SAKARYA", text: "Sakarya", code: "54" },
+    // { parent: "TURKEY", value: "SAMSUN", text: "Samsun", code: "55" },
+    // { parent: "TURKEY", value: "SIIRT", text: "Siirt", code: "56" },
+    // { parent: "TURKEY", value: "SINOP", text: "Sinop", code: "57" },
+    // { parent: "TURKEY", value: "SIVAS", text: "Sivas", code: "58" },
+    // { parent: "TURKEY", value: "TEKIRDAG", text: "Tekirdağ", code: "59" },
+    // { parent: "TURKEY", value: "TOKAT", text: "Tokat", code: "60" },
+    // { parent: "TURKEY", value: "TRABZON", text: "Trabzon", code: "61" },
+    // { parent: "TURKEY", value: "TUNCELI", text: "Tunceli", code: "62" },
+    // { parent: "TURKEY", value: "SANLIURFA", text: "Şanlıurfa", code: "63" },
+    // { parent: "TURKEY", value: "USAK", text: "Uşak", code: "64" },
+    // { parent: "TURKEY", value: "VAN", text: "Van", code: "65" },
+    // { parent: "TURKEY", value: "YOZGAT", text: "Yozgat", code: "66" },
+    // { parent: "TURKEY", value: "ZONGULDAK", text: "Zonguldak", code: "67" },
+    // { parent: "TURKEY", value: "AKSARAY", text: "Aksaray", code: "68" },
+    // { parent: "TURKEY", value: "BAYBURT", text: "Bayburt", code: "69" },
+    // { parent: "TURKEY", value: "KARAMAN", text: "Karaman", code: "70" },
+    // { parent: "TURKEY", value: "KIRIKKALE", text: "Kırıkkale", code: "71" },
+    // { parent: "TURKEY", value: "BATMAN", text: "Batman", code: "72" },
+    // { parent: "TURKEY", value: "SIRNAK", text: "Şırnak", code: "73" },
+    // { parent: "TURKEY", value: "BARTIN", text: "Bartın", code: "74" },
+    // { parent: "TURKEY", value: "ARDAHAN", text: "Ardahan", code: "75" },
+    // { parent: "TURKEY", value: "IGDIR", text: "Iğdır", code: "76" },
+    // { parent: "TURKEY", value: "YALOVA", text: "Yalova", code: "77" },
+    // { parent: "TURKEY", value: "KARABUK", text: "Karabük", code: "78" },
+    // { parent: "TURKEY", value: "KILIS", text: "Kilis", code: "79" },
+    // { parent: "TURKEY", value: "OSMANIYE", text: "Osmaniye", code: "80" },
+    // { parent: "TURKEY", value: "Düzce", text: "Düzce", code: "81" },
+  ];
+};
+var retrievePhoneNumberAreaCodeList = () => {
+  return [
+    {
+      parent: "UNITED_STATES",
+      value: "+1",
+      text: "+1"
+    },
+    {
+      parent: "GERMANY",
+      value: "+49",
+      text: "+49"
+    },
+    {
+      parent: "TURKEY",
+      value: "+90",
+      text: "+90"
+    }
+  ];
+};
+var retrieveInstitutionTypeOptionList = () => {
+  return [
+    {
+      value: "WEST_PRIMARY",
+      text: i18n_default.t("WEST_PRIMARY")
+    },
+    {
+      value: "EAST_PRIMARY",
+      text: i18n_default.t("EAST_PRIMARY")
+    },
+    {
+      value: "EAST_SECONDARY",
+      text: i18n_default.t("EAST_SECONDARY")
+    },
+    {
+      value: "HIGH_SCHOOL",
+      text: i18n_default.t("HIGH_SCHOOL")
+    },
+    {
+      value: "COLLEGE",
+      text: i18n_default.t("COLLEGE")
+    },
+    {
+      value: "PRIVATE_TRAINING",
+      text: i18n_default.t("PRIVATE_TRAINING")
+    },
+    {
+      value: "PRIVATE_LESSON",
+      text: i18n_default.t("PRIVATE_LESSON")
+    },
+    {
+      value: "COURSE",
+      text: i18n_default.t("COURSE")
+    },
+    {
+      value: "COMPANY",
+      text: i18n_default.t("COMPANY")
+    },
+    {
+      value: "ORGANIZATION",
+      text: i18n_default.t("ORGANIZATION")
+    }
+  ];
+};
+var retrieveGradeLevelOptionList = () => {
+  return [
+    {
+      value: 0,
+      text: i18n_default.t("other")
+    },
+    {
+      value: 1,
+      text: i18n_default.t("1")
+    },
+    {
+      value: 2,
+      text: i18n_default.t("2")
+    },
+    {
+      value: 3,
+      text: i18n_default.t("3")
+    },
+    {
+      value: 4,
+      text: i18n_default.t("4")
+    },
+    {
+      value: 5,
+      text: i18n_default.t("5")
+    },
+    {
+      value: 6,
+      text: i18n_default.t("6")
+    },
+    {
+      value: 7,
+      text: i18n_default.t("7")
+    },
+    {
+      value: 8,
+      text: i18n_default.t("8")
+    },
+    {
+      value: 9,
+      text: i18n_default.t("9")
+    },
+    {
+      value: 10,
+      text: i18n_default.t("10")
+    },
+    {
+      value: 11,
+      text: i18n_default.t("11")
+    },
+    {
+      value: 12,
+      text: i18n_default.t("12")
+    }
+  ];
+};
+var constructUserProfileQueryParams = (userProfile, userProfileBrand) => {
+  let queryParams;
+  if (userProfile.branchDTOList.length > 0) {
+    queryParams = __spreadProps(__spreadValues({}, queryParams), {
+      branchIdList: userProfile.branchDTOList.map(
+        (branchDTO) => branchDTO.id
+      )
+    });
+  } else if (userProfile.gradeDTOList.length > 0) {
+    queryParams = __spreadProps(__spreadValues({}, queryParams), {
+      gradeIdList: userProfile.gradeDTOList.map((gradeDTO) => gradeDTO.id)
+    });
+  } else if (userProfile.seasonDTOList.length > 0) {
+    queryParams = __spreadProps(__spreadValues({}, queryParams), {
+      seasonIdList: userProfile.seasonDTOList.map(
+        (seasonDTO) => seasonDTO.id
+      )
+    });
+  } else if (userProfile.institutionDTOList.length > 0) {
+    queryParams = __spreadProps(__spreadValues({}, queryParams), {
+      institutionIdList: userProfile.institutionDTOList.map(
+        (institutionDTO) => institutionDTO.id
+      )
+    });
+  } else if (userProfile.campusDTOList.length > 0) {
+    queryParams = __spreadProps(__spreadValues({}, queryParams), {
+      campusIdList: userProfile.campusDTOList.map(
+        (campusDTO) => campusDTO.id
+      )
+    });
+  } else if (userProfile.brandDTOList.length > 0) {
+    queryParams = __spreadProps(__spreadValues({}, queryParams), {
+      brandIdList: [userProfileBrand.id]
+    });
+  }
+  queryParams.deleted = false;
+  return queryParams;
+};
+var retrieveCoterieTypeOptionList = () => {
+  return [
+    {
+      text: i18n_default.t("MANAGEMENT"),
+      value: "MANAGEMENT",
+      includes: [
+        "WEST_PRIMARY",
+        "EAST_PRIMARY",
+        "EAST_SECONDARY",
+        "COLLEGE",
+        "HIGH_SCHOOL",
+        "COURSE"
+      ]
+    },
+    {
+      text: i18n_default.t("TURKISH"),
+      value: "TURKISH",
+      includes: [
+        "WEST_PRIMARY",
+        "EAST_PRIMARY",
+        "EAST_SECONDARY",
+        "COLLEGE",
+        "HIGH_SCHOOL",
+        "COURSE"
+      ]
+    },
+    {
+      text: i18n_default.t("HISTORY"),
+      value: "HISTORY",
+      includes: ["COLLEGE", "HIGH_SCHOOL", "COURSE"]
+    },
+    {
+      text: i18n_default.t("MATHEMATICS"),
+      value: "MATHEMATICS",
+      includes: [
+        "WEST_PRIMARY",
+        "EAST_PRIMARY",
+        "EAST_SECONDARY",
+        "COLLEGE",
+        "HIGH_SCHOOL",
+        "COURSE"
+      ]
+    },
+    {
+      text: i18n_default.t("BIOLOGY"),
+      value: "BIOLOGY",
+      includes: ["COLLEGE", "HIGH_SCHOOL", "COURSE"]
+    },
+    {
+      text: i18n_default.t("LITERATURE"),
+      value: "LITERATURE",
+      includes: ["COLLEGE", "HIGH_SCHOOL", "COURSE"]
+    },
+    {
+      text: i18n_default.t("GEOGRAPHY"),
+      value: "GEOGRAPHY",
+      includes: ["COLLEGE", "HIGH_SCHOOL", "COURSE"]
+    },
+    {
+      text: i18n_default.t("ENGLISH"),
+      value: "ENGLISH",
+      includes: [
+        "WEST_PRIMARY",
+        "EAST_PRIMARY",
+        "EAST_SECONDARY",
+        "COLLEGE",
+        "HIGH_SCHOOL",
+        "COURSE"
+      ]
+    },
+    {
+      text: i18n_default.t("PHYSICS"),
+      value: "PHYSICS",
+      includes: ["COLLEGE", "HIGH_SCHOOL", "COURSE"]
+    },
+    {
+      text: i18n_default.t("CHEMISTRY"),
+      value: "CHEMISTRY",
+      includes: ["COLLEGE", "HIGH_SCHOOL", "COURSE"]
+    },
+    {
+      text: i18n_default.t("PHILOSOPHY"),
+      value: "PHILOSOPHY",
+      includes: ["COLLEGE", "HIGH_SCHOOL", "COURSE"]
+    },
+    {
+      text: i18n_default.t("PHYSICAL_EDUCATION"),
+      value: "PHYSICAL_EDUCATION",
+      includes: [
+        "WEST_PRIMARY",
+        "EAST_PRIMARY",
+        "EAST_SECONDARY",
+        "COLLEGE",
+        "HIGH_SCHOOL",
+        "COURSE"
+      ]
+    },
+    {
+      text: i18n_default.t("SOCIAL_STUDIES"),
+      value: "SOCIAL_STUDIES",
+      includes: [
+        "WEST_PRIMARY",
+        "EAST_PRIMARY",
+        "EAST_SECONDARY",
+        "COLLEGE",
+        "COURSE"
+      ]
+    },
+    {
+      text: i18n_default.t("SCIENCE"),
+      value: "SCIENCE",
+      includes: [
+        "WEST_PRIMARY",
+        "EAST_PRIMARY",
+        "EAST_SECONDARY",
+        "COLLEGE",
+        "COURSE"
+      ]
+    },
+    {
+      text: i18n_default.t("LIFE_STUDIES"),
+      value: "LIFE_STUDIES",
+      includes: ["WEST_PRIMARY", "EAST_PRIMARY", "COLLEGE", "COURSE"]
+    },
+    {
+      text: i18n_default.t("CULTURE_AND_RELIGION_KNOWLEDGE"),
+      value: "CULTURE_AND_RELIGION_KNOWLEDGE",
+      includes: [
+        "WEST_PRIMARY",
+        "EAST_PRIMARY",
+        "EAST_SECONDARY",
+        "COLLEGE",
+        "HIGH_SCHOOL",
+        "COURSE"
+      ]
+    },
+    {
+      text: i18n_default.t("TRAFFIC_SAFETY"),
+      value: "TRAFFIC_SAFETY",
+      includes: ["WEST_PRIMARY", "EAST_PRIMARY", "COLLEGE", "COURSE"]
+    },
+    {
+      text: i18n_default.t("GENERAL_CULTURE"),
+      value: "GENERAL_CULTURE",
+      includes: [
+        "WEST_PRIMARY",
+        "EAST_PRIMARY",
+        "EAST_SECONDARY",
+        "COLLEGE",
+        "HIGH_SCHOOL",
+        "COURSE"
+      ]
+    }
+  ];
+};
+var retrieveUserAuthorityGeneralOptionList = () => {
+  return [
+    { text: i18n_default.t("all"), value: "" },
+    { text: i18n_default.t("user"), value: "USER" },
+    { text: i18n_default.t("activity"), value: "ACTIVITY" },
+    { text: i18n_default.t("catchtivity"), value: "CATCHTIVITY" },
+    { text: i18n_default.t("catchxam"), value: "CATCHXAM" },
+    { text: i18n_default.t("label"), value: "LABEL" },
+    { text: i18n_default.t("announcement"), value: "NOTIFICATION" },
+    { text: i18n_default.t("report"), value: "REPORT" },
+    { text: i18n_default.t("category"), value: "CATEGORY" },
+    { text: i18n_default.t("library"), value: "STORAGE_FILE" },
+    { text: i18n_default.t("brand"), value: "BRAND" },
+    { text: i18n_default.t("region"), value: "REGION" },
+    { text: i18n_default.t("campus"), value: "CAMPUS" },
+    { text: i18n_default.t("institution"), value: "INSTITUTION" },
+    { text: i18n_default.t("season"), value: "SEASON" },
+    { text: i18n_default.t("grade"), value: "GRADE" },
+    { text: i18n_default.t("branch"), value: "BRANCH" },
+    { text: i18n_default.t("plan"), value: "PLAN" },
+    { text: i18n_default.t("standard_exam"), value: "STANDARD_EXAM" },
+    { text: i18n_default.t("etude"), value: "ETUDE" }
+  ];
+};
+var filterGradeLevelOptionList = (institutionDTO, gradeDTO) => {
+  if (gradeDTO) {
+    return retrieveGradeLevelOptionList().filter(
+      (gradeLevel) => parseFloat(gradeLevel.value) === gradeDTO.level
+    );
+  }
+  if (institutionDTO) {
+    const { type } = institutionDTO;
+    if (type === "WEST_PRIMARY") {
+      return retrieveGradeLevelOptionList().filter(
+        (gradeLevel) => parseFloat(gradeLevel.value) <= 8
+      );
+    } else if (type === "EAST_PRIMARY") {
+      return retrieveGradeLevelOptionList().filter(
+        (gradeLevel) => parseFloat(gradeLevel.value) <= 4
+      );
+    } else if (type === "EAST_SECONDARY") {
+      return retrieveGradeLevelOptionList().filter(
+        (gradeLevel) => parseFloat(gradeLevel.value) > 4 && parseFloat(gradeLevel.value) <= 8
+      );
+    } else if (type === "HIGH_SCHOOL") {
+      return retrieveGradeLevelOptionList().filter(
+        (gradeLevel) => parseFloat(gradeLevel.value) > 8
+      );
+    } else if (type === "COLLEGE" || type === "PRIVATE_TRAINING" || type === "PRIVATE_LESSON" || type === "COURSE") {
+      return retrieveGradeLevelOptionList();
+    } else {
+      return [];
+    }
+  }
+  return retrieveGradeLevelOptionList();
+};
+var filterCoterieTypeOptionList = (userInformation, userProfile, userProfileInstitution) => {
+  if (userInformation.accountType === "GENIXO") {
+    return retrieveCoterieTypeOptionList().sort(
+      (a, b) => a.text.localeCompare(b.text)
+    );
+  }
+  if (userProfile.role === "STAFF" || userProfile.role === "CONTENT_CREATOR") {
+    if (userProfile.coterieType === "MANAGEMENT") {
+      if (userProfileInstitution) {
+        return retrieveCoterieTypeOptionList().filter(
+          (coterieTypeOption) => coterieTypeOption.includes.includes(userProfileInstitution.type)
+        ).sort((a, b) => a.text.localeCompare(b.text));
+      } else {
+        return retrieveCoterieTypeOptionList().sort(
+          (a, b) => a.text.localeCompare(b.text)
+        );
+      }
+    } else {
+      return retrieveCoterieTypeOptionList().filter(
+        (coterieTypeOption) => coterieTypeOption.value === userProfile.coterieType
+      ).sort((a, b) => a.text.localeCompare(b.text));
+    }
+  } else if (userProfile.role === "INDIVIDUAL") {
+    const individualCoterieTypeOptionList = [];
+    const coterieTypeOptionList = retrieveCoterieTypeOptionList();
+    userProfile.coterieTypeList.forEach((coterieType) => {
+      const foundCoterieTypeOption = coterieTypeOptionList.find(
+        (coterieTypeOption) => coterieTypeOption.value === coterieType
+      );
+      if (foundCoterieTypeOption) {
+        individualCoterieTypeOptionList.push(foundCoterieTypeOption);
+      }
+    });
+    return individualCoterieTypeOptionList;
+  }
+  return [];
+};
+var findAISettingsFromCurrentProfile = (userProfileBrand, userProfileCampus, userProfileInstitution) => {
+  if (userProfileInstitution) {
+    const { institutionSettingsDTO } = userProfileInstitution;
+    const { institutionAISettingsDTO } = institutionSettingsDTO;
+    return institutionAISettingsDTO;
+  } else {
+    if (userProfileCampus) {
+      const { campusSettingsDTO } = userProfileCampus;
+      const { campusAISettingsDTO } = campusSettingsDTO;
+      return campusAISettingsDTO;
+    } else {
+      if (userProfileBrand) {
+        const { brandSettingsDTO } = userProfileBrand;
+        const { brandAISettingsDTO } = brandSettingsDTO;
+        return brandAISettingsDTO;
+      }
+    }
+  }
+};
+
+// src/utilization/CategoryUtilization.ts
+var retrieveCategoryVersionCodeOptionList = () => {
+  return [
+    {
+      value: "MEB-IO-MAT-2024",
+      text: i18n_default.t("MEB-IO-MAT-2024"),
+      type: "MATHEMATICS",
+      availableLevelList: [5]
+    },
+    {
+      value: "MEB-IO-MAT-2018",
+      text: i18n_default.t("MEB-IO-MAT-2018"),
+      type: "MATHEMATICS",
+      availableLevelList: [4, 6, 7, 8]
+    },
+    {
+      value: "MEB-IO-TUR-2024",
+      text: i18n_default.t("MEB-IO-TUR-2024"),
+      type: "TURKISH",
+      availableLevelList: [5]
+    },
+    {
+      value: "MEB-IO-TUR-2019",
+      text: i18n_default.t("MEB-IO-TUR-2019"),
+      type: "TURKISH",
+      availableLevelList: [4, 6, 7, 8]
+    },
+    {
+      value: "MEB-IO-HAY-2018",
+      text: i18n_default.t("MEB-IO-HAY-2018"),
+      type: "LIFE_STUDIES",
+      availableLevelList: [3]
+    },
+    {
+      value: "MEB-IO-TRAF-2018",
+      text: i18n_default.t("MEB-IO-TRAF-2018"),
+      type: "TRAFFIC_SAFETY",
+      availableLevelList: [4]
+    },
+    {
+      value: "MEB-IO-FEN-2024",
+      text: i18n_default.t("MEB-IO-FEN-2024"),
+      type: "SCIENCE",
+      availableLevelList: [5]
+    },
+    {
+      value: "MEB-IO-SCI-2018",
+      text: i18n_default.t("MEB-IO-SCI-2018"),
+      type: "SCIENCE",
+      availableLevelList: [4, 6, 7, 8]
+    },
+    {
+      value: "MEB-IO-SOS-2024",
+      text: i18n_default.t("MEB-IO-SOS-2024"),
+      type: "SOCIAL_STUDIES",
+      availableLevelList: [5]
+    },
+    {
+      value: "MEB-IO-SOS-2018",
+      text: i18n_default.t("MEB-IO-SOS-2018"),
+      type: "SOCIAL_STUDIES",
+      availableLevelList: [4, 6, 7]
+    },
+    {
+      value: "MEB-IO-ITA-2018",
+      text: i18n_default.t("MEB-IO-ITA-2018"),
+      type: "SOCIAL_STUDIES",
+      availableLevelList: [8]
+    },
+    {
+      value: "MEB-IO-ENG-2018",
+      text: i18n_default.t("MEB-IO-ENG-2018"),
+      type: "ENGLISH",
+      availableLevelList: [4, 5, 6, 7, 8]
+    },
+    {
+      value: "MEB-AL-MAT-2024",
+      text: i18n_default.t("MEB-AL-MAT-2024"),
+      type: "MATHEMATICS",
+      availableLevelList: [9]
+    },
+    {
+      value: "MEB-AL-MAT-2018",
+      text: i18n_default.t("MEB-AL-MAT-2018"),
+      type: "MATHEMATICS",
+      availableLevelList: [10, 11, 12]
+    },
+    {
+      value: "MEB-AL-F\u0130Z-2024",
+      text: i18n_default.t("MEB-AL-F\u0130Z-2024"),
+      type: "PHYSICS",
+      availableLevelList: [9]
+    },
+    {
+      value: "MEB-AL-FIZ-2018",
+      text: i18n_default.t("MEB-AL-FIZ-2018"),
+      type: "PHYSICS",
+      availableLevelList: [10, 11, 12]
+    },
+    {
+      value: "MEB-AL-B\u0130Y-2024",
+      text: i18n_default.t("MEB-AL-B\u0130Y-2024"),
+      type: "BIOLOGY",
+      availableLevelList: [9]
+    },
+    {
+      value: "MEB-AL-BIO-2018",
+      text: i18n_default.t("MEB-AL-BIO-2018"),
+      type: "BIOLOGY",
+      availableLevelList: [10, 11, 12]
+    },
+    {
+      value: "MEB-AL-K\u0130M-2024",
+      text: i18n_default.t("MEB-AL-K\u0130M-2024"),
+      type: "CHEMISTRY",
+      availableLevelList: [9]
+    },
+    {
+      value: "MEB-AL-KIM-2018",
+      text: i18n_default.t("MEB-AL-KIM-2018"),
+      type: "CHEMISTRY",
+      availableLevelList: [10, 11, 12]
+    },
+    {
+      value: "MEB-AL-TAR-2024",
+      text: i18n_default.t("MEB-AL-TAR-2024"),
+      type: "HISTORY",
+      availableLevelList: [9]
+    },
+    {
+      value: "MEB-AL-TAR-2018",
+      text: i18n_default.t("MEB-AL-TAR-2018"),
+      type: "HISTORY",
+      availableLevelList: [10, 11]
+    },
+    {
+      value: "MEB-AL-ITA-2018",
+      text: i18n_default.t("MEB-AL-ITA-2018"),
+      type: "HISTORY",
+      availableLevelList: [12]
+    },
+    {
+      value: "MEB-AL-CO\u011E-2024",
+      text: i18n_default.t("MEB-AL-CO\u011E-2024"),
+      type: "GEOGRAPHY",
+      availableLevelList: [9]
+    },
+    {
+      value: "MEB-AL-CO\u011E-2018",
+      text: i18n_default.t("MEB-AL-CO\u011E-2018"),
+      type: "GEOGRAPHY",
+      availableLevelList: [10, 11, 12]
+    },
+    {
+      value: "MEB-IO-DKAB-2018",
+      text: i18n_default.t("MEB-IO-DKAB-2018"),
+      type: "CULTURE_AND_RELIGION_KNOWLEDGE",
+      availableLevelList: [4, 5, 6, 7, 8]
+    },
+    {
+      value: "MEB-AL-DKAB-2018",
+      text: i18n_default.t("MEB-AL-DKAB-2018"),
+      type: "CULTURE_AND_RELIGION_KNOWLEDGE",
+      availableLevelList: [9, 10, 11, 12]
+    },
+    {
+      value: "MEB-AL-FEL-2018",
+      text: i18n_default.t("MEB-AL-FEL-2018"),
+      type: "PHILOSOPHY",
+      availableLevelList: [10, 11]
+    },
+    {
+      value: "MEB-AL-TDE-2024",
+      text: i18n_default.t("MEB-AL-TDE-2024"),
+      type: "LITERATURE",
+      availableLevelList: [9]
+    },
+    {
+      value: "MEB-AL-LIT-2018",
+      text: i18n_default.t("MEB-AL-LIT-2018"),
+      type: "LITERATURE",
+      availableLevelList: [10, 11, 12]
+    },
+    // {
+    //   value: "CEFR-STANDARDS-A1",
+    //   text: i18n.t("CEFR-STANDARDS-A1"),
+    //   type: "ENGLISH",
+    //   availableLevelList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    // },
+    // {
+    //   value: "CEFR-STANDARDS-A2",
+    //   text: i18n.t("CEFR-STANDARDS-A2"),
+    //   type: "ENGLISH",
+    //   availableLevelList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    // },
+    // {
+    //   value: "CEFR-STANDARDS-B1",
+    //   text: i18n.t("CEFR-STANDARDS-B1"),
+    //   type: "ENGLISH",
+    //   availableLevelList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    // },
+    // {
+    //   value: "CEFR-STANDARDS-B2",
+    //   text: i18n.t("CEFR-STANDARDS-B2"),
+    //   type: "ENGLISH",
+    //   availableLevelList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
+    // },
+    {
+      value: "GENERAL-CULTURE",
+      text: i18n_default.t("GENERAL-CULTURE"),
+      type: "GENERAL_CULTURE",
+      availableLevelList: [8, 12]
+    },
+    {
+      value: "SPE-TYT-TUR-2024",
+      text: i18n_default.t("SPE-TYT-TUR-2024"),
+      type: "TURKISH",
+      availableLevelList: [12]
+    },
+    {
+      value: "SPE-LGS-TUR-2024",
+      text: i18n_default.t("SPE-LGS-TUR-2024"),
+      type: "TURKISH",
+      availableLevelList: [8]
+    }
+  ];
+};
+var filterCategoryVersionCodeOptionList = (categoryVersionCodeOptionList, coterieType, level) => {
+  if (coterieType && coterieType === "DEFAULT_OPTION") return [];
+  if (level && level === "DEFAULT_OPTION") return [];
+  let currentCategoryVersionCodeOptionList = categoryVersionCodeOptionList;
+  if (coterieType !== "MANAGEMENT") {
+    currentCategoryVersionCodeOptionList = currentCategoryVersionCodeOptionList.filter(
+      (categoryVersionCode) => categoryVersionCode.type === coterieType
+    );
+  }
+  if (level) {
+    currentCategoryVersionCodeOptionList = currentCategoryVersionCodeOptionList.filter(
+      (categoryVersionCode) => categoryVersionCode.availableLevelList.includes(level)
+    );
+  }
+  return currentCategoryVersionCodeOptionList;
+};
+var filterCategoryVersionCodeOptionListByGradeDTO = (categoryVersionCodeOptionList, coterieType, gradeDTO) => {
+  if (coterieType && coterieType === "DEFAULT_OPTION") return [];
+  let currentCategoryVersionCodeOptionList = categoryVersionCodeOptionList;
+  if (coterieType !== "MANAGEMENT") {
+    currentCategoryVersionCodeOptionList = currentCategoryVersionCodeOptionList.filter(
+      (categoryVersionCode) => categoryVersionCode.type === coterieType
+    );
+  }
+  if (gradeDTO) {
+    currentCategoryVersionCodeOptionList = currentCategoryVersionCodeOptionList.filter(
+      (categoryVersionCodeOption) => categoryVersionCodeOption.availableLevelList.includes(gradeDTO.level)
+    );
+  }
+  return currentCategoryVersionCodeOptionList;
+};
+var filterCategoryVersionCodeOptionListByInstitutionDTO = (categoryVersionCodeOptionList, coterieType, institutionDTO) => {
+  if (coterieType && coterieType === "DEFAULT_OPTION") return [];
+  let currentCategoryVersionCodeOptionList = categoryVersionCodeOptionList;
+  if (coterieType !== "MANAGEMENT") {
+    currentCategoryVersionCodeOptionList = currentCategoryVersionCodeOptionList.filter(
+      (categoryVersionCodeOption) => categoryVersionCodeOption.type === coterieType
+    );
+  }
+  if (institutionDTO) {
+    const gradeLevelList = filterGradeLevelOptionList(institutionDTO, null).map(
+      (option) => option.value
+    );
+    currentCategoryVersionCodeOptionList = currentCategoryVersionCodeOptionList.filter(
+      (categoryVersionCodeOption) => {
+        return gradeLevelList.find(
+          (gradeLevel) => categoryVersionCodeOption.availableLevelList.includes(gradeLevel)
+        ) !== void 0;
+      }
+    );
+  }
+  return currentCategoryVersionCodeOptionList;
+};
+
+// src/utilization/DateUtilization.ts
+var ONE_HOUR = 36e5;
+var ONE_DAY = 864e5;
+var ONE_WEEK = 6048e5;
+var ONE_MONTH = 24192e5;
+var THREE_MONTHS = 72576e5;
+var retrieveMonthNameByIndex = (index) => {
+  if (index === 0) {
+    return i18n_default.t("january");
+  } else if (index === 1) {
+    return i18n_default.t("february");
+  } else if (index === 2) {
+    return i18n_default.t("march");
+  } else if (index === 3) {
+    return i18n_default.t("april");
+  } else if (index === 4) {
+    return i18n_default.t("may");
+  } else if (index === 5) {
+    return i18n_default.t("june");
+  } else if (index === 6) {
+    return i18n_default.t("july");
+  } else if (index === 7) {
+    return i18n_default.t("august");
+  } else if (index === 8) {
+    return i18n_default.t("september");
+  } else if (index === 9) {
+    return i18n_default.t("october");
+  } else if (index === 10) {
+    return i18n_default.t("november");
+  } else if (index === 11) {
+    return i18n_default.t("december");
+  }
+};
+var retrieveDateIntervalOptionList = () => {
+  return [
+    {
+      value: "LAST_DAY",
+      text: i18n_default.t("last_day")
+    },
+    {
+      value: "LAST_WEEK",
+      text: i18n_default.t("last_week")
+    },
+    {
+      value: "LAST_MONTH",
+      text: i18n_default.t("last_month")
+    },
+    {
+      value: "LAST_THREE_MONTHS",
+      text: i18n_default.t("last_three_months")
+    }
+  ];
+};
+var constructWeekName = (beginDate, endDate) => {
+  let currentEndDate;
+  if (endDate) {
+    currentEndDate = endDate;
+  } else {
+    currentEndDate = new Date(beginDate);
+    currentEndDate.setDate(beginDate.getDate() + 4);
+  }
+  if (beginDate.getFullYear() !== currentEndDate.getFullYear()) {
+    return `${beginDate.getDate()} ${retrieveMonthNameByIndex(
+      beginDate.getMonth()
+    )} ${beginDate.getFullYear()} - ${currentEndDate.getDate()} ${retrieveMonthNameByIndex(
+      currentEndDate.getMonth()
+    )} ${currentEndDate.getFullYear()}`;
+  } else {
+    if (beginDate.getMonth() !== currentEndDate.getMonth()) {
+      return `${beginDate.getDate()} ${retrieveMonthNameByIndex(
+        beginDate.getMonth()
+      )} - ${currentEndDate.getDate()} ${retrieveMonthNameByIndex(
+        currentEndDate.getMonth()
+      )} ${currentEndDate.getFullYear()}`;
+    } else {
+      return `${beginDate.getDate()} - ${currentEndDate.getDate()} ${retrieveMonthNameByIndex(
+        currentEndDate.getMonth()
+      )} ${currentEndDate.getFullYear()}`;
+    }
+  }
+};
+
+// src/utilization/FunctionUtilization.ts
+var calculateLevenshteinDistance = (s, t) => {
+  if (!s.length) return t.length;
+  if (!t.length) return s.length;
+  const arr = [];
+  for (let i = 0; i <= t.length; i++) {
+    arr[i] = [i];
+    for (let j = 1; j <= s.length; j++) {
+      arr[i][j] = i === 0 ? j : Math.min(
+        arr[i - 1][j] + 1,
+        arr[i][j - 1] + 1,
+        arr[i - 1][j - 1] + (s[j - 1] === t[i - 1] ? 0 : 1)
+      );
+    }
+  }
+  return arr[t.length][s.length];
+};
+var convertTurkishCharactersToEnglish = (text) => {
+  return text.replaceAll("\u011E", "g").replaceAll("\xDC", "u").replaceAll("\u015E", "s").replaceAll("I", "i").replaceAll("\u0130", "i").replaceAll("\xD6", "o").replaceAll("\xC7", "c").replaceAll("\u011F", "g").replaceAll("\xFC", "u").replaceAll("\u015F", "s").replaceAll("\u0131", "i").replaceAll("\xF6", "o").replaceAll("\xE7", "c");
+};
+function convertToBase64(arrayBuffer) {
+  return new Promise((resolve, reject) => {
+    const blob = new Blob([arrayBuffer], { type: "image/png" });
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      const base64data = typeof reader.result === "string" ? reader.result.split(",")[1] : null;
+      resolve(base64data);
+    };
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+  });
+}
+
+// src/utilization/GamificationUtilization.ts
+var retrieveSourceTypeOptionList = (coterieOnly) => {
+  const currentSourceTypeOptionList = [
+    {
+      value: "CATCHTIVITY",
+      text: i18n_default.t("CATCHTIVITY")
+    },
+    {
+      value: "CATCHXAM",
+      text: i18n_default.t("CATCHXAM")
+    },
+    // {
+    //   value: "STANDARD_EXAM",
+    //   text: i18n.t("STANDARD_EXAM"),
+    // },
+    {
+      value: "ETUDE",
+      text: i18n_default.t("ETUDE")
+    },
+    {
+      value: "CONTEST",
+      text: i18n_default.t("CONTEST")
+    },
+    {
+      value: "ACTIVITY",
+      text: i18n_default.t("ACTIVITY")
+    }
+  ];
+  if (!coterieOnly) {
+    currentSourceTypeOptionList.push({
+      value: "LOGIN",
+      text: i18n_default.t("LOGIN")
+    });
+  }
+  return currentSourceTypeOptionList;
+};
+var retrieveBadgeTypeOptionList = (isActivity) => {
+  const currentBadgeTypeOptionList = [
+    {
+      value: "COUNT",
+      text: i18n_default.t("COUNT")
+    }
+  ];
+  if (isActivity) {
+    currentBadgeTypeOptionList.push({
+      value: "CORRECT",
+      text: i18n_default.t("CORRECT")
+    });
+    currentBadgeTypeOptionList.push({
+      value: "REVIEW",
+      text: i18n_default.t("REVIEW")
+    });
+    currentBadgeTypeOptionList.push({
+      value: "TIME_SPENT",
+      text: i18n_default.t("TIME_SPENT")
+    });
+  }
+  return currentBadgeTypeOptionList;
+};
+var retrieveOtherBadgeDTOList = () => {
+  const badgeList = [];
+  const sourceTypeOptionList = retrieveSourceTypeOptionList(false);
+  const filteredSourceTypeOptionList = sourceTypeOptionList.filter(
+    (sourceTypeOption) => sourceTypeOption.value === "LOGIN"
+  );
+  for (let i = 1; i <= 5; i++) {
+    for (const sourceTypeOption of filteredSourceTypeOptionList) {
+      const badgeTypeOptionList = retrieveBadgeTypeOptionList(
+        sourceTypeOption.value === "ACTIVITY"
+      );
+      for (const badgeTypeOption of badgeTypeOptionList) {
+        badgeList.push({
+          badgeDTO: {
+            coterieType: "MANAGEMENT",
+            sourceType: sourceTypeOption.value,
+            badgeType: badgeTypeOption.value
+          },
+          level: i
+        });
+      }
+    }
+  }
+  return badgeList;
+};
+var retrieveAllEarnedBadgeDTOListByCoterieTypeList = (coterieTypeList) => {
+  const badgeList = [];
+  for (const coterieType of coterieTypeList) {
+    badgeList.push(...retrieveAllEarnedBadgeDTOListByCoterieType(coterieType));
+  }
+  return badgeList;
+};
+var retrieveAllEarnedBadgeDTOListByCoterieType = (coterieType) => {
+  const sourceTypeOptionList = retrieveSourceTypeOptionList(true);
+  const badgeList = [];
+  for (let i = 1; i <= 5; i++) {
+    for (const sourceTypeOption of sourceTypeOptionList) {
+      const badgeTypeOptionList = retrieveBadgeTypeOptionList(
+        sourceTypeOption.value === "ACTIVITY"
+      );
+      for (const badgeTypeOption of badgeTypeOptionList) {
+        badgeList.push({
+          badgeDTO: {
+            coterieType,
+            sourceType: sourceTypeOption.value,
+            badgeType: badgeTypeOption.value
+          },
+          level: i
+        });
+      }
+    }
+  }
+  return badgeList.sort((a, b) => {
+    if (a.badgeDTO.sourceType !== b.badgeDTO.sourceType) {
+      return a.badgeDTO.sourceType.localeCompare(b.badgeDTO.sourceType);
+    }
+    return a.badgeDTO.badgeType.localeCompare(b.badgeDTO.badgeType);
+  });
+};
+var retrieveBadgeRuleListByParams = (coterieType, sourceType, badgeType) => {
+  if (coterieType === "MANAGEMENT") {
+    if (sourceType === "ACTIVITY") {
+      if (badgeType === "COUNT") {
+        return [
+          {
+            level: 1,
+            value: 50
+          },
+          {
+            level: 2,
+            value: 100
+          },
+          {
+            level: 3,
+            value: 500
+          },
+          {
+            level: 4,
+            value: 1e3
+          },
+          {
+            level: 5,
+            value: 5e3
+          }
+        ];
+      }
+    } else if (sourceType === "LOGIN") {
+      return [
+        {
+          level: 1,
+          value: 3
+        },
+        {
+          level: 2,
+          value: 7
+        },
+        {
+          level: 3,
+          value: 15
+        },
+        {
+          level: 4,
+          value: 30
+        },
+        {
+          level: 5,
+          value: 90
+        }
+      ];
+    } else {
+      if (badgeType === "COUNT") {
+        return [
+          {
+            level: 1,
+            value: 5
+          },
+          {
+            level: 2,
+            value: 10
+          },
+          {
+            level: 3,
+            value: 50
+          },
+          {
+            level: 4,
+            value: 100
+          },
+          {
+            level: 5,
+            value: 500
+          }
+        ];
+      } else {
+        return [
+          {
+            level: 1,
+            value: 25
+          },
+          {
+            level: 2,
+            value: 50
+          },
+          {
+            level: 3,
+            value: 250
+          },
+          {
+            level: 4,
+            value: 500
+          },
+          {
+            level: 5,
+            value: 1e3
+          }
+        ];
+      }
+    }
+  } else {
+    if (sourceType === "ACTIVITY") {
+      if (badgeType === "COUNT") {
+        return [
+          {
+            level: 1,
+            value: 10
+          },
+          {
+            level: 2,
+            value: 50
+          },
+          {
+            level: 3,
+            value: 100
+          },
+          {
+            level: 4,
+            value: 500
+          },
+          {
+            level: 5,
+            value: 1e3
+          }
+        ];
+      } else {
+        return [
+          {
+            level: 1,
+            value: 5
+          },
+          {
+            level: 2,
+            value: 25
+          },
+          {
+            level: 3,
+            value: 50
+          },
+          {
+            level: 4,
+            value: 250
+          },
+          {
+            level: 5,
+            value: 500
+          }
+        ];
+      }
+    } else if (sourceType === "LOGIN") {
+      return [];
+    } else {
+      if (badgeType === "COUNT") {
+        return [
+          {
+            level: 1,
+            value: 1
+          },
+          {
+            level: 2,
+            value: 5
+          },
+          {
+            level: 3,
+            value: 25
+          },
+          {
+            level: 4,
+            value: 50
+          },
+          {
+            level: 5,
+            value: 100
+          }
+        ];
+      }
+    }
+  }
+  return [];
+};
+var retrieveBadgeRuleTextByParams = (coterieType, sourceType, badgeType, level) => {
+  const badgeRuleList = retrieveBadgeRuleListByParams(
+    coterieType,
+    sourceType,
+    badgeType
+  );
+  const foundBadgeRule = badgeRuleList[level - 1];
+  if (coterieType === "MANAGEMENT") {
+    if (sourceType === "ACTIVITY") {
+      if (badgeType === "COUNT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("total_activity_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_activity_count_text_2")}`;
+        } else {
+          return i18n_default.t("none_activity_count_text");
+        }
+      } else if (badgeType === "CORRECT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("total_activity_correct_text_1")}${foundBadgeRule.value}${i18n_default.t("total_activity_correct_text_2")}`;
+        } else {
+          return i18n_default.t("none_activity_correct_text");
+        }
+      } else if (badgeType === "REVIEW") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("total_activity_review_text_1")}${foundBadgeRule.value}${i18n_default.t("total_activity_review_text_2")}`;
+        } else {
+          return i18n_default.t("none_activity_review_text");
+        }
+      } else if (badgeType === "TIME_SPENT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("total_activity_time_spent_text_1")}${foundBadgeRule.value}${i18n_default.t("total_activity_time_spent_text_2")}`;
+        } else {
+          return i18n_default.t("none_activity_time_spent_text");
+        }
+      }
+    } else if (sourceType === "CATCHTIVITY") {
+      if (badgeType === "COUNT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("total_catchtivity_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_catchtivity_count_text_2")}`;
+        } else {
+          return i18n_default.t("none_catchtivity_count_text");
+        }
+      }
+    } else if (sourceType === "CATCHXAM") {
+      if (badgeType === "COUNT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("total_catchxam_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_catchxam_count_text_2")}`;
+        } else {
+          return i18n_default.t("none_catchxam_count_text");
+        }
+      }
+    } else if (sourceType === "ETUDE") {
+      if (badgeType === "COUNT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("total_etude_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_etude_count_text_2")}`;
+        } else {
+          return i18n_default.t("none_etude_count_text");
+        }
+      }
+    } else if (sourceType === "CONTEST") {
+      if (badgeType === "COUNT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("total_contest_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_contest_count_text_2")}`;
+        } else {
+          return i18n_default.t("none_contest_count_text");
+        }
+      }
+    } else if (sourceType === "LOGIN") {
+      if (badgeType === "COUNT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("total_login_count_text_1")}${foundBadgeRule.value}${i18n_default.t("total_login_count_text_2")}`;
+        } else {
+          return i18n_default.t("none_login_count_text");
+        }
+      }
+    }
+  } else {
+    if (sourceType === "ACTIVITY") {
+      if (badgeType === "COUNT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("coterie_activity_count_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_activity_count_text_2")}`;
+        } else {
+          return i18n_default.t("none_activity_count_text");
+        }
+      } else if (badgeType === "CORRECT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("coterie_activity_correct_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_activity_correct_text_2")}`;
+        } else {
+          return i18n_default.t("none_activity_correct_text");
+        }
+      } else if (badgeType === "REVIEW") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("coterie_activity_review_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_activity_review_text_2")}`;
+        } else {
+          return i18n_default.t("none_activity_review_text");
+        }
+      } else if (badgeType === "TIME_SPENT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("coterie_activity_time_spent_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_activity_time_spent_text_2")}`;
+        } else {
+          return i18n_default.t("none_activity_time_spent_text");
+        }
+      }
+    } else if (sourceType === "CATCHTIVITY") {
+      if (badgeType === "COUNT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("coterie_catchtivity_count_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_catchtivity_count_text_2")}`;
+        } else {
+          return i18n_default.t("none_catchtivity_count_text");
+        }
+      }
+    } else if (sourceType === "CATCHXAM") {
+      if (badgeType === "COUNT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("coterie_catchxam_count_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_catchxam_count_text_2")}`;
+        } else {
+          return i18n_default.t("none_catchxam_count_text");
+        }
+      }
+    } else if (sourceType === "ETUDE") {
+      if (badgeType === "COUNT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("coterie_etude_count_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_etude_count_text_2")}`;
+        } else {
+          return i18n_default.t("none_etude_count_text");
+        }
+      }
+    } else if (sourceType === "CONTEST") {
+      if (badgeType === "COUNT") {
+        if (foundBadgeRule) {
+          return `${i18n_default.t("coterie_contest_count_text_1")}${foundBadgeRule.value}${i18n_default.t("coterie_contest_count_text_2")}`;
+        } else {
+          return i18n_default.t("none_contest_count_text");
+        }
+      }
+    } else if (sourceType === "LOGIN") {
+    }
+  }
+  return null;
+};
+
+// src/utilization/IndividualModelUtilization.ts
+var NUMBER_OF_ACTIVITY_TEMPLATE = 9;
+var NUMBER_OF_TAXONOMY = 6;
+var INITIAL_TAXONOMY_VALUE = 1 / NUMBER_OF_TAXONOMY;
+var INITIAL_TEMPLATE_VALUE = 1 / NUMBER_OF_ACTIVITY_TEMPLATE;
+var constructBaseVerbalIndvidualModel = (userId) => {
+  return {
+    bloomBloomAnalyze: INITIAL_TAXONOMY_VALUE,
+    bloomBloomApply: INITIAL_TAXONOMY_VALUE,
+    bloomBloomCreate: INITIAL_TAXONOMY_VALUE,
+    bloomBloomEvaluate: INITIAL_TAXONOMY_VALUE,
+    bloomBloomRemember: INITIAL_TAXONOMY_VALUE,
+    bloomBloomUnderstand: INITIAL_TAXONOMY_VALUE,
+    dropdown: INITIAL_TEMPLATE_VALUE,
+    coterieField: "VERBAL",
+    fillInTheBlanks: INITIAL_TEMPLATE_VALUE,
+    grouping: INITIAL_TEMPLATE_VALUE,
+    matching: INITIAL_TEMPLATE_VALUE,
+    mcma: INITIAL_TEMPLATE_VALUE,
+    mcsa: INITIAL_TEMPLATE_VALUE,
+    openEnded: INITIAL_TEMPLATE_VALUE,
+    ordering: INITIAL_TEMPLATE_VALUE,
+    trueFalse: INITIAL_TEMPLATE_VALUE,
+    userId
+  };
+};
+var constructBaseNumericIndividualModel = (userId) => {
+  return {
+    bloomBloomAnalyze: INITIAL_TAXONOMY_VALUE,
+    bloomBloomApply: INITIAL_TAXONOMY_VALUE,
+    bloomBloomCreate: INITIAL_TAXONOMY_VALUE,
+    bloomBloomEvaluate: INITIAL_TAXONOMY_VALUE,
+    bloomBloomRemember: INITIAL_TAXONOMY_VALUE,
+    bloomBloomUnderstand: INITIAL_TAXONOMY_VALUE,
+    dropdown: INITIAL_TEMPLATE_VALUE,
+    coterieField: "NUMERIC",
+    fillInTheBlanks: INITIAL_TEMPLATE_VALUE,
+    grouping: INITIAL_TEMPLATE_VALUE,
+    matching: INITIAL_TEMPLATE_VALUE,
+    mcma: INITIAL_TEMPLATE_VALUE,
+    mcsa: INITIAL_TEMPLATE_VALUE,
+    openEnded: INITIAL_TEMPLATE_VALUE,
+    ordering: INITIAL_TEMPLATE_VALUE,
+    trueFalse: INITIAL_TEMPLATE_VALUE,
+    userId
+  };
+};
+
+// src/utilization/NotificationUtilization.ts
+var retrieveAnnouncementTypeOptionList = () => {
+  return [
+    {
+      value: "USER",
+      text: i18n_default.t("USER")
+    },
+    {
+      value: "USER_PROFILE",
+      text: i18n_default.t("USER_PROFILE")
+    },
+    {
+      value: "BRAND",
+      text: i18n_default.t("BRAND")
+    },
+    {
+      value: "CAMPUS",
+      text: i18n_default.t("CAMPUS")
+    },
+    {
+      value: "INSTITUTION",
+      text: i18n_default.t("INSTITUTION")
+    },
+    {
+      value: "SEASON",
+      text: i18n_default.t("SEASON")
+    },
+    {
+      value: "GRADE",
+      text: i18n_default.t("GRADE")
+    },
+    {
+      value: "BRANCH",
+      text: i18n_default.t("BRANCH")
+    }
+  ];
+};
+var retrieveAnnouncementAudienceOptionList = () => {
+  return [
+    {
+      value: "EVERYONE",
+      text: i18n_default.t("EVERYONE")
+    },
+    {
+      value: "STAFF",
+      text: i18n_default.t("STAFF")
+    },
+    {
+      value: "COTERIE",
+      text: i18n_default.t("COTERIE")
+    },
+    {
+      value: "LEARNER",
+      text: i18n_default.t("LEARNER")
+    }
+  ];
+};
+
+// src/utilization/ReportUtilization.ts
+var retrieveReportTypeOptionList = () => {
+  return [
+    {
+      value: "USER",
+      text: i18n_default.t("USER")
+    },
+    {
+      value: "USER_PROFILE",
+      text: i18n_default.t("USER_PROFILE")
+    },
+    {
+      value: "BRANCH",
+      text: i18n_default.t("BRANCH")
+    },
+    {
+      value: "GRADE",
+      text: i18n_default.t("GRADE")
+    },
+    {
+      value: "SEASON",
+      text: i18n_default.t("SEASON")
+    },
+    {
+      value: "INSTITUTION",
+      text: i18n_default.t("INSTITUTION")
+    },
+    {
+      value: "CAMPUS",
+      text: i18n_default.t("CAMPUS")
+    },
+    {
+      value: "REGION",
+      text: i18n_default.t("REGION")
+    },
+    {
+      value: "BRAND",
+      text: i18n_default.t("BRAND")
+    }
+  ];
+};
+
+// src/utilization/StorageUtilization.ts
+var convertDataURLtoFile = (dataurl, filename) => {
+  var arr = dataurl.split(","), mime = (arr[0].match(/:(.*?);/) || [])[1], bstr = atob(arr[arr.length - 1]), n = bstr.length, u8arr = new Uint8Array(n);
+  while (n--) {
+    u8arr[n] = bstr.charCodeAt(n);
+  }
+  return new File([u8arr], filename, { type: mime });
+};
+var retrieveDocumentTypeFromAcceptedFormat = (format) => {
+  if (format === "application/pdf") {
+    return "PDF";
+  } else if (format === "image/jpeg" || format === "image/png" || format === "image/jpg") {
+    return "IMAGE";
+  } else if (format === "audio/mp3") {
+    return "AUDIO";
+  }
+};
+var retrieveDocumentTypeFromExtension = (format) => {
+  if (format === "pdf") {
+    return "PDF";
+  } else if (format === "jpeg" || format === "png" || format === "jpg") {
+    return "IMAGE";
+  } else if (format === "mp3") {
+    return "AUDIO";
+  }
+};
+
+// src/utilization/TokenUtilization.ts
+var retrieveTokenUsageTypeOptionList = () => {
+  return [
+    {
+      text: i18n_default.t("AI"),
+      value: "AI"
+    },
+    {
+      text: i18n_default.t("SYSTEM"),
+      value: "SYSTEM"
+    }
+  ];
+};
+var retrieveTokenUsageSubTypeOptionList = () => {
+  return [
+    {
+      text: i18n_default.t("ACTIVITY_EVALUATION"),
+      value: "ACTIVITY_EVALUATION"
+    },
+    {
+      text: i18n_default.t("ACTIVITY_TEMPLATE_GENERATION"),
+      value: "ACTIVITY_TEMPLATE_GENERATION"
+    },
+    {
+      text: i18n_default.t("IMAGE_PROCESSING"),
+      value: "IMAGE_PROCESSING"
+    },
+    {
+      text: i18n_default.t("ACTIVITY_SOLUTION"),
+      value: "ACTIVITY_SOLUTION"
+    },
+    {
+      text: i18n_default.t("ACTIVITY_HINT"),
+      value: "ACTIVITY_HINT"
+    }
+  ];
 };
 export {
+  ActivityTemplateLabel_default as ActivityTemplateLabel,
   ApproveButton_default as ApproveButton,
   BaseImage_default as BaseImage,
   BaseLoading_default as BaseLoading,
+  BaseModal_default as BaseModal,
   BlueVerticalDividerLine_default as BlueVerticalDividerLine,
+  BrandLabel_default as BrandLabel,
   CancelButton_default as CancelButton,
+  CoterieLabel_default as CoterieLabel,
   CreateButton_default as CreateButton,
   DeleteButton_default as DeleteButton,
   DividerLine_default as DividerLine,
   DropdownActivityContent_default as DropdownActivityContent,
   FillInTheBlanksActivityContent_default as FillInTheBlanksActivityContent,
+  GradeLabel_default as GradeLabel,
   GroupingActivityContent_default as GroupingActivityContent,
   InputGroup_default as InputGroup,
   MCMAActivityContent_default as MCMAActivityContent,
   MCSAActivityContent_default as MCSAActivityContent,
   MatchingActivityContent_default as MatchingActivityContent,
+  ONE_DAY,
+  ONE_HOUR,
+  ONE_MONTH,
+  ONE_WEEK,
   OpenEndedActivityContent_default as OpenEndedActivityContent,
   OrderingActivityContent_default as OrderingActivityContent,
+  OutcomeLabel_default as OutcomeLabel,
+  PersonalLabel_default as PersonalLabel,
   PrimaryButton_default as PrimaryButton,
+  PublishingHouseLabel_default as PublishingHouseLabel,
   SecondaryButton_default as SecondaryButton,
+  SelectionBox_default as SelectionBox,
+  SelectionCheckbox_default as SelectionCheckbox,
+  SelectionTab_default as SelectionTab,
+  THREE_MONTHS,
   TrueFalseActivityContent_default as TrueFalseActivityContent,
   VerticalDividerLine_default as VerticalDividerLine,
+  calculateLevenshteinDistance,
   checkActivityAnswerState,
   checkIfAnswerIsEmpty,
   constructActivityAnswerMap,
   constructActivityAnswerStateList,
   constructActivityItemListWithAnswersForAI,
   constructActivityItemListWithSolutionForAI,
+  constructBaseNumericIndividualModel,
+  constructBaseVerbalIndvidualModel,
   constructInputWithSpecialExpressionList,
+  constructUserProfileQueryParams,
+  constructWeekName,
   convertDataURLtoFile,
+  convertToBase64,
+  convertTurkishCharactersToEnglish,
+  filterCategoryVersionCodeOptionList,
+  filterCategoryVersionCodeOptionListByGradeDTO,
+  filterCategoryVersionCodeOptionListByInstitutionDTO,
+  filterCoterieTypeOptionList,
+  filterGradeLevelOptionList,
+  filterUserRoleOptionList,
+  findAISettingsFromCurrentProfile,
   findBestFitActivity,
   getColorByIndex,
   i18n_default as i18n,
   ignoreMathematicalExpression,
   parseBodyMapFromData,
   parseContentMapFromData,
+  parseJwt,
   parseMaterialMapFromData,
   retrieveActivityAnswerFromAnswerList,
   retrieveActivityTemplateDTOOptionList,
+  retrieveAllEarnedBadgeDTOListByCoterieType,
+  retrieveAllEarnedBadgeDTOListByCoterieTypeList,
+  retrieveAnnouncementAudienceOptionList,
+  retrieveAnnouncementTypeOptionList,
+  retrieveBadgeRuleListByParams,
+  retrieveBadgeRuleTextByParams,
+  retrieveBranchDTOByUserProfileOptionList,
+  retrieveBranchDTOOptionList,
+  retrieveBrandDTOByUserProfileOptionList,
+  retrieveBrandDTOOptionList,
+  retrieveCampusDTOByUserProfileOptionList,
+  retrieveCampusDTOOptionList,
+  retrieveCategoryVersionCodeOptionList,
   retrieveClockTimeLeft,
   retrieveColorByScore,
   retrieveContentTypeOptionList,
   retrieveContestTypeOptionList,
   retrieveCoterieTypeFromStandardExamCoterieType,
+  retrieveCoterieTypeOptionList,
+  retrieveCountryCodeOptionList,
+  retrieveCountryNameOptionList,
   retrieveCurrentDefaultDataMap,
+  retrieveDateIntervalOptionList,
+  retrieveDefaultUserRoleOptionList,
   retrieveDistintCoterieTypeFromCatchtivityApplicationDTO,
   retrieveDocumentTypeFromAcceptedFormat,
   retrieveDocumentTypeFromExtension,
@@ -5245,7 +7590,23 @@ export {
   retrieveDurationInSecondsOptionList,
   retrieveDurationTypeOptionList,
   retrieveEachTimeSpentInSeconds,
+  retrieveEnableOptionList,
+  retrieveExternalRegistrationDTOOptionList,
   retrieveFrequencyTypeOptionList,
+  retrieveGenderOptionList,
+  retrieveGradeDTOByUserProfileOptionList,
+  retrieveGradeDTOOptionList,
+  retrieveGradeLevelOptionList,
+  retrieveInstitutionDTOByUserProfileOptionList,
+  retrieveInstitutionDTOOptionList,
+  retrieveInstitutionTypeOptionList,
+  retrieveMonthNameByIndex,
+  retrieveOtherBadgeDTOList,
+  retrievePhoneNumberAreaCodeList,
+  retrieveProvinceNameOptionList,
+  retrieveReportTypeOptionList,
+  retrieveSeasonDTOByUserProfileOptionList,
+  retrieveSeasonDTOOptionList,
   retrieveStandardExamCoterieTypeOptionListByStandardExamType,
   retrieveStandardExamTypeIcon,
   retrieveStandardExamTypeOptionList,
@@ -5253,8 +7614,12 @@ export {
   retrieveTaxonomyGroupName,
   retrieveTaxonomyName,
   retrieveTaxonomyType,
+  retrieveTokenUsageSubTypeOptionList,
+  retrieveTokenUsageTypeOptionList,
   retrieveTotalTimeSpentInMinutes,
   retrieveTotalTimeSpentInSeconds,
+  retrieveUserAuthorityGeneralOptionList,
+  retrieveUserRoleOptionList,
   retrieveValidationRequirementList,
   shuffleArray,
   useScreenSize_default as useScreenSize