catchup-library-web 2.7.11 → 2.7.13

package/dist/index.d.mts

@@ -255,9 +255,13 @@ declare const OrderingActivityContent: ({ answerMap, data, canAnswerQuestion, ch
 
 declare const TrueFalseActivityContent: ({ answerMap, data, canAnswerQuestion, changeAnswer, isPreview, showCorrectAnswer, isFullScreen, }: ITrueFalseActivityProps) => react_jsx_runtime.JSX.Element;
 
-declare const ActivitySolutionContent: ({ activityTemplateType, data, }: IActivitySolutionProps) => react_jsx_runtime.JSX.Element | null;
+declare const ActivitySolutionContent: ({ activityTemplateType, data, hideTitleAndBorder, }: IActivitySolutionProps & {
+    hideTitleAndBorder?: boolean;
+}) => react_jsx_runtime.JSX.Element | null;
 
-declare const ActivityEvaluationRubricContent: ({ activityTemplateType, data, }: IActivityEvaluationRubricProps) => react_jsx_runtime.JSX.Element | null | undefined;
+declare const ActivityEvaluationRubricContent: ({ activityTemplateType, data, hideTitleAndBorder, }: IActivityEvaluationRubricProps & {
+    hideTitleAndBorder?: boolean;
+}) => react_jsx_runtime.JSX.Element | null | undefined;
 
 declare const ActivityPreviewByData: ({ data, changeAnswer, answerType, showType, showDescription, typeList, showSolution, showEvaluationRubric, showDifficulty, isFullScreen, showCorrectAnswer, showMaterialContent, isPreview, }: IActivityPreviewByDataProps) => react_jsx_runtime.JSX.Element | null;
 
@@ -872,7 +876,16 @@ declare const filterCoterieTypeByDistinctOptionList: (distinctCoterieTypeOptionL
     value: string;
     includes: string[];
 }[];
-declare const findAISettingsFromCurrentProfile: (userProfileBrand: any, userProfileCampus: any, userProfileInstitution: any) => any;
+declare const findAISettingsFromCurrentProfile: (userProfileBrand: any, userProfileCampus: any, userProfileInstitution: any) => {
+    canImportActivity: any;
+    canGenerateActivity: any;
+    canEvaluateOpenEnded: any;
+    canSolveActivityTemplate: any;
+    canGenerateRubric: any;
+    canGenerateLessonPlan: any;
+    canGenerateImage: any;
+    canGeneratePodcast: any;
+};
 declare const formatPriceWithCommas: (number: number, language: string) => string;
 declare const retrieveInstitutionTypeByLevel: (level: number) => "EAST_PRIMARY" | "EAST_SECONDARY" | "HIGH_SCHOOL" | undefined;
 

package/dist/index.d.ts

@@ -255,9 +255,13 @@ declare const OrderingActivityContent: ({ answerMap, data, canAnswerQuestion, ch
 
 declare const TrueFalseActivityContent: ({ answerMap, data, canAnswerQuestion, changeAnswer, isPreview, showCorrectAnswer, isFullScreen, }: ITrueFalseActivityProps) => react_jsx_runtime.JSX.Element;
 
-declare const ActivitySolutionContent: ({ activityTemplateType, data, }: IActivitySolutionProps) => react_jsx_runtime.JSX.Element | null;
+declare const ActivitySolutionContent: ({ activityTemplateType, data, hideTitleAndBorder, }: IActivitySolutionProps & {
+    hideTitleAndBorder?: boolean;
+}) => react_jsx_runtime.JSX.Element | null;
 
-declare const ActivityEvaluationRubricContent: ({ activityTemplateType, data, }: IActivityEvaluationRubricProps) => react_jsx_runtime.JSX.Element | null | undefined;
+declare const ActivityEvaluationRubricContent: ({ activityTemplateType, data, hideTitleAndBorder, }: IActivityEvaluationRubricProps & {
+    hideTitleAndBorder?: boolean;
+}) => react_jsx_runtime.JSX.Element | null | undefined;
 
 declare const ActivityPreviewByData: ({ data, changeAnswer, answerType, showType, showDescription, typeList, showSolution, showEvaluationRubric, showDifficulty, isFullScreen, showCorrectAnswer, showMaterialContent, isPreview, }: IActivityPreviewByDataProps) => react_jsx_runtime.JSX.Element | null;
 
@@ -872,7 +876,16 @@ declare const filterCoterieTypeByDistinctOptionList: (distinctCoterieTypeOptionL
     value: string;
     includes: string[];
 }[];
-declare const findAISettingsFromCurrentProfile: (userProfileBrand: any, userProfileCampus: any, userProfileInstitution: any) => any;
+declare const findAISettingsFromCurrentProfile: (userProfileBrand: any, userProfileCampus: any, userProfileInstitution: any) => {
+    canImportActivity: any;
+    canGenerateActivity: any;
+    canEvaluateOpenEnded: any;
+    canSolveActivityTemplate: any;
+    canGenerateRubric: any;
+    canGenerateLessonPlan: any;
+    canGenerateImage: any;
+    canGeneratePodcast: any;
+};
 declare const formatPriceWithCommas: (number: number, language: string) => string;
 declare const retrieveInstitutionTypeByLevel: (level: number) => "EAST_PRIMARY" | "EAST_SECONDARY" | "HIGH_SCHOOL" | undefined;
 

package/dist/index.js

@@ -4891,7 +4891,8 @@ var DropdownActivityMaterialContent = ({
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full flex flex-row flex-wrap", children: Object.keys(displayAnswerMap).map(
       (materialKey, index) => {
         const answerKey = Object.keys(materialMap[materialKey])[0];
-        const learnerAnswerState = !isPreview ? null : !showCorrectAnswer ? null : checkAnswerState(answerKey, displayAnswerMap[materialKey]);
+        const currentAnswer = displayAnswerMap[materialKey];
+        const learnerAnswerState = !isPreview ? null : !currentAnswer || currentAnswer === "DEFAULT_OPTION" ? null : checkAnswerState(answerKey, currentAnswer);
         return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "mx-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "w-full flex flex-row my-2 gap-x-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "my-auto", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("p", { className: "text-xl", children: [
             parseFloat(materialKey) + 1,
@@ -5305,9 +5306,10 @@ var FillInTheBlanksActivityMaterialContent = ({
             )
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "w-full flex flex-row flex-wrap", children: Object.keys(displayAnswerMap).map((materialKey, index) => {
-            const learnerAnswerState = !isPreview ? null : !showCorrectAnswer ? null : checkAnswerState(
+            const currentAnswer = displayAnswerMap[materialKey];
+            const learnerAnswerState = !isPreview ? null : !currentAnswer || currentAnswer === "" || currentAnswer === "DEFAULT_OPTION" ? null : checkAnswerState(
               JSON.parse(materialMap[materialKey]),
-              displayAnswerMap[materialKey]
+              currentAnswer
             );
             return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "mx-2", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
               "div",
@@ -7101,7 +7103,7 @@ var OrderingActivityMaterialContent = ({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto", children: Object.keys(displayAnswerMap).map((materialKey, index) => {
-          const learnerAnswerState = !isPreview ? null : !showCorrectAnswer ? null : checkAnswerState(displayAnswerMap[materialKey] + "", index + "");
+          const learnerAnswerState = !isPreview ? null : checkAnswerState(displayAnswerMap[materialKey] + "", index + "");
           return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
             "div",
             {
@@ -7277,7 +7279,8 @@ var TrueFalseActivityMaterialContent = ({
       const learnerAnswer = displayAnswerMap.trueList.find(
         (trueItem) => trueItem === shuffleOption
       ) !== void 0 ? "TRUE" : "FALSE";
-      const learnerAnswerState = !isPreview ? null : !showCorrectAnswer ? null : checkAnswerState(correctAnswer, learnerAnswer);
+      const hasAnswered = displayAnswerMap.trueList.includes(shuffleOption) || displayAnswerMap.falseList.includes(shuffleOption);
+      const learnerAnswerState = !isPreview ? null : !hasAnswered ? null : checkAnswerState(correctAnswer, learnerAnswer);
       return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
         "div",
         {
@@ -7420,7 +7423,8 @@ var import_react_katex11 = require("react-katex");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var ActivitySolutionContent = ({
   activityTemplateType,
-  data
+  data,
+  hideTitleAndBorder = false
 }) => {
   if (!activityTemplateType) return null;
   const solutionMapKeys = {
@@ -7449,28 +7453,32 @@ var ActivitySolutionContent = ({
     return null;
   }
   if (!solutionMap || Object.keys(solutionMap).length === 0) return null;
+  const renderContent = () => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: Object.keys(solutionMap).map((key) => {
+    let currentItem;
+    try {
+      currentItem = JSON.parse(solutionMap[key]);
+    } catch (error) {
+      console.error(`Error parsing solution item at key ${key}:`, error);
+      return null;
+    }
+    const { value } = currentItem;
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "my-3 text-xl", children: constructInputWithSpecialExpressionList(value).map(
+      (inputPart, partIndex) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        "span",
+        {
+          className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
+          children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xl", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_katex11.InlineMath, { math: inputPart.value }) }) : inputPart.value
+        },
+        `${key}_part_${partIndex}`
+      )
+    ) }, key);
+  }) });
+  if (hideTitleAndBorder) {
+    return renderContent();
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "mx-2", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "p-4 border-catchup-blue border-2 rounded-catchup-xlarge", children: [
     /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xl font-bold text-center mb-3", children: i18n_default.t("solution") }),
-    Object.keys(solutionMap).map((key) => {
-      let currentItem;
-      try {
-        currentItem = JSON.parse(solutionMap[key]);
-      } catch (error) {
-        console.error(`Error parsing solution item at key ${key}:`, error);
-        return null;
-      }
-      const { value } = currentItem;
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "my-3 text-xl", children: constructInputWithSpecialExpressionList(value).map(
-        (inputPart, partIndex) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-          "span",
-          {
-            className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-            children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xl", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_katex11.InlineMath, { math: inputPart.value }) }) : inputPart.value
-          },
-          `${key}_part_${partIndex}`
-        )
-      ) }, key);
-    })
+    renderContent()
   ] }) });
 };
 var ActivitySolutionContent_default = ActivitySolutionContent;
@@ -7480,7 +7488,8 @@ var import_react_katex12 = require("react-katex");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var ActivityEvaluationRubricContent = ({
   activityTemplateType,
-  data
+  data,
+  hideTitleAndBorder = false
 }) => {
   if (!activityTemplateType) return;
   const evaluationRubricMapKeys = {
@@ -7507,36 +7516,40 @@ var ActivityEvaluationRubricContent = ({
   }
   if (!evaluationRubricMap || Object.keys(evaluationRubricMap).length === 0)
     return null;
+  const renderContent = () => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: Object.keys(evaluationRubricMap).map((key, index) => {
+    const currentItem = JSON.parse(evaluationRubricMap[key]);
+    const { value } = currentItem;
+    const matchedRegex = value.match(/\[(\d+)\]\s*([\s\S]*)/);
+    let points = 0;
+    let evaluationRubric = value;
+    if (matchedRegex) {
+      points = parseFloat(matchedRegex[1]);
+      evaluationRubric = matchedRegex[2];
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "my-2 flex flex-row gap-x-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "font-bold text-xl whitespace-nowrap", children: [
+        points,
+        " ",
+        i18n_default.t("points")
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "flex-1 text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(evaluationRubric).map(
+        (inputPart, inputIndex) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          "span",
+          {
+            className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
+            children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xl", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_katex12.InlineMath, { math: inputPart.value }) }) : inputPart.value
+          },
+          inputIndex
+        )
+      ) })
+    ] }, `${key}_${index}`);
+  }) });
+  if (hideTitleAndBorder) {
+    return renderContent();
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "p-4 border-catchup-gray-400 border-2 rounded-catchup-xlarge", children: [
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xl font-bold text-center mb-3", children: i18n_default.t("evaluation_rubric") }),
-    Object.keys(evaluationRubricMap).map((key, index) => {
-      const currentItem = JSON.parse(evaluationRubricMap[key]);
-      const { value } = currentItem;
-      const matchedRegex = value.match(/\[(\d+)\]\s*([\s\S]*)/);
-      let points = 0;
-      let evaluationRubric = value;
-      if (matchedRegex) {
-        points = parseFloat(matchedRegex[1]);
-        evaluationRubric = matchedRegex[2];
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "my-2 flex flex-row gap-x-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "font-bold text-xl whitespace-nowrap", children: [
-          points,
-          " ",
-          i18n_default.t("points")
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "flex-1 text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(evaluationRubric).map(
-          (inputPart, inputIndex) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-            "span",
-            {
-              className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-              children: inputPart.isEquation ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xl", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_katex12.InlineMath, { math: inputPart.value }) }) : inputPart.value
-            },
-            inputIndex
-          )
-        ) })
-      ] }, `${key}_${index}`);
-    })
+    renderContent()
   ] });
 };
 var ActivityEvaluationRubricContent_default = ActivityEvaluationRubricContent;
