catchup-library-web 1.2.1 → 1.2.3

package/dist/index.d.mts

@@ -306,6 +306,13 @@ interface IInfoWithText {
 
 declare const InfoWithText: (props: IInfoWithText) => react_jsx_runtime.JSX.Element;
 
+interface IInputWithSpecialExpressionProps {
+    value: string;
+    showSpecialOnly: boolean;
+}
+
+declare const InputWithSpecialExpression: ({ value, showSpecialOnly, }: IInputWithSpecialExpressionProps) => react_jsx_runtime.JSX.Element | null;
+
 declare const shuffleArray: (array: any) => any;
 declare const getColorByIndex: (index: number) => string;
 
@@ -412,6 +419,12 @@ declare const convertToSolutionMapString: (type: string, solutionMap: any) => an
 declare const convertToEvaluationRubricMapString: (type: string, evaluationRubricMap: any) => any;
 declare const constructActivityData: (activityTemplateType: string, contentMap: any, bodyMap: any, materialMap: any, solutionMap: any, taxonomyMap: any, evaluationRubricMap: any) => any;
 declare const constructAnswerBasedOnData: (data: any) => any;
+declare const constructActivityItemListBodyOnly: (bodyMap: any) => any;
+declare const constructActivityItemListMaterialOnly: (materialMap: any, type: string) => {
+    type: string;
+    text: string;
+}[];
+declare const constructActivityItemListSolutionOnly: (solutionMap: any) => any;
 
 declare const retrieveCategoryVersionCodeOptionList: () => {
     value: string;
@@ -638,4 +651,4 @@ declare const retrieveTokenUsageSubTypeOptionList: () => {
     value: string;
 }[];
 
-export { ActivityPreviewByData, ActivitySolutionContent, ActivityTemplateLabel, ApproveButton, BaseImage, BaseLoading, BaseLoadingWithText, BaseModal, BlueVerticalDividerLine, BrandLabel, CancelButton, CoterieLabel, CreateButton, DeleteButton, DividerLine, DropdownActivityContent, FillInTheBlanksActivityContent, GradeLabel, GroupingActivityContent, InfoWithText, 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, constructActivityData, constructActivityItemListWithAnswersForAI, constructActivityItemListWithSolutionForAI, constructAnswerBasedOnData, constructBaseNumericIndividualModel, constructBaseVerbalIndvidualModel, constructInputWithSpecialExpressionList, constructUserProfileQueryParams, constructWeekName, convertDataURLtoFile, convertToBase64, convertToBodyMapString, convertToEvaluationRubricMapString, convertToSolutionMapString, convertTurkishCharactersToEnglish, filterCategoryVersionCodeOptionList, filterCategoryVersionCodeOptionListByGradeDTO, filterCategoryVersionCodeOptionListByInstitutionDTO, filterCoterieTypeOptionList, filterGradeLevelOptionList, filterUserRoleOptionList, findAISettingsFromCurrentProfile, findBestFitActivity, getColorByIndex, ignoreMathematicalExpression, mergeObjects, 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, retrieveDurationInMinutesOptionList, retrieveDurationInSecondsOptionList, retrieveDurationTypeOptionList, retrieveEachTimeSpentInSeconds, retrieveEnableOptionList, retrieveExternalRegistrationDTOOptionList, retrieveFrequencyTypeOptionList, retrieveGenderOptionList, retrieveGradeDTOByUserProfileOptionList, retrieveGradeDTOOptionList, retrieveGradeLevelOptionList, retrieveInstitutionDTOByUserProfileOptionList, retrieveInstitutionDTOOptionList, retrieveInstitutionTypeOptionList, retrieveMonthNameByIndex, retrieveOtherBadgeDTOList, retrievePhoneNumberAreaCodeList, retrieveProvinceNameOptionList, retrieveReportTypeOptionList, retrieveSeasonDTOByUserProfileOptionList, retrieveSeasonDTOOptionList, retrieveStandardExamCoterieTypeOptionListByStandardExamType, retrieveStandardExamTypeIcon, retrieveStandardExamTypeOptionList, retrieveStatusOptionList, retrieveTaxonomyGroupName, retrieveTaxonomyName, retrieveTaxonomyType, retrieveTokenUsageSubTypeOptionList, retrieveTokenUsageTypeOptionList, retrieveTotalTimeSpentInMinutes, retrieveTotalTimeSpentInSeconds, retrieveUserAuthorityGeneralOptionList, retrieveUserRoleOptionList, retrieveValidationRequirementList, shuffleArray, useScreenSize };
+export { ActivityPreviewByData, ActivitySolutionContent, ActivityTemplateLabel, ApproveButton, BaseImage, BaseLoading, BaseLoadingWithText, BaseModal, BlueVerticalDividerLine, BrandLabel, CancelButton, CoterieLabel, CreateButton, DeleteButton, DividerLine, DropdownActivityContent, FillInTheBlanksActivityContent, GradeLabel, GroupingActivityContent, InfoWithText, InputGroup, InputWithSpecialExpression, 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, constructActivityData, constructActivityItemListBodyOnly, constructActivityItemListMaterialOnly, constructActivityItemListSolutionOnly, constructActivityItemListWithAnswersForAI, constructActivityItemListWithSolutionForAI, constructAnswerBasedOnData, constructBaseNumericIndividualModel, constructBaseVerbalIndvidualModel, constructInputWithSpecialExpressionList, constructUserProfileQueryParams, constructWeekName, convertDataURLtoFile, convertToBase64, convertToBodyMapString, convertToEvaluationRubricMapString, convertToSolutionMapString, convertTurkishCharactersToEnglish, filterCategoryVersionCodeOptionList, filterCategoryVersionCodeOptionListByGradeDTO, filterCategoryVersionCodeOptionListByInstitutionDTO, filterCoterieTypeOptionList, filterGradeLevelOptionList, filterUserRoleOptionList, findAISettingsFromCurrentProfile, findBestFitActivity, getColorByIndex, ignoreMathematicalExpression, mergeObjects, 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, retrieveDurationInMinutesOptionList, retrieveDurationInSecondsOptionList, retrieveDurationTypeOptionList, retrieveEachTimeSpentInSeconds, retrieveEnableOptionList, retrieveExternalRegistrationDTOOptionList, retrieveFrequencyTypeOptionList, retrieveGenderOptionList, retrieveGradeDTOByUserProfileOptionList, retrieveGradeDTOOptionList, retrieveGradeLevelOptionList, retrieveInstitutionDTOByUserProfileOptionList, retrieveInstitutionDTOOptionList, retrieveInstitutionTypeOptionList, retrieveMonthNameByIndex, retrieveOtherBadgeDTOList, retrievePhoneNumberAreaCodeList, retrieveProvinceNameOptionList, retrieveReportTypeOptionList, retrieveSeasonDTOByUserProfileOptionList, retrieveSeasonDTOOptionList, retrieveStandardExamCoterieTypeOptionListByStandardExamType, retrieveStandardExamTypeIcon, retrieveStandardExamTypeOptionList, retrieveStatusOptionList, retrieveTaxonomyGroupName, retrieveTaxonomyName, retrieveTaxonomyType, retrieveTokenUsageSubTypeOptionList, retrieveTokenUsageTypeOptionList, retrieveTotalTimeSpentInMinutes, retrieveTotalTimeSpentInSeconds, retrieveUserAuthorityGeneralOptionList, retrieveUserRoleOptionList, retrieveValidationRequirementList, shuffleArray, useScreenSize };

package/dist/index.d.ts

@@ -306,6 +306,13 @@ interface IInfoWithText {
 
 declare const InfoWithText: (props: IInfoWithText) => react_jsx_runtime.JSX.Element;
 
+interface IInputWithSpecialExpressionProps {
+    value: string;
+    showSpecialOnly: boolean;
+}
+
+declare const InputWithSpecialExpression: ({ value, showSpecialOnly, }: IInputWithSpecialExpressionProps) => react_jsx_runtime.JSX.Element | null;
+
 declare const shuffleArray: (array: any) => any;
 declare const getColorByIndex: (index: number) => string;
 
@@ -412,6 +419,12 @@ declare const convertToSolutionMapString: (type: string, solutionMap: any) => an
 declare const convertToEvaluationRubricMapString: (type: string, evaluationRubricMap: any) => any;
 declare const constructActivityData: (activityTemplateType: string, contentMap: any, bodyMap: any, materialMap: any, solutionMap: any, taxonomyMap: any, evaluationRubricMap: any) => any;
 declare const constructAnswerBasedOnData: (data: any) => any;
+declare const constructActivityItemListBodyOnly: (bodyMap: any) => any;
+declare const constructActivityItemListMaterialOnly: (materialMap: any, type: string) => {
+    type: string;
+    text: string;
+}[];
+declare const constructActivityItemListSolutionOnly: (solutionMap: any) => any;
 
 declare const retrieveCategoryVersionCodeOptionList: () => {
     value: string;
@@ -638,4 +651,4 @@ declare const retrieveTokenUsageSubTypeOptionList: () => {
     value: string;
 }[];
 
-export { ActivityPreviewByData, ActivitySolutionContent, ActivityTemplateLabel, ApproveButton, BaseImage, BaseLoading, BaseLoadingWithText, BaseModal, BlueVerticalDividerLine, BrandLabel, CancelButton, CoterieLabel, CreateButton, DeleteButton, DividerLine, DropdownActivityContent, FillInTheBlanksActivityContent, GradeLabel, GroupingActivityContent, InfoWithText, 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, constructActivityData, constructActivityItemListWithAnswersForAI, constructActivityItemListWithSolutionForAI, constructAnswerBasedOnData, constructBaseNumericIndividualModel, constructBaseVerbalIndvidualModel, constructInputWithSpecialExpressionList, constructUserProfileQueryParams, constructWeekName, convertDataURLtoFile, convertToBase64, convertToBodyMapString, convertToEvaluationRubricMapString, convertToSolutionMapString, convertTurkishCharactersToEnglish, filterCategoryVersionCodeOptionList, filterCategoryVersionCodeOptionListByGradeDTO, filterCategoryVersionCodeOptionListByInstitutionDTO, filterCoterieTypeOptionList, filterGradeLevelOptionList, filterUserRoleOptionList, findAISettingsFromCurrentProfile, findBestFitActivity, getColorByIndex, ignoreMathematicalExpression, mergeObjects, 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, retrieveDurationInMinutesOptionList, retrieveDurationInSecondsOptionList, retrieveDurationTypeOptionList, retrieveEachTimeSpentInSeconds, retrieveEnableOptionList, retrieveExternalRegistrationDTOOptionList, retrieveFrequencyTypeOptionList, retrieveGenderOptionList, retrieveGradeDTOByUserProfileOptionList, retrieveGradeDTOOptionList, retrieveGradeLevelOptionList, retrieveInstitutionDTOByUserProfileOptionList, retrieveInstitutionDTOOptionList, retrieveInstitutionTypeOptionList, retrieveMonthNameByIndex, retrieveOtherBadgeDTOList, retrievePhoneNumberAreaCodeList, retrieveProvinceNameOptionList, retrieveReportTypeOptionList, retrieveSeasonDTOByUserProfileOptionList, retrieveSeasonDTOOptionList, retrieveStandardExamCoterieTypeOptionListByStandardExamType, retrieveStandardExamTypeIcon, retrieveStandardExamTypeOptionList, retrieveStatusOptionList, retrieveTaxonomyGroupName, retrieveTaxonomyName, retrieveTaxonomyType, retrieveTokenUsageSubTypeOptionList, retrieveTokenUsageTypeOptionList, retrieveTotalTimeSpentInMinutes, retrieveTotalTimeSpentInSeconds, retrieveUserAuthorityGeneralOptionList, retrieveUserRoleOptionList, retrieveValidationRequirementList, shuffleArray, useScreenSize };
+export { ActivityPreviewByData, ActivitySolutionContent, ActivityTemplateLabel, ApproveButton, BaseImage, BaseLoading, BaseLoadingWithText, BaseModal, BlueVerticalDividerLine, BrandLabel, CancelButton, CoterieLabel, CreateButton, DeleteButton, DividerLine, DropdownActivityContent, FillInTheBlanksActivityContent, GradeLabel, GroupingActivityContent, InfoWithText, InputGroup, InputWithSpecialExpression, 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, constructActivityData, constructActivityItemListBodyOnly, constructActivityItemListMaterialOnly, constructActivityItemListSolutionOnly, constructActivityItemListWithAnswersForAI, constructActivityItemListWithSolutionForAI, constructAnswerBasedOnData, constructBaseNumericIndividualModel, constructBaseVerbalIndvidualModel, constructInputWithSpecialExpressionList, constructUserProfileQueryParams, constructWeekName, convertDataURLtoFile, convertToBase64, convertToBodyMapString, convertToEvaluationRubricMapString, convertToSolutionMapString, convertTurkishCharactersToEnglish, filterCategoryVersionCodeOptionList, filterCategoryVersionCodeOptionListByGradeDTO, filterCategoryVersionCodeOptionListByInstitutionDTO, filterCoterieTypeOptionList, filterGradeLevelOptionList, filterUserRoleOptionList, findAISettingsFromCurrentProfile, findBestFitActivity, getColorByIndex, ignoreMathematicalExpression, mergeObjects, 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, retrieveDurationInMinutesOptionList, retrieveDurationInSecondsOptionList, retrieveDurationTypeOptionList, retrieveEachTimeSpentInSeconds, retrieveEnableOptionList, retrieveExternalRegistrationDTOOptionList, retrieveFrequencyTypeOptionList, retrieveGenderOptionList, retrieveGradeDTOByUserProfileOptionList, retrieveGradeDTOOptionList, retrieveGradeLevelOptionList, retrieveInstitutionDTOByUserProfileOptionList, retrieveInstitutionDTOOptionList, retrieveInstitutionTypeOptionList, retrieveMonthNameByIndex, retrieveOtherBadgeDTOList, retrievePhoneNumberAreaCodeList, retrieveProvinceNameOptionList, retrieveReportTypeOptionList, retrieveSeasonDTOByUserProfileOptionList, retrieveSeasonDTOOptionList, retrieveStandardExamCoterieTypeOptionListByStandardExamType, retrieveStandardExamTypeIcon, retrieveStandardExamTypeOptionList, retrieveStatusOptionList, retrieveTaxonomyGroupName, retrieveTaxonomyName, retrieveTaxonomyType, retrieveTokenUsageSubTypeOptionList, retrieveTokenUsageTypeOptionList, retrieveTotalTimeSpentInMinutes, retrieveTotalTimeSpentInSeconds, retrieveUserAuthorityGeneralOptionList, retrieveUserRoleOptionList, retrieveValidationRequirementList, shuffleArray, useScreenSize };

package/dist/index.js

@@ -88,6 +88,7 @@ __export(index_exports, {
   GroupingActivityContent: () => GroupingActivityContent_default,
   InfoWithText: () => InfoWithText_default,
   InputGroup: () => InputGroup_default,
+  InputWithSpecialExpression: () => InputWithSpecialExpression_default,
   MCMAActivityContent: () => MCMAActivityContent_default,
   MCSAActivityContent: () => MCSAActivityContent_default,
   MatchingActivityContent: () => MatchingActivityContent_default,
@@ -114,6 +115,9 @@ __export(index_exports, {
   constructActivityAnswerMap: () => constructActivityAnswerMap,
   constructActivityAnswerStateList: () => constructActivityAnswerStateList,
   constructActivityData: () => constructActivityData,
+  constructActivityItemListBodyOnly: () => constructActivityItemListBodyOnly,
+  constructActivityItemListMaterialOnly: () => constructActivityItemListMaterialOnly,
+  constructActivityItemListSolutionOnly: () => constructActivityItemListSolutionOnly,
   constructActivityItemListWithAnswersForAI: () => constructActivityItemListWithAnswersForAI,
   constructActivityItemListWithSolutionForAI: () => constructActivityItemListWithSolutionForAI,
   constructAnswerBasedOnData: () => constructAnswerBasedOnData,
@@ -2654,6 +2658,191 @@ var constructAnswerBasedOnData = (data) => {
   }
   return answer;
 };
+var constructActivityItemListBodyOnly = (bodyMap) => {
+  const itemList = [];
+  Object.keys(bodyMap).forEach((key) => {
+    const bodyItem = JSON.parse(bodyMap[key]);
+    if (bodyItem.type === "IMAGE") {
+      itemList.push({
+        type: "image_url",
+        imageUrl: bodyItem.value
+      });
+    } else {
+      itemList.push({
+        type: "text",
+        text: bodyItem.value
+      });
+    }
+  });
+  return itemList;
+};
+var constructActivityItemListMaterialOnly = (materialMap, type) => {
+  const itemList = [];
+  if (type === "ORDERING") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_order")}: `
+      });
+      Object.keys(materialMap).forEach((key) => {
+        itemList.push({
+          type: "text",
+          text: materialMap[key]
+        });
+      });
+    }
+  } else if (type === "DROPDOWN") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_blanks")}: `
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        itemList.push({
+          type: "text",
+          text: `${index + 1}. ${Object.keys(materialMap[key])[0]}`
+        });
+      });
+    }
+  } else if (type === "MCSA") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_answer")}: `
+      });
+      Object.keys(materialMap).forEach((key) => {
+        itemList.push({
+          type: "text",
+          text: key
+        });
+      });
+    }
+  } else if (type === "MCMA") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_answers")}: `
+      });
+      const splittedTextList = Object.keys(materialMap)[0].split("\xA7");
+      splittedTextList.forEach((item) => {
+        const parsedItemList = JSON.parse(item);
+        for (const parsedItem of parsedItemList) {
+          itemList.push({
+            type: "text",
+            text: parsedItem
+          });
+        }
+      });
+    }
+  } else if (type === "MATCHING") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_answers")}: `
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        itemList.push({
+          type: "text",
+          text: `${i18n_default.t("match")} ${index + 1}:`
+        });
+        itemList.push({
+          type: "text",
+          text: `${key}: ${materialMap[key]}`
+        });
+      });
+    }
+  } else if (type === "GROUPING") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_answers")}: `
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        let text = `${i18n_default.t("group")} ${index + 1}: `;
+        itemList.push({
+          type: "text",
+          text
+        });
+        const groupName = key;
+        let currentText = "";
+        materialMap[groupName].forEach((item) => {
+          currentText += `${item}, `;
+        });
+        currentText = currentText.substring(0, currentText.length - 2);
+        itemList.push({
+          type: "text",
+          text: `${groupName}: [${currentText}]`
+        });
+      });
+    }
+  } else if (type === "FILL_IN_THE_BLANKS") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_blanks")}: `
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        JSON.parse(materialMap[key]).forEach((item) => {
+          itemList.push({
+            type: "text",
+            text: `${index + 1}. ${item}`
+          });
+        });
+      });
+    }
+  } else if (type === "OPEN_ENDED") {
+  } else if (type === "TRUE_FALSE") {
+    if (materialMap.trueList) {
+      materialMap.trueList = JSON.parse(materialMap.trueList);
+      if (Object.keys(materialMap.trueList).length > 0) {
+        itemList.push({
+          type: "text",
+          text: `${i18n_default.t("correct_answers")}: `
+        });
+        materialMap.trueList.forEach((item) => {
+          itemList.push({
+            type: "text",
+            text: item
+          });
+        });
+      }
+    }
+    if (materialMap.falseList) {
+      materialMap.falseList = JSON.parse(materialMap.falseList);
+      if (Object.keys(materialMap.falseList).length > 0) {
+        itemList.push({
+          type: "text",
+          text: `${i18n_default.t("incorrect_answers")}: `
+        });
+        materialMap.falseList.forEach((item) => {
+          itemList.push({
+            type: "text",
+            text: item
+          });
+        });
+      }
+    }
+  }
+  return itemList;
+};
+var constructActivityItemListSolutionOnly = (solutionMap) => {
+  const itemList = [];
+  Object.keys(solutionMap).forEach((key) => {
+    const bodyItem = JSON.parse(solutionMap[key]);
+    if (bodyItem.type === "IMAGE") {
+      itemList.push({
+        type: "image_url",
+        imageUrl: bodyItem.value
+      });
+    } else {
+      itemList.push({
+        type: "text",
+        text: bodyItem.value
+      });
+    }
+  });
+  return itemList;
+};
 
 // src/components/dividers/DividerLine.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -6424,6 +6613,30 @@ var InfoWithText = (props) => {
 };
 var InfoWithText_default = InfoWithText;
 
