catchup-library-web 1.0.2 → 1.0.4

package/dist/index.js

@@ -67,50 +67,99 @@ var __async = (__this, __arguments, generator) => {
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ActivityTemplateLabel: () => ActivityTemplateLabel_default,
   ApproveButton: () => ApproveButton_default,
   BaseImage: () => BaseImage_default,
   BaseLoading: () => BaseLoading_default,
+  BaseModal: () => BaseModal_default,
   BlueVerticalDividerLine: () => BlueVerticalDividerLine_default,
+  BrandLabel: () => BrandLabel_default,
   CancelButton: () => CancelButton_default,
+  CoterieLabel: () => CoterieLabel_default,
   CreateButton: () => CreateButton_default,
   DeleteButton: () => DeleteButton_default,
   DividerLine: () => DividerLine_default,
   DropdownActivityContent: () => DropdownActivityContent_default,
   FillInTheBlanksActivityContent: () => FillInTheBlanksActivityContent_default,
+  GradeLabel: () => GradeLabel_default,
   GroupingActivityContent: () => GroupingActivityContent_default,
   InputGroup: () => InputGroup_default,
   MCMAActivityContent: () => MCMAActivityContent_default,
   MCSAActivityContent: () => MCSAActivityContent_default,
   MatchingActivityContent: () => MatchingActivityContent_default,
+  ONE_DAY: () => ONE_DAY,
+  ONE_HOUR: () => ONE_HOUR,
+  ONE_MONTH: () => ONE_MONTH,
+  ONE_WEEK: () => ONE_WEEK,
   OpenEndedActivityContent: () => OpenEndedActivityContent_default,
   OrderingActivityContent: () => OrderingActivityContent_default,
+  OutcomeLabel: () => OutcomeLabel_default,
+  PersonalLabel: () => PersonalLabel_default,
   PrimaryButton: () => PrimaryButton_default,
+  PublishingHouseLabel: () => PublishingHouseLabel_default,
   SecondaryButton: () => SecondaryButton_default,
+  SelectionBox: () => SelectionBox_default,
+  SelectionCheckbox: () => SelectionCheckbox_default,
+  SelectionTab: () => SelectionTab_default,
+  THREE_MONTHS: () => THREE_MONTHS,
   TrueFalseActivityContent: () => TrueFalseActivityContent_default,
   VerticalDividerLine: () => VerticalDividerLine_default,
+  calculateLevenshteinDistance: () => calculateLevenshteinDistance,
   checkActivityAnswerState: () => checkActivityAnswerState,
   checkIfAnswerIsEmpty: () => checkIfAnswerIsEmpty,
   constructActivityAnswerMap: () => constructActivityAnswerMap,
   constructActivityAnswerStateList: () => constructActivityAnswerStateList,
   constructActivityItemListWithAnswersForAI: () => constructActivityItemListWithAnswersForAI,
   constructActivityItemListWithSolutionForAI: () => constructActivityItemListWithSolutionForAI,
+  constructBaseNumericIndividualModel: () => constructBaseNumericIndividualModel,
+  constructBaseVerbalIndvidualModel: () => constructBaseVerbalIndvidualModel,
   constructInputWithSpecialExpressionList: () => constructInputWithSpecialExpressionList,
+  constructUserProfileQueryParams: () => constructUserProfileQueryParams,
+  constructWeekName: () => constructWeekName,
   convertDataURLtoFile: () => convertDataURLtoFile,
+  convertToBase64: () => convertToBase64,
+  convertTurkishCharactersToEnglish: () => convertTurkishCharactersToEnglish,
+  filterCategoryVersionCodeOptionList: () => filterCategoryVersionCodeOptionList,
+  filterCategoryVersionCodeOptionListByGradeDTO: () => filterCategoryVersionCodeOptionListByGradeDTO,
+  filterCategoryVersionCodeOptionListByInstitutionDTO: () => filterCategoryVersionCodeOptionListByInstitutionDTO,
+  filterCoterieTypeOptionList: () => filterCoterieTypeOptionList,
+  filterGradeLevelOptionList: () => filterGradeLevelOptionList,
+  filterUserRoleOptionList: () => filterUserRoleOptionList,
+  findAISettingsFromCurrentProfile: () => findAISettingsFromCurrentProfile,
   findBestFitActivity: () => findBestFitActivity,
   getColorByIndex: () => getColorByIndex,
   i18n: () => i18n_default,
   ignoreMathematicalExpression: () => ignoreMathematicalExpression,
   parseBodyMapFromData: () => parseBodyMapFromData,
   parseContentMapFromData: () => parseContentMapFromData,
+  parseJwt: () => parseJwt,
   parseMaterialMapFromData: () => parseMaterialMapFromData,
   retrieveActivityAnswerFromAnswerList: () => retrieveActivityAnswerFromAnswerList,
   retrieveActivityTemplateDTOOptionList: () => retrieveActivityTemplateDTOOptionList,
+  retrieveAllEarnedBadgeDTOListByCoterieType: () => retrieveAllEarnedBadgeDTOListByCoterieType,
+  retrieveAllEarnedBadgeDTOListByCoterieTypeList: () => retrieveAllEarnedBadgeDTOListByCoterieTypeList,
+  retrieveAnnouncementAudienceOptionList: () => retrieveAnnouncementAudienceOptionList,
+  retrieveAnnouncementTypeOptionList: () => retrieveAnnouncementTypeOptionList,
+  retrieveBadgeRuleListByParams: () => retrieveBadgeRuleListByParams,
+  retrieveBadgeRuleTextByParams: () => retrieveBadgeRuleTextByParams,
+  retrieveBranchDTOByUserProfileOptionList: () => retrieveBranchDTOByUserProfileOptionList,
+  retrieveBranchDTOOptionList: () => retrieveBranchDTOOptionList,
+  retrieveBrandDTOByUserProfileOptionList: () => retrieveBrandDTOByUserProfileOptionList,
+  retrieveBrandDTOOptionList: () => retrieveBrandDTOOptionList,
+  retrieveCampusDTOByUserProfileOptionList: () => retrieveCampusDTOByUserProfileOptionList,
+  retrieveCampusDTOOptionList: () => retrieveCampusDTOOptionList,
+  retrieveCategoryVersionCodeOptionList: () => retrieveCategoryVersionCodeOptionList,
   retrieveClockTimeLeft: () => retrieveClockTimeLeft,
   retrieveColorByScore: () => retrieveColorByScore,
   retrieveContentTypeOptionList: () => retrieveContentTypeOptionList,
   retrieveContestTypeOptionList: () => retrieveContestTypeOptionList,
   retrieveCoterieTypeFromStandardExamCoterieType: () => retrieveCoterieTypeFromStandardExamCoterieType,
+  retrieveCoterieTypeOptionList: () => retrieveCoterieTypeOptionList,
+  retrieveCountryCodeOptionList: () => retrieveCountryCodeOptionList,
+  retrieveCountryNameOptionList: () => retrieveCountryNameOptionList,
   retrieveCurrentDefaultDataMap: () => retrieveCurrentDefaultDataMap,
+  retrieveDateIntervalOptionList: () => retrieveDateIntervalOptionList,
+  retrieveDefaultUserRoleOptionList: () => retrieveDefaultUserRoleOptionList,
   retrieveDistintCoterieTypeFromCatchtivityApplicationDTO: () => retrieveDistintCoterieTypeFromCatchtivityApplicationDTO,
   retrieveDocumentTypeFromAcceptedFormat: () => retrieveDocumentTypeFromAcceptedFormat,
   retrieveDocumentTypeFromExtension: () => retrieveDocumentTypeFromExtension,
@@ -118,7 +167,23 @@ __export(index_exports, {
   retrieveDurationInSecondsOptionList: () => retrieveDurationInSecondsOptionList,
   retrieveDurationTypeOptionList: () => retrieveDurationTypeOptionList,
   retrieveEachTimeSpentInSeconds: () => retrieveEachTimeSpentInSeconds,
+  retrieveEnableOptionList: () => retrieveEnableOptionList,
+  retrieveExternalRegistrationDTOOptionList: () => retrieveExternalRegistrationDTOOptionList,
   retrieveFrequencyTypeOptionList: () => retrieveFrequencyTypeOptionList,
+  retrieveGenderOptionList: () => retrieveGenderOptionList,
+  retrieveGradeDTOByUserProfileOptionList: () => retrieveGradeDTOByUserProfileOptionList,
+  retrieveGradeDTOOptionList: () => retrieveGradeDTOOptionList,
+  retrieveGradeLevelOptionList: () => retrieveGradeLevelOptionList,
+  retrieveInstitutionDTOByUserProfileOptionList: () => retrieveInstitutionDTOByUserProfileOptionList,
+  retrieveInstitutionDTOOptionList: () => retrieveInstitutionDTOOptionList,
+  retrieveInstitutionTypeOptionList: () => retrieveInstitutionTypeOptionList,
+  retrieveMonthNameByIndex: () => retrieveMonthNameByIndex,
+  retrieveOtherBadgeDTOList: () => retrieveOtherBadgeDTOList,
+  retrievePhoneNumberAreaCodeList: () => retrievePhoneNumberAreaCodeList,
+  retrieveProvinceNameOptionList: () => retrieveProvinceNameOptionList,
+  retrieveReportTypeOptionList: () => retrieveReportTypeOptionList,
+  retrieveSeasonDTOByUserProfileOptionList: () => retrieveSeasonDTOByUserProfileOptionList,
+  retrieveSeasonDTOOptionList: () => retrieveSeasonDTOOptionList,
   retrieveStandardExamCoterieTypeOptionListByStandardExamType: () => retrieveStandardExamCoterieTypeOptionListByStandardExamType,
   retrieveStandardExamTypeIcon: () => retrieveStandardExamTypeIcon,
   retrieveStandardExamTypeOptionList: () => retrieveStandardExamTypeOptionList,
@@ -126,8 +191,12 @@ __export(index_exports, {
   retrieveTaxonomyGroupName: () => retrieveTaxonomyGroupName,
   retrieveTaxonomyName: () => retrieveTaxonomyName,
   retrieveTaxonomyType: () => retrieveTaxonomyType,
+  retrieveTokenUsageSubTypeOptionList: () => retrieveTokenUsageSubTypeOptionList,
+  retrieveTokenUsageTypeOptionList: () => retrieveTokenUsageTypeOptionList,
   retrieveTotalTimeSpentInMinutes: () => retrieveTotalTimeSpentInMinutes,
   retrieveTotalTimeSpentInSeconds: () => retrieveTotalTimeSpentInSeconds,
+  retrieveUserAuthorityGeneralOptionList: () => retrieveUserAuthorityGeneralOptionList,
+  retrieveUserRoleOptionList: () => retrieveUserRoleOptionList,
   retrieveValidationRequirementList: () => retrieveValidationRequirementList,
   shuffleArray: () => shuffleArray,
   useScreenSize: () => useScreenSize_default
@@ -745,6 +814,56 @@ var ApproveButton = ({
 };
 var ApproveButton_default = ApproveButton;
 
+// src/components/modals/BaseModal.tsx
+var import_react_modal = __toESM(require("react-modal"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var BaseModal = ({
+  isOpen,
+  size,
+  onAfterOpen,
+  onRequestClose,
+  customSize,
+  children
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_modal.default,
+    {
+      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__ */ (0, import_jsx_runtime9.jsx)("div", { className: `${customSize}`, children }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "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
 var import_i18next = __toESM(require("i18next"));
 var import_react_i18next = require("react-i18next");
@@ -2092,24 +2211,24 @@ var parseMaterialMapFromData = (data, type) => {
 };
 
 // src/components/dividers/DividerLine.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var DividerLine = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "bg-catchup-gray-50 h-[1px] w-full my-3" });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "bg-catchup-gray-50 h-[1px] w-full my-3" });
 };
 var DividerLine_default = DividerLine;
 
 // src/components/dividers/VerticalDividerLine.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var VerticalDividerLine = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "bg-catchup-gray-50 h-full w-[1px] mx-3" });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "bg-catchup-gray-50 h-full w-[1px] mx-3" });
 };
 var VerticalDividerLine_default = VerticalDividerLine;
 
 // src/components/activities/body-content/ShowBodyMediaByContentType.tsx
 var import_react8 = require("react");
-var import_react_modal = __toESM(require("react-modal"));
+var import_react_modal2 = __toESM(require("react-modal"));
 var import_react_katex = require("react-katex");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var ShowBodyMediaByContentType = ({
   index,
   type,
@@ -2151,16 +2270,16 @@ var ShowBodyMediaByContentType = ({
           addition += 1;
         }
         valuePartList.push(
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "span",
             {
               className: "text-xl whitespace-pre-wrap",
               children: constructInputWithSpecialExpressionList(textValue).map(
-                (inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                (inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                   "span",
                   {
                     className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                    children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_katex.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                    children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_katex.InlineMath, { math: inputPart.value }) }) : inputPart.value
                   },
                   index2
                 )
@@ -2174,17 +2293,17 @@ var ShowBodyMediaByContentType = ({
       const secondIndex = subValue.indexOf(checkText) + checkText.length + textValue.length - addition;
       currentIndex++;
       valuePartList.push(
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "span",
           {
             className: `text-xl font-bold whitespace-pre-wrap`,
             children: constructInputWithSpecialExpressionList(
               copyValue.substring(firstIndex + checkText.length, secondIndex)
-            ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "span",
               {
                 className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_katex.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_katex.InlineMath, { math: inputPart.value }) }) : inputPart.value
               },
               index2
             ))
@@ -2204,7 +2323,7 @@ var ShowBodyMediaByContentType = ({
       if (textValue.trim() !== "") {
         currentIndex++;
         valuePartList.push(
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-xl", children: textValue }, `${index}_${currentIndex}`)
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xl", children: textValue }, `${index}_${currentIndex}`)
         );
       }
       const subValue = copyValue.substring(firstIndex + checkText.length);
@@ -2215,8 +2334,8 @@ var ShowBodyMediaByContentType = ({
       );
       currentIndex++;
       valuePartList.push(
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative w-[200px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative w-[200px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             BaseImage_default,
             {
               src: imageSource,
@@ -2225,7 +2344,7 @@ var ShowBodyMediaByContentType = ({
               className: "rounded-catchup-xlarge"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "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",
@@ -2233,7 +2352,7 @@ var ShowBodyMediaByContentType = ({
                 setShowFullScreen(true);
                 setSelectedFullScreenItem(imageSource);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 BaseImage_default,
                 {
                   src: "/icons/arrow-up.png",
@@ -2255,7 +2374,7 @@ var ShowBodyMediaByContentType = ({
       if (textValue.trim() !== "") {
         currentIndex++;
         valuePartList.push(
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-xl", children: textValue }, `${index}-${currentIndex}`)
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xl", children: textValue }, `${index}-${currentIndex}`)
         );
       }
       const subValue = copyValue.substring(firstIndex + checkText.length);
@@ -2266,7 +2385,7 @@ var ShowBodyMediaByContentType = ({
       );
       currentIndex++;
       valuePartList.push(
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "video",
           {
             src: videoSource,
@@ -2284,7 +2403,7 @@ var ShowBodyMediaByContentType = ({
       if (textValue.trim() !== "") {
         currentIndex++;
         valuePartList.push(
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-xl", children: textValue }, `${index}-${currentIndex}`)
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xl", children: textValue }, `${index}-${currentIndex}`)
         );
       }
       const subValue = copyValue.substring(firstIndex + checkText.length);
@@ -2295,7 +2414,7 @@ var ShowBodyMediaByContentType = ({
       );
       currentIndex++;
       valuePartList.push(
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "audio",
           {
             src: audioSource,
@@ -2321,9 +2440,9 @@ var ShowBodyMediaByContentType = ({
       if (regexMatchImageText) {
         const imageText = regexMatchImageText[1];
         valuePartList.push(
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "bg-catchup-gray-50 relative px-4 py-4 rounded-catchup-small mt-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute -top-3 bg-catchup-white border rounded-catchup-small px-2 left-2", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "font-bold", children: i18n_default.t("image_description") }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "bg-catchup-gray-50 relative px-4 py-4 rounded-catchup-small mt-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "absolute -top-3 bg-catchup-white border rounded-catchup-small px-2 left-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "font-bold", children: i18n_default.t("image_description") }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "span",
               {
                 className: "text-xl whitespace-pre-wrap ",
@@ -2335,16 +2454,16 @@ var ShowBodyMediaByContentType = ({
         );
       } else {
         valuePartList.push(
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "span",
             {
               className: "text-xl whitespace-pre-wrap",
               children: constructInputWithSpecialExpressionList(copyValue).map(
-                (inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                (inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                   "span",
                   {
                     className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                    children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_katex.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                    children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_katex.InlineMath, { math: inputPart.value }) }) : inputPart.value
                   },
                   index2
                 )
@@ -2358,8 +2477,8 @@ var ShowBodyMediaByContentType = ({
     return valuePartList;
   };
   const RenderShowFullScreenItem = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      import_react_modal.default,
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      import_react_modal2.default,
       {
         isOpen: showFullScreen,
         onAfterOpen: () => {
@@ -2389,8 +2508,8 @@ var ShowBodyMediaByContentType = ({
           }
         },
         contentLabel: "",
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex-1 flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "ml-auto px-5 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex-1 flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "ml-auto px-5 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             BaseImage_default,
             {
               src: "/icons/cross-red.png",
@@ -2402,7 +2521,7 @@ var ShowBodyMediaByContentType = ({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex items-center justify-center h-[500]", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex items-center justify-center h-[500]", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             BaseImage_default,
             {
               src: selectedFullScreenItem,
@@ -2417,14 +2536,14 @@ var ShowBodyMediaByContentType = ({
   };
   const RenderMainContent = () => {
     if (type === "TEXT") {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mb-3 flex flex-row flex-wrap items-center mx-auto w-full", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: retrieveValueParts(value) }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-3 flex flex-row flex-wrap items-center mx-auto w-full", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: retrieveValueParts(value) }) });
     } else if (type === "IMAGE") {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mb-3 flex flex-col items-center relative", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-3 flex flex-col items-center relative", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         "div",
         {
           className: `${size ? `${convertToPercentage(size)}` : ""} rounded-catchup-xlarge relative`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               BaseImage_default,
               {
                 src: value,
@@ -2433,7 +2552,7 @@ var ShowBodyMediaByContentType = ({
                 className: "w-full rounded-catchup-xlarge"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "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",
@@ -2441,7 +2560,7 @@ var ShowBodyMediaByContentType = ({
                   setShowFullScreen(true);
                   setSelectedFullScreenItem(value);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                   BaseImage_default,
                   {
                     src: "/icons/arrow-up.png",
@@ -2456,7 +2575,7 @@ var ShowBodyMediaByContentType = ({
         }
       ) });
     } else if (type === "VIDEO") {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mb-3 flex flex-col items-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-3 flex flex-col items-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "video",
         {
           src: value,
@@ -2465,10 +2584,10 @@ var ShowBodyMediaByContentType = ({
         }
       ) });
     } else if (type === "AUDIO") {
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mb-3 flex flex-col items-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("audio", { src: value, controls: true, className: `rounded-catchup-xlarge` }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-3 flex flex-col items-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("audio", { src: value, controls: true, className: `rounded-catchup-xlarge` }) });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "w-full", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w-full", children: [
     RenderShowFullScreenItem(),
     RenderMainContent()
   ] }, index);
@@ -2476,7 +2595,7 @@ var ShowBodyMediaByContentType = ({
 var ShowBodyMediaByContentType_default = ShowBodyMediaByContentType;
 
 // src/components/activities/body-content/ActivityBodyContent.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var ActivityBodyContent = ({
   templateType,
   bodyMap,
@@ -2484,7 +2603,7 @@ var ActivityBodyContent = ({
   answerMap
 }) => {
   let currentQQIndex = 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col justify-center items-center", children: Object.keys(bodyMap).map((key, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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("@@")) {
@@ -2561,7 +2680,7 @@ var ActivityBodyContent = ({
         currentQQIndex++;
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       ShowBodyMediaByContentType_default,
       {
         index,
@@ -2580,7 +2699,7 @@ var import_react_katex2 = require("react-katex");
 // src/components/groups/InputGroup.tsx
 var import_react_select = __toESM(require("react-select"));
 var import_react9 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var InputGroup = ({
   type,
   title,
@@ -2638,13 +2757,13 @@ var InputGroup = ({
     }
   };
   const CheckboxInputGroup = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
       {
         className: "flex flex-row items-center gap-x-1 cursor-pointer",
         onClick,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             BaseImage_default,
             {
               src: value ? "/icons/checkbox.png" : "/icons/checkbox-empty.png",
@@ -2654,15 +2773,15 @@ var InputGroup = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "", children: title })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "", children: title })
         ]
       }
     );
   };
   const FileInputGroup = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "my-1", children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "my-1", children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "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",
@@ -2679,9 +2798,9 @@ var InputGroup = ({
     ] });
   };
   const DateInputGroup = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "my-1", children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "my-1", children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "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`,
@@ -2696,9 +2815,9 @@ var InputGroup = ({
     ] });
   };
   const SearchableSelectInputGroup = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "my-1", children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400 ", children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "my-1", children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400 ", children: title }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         import_react_select.default,
         {
           options: convertOptionListToSelectComponent(
@@ -2761,16 +2880,16 @@ var InputGroup = ({
     ] });
   };
   const TextAreaInputGroup = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "my-1 flex-1 flex flex-col relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-row justify-between items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: limit ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "text-md font-semibold pr-2 py-1 text-catchup-gray-400", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "my-1 flex-1 flex flex-col relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-row justify-between items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: limit ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "text-md font-semibold pr-2 py-1 text-catchup-gray-400", children: [
           value.length,
           " / ",
           limit
         ] }) : null })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "textarea",
         {
           ref: textAreaRef,
@@ -2789,9 +2908,9 @@ var InputGroup = ({
     ] });
   };
   const TextInputGroup = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "my-1 relative", children: [
-      title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "my-1 relative", children: [
+      title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-md font-semibold pl-2 py-1 text-catchup-gray-400", children: title }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "input",
         {
           disabled,
@@ -2931,10 +3050,10 @@ var getColorByIndex = (index) => {
 
 // src/components/dropdowns/MediaDropdown.tsx
 var import_react10 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var MediaDropdown = ({ id, answer, optionList }) => {
   const [showDropdown, setShowDropdown] = (0, import_react10.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       className: "w-full relative",
@@ -2945,17 +3064,17 @@ var MediaDropdown = ({ id, answer, optionList }) => {
         setShowDropdown(false);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-full flex flex-col items-center justify-center", children: answer }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full flex flex-col items-center justify-center", children: answer }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "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`,
-            children: optionList.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            children: optionList.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
               "li",
               {
                 className: `${option.listItemClassNames ? option.listItemClassNames : ""}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                     "div",
                     {
                       className: `w-full flex flex-col my-2 ${option.divClassNames ? option.divClassNames : ""}`,
@@ -2963,7 +3082,7 @@ var MediaDropdown = ({ id, answer, optionList }) => {
                       children: option.media
                     }
                   ),
-                  index !== optionList.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-full border my-1 border-catchup-light-blue rounded-catchup-full" }) : null
+                  index !== optionList.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full border my-1 border-catchup-light-blue rounded-catchup-full" }) : null
                 ]
               },
               option.id
@@ -2979,8 +3098,8 @@ var MediaDropdown_default = MediaDropdown;
 
 // src/components/activities/material-content/ShowMaterialMediaByContentType.tsx
 var import_react11 = require("react");
-var import_react_modal2 = __toESM(require("react-modal"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react_modal3 = __toESM(require("react-modal"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var ShowMaterialMediaByContentType = ({
   key,
   contentType,
@@ -3008,8 +3127,8 @@ var ShowMaterialMediaByContentType = ({
     }
   }, [isLoaded, key]);
   const RenderShowFullScreenItem = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_react_modal2.default,
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_react_modal3.default,
       {
         isOpen: showFullScreen,
         onAfterOpen: () => {
@@ -3039,8 +3158,8 @@ var ShowMaterialMediaByContentType = ({
           }
         },
         contentLabel: "",
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex-1 flex flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "ml-auto px-5 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex-1 flex flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "ml-auto px-5 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             BaseImage_default,
             {
               src: "/icons/cross-red.png",
@@ -3052,7 +3171,7 @@ var ShowMaterialMediaByContentType = ({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex items-center justify-center h-[500px]", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             BaseImage_default,
             {
               src: selectedFullScreenItem,
@@ -3065,14 +3184,14 @@ var ShowMaterialMediaByContentType = ({
       }
     );
   };
-  return contentType === "IMAGE" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
+  return contentType === "IMAGE" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
     RenderShowFullScreenItem(),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "div",
       {
         className: `${isFullHeight ? "h-catchup-activity-box-item" : "max-w-catchup-activity-box-item"}  flex flex-col justify-center items-center relative`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             BaseImage_default,
             {
               src,
@@ -3085,7 +3204,7 @@ var ShowMaterialMediaByContentType = ({
               }
             }
           ),
-          src !== null && src !== "" && src !== "DEFAULT_OPTION" && canFullScreen ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          src !== null && src !== "" && src !== "DEFAULT_OPTION" && canFullScreen ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "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",
@@ -3097,7 +3216,7 @@ var ShowMaterialMediaByContentType = ({
                 setShowFullScreen(true);
                 setSelectedFullScreenItem(src);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 BaseImage_default,
                 {
                   src: "/icons/arrow-up.png",
@@ -3111,7 +3230,7 @@ var ShowMaterialMediaByContentType = ({
         ]
       }
     ) }) })
-  ] }, key) : contentType === "VIDEO" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  ] }, key) : contentType === "VIDEO" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "video",
     {
       className: "h-catchup-activity-box-item rounded-catchup-xlarge",
@@ -3120,7 +3239,7 @@ var ShowMaterialMediaByContentType = ({
       onClick: () => {
       }
     }
-  ) }) }) }) : contentType === "AUDIO" ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  ) }) }) }) : contentType === "AUDIO" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "my-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-full flex flex-row flex-wrap items-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-full flex flex-col justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "audio",
     {
       className: "h-catchup-activity-box-item rounded-catchup-xlarge",
@@ -3134,7 +3253,7 @@ var ShowMaterialMediaByContentType = ({
 var ShowMaterialMediaByContentType_default = ShowMaterialMediaByContentType;
 
 // src/components/activities/material-content/DropdownActivityMaterialContent.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var DropdownActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -3176,22 +3295,22 @@ var DropdownActivityMaterialContent = ({
     return "INCORRECT";
   };
   const answerMap = retrieveAnswerMap();
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-row flex-wrap items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_dropdown_text") }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-full flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-row flex-wrap items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_dropdown_text") }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "mx-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w-full flex flex-row my-2 gap-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "my-auto", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "text-xl", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "mx-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w-full flex flex-row my-2 gap-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "my-auto", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "text-xl", children: [
           parseFloat(materialKey) + 1,
           "."
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "w-full relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex-1", children: checkCanAnswerQuestion() ? contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "w-full relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-1", children: checkCanAnswerQuestion() ? contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             InputGroup_default,
             {
               type: "select",
@@ -3199,13 +3318,13 @@ var DropdownActivityMaterialContent = ({
               optionList: shuffleArray(
                 materialMap[materialKey][answerKey]
               ).map((materialOption) => ({
-                text: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                text: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                   materialOption
-                ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "span",
                   {
                     className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                    children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       import_react_katex2.InlineMath,
                       {
                         math: inputPart.value
@@ -3220,11 +3339,11 @@ var DropdownActivityMaterialContent = ({
                 onChange(answer, materialKey, e.target.value);
               }
             }
-          ) }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          ) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             MediaDropdown_default,
             {
               id: materialKey,
-              answer: answerMap[materialKey] === "DEFAULT_OPTION" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "w-catchup-activity-box-item border h-catchup-activity-box-item rounded-catchup-xlarge border-dashed border-catchup-blue", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "h-full flex flex-col items-center justify-center px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "italic", children: i18n_default.t("please_select") }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              answer: answerMap[materialKey] === "DEFAULT_OPTION" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-catchup-activity-box-item border h-catchup-activity-box-item rounded-catchup-xlarge border-dashed border-catchup-blue", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-full flex flex-col items-center justify-center px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "italic", children: i18n_default.t("please_select") }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 ShowMaterialMediaByContentType_default,
                 {
                   contentType: contentMap.type,
@@ -3236,7 +3355,7 @@ var DropdownActivityMaterialContent = ({
               optionList: materialMap[materialKey][answerKey].map(
                 (materialOption, index2) => ({
                   id: index2,
-                  media: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  media: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     ShowMaterialMediaByContentType_default,
                     {
                       contentType: contentMap.type,
@@ -3255,24 +3374,24 @@ var DropdownActivityMaterialContent = ({
                 })
               )
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
             answerMap[materialKey]
-          ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "span",
             {
               className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-              children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_katex2.InlineMath, { math: inputPart.value }) }) : inputPart.value
+              children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_katex2.InlineMath, { math: inputPart.value }) }) : inputPart.value
             },
             index2
           )) }) }),
-          learnerAnswerState === "CORRECT" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "absolute top-[0px] right-4 bg-catchup-white", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          learnerAnswerState === "CORRECT" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "absolute top-[0px] right-4 bg-catchup-white", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             BaseImage_default,
             {
               src: "/icons/checkbox.png",
               alt: "chekbbox",
               size: "small"
             }
-          ) }) : learnerAnswerState === "INCORRECT" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "absolute top-[0px] right-4 bg-catchup-white", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          ) }) : learnerAnswerState === "INCORRECT" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "absolute top-[0px] right-4 bg-catchup-white", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             BaseImage_default,
             {
               src: "/icons/cross-red.png",
@@ -3288,7 +3407,7 @@ var DropdownActivityMaterialContent = ({
 var DropdownActivityMaterialContent_default = DropdownActivityMaterialContent;
 
 // src/components/activities/DropdownActivityContent.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var DropdownActivityContent = ({
   answer,
   data,
@@ -3311,8 +3430,8 @@ var DropdownActivityContent = ({
     answerMap[key] = value;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       ActivityBodyContent_default,
       {
         bodyMap: dropdownBodyMap,
@@ -3321,9 +3440,9 @@ var DropdownActivityContent = ({
         templateType: "DROPDOWN"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(VerticalDividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       DropdownActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -3348,7 +3467,7 @@ var import_react_dnd3 = require("react-dnd");
 
 // src/components/dnds/DraggableItem.tsx
 var import_react_dnd = require("react-dnd");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var DraggableItem = ({
   key,
   item,
@@ -3370,11 +3489,11 @@ var DraggableItem = ({
     })
   });
   const opacity = isDragging ? 0.4 : 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     {
       className: `${isDragging ? "w-[0px] opacity-0" : "opacity-100"} transition-all duration-500`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref: drag, className: "", style: { opacity }, children: component })
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { ref: drag, className: "", style: { opacity }, children: component })
     },
     key
   );
@@ -3384,7 +3503,7 @@ var DraggableItem_default = DraggableItem;
 // src/components/dnds/DroppableItem.tsx
 var import_react14 = require("react");
 var import_react_dnd2 = require("react-dnd");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var DroppableItem = ({
   key,
   item,
@@ -3404,7 +3523,7 @@ var DroppableItem = ({
     }
   });
   dropRef(drop(ref));
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       className: `w-full transition-all duration-500 h-full`,
@@ -3417,7 +3536,7 @@ var DroppableItem = ({
 var DroppableItem_default = DroppableItem;
 
 // src/components/activities/material-content/FillInTheBlanksActivityMaterialContent.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var FillInTheBlanksActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -3475,12 +3594,12 @@ var FillInTheBlanksActivityMaterialContent = ({
     return Object.keys(answerMap2).findIndex((key) => answerMap2[key] === option) !== -1;
   };
   const answerMap = retrieveAnswerMap();
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-row flex-wrap items-center", onMouseUp: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-row flex-wrap items-center", onMouseUp: () => {
   }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_fill_in_the_blanks_text") }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("div", { className: "opacity-30", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_fill_in_the_blanks_text") }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsx)("div", { className: "opacity-30", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         ShowMaterialMediaByContentType_default,
         {
           contentType: contentMap.type,
@@ -3488,12 +3607,12 @@ var FillInTheBlanksActivityMaterialContent = ({
           canFullScreen: true
         },
         `${uniqueValue}-${index}`
-      ) }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         DraggableItem_default,
         {
           item: { index: option },
           type: "FILL_IN_THE_BLANKS",
-          component: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          component: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "div",
             {
               className: "border-catchup-blue border-2 px-2 py-1 rounded-catchup-xlarge cursor-pointer",
@@ -3501,9 +3620,9 @@ var FillInTheBlanksActivityMaterialContent = ({
                 setSelectedOption(option);
                 setPasteOptionIndex(null);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "italic whitespace-pre-wrap", children: option })
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "italic whitespace-pre-wrap", children: option })
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "div",
             {
               className: "border-catchup-blue border-2 px-2 py-1 rounded-catchup-xlarge cursor-pointer",
@@ -3511,7 +3630,7 @@ var FillInTheBlanksActivityMaterialContent = ({
                 setSelectedOption(option);
                 setPasteOptionIndex(null);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 ShowMaterialMediaByContentType_default,
                 {
                   contentType: contentMap.type,
@@ -3529,12 +3648,12 @@ var FillInTheBlanksActivityMaterialContent = ({
         index
       )
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mx-2", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mx-2", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         DroppableItem_default,
         {
           item: { index },
@@ -3542,13 +3661,13 @@ var FillInTheBlanksActivityMaterialContent = ({
           target: pasteOptionIndex,
           setTarget: setPasteOptionIndex,
           dropRef: drop,
-          component: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "w-full flex flex-row my-2 gap-x-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "my-auto", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("p", { className: "text-xl", children: [
+          component: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "w-full flex flex-row my-2 gap-x-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "my-auto", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("p", { className: "text-xl", children: [
               parseFloat(materialKey) + 1,
               "."
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-1", children: checkCanAnswerQuestion() ? contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex-1", children: checkCanAnswerQuestion() ? contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 InputGroup_default,
                 {
                   type: "textarea",
@@ -3563,14 +3682,14 @@ var FillInTheBlanksActivityMaterialContent = ({
                   }
                 }
               ) }),
-              learnerAnswerState === "CORRECT" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              learnerAnswerState === "CORRECT" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 BaseImage_default,
                 {
                   src: "/icons/checkbox.png",
                   alt: "checkbox",
                   size: "small"
                 }
-              ) }) : learnerAnswerState === "INCORRECT" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              ) }) : learnerAnswerState === "INCORRECT" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "absolute -top-[10px] right-4 bg-catchup-white", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 BaseImage_default,
                 {
                   src: "/icons/cross-red.png",
@@ -3578,20 +3697,20 @@ var FillInTheBlanksActivityMaterialContent = ({
                   size: "small"
                 }
               ) }) : null
-            ] }) : answerMap[materialKey] === "" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            ] }) : answerMap[materialKey] === "" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "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__ */ (0, import_jsx_runtime20.jsx)("div", { className: "h-full flex flex-col items-center justify-center px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "italic", children: i18n_default.t("please_drop_here") }) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "h-full flex flex-col items-center justify-center px-4 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "italic", children: i18n_default.t("please_drop_here") }) })
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "div",
               {
                 className: "flex-1 cursor-pointer",
                 onClick: () => {
                   onChange(answer, materialKey, "");
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   ShowMaterialMediaByContentType_default,
                   {
                     contentType: contentMap.type,
@@ -3601,13 +3720,13 @@ var FillInTheBlanksActivityMaterialContent = ({
                   `${uniqueValue}-${index}`
                 )
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
               answerMap[materialKey]
-            ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
               "span",
               {
                 className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_katex3.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_katex3.InlineMath, { math: inputPart.value }) }) : inputPart.value
               },
               index2
             )) }, materialKey) })
@@ -3621,7 +3740,7 @@ var FillInTheBlanksActivityMaterialContent = ({
 var FillInTheBlanksActivityMaterialContent_default = FillInTheBlanksActivityMaterialContent;
 
 // src/components/activities/FillInTheBlanksActivityContent.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var FillInTheBlanksActivityContent = ({
   answer,
   data,
@@ -3669,8 +3788,8 @@ var FillInTheBlanksActivityContent = ({
     answerMap[key] = value;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       ActivityBodyContent_default,
       {
         bodyMap: fillInTheBlanksBodyMap,
@@ -3679,9 +3798,9 @@ var FillInTheBlanksActivityContent = ({
         templateType: "FILL_IN_THE_BLANKS"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(VerticalDividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       FillInTheBlanksActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -3740,7 +3859,7 @@ var useScreenSize = () => {
 var useScreenSize_default = useScreenSize;
 
 // src/components/activities/material-content/GroupingActivityMaterialContent.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var GroupingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -3845,19 +3964,19 @@ var GroupingActivityMaterialContent = ({
   };
   const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "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__ */ (0, import_jsx_runtime22.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             DraggableItem_default,
             {
               item: { index: materialValue },
               type: "GROUPING",
-              component: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              component: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 "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`,
@@ -3871,22 +3990,22 @@ var GroupingActivityMaterialContent = ({
                       setSelectedValue(null);
                     }
                   },
-                  children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                  children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                     "div",
                     {
                       className: `flex flex-col items-center justify-center m-4 min-h-[64px] min-w-[200px]`,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xl text-center whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xl text-center whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                         materialValue
-                      ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                      ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                         "span",
                         {
                           className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                          children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_katex4.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                          children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_katex4.InlineMath, { math: inputPart.value }) }) : inputPart.value
                         },
                         index2
                       )) })
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                     ShowMaterialMediaByContentType_default,
                     {
                       contentType: contentMap.type,
@@ -3911,22 +4030,22 @@ var GroupingActivityMaterialContent = ({
         })
       }
     ),
-    filteredMaterialList.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DividerLine_default, {}) : null,
-    Object.keys(answerMap).map((answerMapKey, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-row w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "w-1/3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    filteredMaterialList.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DividerLine_default, {}) : null,
+    Object.keys(answerMap).map((answerMapKey, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-row w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "w-1/3", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "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__ */ (0, import_jsx_runtime22.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "div",
             {
               className: `flex flex-col items-center justify-center transition-all duration-300 m-4`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
-                (inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
+                (inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                   "span",
                   {
                     className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                    children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_katex4.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                    children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_katex4.InlineMath, { math: inputPart.value }) }) : inputPart.value
                   },
                   index2
                 )
@@ -3935,12 +4054,12 @@ var GroupingActivityMaterialContent = ({
           )
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-1", ref, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "h-full py-3", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex-1", ref, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "h-full py-3", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "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__ */ (0, import_jsx_runtime22.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             DroppableItem_default,
             {
               item: { index: answerMapKey },
@@ -3948,7 +4067,7 @@ var GroupingActivityMaterialContent = ({
               target: selectedTargetKey,
               setTarget: setSelectedTargetKey,
               dropRef: drop,
-              component: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              component: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 "div",
                 {
                   className: "h-full flex-1 flex flex-row items-center overflow-x-auto",
@@ -3961,7 +4080,7 @@ var GroupingActivityMaterialContent = ({
                         materialMap[answerMapKey],
                         answerMapValue
                       );
-                      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "h-catchup-activity-box-item", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "h-catchup-activity-box-item", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                         "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`,
@@ -3977,17 +4096,17 @@ var GroupingActivityMaterialContent = ({
                               setSelectedValue(null);
                             }
                           },
-                          children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                          children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                             "div",
                             {
                               className: `flex flex-col items-center justify-center transition-all duration-300 min-h-[64px] min-w-[200px]`,
-                              children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "m-2", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xl text-center whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "m-2", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xl text-center whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                                 answerMapValue
-                              ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                              ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                                 "span",
                                 {
                                   className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                                  children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                                  children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                                     import_react_katex4.InlineMath,
                                     {
                                       math: inputPart.value
@@ -3997,7 +4116,7 @@ var GroupingActivityMaterialContent = ({
                                 index2
                               )) }) })
                             }
-                          ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                          ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                             ShowMaterialMediaByContentType_default,
                             {
                               contentType: contentMap.type,
@@ -4023,7 +4142,7 @@ var GroupingActivityMaterialContent = ({
 var GroupingActivityMaterialContent_default = GroupingActivityMaterialContent;
 
 // src/components/activities/GroupingActivityContent.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var GroupingActivityContent = ({
   answer,
   data,
@@ -4047,16 +4166,16 @@ var GroupingActivityContent = ({
     }
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       ActivityBodyContent_default,
       {
         bodyMap: groupingBodyMap,
         templateType: "GROUPING"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DividerLine_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DividerLine_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       GroupingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -4077,7 +4196,7 @@ var GroupingActivityContent_default = GroupingActivityContent;
 var import_react19 = require("react");
 var import_react_dnd5 = require("react-dnd");
 var import_react_katex5 = require("react-katex");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var MatchingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -4173,18 +4292,18 @@ var MatchingActivityMaterialContent = ({
   };
   const answerMap = retrieveAnswerMap();
   const filteredMaterialList = retrieveFilteredMaterialList(answerMap);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "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__ */ (0, import_jsx_runtime24.jsx)(
+        children: filteredMaterialList.map((materialValue, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           DraggableItem_default,
           {
             item: { index: materialValue },
             type: "MATCHING",
-            component: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            component: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "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`,
@@ -4198,22 +4317,22 @@ var MatchingActivityMaterialContent = ({
                     setSelectedValue(null);
                   }
                 },
-                children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                   "div",
                   {
                     className: `flex flex-col items-center justify-center m-4 min-h-[64px] min-w-[200px]`,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                       materialValue
-                    ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                    ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                       "span",
                       {
                         className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                        children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_katex5.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                        children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_katex5.InlineMath, { math: inputPart.value }) }) : inputPart.value
                       },
                       index2
                     )) })
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                   ShowMaterialMediaByContentType_default,
                   {
                     contentType: contentMap.type,
@@ -4237,27 +4356,27 @@ var MatchingActivityMaterialContent = ({
         ))
       }
     ),
-    filteredMaterialList.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DividerLine_default, {}) : null,
+    filteredMaterialList.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DividerLine_default, {}) : null,
     Object.keys(answerMap).map((answerMapKey, index) => {
       const learnerAnswerState = checkAnswerState(
         materialMap[answerMapKey],
         answerMap[answerMapKey]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-row w-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "w-1/3", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-row w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-1/3", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "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__ */ (0, import_jsx_runtime24.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               "div",
               {
                 className: `flex flex-col items-center justify-center transition-all duration-300 m-4`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
-                  (inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(answerMapKey).map(
+                  (inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                     "span",
                     {
                       className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                      children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_katex5.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                      children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_katex5.InlineMath, { math: inputPart.value }) }) : inputPart.value
                     },
                     index2
                   )
@@ -4266,8 +4385,8 @@ var MatchingActivityMaterialContent = ({
             )
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "mx-4 w-[2px] bg-catchup-lighter-gray" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "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"}`,
@@ -4276,7 +4395,7 @@ var MatchingActivityMaterialContent = ({
                 setSelectedValue(null);
               }
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               DroppableItem_default,
               {
                 item: { index: answerMapKey },
@@ -4284,7 +4403,7 @@ var MatchingActivityMaterialContent = ({
                 target: selectedTargetKey,
                 setTarget: setSelectedTargetKey,
                 dropRef: drop,
-                component: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                component: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                   "div",
                   {
                     className: `h-full flex-1 flex flex-row items-center justify-center `,
@@ -4297,16 +4416,16 @@ var MatchingActivityMaterialContent = ({
                         );
                       }
                     },
-                    children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                    children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xl p-5 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                       answerMap[answerMapKey]
-                    ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                    ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                       "span",
                       {
                         className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                        children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_katex5.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                        children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_katex5.InlineMath, { math: inputPart.value }) }) : inputPart.value
                       },
                       index2
-                    )) }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                    )) }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                       ShowMaterialMediaByContentType_default,
                       {
                         contentType: contentMap.type,
@@ -4329,7 +4448,7 @@ var MatchingActivityMaterialContent = ({
 var MatchingActivityMaterialContent_default = MatchingActivityMaterialContent;
 
 // src/components/activities/MatchingActivityContent.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var MatchingActivityContent = ({
   answer,
   data,
@@ -4349,16 +4468,16 @@ var MatchingActivityContent = ({
     answerMap[key] = value;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       ActivityBodyContent_default,
       {
         bodyMap: matchingBodyMap,
         templateType: "MATCHING"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DividerLine_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DividerLine_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       MatchingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -4377,7 +4496,7 @@ var MatchingActivityContent_default = MatchingActivityContent;
 
 // src/components/activities/material-content/MCMAActivityMaterialContent.tsx
 var import_react_katex6 = require("react-katex");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var MCMAActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -4410,10 +4529,10 @@ var MCMAActivityMaterialContent = ({
   const answerMap = retrieveAnswerMap();
   const correctAnswerList = retrieveCorrectAnswerList();
   return Object.keys(materialMap).map((materialKey, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_mcma_text") }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(DividerLine_default, {}) }),
-      checkCanAnswerQuestion() ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex flex-row w-full flex-wrap ", children: materialMap[materialKey].map(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_mcma_text") }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DividerLine_default, {}) }),
+      checkCanAnswerQuestion() ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex flex-row w-full flex-wrap ", children: materialMap[materialKey].map(
         (materialSubKey, index2) => {
           const foundAnswer = answerMap[materialKey].find(
             (learnerAnswer) => learnerAnswer === materialSubKey
@@ -4426,7 +4545,7 @@ var MCMAActivityMaterialContent = ({
           const foundIndex = correctAnswerList.findIndex(
             (correctAnswer) => correctAnswer === materialSubKey
           );
-          return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
             "div",
             {
               className: `w-full flex flex-row items-center justify-center cursor-pointer my-2 gap-x-2 ${learnerAnswerState === "EMPTY" && foundIndex !== -1 || learnerAnswerState === "CORRECT" ? "border-2 border-catchup-green rounded-catchup-xlarge" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge" : ""}`,
@@ -4434,7 +4553,7 @@ var MCMAActivityMaterialContent = ({
                 onChange(answer, materialKey, materialSubKey);
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   BaseImage_default,
                   {
                     src: answerMap[materialKey].includes(materialSubKey) ? "/icons/checkbox.png" : "/icons/empty-checkbox.png",
@@ -4444,16 +4563,16 @@ var MCMAActivityMaterialContent = ({
                     }
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                   materialSubKey
-                ).map((inputPart, index3) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                ).map((inputPart, index3) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   "span",
                   {
                     className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                    children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_katex6.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                    children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_katex6.InlineMath, { math: inputPart.value }) }) : inputPart.value
                   },
                   index3
-                )) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+                )) }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                   ShowMaterialMediaByContentType_default,
                   {
                     contentType: contentMap.type,
@@ -4467,13 +4586,13 @@ var MCMAActivityMaterialContent = ({
             index2
           );
         }
-      ) }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
+      ) }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "text-xl", children: constructInputWithSpecialExpressionList(
         answerMap[materialKey]
-      ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "span",
         {
           className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-          children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_katex6.InlineMath, { math: inputPart.value }) }) : inputPart.value
+          children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_katex6.InlineMath, { math: inputPart.value }) }) : inputPart.value
         },
         index2
       )) }, materialKey)
@@ -4483,7 +4602,7 @@ var MCMAActivityMaterialContent = ({
 var MCMAActivityMaterialContent_default = MCMAActivityMaterialContent;
 
 // src/components/activities/MCMAActivityContent.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var MCMAActivityContent = ({
   answer,
   data,
@@ -4509,11 +4628,11 @@ var MCMAActivityContent = ({
     }
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ActivityBodyContent_default, { bodyMap: MCMABodyMap, templateType: "MCMA" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(VerticalDividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       MCMAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -4531,7 +4650,7 @@ var MCMAActivityContent_default = MCMAActivityContent;
 
 // src/components/activities/material-content/MCSAActivityMaterialContent.tsx
 var import_react_katex7 = require("react-katex");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var MCSAActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -4561,10 +4680,10 @@ var MCSAActivityMaterialContent = ({
   const answerMap = retrieveAnswerMap();
   const correctAnswer = retrieveCorrectAnswer();
   return Object.keys(materialMap).map((materialKey, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_mcsa_text") }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DividerLine_default, {}) }),
-      checkCanAnswerQuestion() ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex flex-row items-center my-1", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex-1 flex flex-col justify-center border-catchup-lighter-gray rounded-catchup-xlarge px-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_mcsa_text") }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DividerLine_default, {}) }),
+      checkCanAnswerQuestion() ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "div",
         {
           className: `flex flex-row w-full ${Object.keys(materialMap[materialKey]).length <= 4 ? "justify-center" : ""} flex-wrap`,
@@ -4575,7 +4694,7 @@ var MCSAActivityMaterialContent = ({
                 materialSubKey,
                 answerMap[materialKey]
               );
-              return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
                 "div",
                 {
                   className: `w-full flex flex-row items-center justify-center cursor-pointer my-2 gap-x-2 ${learnerAnswerState === "EMPTY" && materialSubKey === correctAnswer || learnerAnswerState === "CORRECT" ? "border-2 border-catchup-green rounded-catchup-xlarge" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge" : ""}`,
@@ -4583,7 +4702,7 @@ var MCSAActivityMaterialContent = ({
                     onChange(answer, materialKey, materialSubKey);
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                       BaseImage_default,
                       {
                         src: answerMap[materialKey] === materialSubKey ? "/icons/item-element.png" : "/icons/not-selected-item-element.png",
@@ -4593,16 +4712,16 @@ var MCSAActivityMaterialContent = ({
                         }
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                       materialSubKey
-                    ).map((inputPart, index3) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    ).map((inputPart, index3) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                       "span",
                       {
                         className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                        children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_katex7.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                        children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_katex7.InlineMath, { math: inputPart.value }) }) : inputPart.value
                       },
                       index3
-                    )) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                    )) }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
                       ShowMaterialMediaByContentType_default,
                       {
                         contentType: contentMap.type,
@@ -4618,13 +4737,13 @@ var MCSAActivityMaterialContent = ({
             }
           )
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
         answerMap[materialKey]
-      ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         "span",
         {
           className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-          children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_katex7.InlineMath, { math: inputPart.value }) }) : inputPart.value
+          children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_katex7.InlineMath, { math: inputPart.value }) }) : inputPart.value
         },
         index2
       )) })
@@ -4634,7 +4753,7 @@ var MCSAActivityMaterialContent = ({
 var MCSAActivityMaterialContent_default = MCSAActivityMaterialContent;
 
 // src/components/activities/MCSAActivityContent.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var MCSAActivityContent = ({
   answer,
   data,
@@ -4653,11 +4772,11 @@ var MCSAActivityContent = ({
     answerMap[key] = value;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "w-full md:w-[60%]", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ActivityBodyContent_default, { bodyMap: MCSABodyMap, templateType: "MCSA" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(VerticalDividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       MCSAActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -4674,7 +4793,7 @@ var MCSAActivityContent = ({
 var MCSAActivityContent_default = MCSAActivityContent;
 
 // src/components/activities/material-content/OpenEndedActivityMaterialContent.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var OpenEndedActivityMaterialContent = ({
   answer,
   contentMap,
@@ -4700,7 +4819,7 @@ var OpenEndedActivityMaterialContent = ({
   };
   const RenderTextContent = (answerMap2) => {
     const answerMapAnswer = answerMap2["ANSWER"];
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       InputGroup_default,
       {
         type: "textarea",
@@ -4713,16 +4832,16 @@ var OpenEndedActivityMaterialContent = ({
     );
   };
   const answerMap = retrieveAnswerMap();
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_open_ended_text") }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DividerLine_default, {}) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_jsx_runtime31.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_open_ended_text") }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DividerLine_default, {}) }),
     contentMap.type === "TEXT" ? RenderTextContent(answerMap) : null
   ] }) });
 };
 var OpenEndedActivityMaterialContent_default = OpenEndedActivityMaterialContent;
 
 // src/components/activities/OpenEndedActivityContent.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var OpenEndedActivityContent = ({
   answer,
   data,
@@ -4739,12 +4858,12 @@ var OpenEndedActivityContent = ({
     answerMap["ANSWER"] = value;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       "div",
       {
         className: `${showMaterialContent ? "w-full md:w-[40%]" : "w-full"}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           ActivityBodyContent_default,
           {
             bodyMap: openEndedBodyMap,
@@ -4753,10 +4872,10 @@ var OpenEndedActivityContent = ({
         )
       }
     ),
-    showMaterialContent ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DividerLine_default, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(VerticalDividerLine_default, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    showMaterialContent ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DividerLine_default, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(VerticalDividerLine_default, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         OpenEndedActivityMaterialContent_default,
         {
           answer,
@@ -4777,7 +4896,7 @@ var import_react_katex8 = require("react-katex");
 // src/components/dnds/DraggableDroppableItem.tsx
 var import_react20 = require("react");
 var import_react_dnd6 = require("react-dnd");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var DraggableDroppableItem = ({
   key,
   item,
@@ -4815,12 +4934,12 @@ var DraggableDroppableItem = ({
   });
   const opacity = isDragging ? 0.4 : 1;
   drag(drop(ref));
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       className: `${isDragging ? "w-[0px] opacity-0" : "w-full opacity-100"} transition-all duration-500`,
       ref: dropRef,
-      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { ref, className: "w-full", style: { opacity }, children: component })
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { ref, className: "w-full", style: { opacity }, children: component })
     },
     key
   );
@@ -4828,7 +4947,7 @@ var DraggableDroppableItem = ({
 var DraggableDroppableItem_default = DraggableDroppableItem;
 
 // src/components/activities/material-content/OrderingActivityMaterialContent.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var OrderingActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -4905,12 +5024,12 @@ var OrderingActivityMaterialContent = ({
     return 0;
   };
   const answerMap = retrieveAnswerMap();
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex flex-row flex-wrap", children: Object.keys(answerMap).map((materialKey, index) => {
     const learnerAnswerState = checkAnswerState(
       answerMap[materialKey] + "",
       index + ""
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full lg:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-full lg:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       "div",
       {
         className: `flex flex-row items-center my-4 mx-2`,
@@ -4918,26 +5037,26 @@ var OrderingActivityMaterialContent = ({
           marginTop: view === "PC" ? calculateMarginTop(parseFloat(materialKey)) : 0
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "mr-3", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mr-3", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             "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__ */ (0, import_jsx_runtime33.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "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__ */ (0, import_jsx_runtime33.jsx)("p", { className: "", children: parseFloat(materialKey) + 1 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "", children: parseFloat(materialKey) + 1 })
                 }
               )
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             DraggableDroppableItem_default,
             {
               item: { index: materialKey },
               type: "ORDERING",
               dropRef: drop,
-              component: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              component: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                 "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"}`,
@@ -4946,16 +5065,16 @@ var OrderingActivityMaterialContent = ({
                       setSelectedKey(materialKey);
                     }
                   },
-                  children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+                  children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
                     materialMap[answerMap[materialKey]]
-                  ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                  ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                     "span",
                     {
                       className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                      children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_katex8.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                      children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_katex8.InlineMath, { math: inputPart.value }) }) : inputPart.value
                     },
                     index2
-                  )) }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                  )) }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                     ShowMaterialMediaByContentType_default,
                     {
                       contentType: contentMap.type,
@@ -4987,7 +5106,7 @@ var OrderingActivityMaterialContent = ({
 var OrderingActivityMaterialContent_default = OrderingActivityMaterialContent;
 
 // src/components/activities/OrderingActivityContent.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var OrderingActivityContent = ({
   answer,
   data,
@@ -5009,16 +5128,16 @@ var OrderingActivityContent = ({
     answerMap[secondaryKey] = prevValue;
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       ActivityBodyContent_default,
       {
         bodyMap: orderingBodyMap,
         templateType: "ORDERING"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DividerLine_default, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DividerLine_default, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       OrderingActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -5038,7 +5157,7 @@ var OrderingActivityContent_default = OrderingActivityContent;
 // src/components/activities/material-content/TrueFalseActivityMaterialContent.tsx
 var import_react22 = require("react");
 var import_react_katex9 = require("react-katex");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var TrueFalseActivityMaterialContent = ({
   uniqueValue,
   answer,
@@ -5091,14 +5210,14 @@ var TrueFalseActivityMaterialContent = ({
     return "INCORRECT";
   };
   const answerMap = retrieveAnswerMap();
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_true_false_text") }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-row justify-end items-center gap-x-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "font-bold text-lg", children: i18n_default.t("true") }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "font-bold text-lg", children: i18n_default.t("false") }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "font-semibold text-xl opacity-60", children: i18n_default.t("please_select_true_false_text") }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "hidden md:contents", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row justify-end items-center gap-x-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "font-bold text-lg", children: i18n_default.t("true") }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "font-bold text-lg", children: i18n_default.t("false") }) })
     ] }),
-    checkCanAnswerQuestion() ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: `flex flex-row w-full justify-center flex-wrap`, children: shuffleOptionList.map((shuffleOption, index) => {
+    checkCanAnswerQuestion() ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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";
@@ -5109,21 +5228,21 @@ var TrueFalseActivityMaterialContent = ({
         correctAnswer,
         learnerAnswer
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
         "div",
         {
           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__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xl p-2 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xl p-2 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
               shuffleOption
-            ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            ).map((inputPart, index2) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               "span",
               {
                 className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-                children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_katex9.InlineMath, { math: inputPart.value }) }) : inputPart.value
+                children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-2xl", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_katex9.InlineMath, { math: inputPart.value }) }) : inputPart.value
               },
               index2
-            )) }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            )) }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               ShowMaterialMediaByContentType_default,
               {
                 contentType: contentMap.type,
@@ -5132,8 +5251,8 @@ var TrueFalseActivityMaterialContent = ({
               },
               `${uniqueValue}-${index}`
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 BaseImage_default,
                 {
                   src: answerMap.trueList.includes(shuffleOption) ? "/icons/checkbox.png" : "/icons/empty-checkbox.png",
@@ -5144,7 +5263,7 @@ var TrueFalseActivityMaterialContent = ({
                   }
                 }
               ) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                 BaseImage_default,
                 {
                   src: answerMap.falseList.includes(shuffleOption) ? "/icons/checkbox.png" : "/icons/empty-checkbox.png",
@@ -5160,14 +5279,14 @@ var TrueFalseActivityMaterialContent = ({
         },
         index
       );
-    }) }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-      answerMap.trueList.map((item) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { children: item }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "underline", children: i18n_default.t("true") }) })
+    }) }) : /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+      answerMap.trueList.map((item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { children: item }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "underline", children: i18n_default.t("true") }) })
       ] })),
-      answerMap.falseList.map((item) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { children: item }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "underline", children: i18n_default.t("false") }) })
+      answerMap.falseList.map((item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { children: item }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-[50px]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "underline", children: i18n_default.t("false") }) })
       ] }))
     ] })
   ] });
