@nualang/nualang-ui-components 0.1.1356 → 0.1.1359

package/dist/Assignments/AssignmentBotSelection/package.json

@@ -2,5 +2,5 @@
   "name": "AssignmentBotSelection",
   "version": "0.0.0",
   "private": true,
-  "main": "./AssignmentBotSelection.js"
+  "main": "./AssignmentBotSelection.jsx"
 }

package/dist/Assignments/AssignmentCard/AssignmentCard.js

@@ -21,6 +21,7 @@ export default function AssignmentCard({
   deleteAssignment,
   handleEditAssignment,
   progressHelpers,
+  completionHelpers,
   preferred_username,
   memberId,
   fetchMemberCourseCompletions,
@@ -219,6 +220,7 @@ export default function AssignmentCard({
                 useCase: isCreator ? "assignment-view" : "assignment-start",
                 preferred_username: preferred_username,
                 progressHelpers: progressHelpers,
+                completionHelpers: completionHelpers,
                 memberCourseCompletions: memberCourseCompletions,
                 lastClickedExerciseId: lastClickedExerciseId,
                 isChallengeModeStudent: isChallengeModeStudent

package/dist/Assignments/AssignmentCardsList/AssignmentCardsList.js

@@ -21,6 +21,7 @@ const AssignmentCardsList = ({
   username,
   preferred_username,
   progressHelpers,
+  completionHelpers,
   fetchMemberCourseCompletions,
   memberId,
   handleViewProgress,
@@ -337,6 +338,7 @@ const AssignmentCardsList = ({
         handleEditAssignment: handleEditAssignment,
         lastClickedExerciseId: lastClickedExerciseId,
         progressHelpers: progressHelpers,
+        completionHelpers: completionHelpers,
         fetchMemberCourseCompletions: fetchMemberCourseCompletions,
         username: username,
         preferred_username: preferred_username,
@@ -362,6 +364,7 @@ AssignmentCardsList.propTypes = {
   username: PropTypes.string,
   preferred_username: PropTypes.string,
   progressHelpers: PropTypes.object,
+  completionHelpers: PropTypes.object,
   fetchMemberCourseCompletions: PropTypes.func,
   memberId: PropTypes.string,
   handleViewProgress: PropTypes.func,

package/dist/Assignments/AssignmentCourseSelection/AssignmentCourseSelection.js

@@ -27,6 +27,7 @@ function Course({
   viewOnly,
   preferred_username,
   progressHelpers,
+  completionHelpers,
   memberCourseCompletions,
   lastClickedExerciseId,
   handleRemoveExercise,
@@ -174,6 +175,7 @@ function Course({
             username: username,
             preferred_username: preferred_username,
             progressHelpers: progressHelpers,
+            completionHelpers: completionHelpers,
             memberCourseCompletions: memberCourseCompletions,
             lastClickedExerciseId: lastClickedExerciseId,
             isChallengeModeStudent: isChallengeModeStudent
@@ -201,6 +203,7 @@ function Course({
         username: username,
         preferred_username: preferred_username,
         progressHelpers: progressHelpers,
+        completionHelpers: completionHelpers,
         memberCourseCompletions: memberCourseCompletions,
         lastClickedExerciseId: lastClickedExerciseId,
         course: course,
@@ -229,12 +232,12 @@ function AssignmentCourseSelection({
   viewOnly,
   preferred_username,
   progressHelpers,
+  completionHelpers,
   memberCourseCompletions,
   lastClickedExerciseId,
   handleRemoveExercise,
   isPreview,
-  isChallengeModeStudent,
-  ...otherProps
+  isChallengeModeStudent
 }) {
   return /*#__PURE__*/_jsx("div", {
     children: courses.map((course, index) => /*#__PURE__*/_jsx(Course, {
@@ -257,6 +260,7 @@ function AssignmentCourseSelection({
       preferred_username: preferred_username,
       memberCourseCompletions: memberCourseCompletions,
       progressHelpers: progressHelpers,
+      completionHelpers: completionHelpers,
       lastClickedExerciseId: lastClickedExerciseId,
       handleRemoveExercise: handleRemoveExercise,
       isPreview: isPreview,

package/dist/Assignments/AssignmentExerciseSelection/AssignmentExerciseSelection.js

@@ -4,23 +4,22 @@ import { useTheme } from "@mui/material/styles";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import ImageSearchIcon from "@mui/icons-material/ImageSearch";
 import ClearIcon from "@mui/icons-material/Clear";
-import HearingIcon from "@mui/icons-material/Hearing";
-import SwapHorizIcon from "@mui/icons-material/SwapHoriz";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import ExpandLessIcon from "@mui/icons-material/ExpandLess";
-import RecordVoiceOverIcon from "@mui/icons-material/RecordVoiceOver";
 import ForumIcon from "@mui/icons-material/Forum";
 import FaceIcon from "@mui/icons-material/Face";
+import MenuBookIcon from "@mui/icons-material/MenuBook";
 import OndemandVideoIcon from "@mui/icons-material/OndemandVideo";
 import AssignmentRoleplaySelection from "../AssignmentRoleplaySelection/AssignmentRoleplaySelection";
 import { CardInfoSectionItem } from "../../Cards/CardElements";
 import { getCourseSectionTopicProgress } from "@nualang/nualang-api-and-queries/APIs/Progress";
-import { progress as progressQuerys } from "@nualang/nualang-api-and-queries/Queries";
+import { progress as progressQuerys, courses as courseQuerys } from "@nualang/nualang-api-and-queries/Queries";
 import { useNavigate, useParams } from "react-router";
 import { ProgressBadge, InProgressBadge } from "../../Lists/Exercises/Exercises";
 import ColorLinearProgress from "../../Misc/ColorLinearProgress/ColorLinearProgress";
 import { calcCompletions } from "../../utils";
 import AssignmentBotSelection from "../AssignmentBotSelection/AssignmentBotSelection";
+import AssignmentPhraseListSelection from "../AssignmentPhraseListSelection/AssignmentPhraseListSelection";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function Exercise({
   name,
@@ -31,8 +30,6 @@ function Exercise({
   isExerciseSelected,
   roleplays,
   bots,
-  roleplayId,
-  botId,
   phrases,
   handleSelectExercise = null,
   selectedExercises,
@@ -48,12 +45,10 @@ function Exercise({
   lastClickedExerciseId,
   isPreview,
   handleRemoveExercise = null,
-  isChallengeModeStudent
+  isChallengeModeStudent,
+  phraseLists = [],
+  completionHelpers
 }) {
-  const [listeningHidden, setListeningHidden] = useState(false);
-  const [translationHidden, setTranslationHidden] = useState(false);
-  const [pronunciationHidden, setPronunciationHidden] = useState(false);
-
   //progress
   const [pronunciationProgress, setPronunciationProgress] = useState(null);
   const [translationProgress, setTranslationProgress] = useState(null);
@@ -105,11 +100,11 @@ function Exercise({
     };
     fetchProgress();
   }, [topicProgress, isCreator]);
-  const isAssignmentExerciseSelected = selectedExercises?.some(e => e.name === name && e.courseSectionTopicId === courseSectionTopicId);
   const noRoleplays = name.toLowerCase() === "roleplays" && roleplays.length === 0;
   const [roleplaysOpen, setRoleplaysOpen] = useState(noRoleplays ? false : true);
   const noBots = name.toLowerCase() === "bots" && bots?.length === 0;
   const [botsOpen, setBotsOpen] = useState(noBots ? false : true);
+  const [phraseListsOpen, setPhraseListsOpen] = useState(phraseLists && phraseLists.length > 0 ? true : false);
   const navigate = useNavigate();
   const params = useParams();
   const {
@@ -128,18 +123,10 @@ function Exercise({
   const handleToggleBots = () => {
     setBotsOpen(!botsOpen);
   };
-  useEffect(() => {
-    const currentTopicId = courseSectionTopicId.split("|")[2];
-    const currentTopic = section?.topics?.find(t => t.topicId === currentTopicId) || {};
-    const hidden = (currentTopic.hiddenExercises || []).map(x => String(x).toLowerCase());
-    setListeningHidden(hidden.includes("listening"));
-    setTranslationHidden(hidden.includes("translation"));
-    setPronunciationHidden(hidden.includes("pronunciation"));
-  }, [section, courseSectionTopicId]);
-  const isValidExercise = phrases.length >= 2 || name.toLowerCase() === "roleplays" || name.toLowerCase() === "bots";
-  if (name.toLowerCase() === "listening" && listeningHidden || name.toLowerCase() === "translation" && translationHidden || name.toLowerCase() === "pronunciation" && pronunciationHidden) {
-    return null;
-  }
+  const handleTogglePhraseLists = () => {
+    setPhraseListsOpen(!phraseListsOpen);
+  };
+  const isValidExercise = phrases.length >= 2 || name.toLowerCase() === "roleplays" || name.toLowerCase() === "bots" || name.toLowerCase() === "phrases";
   return /*#__PURE__*/_jsxs(Tooltip, {
     title: isCreator ? name === "roleplays" && noRoleplays ? t("topic_no_roleplays") : !isValidExercise ? t("minimum_two_phrases") : "" : null,
     children: [/*#__PURE__*/_jsxs(ListItemButton, {
@@ -148,6 +135,8 @@ function Exercise({
           handleToggleRoleplays();
         } else if (name.toLowerCase() === "bots") {
           handleToggleBots();
+        } else if (name.toLowerCase() === "phrases") {
+          handleTogglePhraseLists();
         } else if (useCase === "assignment-select") {
           handleSelectExercise([{
             name,
@@ -157,11 +146,11 @@ function Exercise({
           addSearchParams();
         }
       },
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
       disabled: isExerciseSelected || !isValidExercise || noRoleplays || noBots,
       sx: theme => ({
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
         [theme.breakpoints.up("md")]: {
           ml: "60px"
         }
@@ -171,16 +160,12 @@ function Exercise({
           xs: "none",
           sm: "flex"
         },
-        children: [name.toLowerCase() === "listening" && /*#__PURE__*/_jsx(ListItemIcon, {
-          children: /*#__PURE__*/_jsx(HearingIcon, {})
-        }), name.toLowerCase() === "translation" && /*#__PURE__*/_jsx(ListItemIcon, {
-          children: /*#__PURE__*/_jsx(SwapHorizIcon, {})
-        }), name.toLowerCase() === "pronunciation" && /*#__PURE__*/_jsx(ListItemIcon, {
-          children: /*#__PURE__*/_jsx(RecordVoiceOverIcon, {})
-        }), name.toLowerCase() === "roleplays" && /*#__PURE__*/_jsx(ListItemIcon, {
+        children: [name.toLowerCase() === "roleplays" && /*#__PURE__*/_jsx(ListItemIcon, {
           children: /*#__PURE__*/_jsx(ForumIcon, {})
         }), name.toLowerCase() === "bots" && /*#__PURE__*/_jsx(ListItemIcon, {
           children: /*#__PURE__*/_jsx(FaceIcon, {})
+        }), name.toLowerCase() === "phrases" && /*#__PURE__*/_jsx(ListItemIcon, {
+          children: /*#__PURE__*/_jsx(MenuBookIcon, {})
         })]
       }), /*#__PURE__*/_jsx(Box, {
         width: "100%",
@@ -198,52 +183,39 @@ function Exercise({
           mr: useCase === "assignment-select" ? 2 : 0
         },
         children: botsOpen ? /*#__PURE__*/_jsx(ExpandLessIcon, {}) : /*#__PURE__*/_jsx(ExpandMoreIcon, {})
-      }), (name.toLowerCase() === "listening" || name.toLowerCase() === "translation" || name.toLowerCase() === "pronunciation") && /*#__PURE__*/_jsxs(ListItemIcon, {
-        children: [useCase === "assignment-select" && /*#__PURE__*/_jsx(Checkbox, {
-          checked: isAssignmentExerciseSelected,
-          onClick: event => {
-            event.stopPropagation();
-          } //so clicking on the checkbox doesnt also trigger the onclick of the listItemButton
-          ,
-          onChange: () => {
-            handleSelectExercise([{
-              name,
-              courseSectionTopicId
-            }]);
-          }
-        }), useCase === "assignment-view" && isPreview && /*#__PURE__*/_jsx(IconButton, {
-          edge: "end",
-          "aria-label": "remove-exercise",
-          onClick: e => {
-            e.stopPropagation();
-            handleRemoveExercise({
-              courseSectionTopicId,
-              name
-            });
-          },
-          children: /*#__PURE__*/_jsx(ClearIcon, {
-            fontSize: "small"
-          })
-        }), !isCreator && name.toLowerCase() === "pronunciation" && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(InProgressBadge, {
-            progressCount: pronunciationProgress && pronunciationProgress.remainingQuestions?.length || 0
-          }), /*#__PURE__*/_jsx(ProgressBadge, {
-            completions: pronunciation && pronunciation.completedCount ? pronunciation.completedCount : 0
-          })]
-        }), !isCreator && name.toLowerCase() === "translation" && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(InProgressBadge, {
-            progressCount: translationProgress && translationProgress.remainingQuestions?.length || 0
-          }), /*#__PURE__*/_jsx(ProgressBadge, {
-            completions: translation && translation.completedCount ? translation.completedCount : 0
-          })]
-        }), !isCreator && name.toLowerCase() === "listening" && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(InProgressBadge, {
-            progressCount: listeningProgress && listeningProgress.remainingQuestions?.length || 0
-          }), /*#__PURE__*/_jsx(ProgressBadge, {
-            completions: listening && listening.completedCount ? listening.completedCount : 0
-          })]
-        })]
+      }), name.toLowerCase() === "phrases" && /*#__PURE__*/_jsx(IconButton, {
+        sx: {
+          mr: useCase === "assignment-select" ? 2 : 0
+        },
+        children: phraseListsOpen ? /*#__PURE__*/_jsx(ExpandLessIcon, {}) : /*#__PURE__*/_jsx(ExpandMoreIcon, {})
       })]
+    }), name.toLowerCase() === "phrases" && /*#__PURE__*/_jsx(Collapse, {
+      in: phraseListsOpen,
+      timeout: "auto",
+      unmountOnExit: true,
+      children: /*#__PURE__*/_jsx(Box, {
+        ml: {
+          sm: 0,
+          md: 7
+        },
+        children: /*#__PURE__*/_jsx(AssignmentPhraseListSelection, {
+          t: t,
+          phraseLists: phraseLists,
+          courseSectionTopicId: courseSectionTopicId,
+          assignment: assignment,
+          useCase: useCase,
+          selectedExercises: selectedExercises,
+          handleSelectExercise: handleSelectExercise,
+          handleRemoveExercise: handleRemoveExercise,
+          isPreview: isPreview,
+          viewOnly: viewOnly,
+          progressHelpers: progressHelpers,
+          completionHelpers: completionHelpers,
+          username: username,
+          preferred_username: preferred_username,
+          isCreator: isCreator
+        })
+      })
     }), name.toLowerCase() === "roleplays" && /*#__PURE__*/_jsx(Collapse, {
       in: roleplaysOpen,
       timeout: "auto",
@@ -323,6 +295,7 @@ function ExerciseList({
   handleStartExercise,
   isCreator,
   progressHelpers,
+  completionHelpers,
   memberCourseCompletions,
   username,
   preferred_username,
@@ -330,6 +303,7 @@ function ExerciseList({
   completion,
   handleRemoveExercise,
   isPreview,
+  phraseLists,
   ...otherProps
 }) {
   const courseSectionTopicId = `${courseId}|${sectionId}|${topicId}`;
@@ -362,11 +336,13 @@ function ExerciseList({
         username: username,
         preferred_username: preferred_username,
         progressHelpers: progressHelpers,
+        completionHelpers: completionHelpers,
         memberCourseCompletions: memberCourseCompletions,
         lastClickedExerciseId: lastClickedExerciseId,
         completion: completion,
         handleRemoveExercise: handleRemoveExercise,
         isPreview: isPreview,
+        phraseLists: phraseLists,
         ...otherProps
       }, keyId);
     })
@@ -398,12 +374,11 @@ function Topic({
   username,
   preferred_username,
   progressHelpers,
+  completionHelpers,
   memberCourseCompletions,
   lastClickedExerciseId,
   completion,
   viewOnly,
-  getRoleplays,
-  getBots,
   handleRemoveExercise,
   isPreview,
   isChallengeModeStudent,
@@ -413,6 +388,17 @@ function Topic({
   const isLargeScreen = useMediaQuery(theme.breakpoints.up("sm"));
   const topicRef = useRef(null);
   const numOfIds = lastClickedExerciseId ? lastClickedExerciseId.split("|") : [];
+  const phraseListsQuery = courseQuerys.useCourseSectionTopicPhraseLists(undefined, {
+    courseId,
+    sectionId,
+    topicId,
+    filters: {
+      returnvalues: "phrases"
+    }
+  }, {
+    enabled: !!courseId && !!sectionId && !!topicId
+  });
+  const phraseLists = phraseListsQuery.isSuccess && phraseListsQuery.data && Array.isArray(phraseListsQuery.data.Items) ? phraseListsQuery.data.Items.filter(pl => pl.phrases && pl.phrases.length > 0) : [];
 
   // Define a single variable for clarity
   const matchesLastClickedExercise = lastClickedExerciseId && (numOfIds.length === 4 && lastClickedExerciseId.endsWith(`|${assignment.assignmentId}`) && numOfIds[2] === topicId || numOfIds.length === 5 && numOfIds[3] === assignment.assignmentId && numOfIds[2] === topicId);
@@ -431,22 +417,13 @@ function Topic({
       });
     }
   }, [matchesLastClickedExercise, topicRef]);
-  const currentTopic = (section?.topics || []).find(t => t.topicId === topicId) || {};
-  const hidden = new Set((currentTopic.hiddenExercises || []).map(x => String(x).toLowerCase()));
-  const baseRegular = [{
-    name: "translation",
-    description: "translation_exercise_desc"
-  }, {
-    name: "listening",
-    description: "listening_exercise_desc"
-  }, {
-    name: "pronunciation",
-    description: "pronunciation_exercise_desc"
-  }].filter(e => !hidden.has(e.name));
   let exercises;
   switch (useCase) {
     case "assignment-select":
-      exercises = [...baseRegular, {
+      exercises = [{
+        name: "phrases",
+        description: "phrases_exercise_desc"
+      }, {
         name: "roleplays",
         description: "roleplay_exercise_desc"
       }, {
@@ -455,23 +432,28 @@ function Topic({
       }];
       break;
     case "assignment-view":
-      exercises = [...baseRegular, {
+      exercises = [{
+        name: "phrases",
+        description: "phrases_exercise_desc"
+      }, {
         name: "roleplays",
         description: "roleplay_exercise_desc"
       }, {
         name: "bots",
         description: "chatbot_exercise_desc"
-      }].filter(exercise => selectedExercises?.some(e => e.name === exercise.name || exercise.name === "roleplays" && e.roleplayId || exercise.name === "bots" && e.botId));
+      }].filter(exercise => selectedExercises?.some(e => e.name === exercise.name || exercise.name === "roleplays" && e.roleplayId || exercise.name === "bots" && e.botId || exercise.name === "phrases" && e.phraseListId));
       break;
     case "assignment-start":
-      exercises = [...baseRegular, {
+      exercises = [{
+        name: "phrases",
+        description: "phrases_exercise_desc"
+      }, {
         name: "roleplays",
         description: "roleplay_exercise_desc"
       }, {
         name: "bots",
         description: "chatbot_exercise_desc"
-      }].filter(exercise => selectedExercises?.some(e => e.name === exercise.name || exercise.name === "roleplays" && e.roleplayId || exercise.name === "bots" && e.botId));
-      exercises = exercises.filter(ex => !["translation", "listening", "pronunciation"].includes(ex.name) || !hidden.has(ex.name));
+      }].filter(exercise => selectedExercises?.some(e => e.name === exercise.name || exercise.name === "roleplays" && e.roleplayId || exercise.name === "bots" && e.botId || exercise.name === "phrases" && e.phraseListId));
       break;
     default:
       exercises = [];
@@ -488,17 +470,21 @@ function Topic({
       games = ["roleplay-story", "roleplay-fill-in-the-blanks", "roleplay-act-it-out", "roleplay-act-it-out-listening", "roleplay-act-it-out-speaking", "roleplay-act-it-out-listening-speaking"];
   }
   useEffect(() => {
-    const expectedRegularCount = exercises?.filter(e => e.name !== "roleplays" && !selectedExercises?.some(sel => sel.name === e.name && sel.courseSectionTopicId === `${courseId}|${sectionId}|${topicId}`)).length || 0;
     const expectedRoleplayCount = roleplays?.length * games?.length || 0;
     const expectedBotCount = bots?.length || 0;
-    const totalExpected = (exercises?.filter(e => e.name !== "roleplays").length || 0) + expectedRoleplayCount + expectedBotCount;
-    const regularNames = new Set(baseRegular.map(e => e.name));
-    const selectedRegular = selectedExercises?.filter(e => e.courseSectionTopicId === courseSectionTopicId && !e.roleplayId && !e.botId && regularNames.has(e.name)).length || 0;
+    const expectedPhraseListCount = phraseLists?.reduce((total, pl) => {
+      const hasDefinitions = pl.phrases?.some(p => p.definitions?.length > 0);
+      const hidden = new Set(Object.entries(pl.hiddenPhraseGroupGames || {}).filter(([, v]) => v).map(([k]) => String(k).toLowerCase()));
+      const plGames = ["translation", "listening", "pronunciation", ...(hasDefinitions ? ["meaning"] : [])].filter(g => !hidden.has(g));
+      return total + plGames.length;
+    }, 0) || 0;
+    const totalExpected = expectedRoleplayCount + expectedBotCount + expectedPhraseListCount;
     const selectedRoleplays = selectedExercises?.filter(exercise => exercise.roleplayId && roleplays?.some(roleplay => roleplay.roleplayId === exercise.roleplayId)).length || 0;
     const selectedBots = selectedExercises?.filter(exercise => exercise.botId && bots?.some(bot => bot.botId === exercise.botId)).length || 0;
-    const totalSelected = selectedRegular + selectedRoleplays + selectedBots;
+    const selectedPhraseLists = selectedExercises?.filter(exercise => exercise.phraseListId && phraseLists?.some(pl => pl.phraseListId === exercise.phraseListId)).length || 0;
+    const totalSelected = selectedRoleplays + selectedBots + selectedPhraseLists;
     setIsWholeTopicSelected(totalSelected === totalExpected);
-  }, [selectedExercises, exercises, roleplays, bots, courseId, sectionId, topicId, games]);
+  }, [selectedExercises, exercises, roleplays, bots, phraseLists, courseId, sectionId, topicId, games]);
   const handleSelectAll = () => {
     const isAllSelected = selectedCount === totalCount;
     if (isAllSelected) {
@@ -506,14 +492,6 @@ function Topic({
       handleSelectExercise(removeExercises);
     } else {
       let exercisesToAdd = [];
-      baseRegular.forEach(exercise => {
-        if (!selectedExercises?.some(e => e.courseSectionTopicId === courseSectionTopicId && e.name === exercise.name)) {
-          exercisesToAdd.push({
-            courseSectionTopicId,
-            name: exercise.name
-          });
-        }
-      });
       roleplays.forEach(roleplay => {
         games.forEach(name => {
           if (!selectedExercises?.some(e => e.roleplayId === roleplay.roleplayId && e.name === name)) {
@@ -534,6 +512,20 @@ function Topic({
           });
         }
       });
+      phraseLists?.forEach(pl => {
+        const hasDefinitions = pl.phrases?.some(p => p.definitions?.length > 0);
+        const hidden = new Set(Object.entries(pl.hiddenPhraseGroupGames || {}).filter(([, v]) => v).map(([k]) => String(k).toLowerCase()));
+        const plGames = ["translation", "listening", "pronunciation", ...(hasDefinitions ? ["meaning"] : [])].filter(g => !hidden.has(g));
+        plGames.forEach(gameName => {
+          if (!selectedExercises?.some(e => e.phraseListId === pl.phraseListId && e.name === gameName)) {
+            exercisesToAdd.push({
+              phraseListId: pl.phraseListId,
+              name: gameName,
+              courseSectionTopicId: courseSectionTopicId
+            });
+          }
+        });
+      });
       handleSelectExercise(exercisesToAdd);
     }
   };
@@ -542,14 +534,19 @@ function Topic({
   };
   const hasNonEmptyRoleplay = roleplays?.some(roleplay => roleplay?.script?.length !== 0 && roleplay?.script?.some(line => line.text !== undefined));
   const courseSectionTopicId = `${courseId}|${sectionId}|${topicId}`;
-  const selectedRegular = selectedExercises?.filter(e => e.courseSectionTopicId === courseSectionTopicId && !e.roleplayId && !e.botId && e.name !== "roleplays" && e.name !== "bots").length || 0;
   const selectedRoleplays = selectedExercises?.filter(e => e.courseSectionTopicId === courseSectionTopicId && e.roleplayId).length || 0;
   const selectedBots = selectedExercises?.filter(e => e.courseSectionTopicId === courseSectionTopicId && e.botId).length || 0;
-  const selectedCount = selectedRegular + selectedRoleplays + selectedBots;
-  const totalRegular = baseRegular.length;
+  const selectedPhraseLists = selectedExercises?.filter(e => e.courseSectionTopicId === courseSectionTopicId && e.phraseListId).length || 0;
+  const selectedCount = selectedRoleplays + selectedBots + selectedPhraseLists;
   const totalRoleplays = (roleplays?.length || 0) * (games?.length || 0);
   const totalBots = bots?.length || 0;
-  const totalCount = totalRegular + totalRoleplays + totalBots;
+  const totalPhraseLists = phraseLists?.reduce((total, pl) => {
+    const hasDefinitions = pl.phrases?.some(p => p.definitions?.length > 0);
+    const hidden = new Set(Object.entries(pl.hiddenPhraseGroupGames || {}).filter(([, v]) => v).map(([k]) => String(k).toLowerCase()));
+    const plGames = ["translation", "listening", "pronunciation", ...(hasDefinitions ? ["meaning"] : [])].filter(g => !hidden.has(g));
+    return total + plGames.length;
+  }, 0) || 0;
+  const totalCount = totalRoleplays + totalBots + totalPhraseLists;
   const isTopicDisabled = phrases.length === 0 && !hasNonEmptyRoleplay || isExerciseSelected;
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsxs(Tooltip, {
@@ -654,7 +651,7 @@ function Topic({
           children: isExerciseListOpen ? /*#__PURE__*/_jsx(ExpandLessIcon, {}) : /*#__PURE__*/_jsx(ExpandMoreIcon, {})
         }), useCase === "assignment-select" && /*#__PURE__*/_jsx(ListItemIcon, {
           children: /*#__PURE__*/_jsx(Checkbox, {
-            checked: selectedCount === totalCount,
+            checked: !isTopicDisabled && selectedCount === totalCount,
             indeterminate: selectedCount > 0 && selectedCount < totalCount,
             onClick: event => {
               event.stopPropagation();
@@ -703,6 +700,7 @@ function Topic({
           username: username,
           preferred_username: preferred_username,
           progressHelpers: progressHelpers,
+          completionHelpers: completionHelpers,
           memberCourseCompletions: memberCourseCompletions,
           lastClickedExerciseId: lastClickedExerciseId,
           bots: bots,
@@ -710,7 +708,8 @@ function Topic({
           completion: completion,
           handleRemoveExercise: handleRemoveExercise,
           isPreview: isPreview,
-          isChallengeModeStudent: isChallengeModeStudent
+          isChallengeModeStudent: isChallengeModeStudent,
+          phraseLists: phraseLists
         })
       })]
     })
@@ -738,6 +737,7 @@ function Section({
   username,
   preferred_username,
   progressHelpers,
+  completionHelpers,
   memberCourseCompletions,
   lastClickedExerciseId,
   completion,
@@ -820,6 +820,7 @@ function Section({
         username: username,
         preferred_username: preferred_username,
         progressHelpers: progressHelpers,
+        completionHelpers: completionHelpers,
         handleRemoveExercise: handleRemoveExercise,
         isPreview: isPreview,
         memberCourseCompletions: memberCourseCompletions,
@@ -851,6 +852,7 @@ function Section({
         username: username,
         preferred_username: preferred_username,
         progressHelpers: progressHelpers,
+        completionHelpers: completionHelpers,
         memberCourseCompletions: memberCourseCompletions,
         isChallengeModeStudent: isChallengeModeStudent
       }, `${sectionId}-${topic.topicId}`))
@@ -877,6 +879,7 @@ function SectionList({
   username,
   preferred_username,
   progressHelpers,
+  completionHelpers,
   memberCourseCompletions,
   lastClickedExerciseId,
   course,
@@ -917,6 +920,7 @@ function SectionList({
         username: username,
         preferred_username: preferred_username,
         progressHelpers: progressHelpers,
+        completionHelpers: completionHelpers,
         memberCourseCompletions: memberCourseCompletions,
         lastClickedExerciseId: lastClickedExerciseId,
         course: course,
@@ -954,6 +958,7 @@ function AssignmentExerciseSelection({
   username,
   preferred_username,
   progressHelpers,
+  completionHelpers,
   memberCourseCompletions,
   lastClickedExerciseId,
   course,
@@ -984,6 +989,7 @@ function AssignmentExerciseSelection({
         username: username,
         preferred_username: preferred_username,
         progressHelpers: progressHelpers,
+        completionHelpers: completionHelpers,
         memberCourseCompletions: memberCourseCompletions,
         lastClickedExerciseId: lastClickedExerciseId,
         course: course,
@@ -1015,6 +1021,7 @@ function AssignmentExerciseSelection({
       username: username,
       preferred_username: preferred_username,
       progressHelpers: progressHelpers,
+      completionHelpers: completionHelpers,
       memberCourseCompletions: memberCourseCompletions,
       lastClickedExerciseId: lastClickedExerciseId,
       course: course,

package/dist/Assignments/AssignmentExerciseSelector/AssignmentExerciseSelector.js

@@ -16,6 +16,7 @@ function AssignmentExerciseSelector({
   useCase,
   preferred_username,
   progressHelpers,
+  completionHelpers,
   memberCourseCompletions,
   lastClickedExerciseId,
   handleRemoveExercise,
@@ -38,6 +39,7 @@ function AssignmentExerciseSelector({
       useCase: useCase,
       preferred_username: preferred_username,
       progressHelpers: progressHelpers,
+      completionHelpers: completionHelpers,
       memberCourseCompletions: memberCourseCompletions,
       lastClickedExerciseId: lastClickedExerciseId,
       handleRemoveExercise: handleRemoveExercise,