+// src/components/texts/InputWithSpecialExpression.tsx
+var import_react_katex12 = require("react-katex");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var InputWithSpecialExpression = ({
+  value,
+  showSpecialOnly
+}) => {
+  const inputWithSpecialExpressionList = constructInputWithSpecialExpressionList(value);
+  return showSpecialOnly ? inputWithSpecialExpressionList.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "m-2", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "whitespace-pre-wrap", children: inputWithSpecialExpressionList.map((inputPart, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    "span",
+    {
+      className: `${inputPart.isBold ? "font-semibold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
+      children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-lg", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_katex12.InlineMath, { math: inputPart.value }, index) }) : inputPart.value
+    }
+  )) }) }) : null : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "m-2", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "whitespace-pre-wrap", children: inputWithSpecialExpressionList.map((inputPart, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+    "span",
+    {
+      className: `${inputPart.isBold ? "font-semibold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
+      children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-lg", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_katex12.InlineMath, { math: inputPart.value }, index) }) : inputPart.value
+    }
+  )) }) });
+};
+var InputWithSpecialExpression_default = InputWithSpecialExpression;
+
 // src/utilization/AuthorizationUtilization.ts
 var parseJwt = (token) => {
   var base64Url = token.split(".")[1];
@@ -8539,6 +8752,7 @@ var retrieveTokenUsageSubTypeOptionList = () => {
   GroupingActivityContent,
   InfoWithText,
   InputGroup,
+  InputWithSpecialExpression,
   MCMAActivityContent,
   MCSAActivityContent,
   MatchingActivityContent,
@@ -8565,6 +8779,9 @@ var retrieveTokenUsageSubTypeOptionList = () => {
   constructActivityAnswerMap,
   constructActivityAnswerStateList,
   constructActivityData,
+  constructActivityItemListBodyOnly,
+  constructActivityItemListMaterialOnly,
+  constructActivityItemListSolutionOnly,
   constructActivityItemListWithAnswersForAI,
   constructActivityItemListWithSolutionForAI,
   constructAnswerBasedOnData,

package/dist/index.mjs

@@ -2479,6 +2479,191 @@ var constructAnswerBasedOnData = (data) => {
   }
   return answer;
 };
+var constructActivityItemListBodyOnly = (bodyMap) => {
+  const itemList = [];
+  Object.keys(bodyMap).forEach((key) => {
+    const bodyItem = JSON.parse(bodyMap[key]);
+    if (bodyItem.type === "IMAGE") {
+      itemList.push({
+        type: "image_url",
+        imageUrl: bodyItem.value
+      });
+    } else {
+      itemList.push({
+        type: "text",
+        text: bodyItem.value
+      });
+    }
+  });
+  return itemList;
+};
+var constructActivityItemListMaterialOnly = (materialMap, type) => {
+  const itemList = [];
+  if (type === "ORDERING") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_order")}: `
+      });
+      Object.keys(materialMap).forEach((key) => {
+        itemList.push({
+          type: "text",
+          text: materialMap[key]
+        });
+      });
+    }
+  } else if (type === "DROPDOWN") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_blanks")}: `
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        itemList.push({
+          type: "text",
+          text: `${index + 1}. ${Object.keys(materialMap[key])[0]}`
+        });
+      });
+    }
+  } else if (type === "MCSA") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_answer")}: `
+      });
+      Object.keys(materialMap).forEach((key) => {
+        itemList.push({
+          type: "text",
+          text: key
+        });
+      });
+    }
+  } else if (type === "MCMA") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_answers")}: `
+      });
+      const splittedTextList = Object.keys(materialMap)[0].split("\xA7");
+      splittedTextList.forEach((item) => {
+        const parsedItemList = JSON.parse(item);
+        for (const parsedItem of parsedItemList) {
+          itemList.push({
+            type: "text",
+            text: parsedItem
+          });
+        }
+      });
+    }
+  } else if (type === "MATCHING") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_answers")}: `
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        itemList.push({
+          type: "text",
+          text: `${i18n_default.t("match")} ${index + 1}:`
+        });
+        itemList.push({
+          type: "text",
+          text: `${key}: ${materialMap[key]}`
+        });
+      });
+    }
+  } else if (type === "GROUPING") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_answers")}: `
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        let text = `${i18n_default.t("group")} ${index + 1}: `;
+        itemList.push({
+          type: "text",
+          text
+        });
+        const groupName = key;
+        let currentText = "";
+        materialMap[groupName].forEach((item) => {
+          currentText += `${item}, `;
+        });
+        currentText = currentText.substring(0, currentText.length - 2);
+        itemList.push({
+          type: "text",
+          text: `${groupName}: [${currentText}]`
+        });
+      });
+    }
+  } else if (type === "FILL_IN_THE_BLANKS") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n_default.t("correct_blanks")}: `
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        JSON.parse(materialMap[key]).forEach((item) => {
+          itemList.push({
+            type: "text",
+            text: `${index + 1}. ${item}`
+          });
+        });
+      });
+    }
+  } else if (type === "OPEN_ENDED") {
+  } else if (type === "TRUE_FALSE") {
+    if (materialMap.trueList) {
+      materialMap.trueList = JSON.parse(materialMap.trueList);
+      if (Object.keys(materialMap.trueList).length > 0) {
+        itemList.push({
+          type: "text",
+          text: `${i18n_default.t("correct_answers")}: `
+        });
+        materialMap.trueList.forEach((item) => {
+          itemList.push({
+            type: "text",
+            text: item
+          });
+        });
+      }
+    }
+    if (materialMap.falseList) {
+      materialMap.falseList = JSON.parse(materialMap.falseList);
+      if (Object.keys(materialMap.falseList).length > 0) {
+        itemList.push({
+          type: "text",
+          text: `${i18n_default.t("incorrect_answers")}: `
+        });
+        materialMap.falseList.forEach((item) => {
+          itemList.push({
+            type: "text",
+            text: item
+          });
+        });
+      }
+    }
+  }
+  return itemList;
+};
+var constructActivityItemListSolutionOnly = (solutionMap) => {
+  const itemList = [];
+  Object.keys(solutionMap).forEach((key) => {
+    const bodyItem = JSON.parse(solutionMap[key]);
+    if (bodyItem.type === "IMAGE") {
+      itemList.push({
+        type: "image_url",
+        imageUrl: bodyItem.value
+      });
+    } else {
+      itemList.push({
+        type: "text",
+        text: bodyItem.value
+      });
+    }
+  });
+  return itemList;
+};
 
 // src/components/dividers/DividerLine.tsx
 import { jsx as jsx11 } from "react/jsx-runtime";
@@ -6249,6 +6434,30 @@ var InfoWithText = (props) => {
 };
 var InfoWithText_default = InfoWithText;
 
+// src/components/texts/InputWithSpecialExpression.tsx
+import { InlineMath as InlineMath12 } from "react-katex";
+import { jsx as jsx54 } from "react/jsx-runtime";
+var InputWithSpecialExpression = ({
+  value,
+  showSpecialOnly
+}) => {
+  const inputWithSpecialExpressionList = constructInputWithSpecialExpressionList(value);
+  return showSpecialOnly ? inputWithSpecialExpressionList.length > 1 ? /* @__PURE__ */ jsx54("div", { className: "m-2", children: /* @__PURE__ */ jsx54("span", { className: "whitespace-pre-wrap", children: inputWithSpecialExpressionList.map((inputPart, index) => /* @__PURE__ */ jsx54(
+    "span",
+    {
+      className: `${inputPart.isBold ? "font-semibold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
+      children: inputPart.isEquation ? /* @__PURE__ */ jsx54("span", { className: "text-lg", children: /* @__PURE__ */ jsx54(InlineMath12, { math: inputPart.value }, index) }) : inputPart.value
+    }
+  )) }) }) : null : /* @__PURE__ */ jsx54("div", { className: "m-2", children: /* @__PURE__ */ jsx54("span", { className: "whitespace-pre-wrap", children: inputWithSpecialExpressionList.map((inputPart, index) => /* @__PURE__ */ jsx54(
+    "span",
+    {
+      className: `${inputPart.isBold ? "font-semibold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
+      children: inputPart.isEquation ? /* @__PURE__ */ jsx54("span", { className: "text-lg", children: /* @__PURE__ */ jsx54(InlineMath12, { math: inputPart.value }, index) }) : inputPart.value
+    }
+  )) }) });
+};
+var InputWithSpecialExpression_default = InputWithSpecialExpression;
+
 // src/utilization/AuthorizationUtilization.ts
 var parseJwt = (token) => {
   var base64Url = token.split(".")[1];
@@ -8363,6 +8572,7 @@ export {
   GroupingActivityContent_default as GroupingActivityContent,
   InfoWithText_default as InfoWithText,
   InputGroup_default as InputGroup,
+  InputWithSpecialExpression_default as InputWithSpecialExpression,
   MCMAActivityContent_default as MCMAActivityContent,
   MCSAActivityContent_default as MCSAActivityContent,
   MatchingActivityContent_default as MatchingActivityContent,
@@ -8389,6 +8599,9 @@ export {
   constructActivityAnswerMap,
   constructActivityAnswerStateList,
   constructActivityData,
+  constructActivityItemListBodyOnly,
+  constructActivityItemListMaterialOnly,
+  constructActivityItemListSolutionOnly,
   constructActivityItemListWithAnswersForAI,
   constructActivityItemListWithSolutionForAI,
   constructAnswerBasedOnData,

package/package.json

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

package/src/components/texts/InputWithSpecialExpression.tsx

@@ -0,0 +1,57 @@
+import { InlineMath } from "react-katex";
+import { constructInputWithSpecialExpressionList } from "../../utilization/CatchtivityUtilization";
+import { IInputWithSpecialExpressionProps } from "../../properties/TextProperties";
+
+const InputWithSpecialExpression = ({
+  value,
+  showSpecialOnly,
+}: IInputWithSpecialExpressionProps) => {
+  const inputWithSpecialExpressionList =
+    constructInputWithSpecialExpressionList(value);
+
+  return showSpecialOnly ? (
+    inputWithSpecialExpressionList.length > 1 ? (
+      <div className="m-2">
+        <span className="whitespace-pre-wrap">
+          {inputWithSpecialExpressionList.map((inputPart, index) => (
+            <span
+              className={`${inputPart.isBold ? "font-semibold" : ""} ${
+                inputPart.isUnderline ? "underline" : ""
+              }`}
+            >
+              {inputPart.isEquation ? (
+                <span className="text-lg">
+                  <InlineMath key={index} math={inputPart.value} />
+                </span>
+              ) : (
+                inputPart.value
+              )}
+            </span>
+          ))}
+        </span>
+      </div>
+    ) : null
+  ) : (
+    <div className="m-2">
+      <span className="whitespace-pre-wrap">
+        {inputWithSpecialExpressionList.map((inputPart, index) => (
+          <span
+            className={`${inputPart.isBold ? "font-semibold" : ""} ${
+              inputPart.isUnderline ? "underline" : ""
+            }`}
+          >
+            {inputPart.isEquation ? (
+              <span className="text-lg">
+                <InlineMath key={index} math={inputPart.value} />
+              </span>
+            ) : (
+              inputPart.value
+            )}
+          </span>
+        ))}
+      </span>
+    </div>
+  );
+};
+
+export default InputWithSpecialExpression;

package/src/index.ts

@@ -47,6 +47,8 @@ export { default as PublishingHouseLabel } from "./components/labels/PublishingH
 
 export { default as InfoWithText } from "./components/infos/InfoWithText";
 
+export { default as InputWithSpecialExpression } from "./components/texts/InputWithSpecialExpression";
+
 export { default as i18n } from "./language/i18n";
 
 export * from "./utilization/AppUtilization";

package/src/properties/TextProperties.ts

@@ -0,0 +1,4 @@
+export interface IInputWithSpecialExpressionProps {
+  value: string;
+  showSpecialOnly: boolean;
+}

package/src/utilization/CatchtivityUtilization.ts

@@ -1967,3 +1967,197 @@ export const constructAnswerBasedOnData = (data: any) => {
   }
   return answer;
 };
+
+export const constructActivityItemListBodyOnly = (bodyMap: any) => {
+  const itemList: any = [];
+  Object.keys(bodyMap).forEach((key) => {
+    const bodyItem = JSON.parse(bodyMap[key]);
+    if (bodyItem.type === "IMAGE") {
+      itemList.push({
+        type: "image_url",
+        imageUrl: bodyItem.value,
+      });
+    } else {
+      itemList.push({
+        type: "text",
+        text: bodyItem.value,
+      });
+    }
+  });
+  return itemList;
+};
+
+export const constructActivityItemListMaterialOnly = (
+  materialMap: any,
+  type: string
+) => {
+  const itemList = [];
+  if (type === "ORDERING") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n.t("correct_order")}: `,
+      });
+      Object.keys(materialMap).forEach((key) => {
+        itemList.push({
+          type: "text",
+          text: materialMap[key],
+        });
+      });
+    }
+  } else if (type === "DROPDOWN") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n.t("correct_blanks")}: `,
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        itemList.push({
+          type: "text",
+          text: `${index + 1}. ${Object.keys(materialMap[key])[0]}`,
+        });
+      });
+    }
+  } else if (type === "MCSA") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n.t("correct_answer")}: `,
+      });
+      Object.keys(materialMap).forEach((key) => {
+        itemList.push({
+          type: "text",
+          text: key,
+        });
+      });
+    }
+  } else if (type === "MCMA") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n.t("correct_answers")}: `,
+      });
+      const splittedTextList = Object.keys(materialMap)[0].split("§");
+      splittedTextList.forEach((item) => {
+        const parsedItemList = JSON.parse(item);
+        for (const parsedItem of parsedItemList) {
+          itemList.push({
+            type: "text",
+            text: parsedItem,
+          });
+        }
+      });
+    }
+  } else if (type === "MATCHING") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n.t("correct_answers")}: `,
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        itemList.push({
+          type: "text",
+          text: `${i18n.t("match")} ${index + 1}:`,
+        });
+        itemList.push({
+          type: "text",
+          text: `${key}: ${materialMap[key]}`,
+        });
+      });
+    }
+  } else if (type === "GROUPING") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n.t("correct_answers")}: `,
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        let text = `${i18n.t("group")} ${index + 1}: `;
+        itemList.push({
+          type: "text",
+          text: text,
+        });
+
+        const groupName = key;
+        let currentText = "";
+        materialMap[groupName].forEach((item: string) => {
+          currentText += `${item}, `;
+        });
+        currentText = currentText.substring(0, currentText.length - 2);
+        itemList.push({
+          type: "text",
+          text: `${groupName}: [${currentText}]`,
+        });
+      });
+    }
+  } else if (type === "FILL_IN_THE_BLANKS") {
+    if (Object.keys(materialMap).length > 0) {
+      itemList.push({
+        type: "text",
+        text: `${i18n.t("correct_blanks")}: `,
+      });
+      Object.keys(materialMap).forEach((key, index) => {
+        JSON.parse(materialMap[key]).forEach((item: string) => {
+          itemList.push({
+            type: "text",
+            text: `${index + 1}. ${item}`,
+          });
+        });
+      });
+    }
+  } else if (type === "OPEN_ENDED") {
+  } else if (type === "TRUE_FALSE") {
+    if (materialMap.trueList) {
+      materialMap.trueList = JSON.parse(materialMap.trueList);
+      if (Object.keys(materialMap.trueList).length > 0) {
+        itemList.push({
+          type: "text",
+          text: `${i18n.t("correct_answers")}: `,
+        });
+        materialMap.trueList.forEach((item: string) => {
+          itemList.push({
+            type: "text",
+            text: item,
+          });
+        });
+      }
+    }
+
+    if (materialMap.falseList) {
+      materialMap.falseList = JSON.parse(materialMap.falseList);
+      if (Object.keys(materialMap.falseList).length > 0) {
+        itemList.push({
+          type: "text",
+          text: `${i18n.t("incorrect_answers")}: `,
+        });
+        materialMap.falseList.forEach((item: string) => {
+          itemList.push({
+            type: "text",
+            text: item,
+          });
+        });
+      }
+    }
+  }
+
+  return itemList;
+};
+
+export const constructActivityItemListSolutionOnly = (solutionMap: any) => {
+  const itemList: any = [];
+  Object.keys(solutionMap).forEach((key) => {
+    const bodyItem = JSON.parse(solutionMap[key]);
+    if (bodyItem.type === "IMAGE") {
+      itemList.push({
+        type: "image_url",
+        imageUrl: bodyItem.value,
+      });
+    } else {
+      itemList.push({
+        type: "text",
+        text: bodyItem.value,
+      });
+    }
+  });
+  return itemList;
+};