catchup-library-web 1.2.2 → 1.2.4

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;
 
@@ -644,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, 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 };
+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;
 
@@ -644,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, 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 };
+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,
@@ -5185,7 +5186,7 @@ var MCMAActivityMaterialContent = ({
           return /* @__PURE__ */ (0, import_jsx_runtime28.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" : ""}`,
+              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 p-2" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge p-2" : ""}`,
               onClick: () => {
                 onChange(answer, materialKey, materialSubKey);
               },
@@ -5335,7 +5336,7 @@ var MCSAActivityMaterialContent = ({
               return /* @__PURE__ */ (0, import_jsx_runtime30.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" : ""}`,
+                  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 p-2" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge p-2" : ""}`,
                   onClick: () => {
                     onChange(answer, materialKey, materialSubKey);
                   },
@@ -5878,7 +5879,7 @@ var TrueFalseActivityMaterialContent = ({
       return /* @__PURE__ */ (0, import_jsx_runtime37.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" : ""}`,
+          className: `w-full flex flex-row items-center justify-center cursor-pointer my-2 ${learnerAnswerState === "CORRECT" ? "border-2 border-catchup-green rounded-catchup-xlarge p-2" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge p-2" : ""}`,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-xl p-2 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
               shuffleOption
@@ -6612,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];
@@ -8727,6 +8752,7 @@ var retrieveTokenUsageSubTypeOptionList = () => {
   GroupingActivityContent,
   InfoWithText,
   InputGroup,
+  InputWithSpecialExpression,
   MCMAActivityContent,
   MCSAActivityContent,
   MatchingActivityContent,

package/dist/index.mjs

@@ -5007,7 +5007,7 @@ var MCMAActivityMaterialContent = ({
           return /* @__PURE__ */ jsxs20(
             "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" : ""}`,
+              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 p-2" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge p-2" : ""}`,
               onClick: () => {
                 onChange(answer, materialKey, materialSubKey);
               },
@@ -5157,7 +5157,7 @@ var MCSAActivityMaterialContent = ({
               return /* @__PURE__ */ jsxs22(
                 "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" : ""}`,
+                  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 p-2" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge p-2" : ""}`,
                   onClick: () => {
                     onChange(answer, materialKey, materialSubKey);
                   },
@@ -5700,7 +5700,7 @@ var TrueFalseActivityMaterialContent = ({
       return /* @__PURE__ */ jsxs28(
         "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" : ""}`,
+          className: `w-full flex flex-row items-center justify-center cursor-pointer my-2 ${learnerAnswerState === "CORRECT" ? "border-2 border-catchup-green rounded-catchup-xlarge p-2" : learnerAnswerState === "INCORRECT" ? "border-2 border-catchup-red rounded-catchup-xlarge p-2" : ""}`,
           children: [
             /* @__PURE__ */ jsx37("div", { className: "flex-1", children: contentMap.type === "TEXT" ? /* @__PURE__ */ jsx37("p", { className: "text-xl p-2 whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(
               shuffleOption
@@ -6434,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];
@@ -8548,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,

package/package.json

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

package/src/components/activities/material-content/MCMAActivityMaterialContent.tsx

@@ -78,9 +78,9 @@ const MCMAActivityMaterialContent = ({
                       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"
+                          ? "border-2 border-catchup-green rounded-catchup-xlarge p-2"
                           : learnerAnswerState === "INCORRECT"
-                          ? "border-2 border-catchup-red rounded-catchup-xlarge"
+                          ? "border-2 border-catchup-red rounded-catchup-xlarge p-2"
                           : ""
                       }`}
                       onClick={() => {

package/src/components/activities/material-content/MCSAActivityMaterialContent.tsx

@@ -77,9 +77,9 @@ const MCSAActivityMaterialContent = ({
                         (learnerAnswerState === "EMPTY" &&
                           materialSubKey === correctAnswer) ||
                         learnerAnswerState === "CORRECT"
-                          ? "border-2 border-catchup-green rounded-catchup-xlarge"
+                          ? "border-2 border-catchup-green rounded-catchup-xlarge p-2"
                           : learnerAnswerState === "INCORRECT"
-                          ? "border-2 border-catchup-red rounded-catchup-xlarge"
+                          ? "border-2 border-catchup-red rounded-catchup-xlarge p-2"
                           : ""
                       }`}
                       onClick={() => {

package/src/components/activities/material-content/TrueFalseActivityMaterialContent.tsx

@@ -111,9 +111,9 @@ const TrueFalseActivityMaterialContent = ({
                 key={index}
                 className={`w-full flex flex-row items-center justify-center cursor-pointer my-2 ${
                   learnerAnswerState === "CORRECT"
-                    ? "border-2 border-catchup-green rounded-catchup-xlarge"
+                    ? "border-2 border-catchup-green rounded-catchup-xlarge p-2"
                     : learnerAnswerState === "INCORRECT"
-                    ? "border-2 border-catchup-red rounded-catchup-xlarge"
+                    ? "border-2 border-catchup-red rounded-catchup-xlarge p-2"
                     : ""
                 }`}
               >

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