@@ -5175,7 +5294,7 @@ var TrueFalseActivityMaterialContent = ({
 var TrueFalseActivityMaterialContent_default = TrueFalseActivityMaterialContent;
 
 // src/components/activities/TrueFalseActivityContent.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var TrueFalseActivityContent = ({
   answer,
   data,
@@ -5224,17 +5343,17 @@ var TrueFalseActivityContent = ({
     }
     changeAnswer(answer2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full md:w-[40%]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-row flex-wrap", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-full md:w-[40%]", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       ActivityBodyContent_default,
       {
         bodyMap: trueFalseBodyMap,
         templateType: "GROUPING"
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(VerticalDividerLine_default, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "contents md:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "hidden md:block", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(VerticalDividerLine_default, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "w-full md:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       TrueFalseActivityMaterialContent_default,
       {
         uniqueValue: JSON.stringify(data.contentMap),
@@ -5252,9 +5371,9 @@ var TrueFalseActivityContent = ({
 var TrueFalseActivityContent_default = TrueFalseActivityContent;
 
 // src/components/dividers/BlueVerticalDividerLine.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var BlueVerticalDividerLine = ({ opacity }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       className: `w-[2px] h-[40px] my-4 bg-catchup-blue ${opacity === "medium" ? "opacity-50" : ""}`
@@ -5263,78 +5382,2373 @@ 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
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var SelectionBox = ({
+  optionList,
+  selectedId,
+  handleSelectOnClick
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex flex-row items-center gap-x-4 gap-y-2 flex-wrap text-center", children: optionList.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    "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__ */ (0, import_jsx_runtime39.jsxs)(
+        "div",
+        {
+          className: `flex flex-row items-center gap-x-1 ${option.id === selectedId ? "opacity-100" : "opacity-50"}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: option.icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-1 flex flex-col items-center", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { children: option.text }),
+              option.subText ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { className: "text-md", children: [
+                "(",
+                option.subText,
+                ")"
+              ] }) : null
+            ] })
+          ]
+        }
+      )
+    },
+    index
+  )) });
+};
+var SelectionBox_default = SelectionBox;
+
+// src/components/boxes/SelectionCheckbox.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var SelectionCheckbox = ({
+  optionList,
+  selectedIdList,
+  handleSelectOnClick,
+  handleRemoveOnClick
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-row items-center gap-x-4 gap-y-2 flex-wrap text-center", children: optionList.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    "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__ */ (0, import_jsx_runtime40.jsxs)(
+        "div",
+        {
+          className: `flex flex-row items-center gap-x-1 ${selectedIdList.findIndex(
+            (selectedId) => selectedId === option.id
+          ) > -1 ? "opacity-100" : "opacity-50"}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              BaseImage_default,
+              {
+                src: selectedIdList.findIndex(
+                  (selectedId) => selectedId === option.id
+                ) > -1 ? "/icons/checkbox.png" : "/icons/checkbox-empty.png",
+                alt: "checkbox",
+                size: "small"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { children: option.text }) })
+          ]
+        }
+      )
+    },
+    index
+  )) });
+};
+var SelectionCheckbox_default = SelectionCheckbox;
+
+// src/components/tabs/SelectionTab.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var SelectionTab = ({
+  optionList,
+  selectedId,
+  handleSelectOnClick,
+  selectedTextColor,
+  selectedBorderColor,
+  textColor,
+  borderColor
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("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__ */ (0, import_jsx_runtime41.jsx)(
+    "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
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var ActivityTemplateLabel = ({ title }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("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__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(BaseImage_default, { src: "/icons/activity.png", alt: "label", size: "xsmall" }),
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-md", children: title })
+  ] }) });
+};
+var ActivityTemplateLabel_default = ActivityTemplateLabel;
+
+// src/components/labels/BrandLabel.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var BrandLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+    icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BaseImage_default, { src: "/icons/brand-label.png", alt: "label", size: "xsmall" }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: font ? font : "text-sm", children: title })
+  ] }) });
+};
+var BrandLabel_default = BrandLabel;
+
+// src/components/labels/CoterieLabel.tsx
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var CoterieLabel = ({ title }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("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__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-md", children: title }) });
+};
+var CoterieLabel_default = CoterieLabel;
+
+// src/components/labels/GradeLabel.tsx
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var GradeLabel = ({ title }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm", children: title }) });
+};
+var GradeLabel_default = GradeLabel;
+
+// src/components/labels/OutcomeLabel.tsx
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var OutcomeLabel = ({ title }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("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__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(BaseImage_default, { src: "/icons/category.png", alt: "label", size: "xsmall" }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-md", children: title })
+  ] }) });
+};
+var OutcomeLabel_default = OutcomeLabel;
+
+// src/components/labels/PersonalLabel.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var PersonalLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("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__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+    icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      BaseImage_default,
+      {
+        src: "/icons/personal-label.png",
+        alt: "label",
+        size: "xsmall"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: font ? font : "text-sm", children: title })
+  ] }) });
+};
+var PersonalLabel_default = PersonalLabel;
+
+// src/components/labels/PublishingHouseLabel.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var PublishingHouseLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("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__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+    icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      BaseImage_default,
+      {
+        src: "/icons/publishing-house-label.png",
+        alt: "label",
+        size: "xsmall"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("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"
+    }
+  ];
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ActivityTemplateLabel,
   ApproveButton,
   BaseImage,
   BaseLoading,
