catchup-library-web 1.2.0 → 1.2.2

package/dist/index.d.mts

@@ -300,6 +300,12 @@ declare const PersonalLabel: ({ title, icon, font }: IPersonalLabelProps) => rea
 
 declare const PublishingHouseLabel: ({ title, icon, font }: IPublishingLabelProps) => react_jsx_runtime.JSX.Element;
 
+interface IInfoWithText {
+    value: string;
+}
+
+declare const InfoWithText: (props: IInfoWithText) => react_jsx_runtime.JSX.Element;
+
 declare const shuffleArray: (array: any) => any;
 declare const getColorByIndex: (index: number) => string;
 
@@ -406,6 +412,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;
@@ -632,4 +644,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, 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, 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

@@ -300,6 +300,12 @@ declare const PersonalLabel: ({ title, icon, font }: IPersonalLabelProps) => rea
 
 declare const PublishingHouseLabel: ({ title, icon, font }: IPublishingLabelProps) => react_jsx_runtime.JSX.Element;
 
+interface IInfoWithText {
+    value: string;
+}
+
+declare const InfoWithText: (props: IInfoWithText) => react_jsx_runtime.JSX.Element;
+
 declare const shuffleArray: (array: any) => any;
 declare const getColorByIndex: (index: number) => string;
 
@@ -406,6 +412,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;
@@ -632,4 +644,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, 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, 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

@@ -86,6 +86,7 @@ __export(index_exports, {
   FillInTheBlanksActivityContent: () => FillInTheBlanksActivityContent_default,
   GradeLabel: () => GradeLabel_default,
   GroupingActivityContent: () => GroupingActivityContent_default,
+  InfoWithText: () => InfoWithText_default,
   InputGroup: () => InputGroup_default,
   MCMAActivityContent: () => MCMAActivityContent_default,
   MCSAActivityContent: () => MCSAActivityContent_default,
@@ -113,6 +114,9 @@ __export(index_exports, {
   constructActivityAnswerMap: () => constructActivityAnswerMap,
   constructActivityAnswerStateList: () => constructActivityAnswerStateList,
   constructActivityData: () => constructActivityData,
+  constructActivityItemListBodyOnly: () => constructActivityItemListBodyOnly,
+  constructActivityItemListMaterialOnly: () => constructActivityItemListMaterialOnly,
+  constructActivityItemListSolutionOnly: () => constructActivityItemListSolutionOnly,
   constructActivityItemListWithAnswersForAI: () => constructActivityItemListWithAnswersForAI,
   constructActivityItemListWithSolutionForAI: () => constructActivityItemListWithSolutionForAI,
   constructAnswerBasedOnData: () => constructAnswerBasedOnData,
@@ -2653,6 +2657,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");
@@ -6412,6 +6601,17 @@ var PublishingHouseLabel = ({ title, icon, font }) => {
 };
 var PublishingHouseLabel_default = PublishingHouseLabel;
 
+// src/components/infos/InfoWithText.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var InfoWithText = (props) => {
+  const { value } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "w-full flex flex-row items-center gap-x-2 my-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BaseImage_default, { src: "/icons/info.png", alt: "info", size: "small" }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "", children: value }) })
+  ] });
+};
+var InfoWithText_default = InfoWithText;
+
 // src/utilization/AuthorizationUtilization.ts
 var parseJwt = (token) => {
   var base64Url = token.split(".")[1];
@@ -8525,6 +8725,7 @@ var retrieveTokenUsageSubTypeOptionList = () => {
   FillInTheBlanksActivityContent,
   GradeLabel,
   GroupingActivityContent,
+  InfoWithText,
   InputGroup,
   MCMAActivityContent,
   MCSAActivityContent,
@@ -8552,6 +8753,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";
@@ -6238,6 +6423,17 @@ var PublishingHouseLabel = ({ title, icon, font }) => {
 };
 var PublishingHouseLabel_default = PublishingHouseLabel;
 
+// src/components/infos/InfoWithText.tsx
+import { jsx as jsx53, jsxs as jsxs41 } from "react/jsx-runtime";
+var InfoWithText = (props) => {
+  const { value } = props;
+  return /* @__PURE__ */ jsxs41("div", { className: "w-full flex flex-row items-center gap-x-2 my-2", children: [
+    /* @__PURE__ */ jsx53(BaseImage_default, { src: "/icons/info.png", alt: "info", size: "small" }),
+    /* @__PURE__ */ jsx53("div", { className: "flex-1", children: /* @__PURE__ */ jsx53("p", { className: "", children: value }) })
+  ] });
+};
+var InfoWithText_default = InfoWithText;
+
 // src/utilization/AuthorizationUtilization.ts
 var parseJwt = (token) => {
   var base64Url = token.split(".")[1];
@@ -8350,6 +8546,7 @@ export {
   FillInTheBlanksActivityContent_default as FillInTheBlanksActivityContent,
   GradeLabel_default as GradeLabel,
   GroupingActivityContent_default as GroupingActivityContent,
+  InfoWithText_default as InfoWithText,
   InputGroup_default as InputGroup,
   MCMAActivityContent_default as MCMAActivityContent,
   MCSAActivityContent_default as MCSAActivityContent,
@@ -8377,6 +8574,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.0",
+  "version": "1.2.2",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/components/infos/InfoWithText.tsx

@@ -0,0 +1,16 @@
+import { IInfoWithText } from "../../properties/InfoProperties";
+import BaseImage from "../images/BaseImage";
+
+const InfoWithText = (props: IInfoWithText) => {
+  const { value } = props;
+  return (
+    <div className="w-full flex flex-row items-center gap-x-2 my-2">
+      <BaseImage src="/icons/info.png" alt="info" size="small" />
+      <div className="flex-1">
+        <p className="">{value}</p>
+      </div>
+    </div>
+  );
+};
+
+export default InfoWithText;

package/src/index.ts

@@ -45,6 +45,8 @@ export { default as OutcomeLabel } from "./components/labels/OutcomeLabel";
 export { default as PersonalLabel } from "./components/labels/PersonalLabel";
 export { default as PublishingHouseLabel } from "./components/labels/PublishingHouseLabel";
 
+export { default as InfoWithText } from "./components/infos/InfoWithText";
+
 export { default as i18n } from "./language/i18n";
 
 export * from "./utilization/AppUtilization";

package/src/properties/InfoProperties.ts

@@ -0,0 +1,3 @@
+export interface IInfoWithText {
+  value: string;
+}

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;
+};