@@ -9414,23 +9427,24 @@ var filterCoterieTypeByDistinctOptionList = (distinctCoterieTypeOptionList) => {
   );
 };
 var findAISettingsFromCurrentProfile = (userProfileBrand, userProfileCampus, userProfileInstitution) => {
-  if (userProfileInstitution) {
-    const { institutionSettingsDTO } = userProfileInstitution;
-    const { institutionAISettingsDTO } = institutionSettingsDTO;
-    return institutionAISettingsDTO;
-  } else {
-    if (userProfileCampus) {
-      const { campusSettingsDTO } = userProfileCampus;
-      const { campusAISettingsDTO } = campusSettingsDTO;
-      return campusAISettingsDTO;
-    } else {
-      if (userProfileBrand) {
-        const { brandSettingsDTO } = userProfileBrand;
-        const { brandAISettingsDTO } = brandSettingsDTO;
-        return brandAISettingsDTO;
-      }
-    }
-  }
+  var _a, _b, _c;
+  const brandSettings = (_a = userProfileBrand == null ? void 0 : userProfileBrand.brandSettingsDTO) == null ? void 0 : _a.brandAISettingsDTO;
+  const campusSettings = (_b = userProfileCampus == null ? void 0 : userProfileCampus.campusSettingsDTO) == null ? void 0 : _b.campusAISettingsDTO;
+  const instSettings = (_c = userProfileInstitution == null ? void 0 : userProfileInstitution.institutionSettingsDTO) == null ? void 0 : _c.institutionAISettingsDTO;
+  const resolve = (field) => {
+    var _a2, _b2, _c2;
+    return (_c2 = (_b2 = (_a2 = instSettings == null ? void 0 : instSettings[field]) != null ? _a2 : campusSettings == null ? void 0 : campusSettings[field]) != null ? _b2 : brandSettings == null ? void 0 : brandSettings[field]) != null ? _c2 : false;
+  };
+  return {
+    canImportActivity: resolve("canImportActivity"),
+    canGenerateActivity: resolve("canGenerateActivity"),
+    canEvaluateOpenEnded: resolve("canEvaluateOpenEnded"),
+    canSolveActivityTemplate: resolve("canSolveActivityTemplate"),
+    canGenerateRubric: resolve("canGenerateRubric"),
+    canGenerateLessonPlan: resolve("canGenerateLessonPlan"),
+    canGenerateImage: resolve("canGenerateImage"),
+    canGeneratePodcast: resolve("canGeneratePodcast")
+  };
 };
 var formatPriceWithCommas = (number, language) => {
   return number.toLocaleString(language, {

package/dist/index.mjs

@@ -4651,7 +4651,8 @@ var DropdownActivityMaterialContent = ({
     /* @__PURE__ */ jsx28("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsx28("div", { className: "w-full flex flex-row flex-wrap", children: Object.keys(displayAnswerMap).map(
       (materialKey, index) => {
         const answerKey = Object.keys(materialMap[materialKey])[0];
-        const learnerAnswerState = !isPreview ? null : !showCorrectAnswer ? null : checkAnswerState(answerKey, displayAnswerMap[materialKey]);
+        const currentAnswer = displayAnswerMap[materialKey];
+        const learnerAnswerState = !isPreview ? null : !currentAnswer || currentAnswer === "DEFAULT_OPTION" ? null : checkAnswerState(answerKey, currentAnswer);
         return /* @__PURE__ */ jsx28("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ jsx28("div", { className: "mx-2", children: /* @__PURE__ */ jsxs18("div", { className: "w-full flex flex-row my-2 gap-x-2", children: [
           /* @__PURE__ */ jsx28("div", { className: "my-auto", children: /* @__PURE__ */ jsxs18("p", { className: "text-xl", children: [
             parseFloat(materialKey) + 1,
@@ -5065,9 +5066,10 @@ var FillInTheBlanksActivityMaterialContent = ({
             )
           ) }),
           /* @__PURE__ */ jsx30("div", { className: "w-full flex flex-row flex-wrap", children: Object.keys(displayAnswerMap).map((materialKey, index) => {
-            const learnerAnswerState = !isPreview ? null : !showCorrectAnswer ? null : checkAnswerState(
+            const currentAnswer = displayAnswerMap[materialKey];
+            const learnerAnswerState = !isPreview ? null : !currentAnswer || currentAnswer === "" || currentAnswer === "DEFAULT_OPTION" ? null : checkAnswerState(
               JSON.parse(materialMap[materialKey]),
-              displayAnswerMap[materialKey]
+              currentAnswer
             );
             return /* @__PURE__ */ jsx30("div", { className: "w-full md:w-1/2", children: /* @__PURE__ */ jsx30("div", { className: "mx-2", children: /* @__PURE__ */ jsx30(
               "div",
@@ -6861,7 +6863,7 @@ var OrderingActivityMaterialContent = ({
           }
         ),
         /* @__PURE__ */ jsx42("div", { className: "flex-1 min-h-0 overflow-y-auto", children: Object.keys(displayAnswerMap).map((materialKey, index) => {
-          const learnerAnswerState = !isPreview ? null : !showCorrectAnswer ? null : checkAnswerState(displayAnswerMap[materialKey] + "", index + "");
+          const learnerAnswerState = !isPreview ? null : checkAnswerState(displayAnswerMap[materialKey] + "", index + "");
           return /* @__PURE__ */ jsx42("div", { className: "w-full", children: /* @__PURE__ */ jsxs32(
             "div",
             {
@@ -7037,7 +7039,8 @@ var TrueFalseActivityMaterialContent = ({
       const learnerAnswer = displayAnswerMap.trueList.find(
         (trueItem) => trueItem === shuffleOption
       ) !== void 0 ? "TRUE" : "FALSE";
-      const learnerAnswerState = !isPreview ? null : !showCorrectAnswer ? null : checkAnswerState(correctAnswer, learnerAnswer);
+      const hasAnswered = displayAnswerMap.trueList.includes(shuffleOption) || displayAnswerMap.falseList.includes(shuffleOption);
+      const learnerAnswerState = !isPreview ? null : !hasAnswered ? null : checkAnswerState(correctAnswer, learnerAnswer);
       return /* @__PURE__ */ jsxs34(
         "div",
         {
@@ -7177,10 +7180,11 @@ var TrueFalseActivityContent_default = TrueFalseActivityContent;
 
 // src/components/activities/solution-contents/ActivitySolutionContent.tsx
 import { InlineMath as InlineMath11 } from "react-katex";
-import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
 var ActivitySolutionContent = ({
   activityTemplateType,
-  data
+  data,
+  hideTitleAndBorder = false
 }) => {
   if (!activityTemplateType) return null;
   const solutionMapKeys = {
@@ -7209,38 +7213,43 @@ var ActivitySolutionContent = ({
     return null;
   }
   if (!solutionMap || Object.keys(solutionMap).length === 0) return null;
+  const renderContent = () => /* @__PURE__ */ jsx46(Fragment8, { children: Object.keys(solutionMap).map((key) => {
+    let currentItem;
+    try {
+      currentItem = JSON.parse(solutionMap[key]);
+    } catch (error) {
+      console.error(`Error parsing solution item at key ${key}:`, error);
+      return null;
+    }
+    const { value } = currentItem;
+    return /* @__PURE__ */ jsx46("div", { className: "my-3 text-xl", children: constructInputWithSpecialExpressionList(value).map(
+      (inputPart, partIndex) => /* @__PURE__ */ jsx46(
+        "span",
+        {
+          className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
+          children: inputPart.isEquation ? /* @__PURE__ */ jsx46("span", { className: "text-xl", children: /* @__PURE__ */ jsx46(InlineMath11, { math: inputPart.value }) }) : inputPart.value
+        },
+        `${key}_part_${partIndex}`
+      )
+    ) }, key);
+  }) });
+  if (hideTitleAndBorder) {
+    return renderContent();
+  }
   return /* @__PURE__ */ jsx46("div", { className: "mx-2", children: /* @__PURE__ */ jsxs36("div", { className: "p-4 border-catchup-blue border-2 rounded-catchup-xlarge", children: [
     /* @__PURE__ */ jsx46("p", { className: "text-xl font-bold text-center mb-3", children: i18n_default.t("solution") }),
-    Object.keys(solutionMap).map((key) => {
-      let currentItem;
-      try {
-        currentItem = JSON.parse(solutionMap[key]);
-      } catch (error) {
-        console.error(`Error parsing solution item at key ${key}:`, error);
-        return null;
-      }
-      const { value } = currentItem;
-      return /* @__PURE__ */ jsx46("div", { className: "my-3 text-xl", children: constructInputWithSpecialExpressionList(value).map(
-        (inputPart, partIndex) => /* @__PURE__ */ jsx46(
-          "span",
-          {
-            className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-            children: inputPart.isEquation ? /* @__PURE__ */ jsx46("span", { className: "text-xl", children: /* @__PURE__ */ jsx46(InlineMath11, { math: inputPart.value }) }) : inputPart.value
-          },
-          `${key}_part_${partIndex}`
-        )
-      ) }, key);
-    })
+    renderContent()
   ] }) });
 };
 var ActivitySolutionContent_default = ActivitySolutionContent;
 
 // src/components/activities/evaluation-rubric-contents/ActivityEvaluationRubricContent.tsx
 import { InlineMath as InlineMath12 } from "react-katex";
-import { jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
 var ActivityEvaluationRubricContent = ({
   activityTemplateType,
-  data
+  data,
+  hideTitleAndBorder = false
 }) => {
   if (!activityTemplateType) return;
   const evaluationRubricMapKeys = {
@@ -7267,36 +7276,40 @@ var ActivityEvaluationRubricContent = ({
   }
   if (!evaluationRubricMap || Object.keys(evaluationRubricMap).length === 0)
     return null;
+  const renderContent = () => /* @__PURE__ */ jsx47(Fragment9, { children: Object.keys(evaluationRubricMap).map((key, index) => {
+    const currentItem = JSON.parse(evaluationRubricMap[key]);
+    const { value } = currentItem;
+    const matchedRegex = value.match(/\[(\d+)\]\s*([\s\S]*)/);
+    let points = 0;
+    let evaluationRubric = value;
+    if (matchedRegex) {
+      points = parseFloat(matchedRegex[1]);
+      evaluationRubric = matchedRegex[2];
+    }
+    return /* @__PURE__ */ jsxs37("div", { className: "my-2 flex flex-row gap-x-3", children: [
+      /* @__PURE__ */ jsxs37("div", { className: "font-bold text-xl whitespace-nowrap", children: [
+        points,
+        " ",
+        i18n_default.t("points")
+      ] }),
+      /* @__PURE__ */ jsx47("p", { className: "flex-1 text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(evaluationRubric).map(
+        (inputPart, inputIndex) => /* @__PURE__ */ jsx47(
+          "span",
+          {
+            className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
+            children: inputPart.isEquation ? /* @__PURE__ */ jsx47("span", { className: "text-xl", children: /* @__PURE__ */ jsx47(InlineMath12, { math: inputPart.value }) }) : inputPart.value
+          },
+          inputIndex
+        )
+      ) })
+    ] }, `${key}_${index}`);
+  }) });
+  if (hideTitleAndBorder) {
+    return renderContent();
+  }
   return /* @__PURE__ */ jsxs37("div", { className: "p-4 border-catchup-gray-400 border-2 rounded-catchup-xlarge", children: [
     /* @__PURE__ */ jsx47("p", { className: "text-xl font-bold text-center mb-3", children: i18n_default.t("evaluation_rubric") }),
-    Object.keys(evaluationRubricMap).map((key, index) => {
-      const currentItem = JSON.parse(evaluationRubricMap[key]);
-      const { value } = currentItem;
-      const matchedRegex = value.match(/\[(\d+)\]\s*([\s\S]*)/);
-      let points = 0;
-      let evaluationRubric = value;
-      if (matchedRegex) {
-        points = parseFloat(matchedRegex[1]);
-        evaluationRubric = matchedRegex[2];
-      }
-      return /* @__PURE__ */ jsxs37("div", { className: "my-2 flex flex-row gap-x-3", children: [
-        /* @__PURE__ */ jsxs37("div", { className: "font-bold text-xl whitespace-nowrap", children: [
-          points,
-          " ",
-          i18n_default.t("points")
-        ] }),
-        /* @__PURE__ */ jsx47("p", { className: "flex-1 text-xl whitespace-pre-wrap", children: constructInputWithSpecialExpressionList(evaluationRubric).map(
-          (inputPart, inputIndex) => /* @__PURE__ */ jsx47(
-            "span",
-            {
-              className: `${inputPart.isBold ? "font-bold" : ""} ${inputPart.isUnderline ? "underline" : ""}`,
-              children: inputPart.isEquation ? /* @__PURE__ */ jsx47("span", { className: "text-xl", children: /* @__PURE__ */ jsx47(InlineMath12, { math: inputPart.value }) }) : inputPart.value
-            },
-            inputIndex
-          )
-        ) })
-      ] }, `${key}_${index}`);
-    })
+    renderContent()
   ] });
 };
 var ActivityEvaluationRubricContent_default = ActivityEvaluationRubricContent;
@@ -7342,7 +7355,7 @@ var SelectionBox = ({
 var SelectionBox_default = SelectionBox;
 
 // src/components/activities/ActivityPreviewByData.tsx
-import { Fragment as Fragment8, jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
 var ACTIVITY_TEMPLATE_LIST = [
   { type: "ORDERING", materialMap: "orderingMaterialMap" },
   { type: "DROPDOWN", materialMap: "dropdownMaterialMap" },
@@ -7455,42 +7468,42 @@ var ActivityPreviewByData = ({
     }
     switch (selectedType) {
       case "ORDERING":
-        return data.orderingBodyMap && data.orderingMaterialMap ? /* @__PURE__ */ jsxs39(Fragment8, { children: [
+        return data.orderingBodyMap && data.orderingMaterialMap ? /* @__PURE__ */ jsxs39(Fragment10, { children: [
           isEmpty && /* @__PURE__ */ jsx49(ActivityEmptyContent_default, {}),
           /* @__PURE__ */ jsx49(OrderingActivityContent_default, __spreadValues({}, commonProps))
         ] }) : null;
       case "DROPDOWN":
-        return data.dropdownBodyMap && data.dropdownMaterialMap ? /* @__PURE__ */ jsxs39(Fragment8, { children: [
+        return data.dropdownBodyMap && data.dropdownMaterialMap ? /* @__PURE__ */ jsxs39(Fragment10, { children: [
           isEmpty && /* @__PURE__ */ jsx49(ActivityEmptyContent_default, {}),
           /* @__PURE__ */ jsx49(DropdownActivityContent_default, __spreadValues({}, commonProps))
         ] }) : null;
       case "MCSA":
-        return data.MCSABodyMap && data.MCSAMaterialMap ? /* @__PURE__ */ jsxs39(Fragment8, { children: [
+        return data.MCSABodyMap && data.MCSAMaterialMap ? /* @__PURE__ */ jsxs39(Fragment10, { children: [
           isEmpty && /* @__PURE__ */ jsx49(ActivityEmptyContent_default, {}),
           /* @__PURE__ */ jsx49(MCSAActivityContent_default, __spreadValues({}, commonProps))
         ] }) : null;
       case "MCMA":
-        return data.MCMABodyMap && data.MCMAMaterialMap ? /* @__PURE__ */ jsxs39(Fragment8, { children: [
+        return data.MCMABodyMap && data.MCMAMaterialMap ? /* @__PURE__ */ jsxs39(Fragment10, { children: [
           isEmpty && /* @__PURE__ */ jsx49(ActivityEmptyContent_default, {}),
           /* @__PURE__ */ jsx49(MCMAActivityContent_default, __spreadValues({}, commonProps))
         ] }) : null;
       case "MATCHING":
-        return data.matchingBodyMap && data.matchingMaterialMap ? /* @__PURE__ */ jsxs39(Fragment8, { children: [
+        return data.matchingBodyMap && data.matchingMaterialMap ? /* @__PURE__ */ jsxs39(Fragment10, { children: [
           isEmpty && /* @__PURE__ */ jsx49(ActivityEmptyContent_default, {}),
           /* @__PURE__ */ jsx49(MatchingActivityContent_default, __spreadValues({}, commonProps))
         ] }) : null;
       case "GROUPING":
-        return data.groupingBodyMap && data.groupingMaterialMap ? /* @__PURE__ */ jsxs39(Fragment8, { children: [
+        return data.groupingBodyMap && data.groupingMaterialMap ? /* @__PURE__ */ jsxs39(Fragment10, { children: [
           isEmpty && /* @__PURE__ */ jsx49(ActivityEmptyContent_default, {}),
           /* @__PURE__ */ jsx49(GroupingActivityContent_default, __spreadValues({}, commonProps))
         ] }) : null;
       case "FILL_IN_THE_BLANKS":
-        return data.fillInTheBlanksBodyMap && data.fillInTheBlanksMaterialMap ? /* @__PURE__ */ jsxs39(Fragment8, { children: [
+        return data.fillInTheBlanksBodyMap && data.fillInTheBlanksMaterialMap ? /* @__PURE__ */ jsxs39(Fragment10, { children: [
           isEmpty && /* @__PURE__ */ jsx49(ActivityEmptyContent_default, {}),
           /* @__PURE__ */ jsx49(FillInTheBlanksActivityContent_default, __spreadValues({}, commonProps))
         ] }) : null;
       case "OPEN_ENDED":
-        return data.openEndedBodyMap ? /* @__PURE__ */ jsxs39(Fragment8, { children: [
+        return data.openEndedBodyMap ? /* @__PURE__ */ jsxs39(Fragment10, { children: [
           isEmpty && /* @__PURE__ */ jsx49(ActivityEmptyContent_default, {}),
           /* @__PURE__ */ jsx49(
             OpenEndedActivityContent_default,
@@ -7500,7 +7513,7 @@ var ActivityPreviewByData = ({
           )
         ] }) : null;
       case "TRUE_FALSE":
-        return data.trueFalseBodyMap && data.trueFalseMaterialMap ? /* @__PURE__ */ jsxs39(Fragment8, { children: [
+        return data.trueFalseBodyMap && data.trueFalseMaterialMap ? /* @__PURE__ */ jsxs39(Fragment10, { children: [
           isEmpty && /* @__PURE__ */ jsx49(ActivityEmptyContent_default, {}),
           /* @__PURE__ */ jsx49(TrueFalseActivityContent_default, __spreadValues({}, commonProps))
         ] }) : null;
@@ -7510,7 +7523,7 @@ var ActivityPreviewByData = ({
   };
   if (!data) return null;
   return /* @__PURE__ */ jsxs39("div", { children: [
-    showType && optionList.length > 0 ? /* @__PURE__ */ jsxs39(Fragment8, { children: [
+    showType && optionList.length > 0 ? /* @__PURE__ */ jsxs39(Fragment10, { children: [
       /* @__PURE__ */ jsxs39("div", { className: "mb-2", children: [
         showDescription ? /* @__PURE__ */ jsx49("div", { className: "my-2", children: /* @__PURE__ */ jsx49("p", { className: "font-semibold text-lg", children: i18n_default.t("activity_template") }) }) : null,
         /* @__PURE__ */ jsx49(
@@ -9174,23 +9187,24 @@ var filterCoterieTypeByDistinctOptionList = (distinctCoterieTypeOptionList) => {
   );
 };
 var findAISettingsFromCurrentProfile = (userProfileBrand, userProfileCampus, userProfileInstitution) => {
-  if (userProfileInstitution) {
-    const { institutionSettingsDTO } = userProfileInstitution;
-    const { institutionAISettingsDTO } = institutionSettingsDTO;
-    return institutionAISettingsDTO;
-  } else {
-    if (userProfileCampus) {
-      const { campusSettingsDTO } = userProfileCampus;
-      const { campusAISettingsDTO } = campusSettingsDTO;
-      return campusAISettingsDTO;
-    } else {
-      if (userProfileBrand) {
-        const { brandSettingsDTO } = userProfileBrand;
-        const { brandAISettingsDTO } = brandSettingsDTO;
-        return brandAISettingsDTO;
-      }
-    }
-  }
+  var _a, _b, _c;
+  const brandSettings = (_a = userProfileBrand == null ? void 0 : userProfileBrand.brandSettingsDTO) == null ? void 0 : _a.brandAISettingsDTO;
+  const campusSettings = (_b = userProfileCampus == null ? void 0 : userProfileCampus.campusSettingsDTO) == null ? void 0 : _b.campusAISettingsDTO;
+  const instSettings = (_c = userProfileInstitution == null ? void 0 : userProfileInstitution.institutionSettingsDTO) == null ? void 0 : _c.institutionAISettingsDTO;
+  const resolve = (field) => {
+    var _a2, _b2, _c2;
+    return (_c2 = (_b2 = (_a2 = instSettings == null ? void 0 : instSettings[field]) != null ? _a2 : campusSettings == null ? void 0 : campusSettings[field]) != null ? _b2 : brandSettings == null ? void 0 : brandSettings[field]) != null ? _c2 : false;
+  };
+  return {
+    canImportActivity: resolve("canImportActivity"),
+    canGenerateActivity: resolve("canGenerateActivity"),
+    canEvaluateOpenEnded: resolve("canEvaluateOpenEnded"),
+    canSolveActivityTemplate: resolve("canSolveActivityTemplate"),
+    canGenerateRubric: resolve("canGenerateRubric"),
+    canGenerateLessonPlan: resolve("canGenerateLessonPlan"),
+    canGenerateImage: resolve("canGenerateImage"),
+    canGeneratePodcast: resolve("canGeneratePodcast")
+  };
 };
 var formatPriceWithCommas = (number, language) => {
   return number.toLocaleString(language, {

package/package.json

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

package/src/components/activities/evaluation-rubric-contents/ActivityEvaluationRubricContent.tsx

@@ -6,7 +6,8 @@ import { constructInputWithSpecialExpressionList } from "../../../utilization/Ca
 const ActivityEvaluationRubricContent = ({
   activityTemplateType,
   data,
-}: IActivityEvaluationRubricProps) => {
+  hideTitleAndBorder = false,
+}: IActivityEvaluationRubricProps & { hideTitleAndBorder?: boolean }) => {
   if (!activityTemplateType) return;
 
   const evaluationRubricMapKeys: any = {
@@ -35,11 +36,8 @@ const ActivityEvaluationRubricContent = ({
   if (!evaluationRubricMap || Object.keys(evaluationRubricMap).length === 0)
     return null;
 
-  return (
-    <div className="p-4 border-catchup-gray-400 border-2 rounded-catchup-xlarge">
-      <p className="text-xl font-bold text-center mb-3">
-        {i18n.t("evaluation_rubric")}
-      </p>
+  const renderContent = () => (
+    <>
       {Object.keys(evaluationRubricMap).map((key, index) => {
         const currentItem = JSON.parse(evaluationRubricMap[key]);
         const { value } = currentItem;
@@ -80,6 +78,19 @@ const ActivityEvaluationRubricContent = ({
           </div>
         );
       })}
+    </>
+  );
+
+  if (hideTitleAndBorder) {
+    return renderContent();
+  }
+
+  return (
+    <div className="p-4 border-catchup-gray-400 border-2 rounded-catchup-xlarge">
+      <p className="text-xl font-bold text-center mb-3">
+        {i18n.t("evaluation_rubric")}
+      </p>
+      {renderContent()}
     </div>
   );
 };

package/src/components/activities/material-contents/DropdownActivityMaterialContent.tsx

@@ -53,11 +53,12 @@ const DropdownActivityMaterialContent = ({
         {Object.keys(displayAnswerMap).map(
           (materialKey: string, index: number) => {
             const answerKey = Object.keys(materialMap[materialKey])[0];
+            const currentAnswer = displayAnswerMap[materialKey];
             const learnerAnswerState = !isPreview
               ? null
-              : !showCorrectAnswer
+              : !currentAnswer || currentAnswer === "DEFAULT_OPTION"
                 ? null
-                : checkAnswerState(answerKey, displayAnswerMap[materialKey]);
+                : checkAnswerState(answerKey, currentAnswer);
             return (
               <div key={index} className="w-full md:w-1/2">
                 <div className="mx-2">

package/src/components/activities/material-contents/FillInTheBlanksActivityMaterialContent.tsx

@@ -309,13 +309,14 @@ const FillInTheBlanksActivityMaterialContent = ({
       </div>
       <div className="w-full flex flex-row flex-wrap">
         {Object.keys(displayAnswerMap).map((materialKey, index) => {
+          const currentAnswer = displayAnswerMap[materialKey];
           const learnerAnswerState = !isPreview
             ? null
-            : !showCorrectAnswer
+            : !currentAnswer || currentAnswer === "" || currentAnswer === "DEFAULT_OPTION"
               ? null
               : checkAnswerState(
                   JSON.parse(materialMap[materialKey]),
-                  displayAnswerMap[materialKey],
+                  currentAnswer,
                 );
           return (
             <div key={index} className="w-full md:w-1/2">

package/src/components/activities/material-contents/OrderingActivityMaterialContent.tsx

@@ -256,9 +256,7 @@ const OrderingActivityMaterialContent = ({
       {Object.keys(displayAnswerMap).map((materialKey, index) => {
         const learnerAnswerState = !isPreview
           ? null
-          : !showCorrectAnswer
-            ? null
-            : checkAnswerState(displayAnswerMap[materialKey] + "", index + "");
+          : checkAnswerState(displayAnswerMap[materialKey] + "", index + "");
         return (
           <div className="w-full" key={index}>
             <div

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

@@ -81,9 +81,12 @@ const TrueFalseActivityMaterialContent = ({
                 ? "TRUE"
                 : "FALSE";
 
+            const hasAnswered =
+              displayAnswerMap.trueList.includes(shuffleOption) ||
+              displayAnswerMap.falseList.includes(shuffleOption);
             const learnerAnswerState = !isPreview
               ? null
-              : !showCorrectAnswer
+              : !hasAnswered
                 ? null
                 : checkAnswerState(correctAnswer, learnerAnswer);
 

package/src/components/activities/solution-contents/ActivitySolutionContent.tsx

@@ -6,7 +6,8 @@ import { IActivitySolutionProps } from "../../../properties/ActivityProperties";
 const ActivitySolutionContent = ({
   activityTemplateType,
   data,
-}: IActivitySolutionProps) => {
+  hideTitleAndBorder = false,
+}: IActivitySolutionProps & { hideTitleAndBorder?: boolean }) => {
   if (!activityTemplateType) return null;
 
   const solutionMapKeys: any = {
@@ -56,13 +57,9 @@ const ActivitySolutionContent = ({
 
   if (!solutionMap || Object.keys(solutionMap).length === 0) return null;
 
-  return (
-    <div className="mx-2">
-      <div className="p-4 border-catchup-blue border-2 rounded-catchup-xlarge">
-        <p className="text-xl font-bold text-center mb-3">
-          {i18n.t("solution")}
-        </p>
-        {Object.keys(solutionMap).map((key) => {
+  const renderContent = () => (
+    <>
+      {Object.keys(solutionMap).map((key) => {
           let currentItem;
           try {
             currentItem = JSON.parse(solutionMap[key]);
@@ -96,6 +93,20 @@ const ActivitySolutionContent = ({
             </div>
           );
         })}
+    </>
+  );
+
+  if (hideTitleAndBorder) {
+    return renderContent();
+  }
+
+  return (
+    <div className="mx-2">
+      <div className="p-4 border-catchup-blue border-2 rounded-catchup-xlarge">
+        <p className="text-xl font-bold text-center mb-3">
+          {i18n.t("solution")}
+        </p>
+        {renderContent()}
       </div>
     </div>
   );

package/src/utilization/ManagementUtilization.ts

@@ -1250,25 +1250,25 @@ export const findAISettingsFromCurrentProfile = (
   userProfileCampus: any,
   userProfileInstitution: any,
 ) => {
-  if (userProfileInstitution) {
-    const { institutionSettingsDTO } = userProfileInstitution;
-    const { institutionAISettingsDTO } = institutionSettingsDTO;
-    return institutionAISettingsDTO;
-    // const { canConvertActivityTemplate } = institutionAISettingsDTO;
-    // if (!canConvertActivityTemplate) return false;
-  } else {
-    if (userProfileCampus) {
-      const { campusSettingsDTO } = userProfileCampus;
-      const { campusAISettingsDTO } = campusSettingsDTO;
-      return campusAISettingsDTO;
-    } else {
-      if (userProfileBrand) {
-        const { brandSettingsDTO } = userProfileBrand;
-        const { brandAISettingsDTO } = brandSettingsDTO;
-        return brandAISettingsDTO;
-      }
-    }
-  }
+  const brandSettings = userProfileBrand?.brandSettingsDTO?.brandAISettingsDTO;
+  const campusSettings =
+    userProfileCampus?.campusSettingsDTO?.campusAISettingsDTO;
+  const instSettings =
+    userProfileInstitution?.institutionSettingsDTO?.institutionAISettingsDTO;
+
+  const resolve = (field: string) =>
+    instSettings?.[field] ?? campusSettings?.[field] ?? brandSettings?.[field] ?? false;
+
+  return {
+    canImportActivity: resolve("canImportActivity"),
+    canGenerateActivity: resolve("canGenerateActivity"),
+    canEvaluateOpenEnded: resolve("canEvaluateOpenEnded"),
+    canSolveActivityTemplate: resolve("canSolveActivityTemplate"),
+    canGenerateRubric: resolve("canGenerateRubric"),
+    canGenerateLessonPlan: resolve("canGenerateLessonPlan"),
+    canGenerateImage: resolve("canGenerateImage"),
+    canGeneratePodcast: resolve("canGeneratePodcast"),
+  };
 };
 
 export const formatPriceWithCommas = (number: number, language: string) => {