+  BaseModal,
   BlueVerticalDividerLine,
+  BrandLabel,
   CancelButton,
+  CoterieLabel,
   CreateButton,
   DeleteButton,
   DividerLine,
   DropdownActivityContent,
   FillInTheBlanksActivityContent,
+  GradeLabel,
   GroupingActivityContent,
   InputGroup,
   MCMAActivityContent,
   MCSAActivityContent,
   MatchingActivityContent,
+  ONE_DAY,
+  ONE_HOUR,
+  ONE_MONTH,
+  ONE_WEEK,
   OpenEndedActivityContent,
   OrderingActivityContent,
+  OutcomeLabel,
+  PersonalLabel,
   PrimaryButton,
+  PublishingHouseLabel,
   SecondaryButton,
+  SelectionBox,
+  SelectionCheckbox,
+  SelectionTab,
+  THREE_MONTHS,
   TrueFalseActivityContent,
   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,
   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,
@@ -5342,7 +7756,23 @@ var retrieveDocumentTypeFromExtension = (format) => {
   retrieveDurationInSecondsOptionList,
   retrieveDurationTypeOptionList,
   retrieveEachTimeSpentInSeconds,
+  retrieveEnableOptionList,
+  retrieveExternalRegistrationDTOOptionList,
   retrieveFrequencyTypeOptionList,
+  retrieveGenderOptionList,
+  retrieveGradeDTOByUserProfileOptionList,
+  retrieveGradeDTOOptionList,
+  retrieveGradeLevelOptionList,
+  retrieveInstitutionDTOByUserProfileOptionList,
+  retrieveInstitutionDTOOptionList,
+  retrieveInstitutionTypeOptionList,
+  retrieveMonthNameByIndex,
+  retrieveOtherBadgeDTOList,
+  retrievePhoneNumberAreaCodeList,
+  retrieveProvinceNameOptionList,
+  retrieveReportTypeOptionList,
+  retrieveSeasonDTOByUserProfileOptionList,
+  retrieveSeasonDTOOptionList,
   retrieveStandardExamCoterieTypeOptionListByStandardExamType,
   retrieveStandardExamTypeIcon,
   retrieveStandardExamTypeOptionList,
@@ -5350,8 +7780,12 @@ var retrieveDocumentTypeFromExtension = (format) => {
   retrieveTaxonomyGroupName,
   retrieveTaxonomyName,
   retrieveTaxonomyType,
+  retrieveTokenUsageSubTypeOptionList,
+  retrieveTokenUsageTypeOptionList,
   retrieveTotalTimeSpentInMinutes,
   retrieveTotalTimeSpentInSeconds,
+  retrieveUserAuthorityGeneralOptionList,
+  retrieveUserRoleOptionList,
   retrieveValidationRequirementList,
   shuffleArray,
   useScreenSize