@nualang/nualang-ui-components 0.1.1359 → 0.1.1360

package/dist/Lists/ExerciseSelection/ExerciseSelection.js

@@ -32,9 +32,17 @@ function Exercise({
   const noRoleplays = name.toLowerCase() === "roleplays" && roleplays.length === 0;
   const noPhrases = name.toLowerCase() === "phrases" && !phrases?.length && !getPhraseLists;
   const [roleplaysOpen, setRoleplaysOpen] = useState(noRoleplays ? false : true);
-  const [phraseListsOpen, setPhraseListsOpen] = useState(false);
+  const [phraseListsOpen, setPhraseListsOpen] = useState(noPhrases ? false : true);
+  const [hasPhraseListsAvailable, setHasPhraseListsAvailable] = useState(true);
+  const handlePhraseListsLoaded = count => {
+    if (count === 0) {
+      setHasPhraseListsAvailable(false);
+      setPhraseListsOpen(false);
+    }
+  };
+  const noPhraseListsAvailable = name.toLowerCase() === "phrases" && !hasPhraseListsAvailable;
   return /*#__PURE__*/_jsxs(Tooltip, {
-    title: (name === "roleplays" && noRoleplays ? t("topic_no_roleplays") : "") || (name === "phrases" && noPhrases ? t("topic_no_phrases") : ""),
+    title: (name === "roleplays" && noRoleplays ? t("topic_no_roleplays") : "") || (name === "phrases" && noPhrases ? t("topic_no_phrases") : "") || (noPhraseListsAvailable ? t("no_phrase_lists") : ""),
     children: [/*#__PURE__*/_jsxs(ListItemButton, {
       onClick: () => {
         if (name.toLowerCase() === "roleplays") {
@@ -46,7 +54,7 @@ function Exercise({
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
-      disabled: isExerciseSelected || noRoleplays || noPhrases,
+      disabled: isExerciseSelected || noRoleplays || noPhrases || noPhraseListsAvailable,
       sx: theme => ({
         [theme.breakpoints.up("sm")]: {
           ml: 3.5
@@ -83,7 +91,8 @@ function Exercise({
           t: t,
           isExerciseSelected: isExerciseSelected,
           setIsExerciseSelected: setIsExerciseSelected,
-          isExpanded: phraseListsOpen
+          isExpanded: phraseListsOpen,
+          onPhraseListsLoaded: handlePhraseListsLoaded
         })
       })
     }), name.toLowerCase() === "roleplays" && /*#__PURE__*/_jsx(Collapse, {

package/dist/Lists/PhraseListSelection/PhraseListSelection.js

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { Box, Button, ListItemText, ListItemButton, Avatar, ListItemIcon, Collapse, CircularProgress, Typography } from "@mui/material";
 import PlayCircleOutlineIcon from "@mui/icons-material/PlayCircleOutline";
 import HearingIcon from "@mui/icons-material/Hearing";
@@ -23,6 +23,7 @@ function PhraseList({
   const isTranslationHidden = phraseList?.hiddenPhraseGroupGames?.translation;
   const isListeningHidden = phraseList?.hiddenPhraseGroupGames?.listening;
   const isMeaningHidden = phraseList?.hiddenPhraseGroupGames?.meaning;
+  const hasDefinitions = phraseList?.phrases?.some(p => p.definitions?.length > 0);
   const hasSelectableGame = !isTranslationHidden || !isListeningHidden || !isMeaningHidden;
   if (!hasSelectableGame) return null;
   const handleGameSelected = exercise => () => {
@@ -115,7 +116,7 @@ function PhraseList({
           })]
         }), !isMeaningHidden && /*#__PURE__*/_jsxs(ListItemButton, {
           onClick: handleGameSelected("meaning"),
-          disabled: isPhraseListSelected || isExerciseSelected,
+          disabled: isPhraseListSelected || isExerciseSelected || !hasDefinitions,
           children: [/*#__PURE__*/_jsx(ListItemIcon, {
             children: /*#__PURE__*/_jsx(ExtensionIcon, {})
           }), /*#__PURE__*/_jsx(ListItemText, {
@@ -141,7 +142,8 @@ function PhraseListSelection({
   t,
   isExerciseSelected,
   isExpanded,
-  setIsExerciseSelected
+  setIsExerciseSelected,
+  onPhraseListsLoaded
 }) {
   const [isPhraseListSelected, setIsPhraseListSelected] = useState(false);
   const phraseListsQuery = courseQuerys.useCourseSectionTopicPhraseLists(async (cId, sId, tId, filters) => getPhraseLists(cId, sId, tId, filters), {
@@ -156,6 +158,11 @@ function PhraseListSelection({
     enabled: !!courseId && !!sectionId && !!topicId && isExpanded
   });
   const phraseLists = phraseListsQuery.isSuccess && Array.isArray(phraseListsQuery.data?.Items) ? phraseListsQuery.data.Items : [];
+  useEffect(() => {
+    if (phraseListsQuery.isSuccess && onPhraseListsLoaded) {
+      onPhraseListsLoaded(phraseLists.length);
+    }
+  }, [phraseListsQuery.isSuccess, phraseLists.length]);
   if (phraseListsQuery.isError) {
     return /*#__PURE__*/_jsxs(Box, {
       px: 2,

package/dist/Live/LiveMeaning/LiveMeaning.js

@@ -113,10 +113,7 @@ function LiveMeaning({
     if (isCreator && currentQuestion && definitionText !== "") {
       speak(definitionText, voice, false, "#currentDefinition", voiceLanguageCode, false, voicePitch, () => setIsFinishedInitialSpeaking(true));
     }
-    return () => {
-      // Cleanup: cancel/stop any in-flight speak
-    };
-  }, [speak, definitionText, voice, voiceLanguageCode, voicePitch, currentQuestion?.phrase, isCreator]);
+  }, [currentQuestion?.phrase, isCreator]);
   const voiceMap = getVoiceImages(voices || []);
   const getVoiceImage = () => {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1359",
+  "version": "0.1.1360",
   "type": "module",
   "main": "dist/index.js",
   "files": [