@nualang/nualang-ui-components 0.1.1372 → 0.1.1376

package/dist/Assignments/AssignmentExerciseSelection/AssignmentExerciseSelection.js

@@ -105,7 +105,8 @@ function Exercise({
   const noBots = name.toLowerCase() === "bots" && bots?.length === 0;
   const [botsOpen, setBotsOpen] = useState(noBots ? false : true);
   // Phrase lists aren't currently available to check during the first render so using the phrases instead
-  const [phraseListsOpen, setPhraseListsOpen] = useState(phrases && phrases.length > 0 ? true : false);
+  const noPhrases = name.toLowerCase() === "phrases" && phrases?.length === 0;
+  const [phraseListsOpen, setPhraseListsOpen] = useState(noPhrases ? false : true);
   const navigate = useNavigate();
   const params = useParams();
   const {

package/dist/Lists/CourseOutline/CourseOutline.js

@@ -1145,6 +1145,7 @@ function CourseOutline({
   isClassroomArchived = false,
   classroomId,
   isChallengeModeStudent = false,
+  isReadWriteModeStudent = false,
   ...otherProps
 }) {
   const [percentageCompletion, setPercentageCompletion] = useState({
@@ -1155,7 +1156,7 @@ function CourseOutline({
   const [sects, setSects] = useState([]);
   useEffect(() => {
     if (isMember) {
-      const sectionsWithProgress = calcCompletions(sections, completions, null, isChallengeModeStudent);
+      const sectionsWithProgress = calcCompletions(sections, completions, null, isChallengeModeStudent, isReadWriteModeStudent);
       const percentCompletion = calcPercentageCompletion(sectionsWithProgress);
       setSects(sectionsWithProgress);
       setPercentageCompletion(percentCompletion);
@@ -1167,7 +1168,7 @@ function CourseOutline({
         percentage: 0
       });
     }
-  }, [isMember, isChallengeModeStudent, JSON.stringify(sections), JSON.stringify(completions)]);
+  }, [isMember, isChallengeModeStudent, isReadWriteModeStudent, JSON.stringify(sections), JSON.stringify(completions)]);
   const moveSection = useCallback((dragIndex, hoverIndex) => {
     const dragSection = sects[dragIndex];
     const newSections = update(sects, {

package/dist/Screens/Classrooms/ViewClassroom/ViewClassroom.js

@@ -508,6 +508,7 @@ function Classroom({
   email,
   isLoadingAssignments,
   isChallengeModeStudent,
+  isReadWriteModeStudent,
   makeChatGptApiRequest,
   siteLanguage
 }) {
@@ -1000,7 +1001,8 @@ function Classroom({
         completionHelpers: completionHelpers,
         preferred_username: preferred_username,
         isLoadingAssignments: isLoadingAssignments,
-        isChallengeModeStudent: isChallengeModeStudent
+        isChallengeModeStudent: isChallengeModeStudent,
+        isReadWriteModeStudent: isReadWriteModeStudent
       })
     }, `tab-content-assignments`)
   }, ...(isVideoChatEnabled && isNualangLiveEnabled && (isMember && isVideoChatEnabledInSettings || isCreator) ? [{
@@ -1714,6 +1716,7 @@ export default function ViewClassroom({
   createdGame,
   isNualangLiveEnabled,
   isChallengeModeStudent,
+  isReadWriteModeStudent,
   handleCreateAssignment,
   handleEditAssignment,
   assignments,
@@ -1804,6 +1807,7 @@ export default function ViewClassroom({
         createdGame: createdGame,
         isNualangLiveEnabled: isNualangLiveEnabled,
         isChallengeModeStudent: isChallengeModeStudent,
+        isReadWriteModeStudent: isReadWriteModeStudent,
         handleCreateAssignment: handleCreateAssignment,
         handleEditAssignment: handleEditAssignment,
         assignments: assignments,

package/dist/Screens/Courses/ViewCourse/ViewCourse.js

@@ -324,6 +324,7 @@ function Course({
   loading,
   featureFlags,
   isChallengeModeStudent,
+  isReadWriteModeStudent,
   ...otherProps
 }) {
   const {
@@ -644,7 +645,8 @@ function Course({
             courseSettings: courseSettings,
             verificationStatus: verificationStatus,
             handleDeletePDF: handleDeleteSectionPDF,
-            isChallengeModeStudent: isChallengeModeStudent
+            isChallengeModeStudent: isChallengeModeStudent,
+            isReadWriteModeStudent: isReadWriteModeStudent
           })
         })
       }), !isLoading && !isSectionsLoading && sections.length === 0 && /*#__PURE__*/_jsx(SectionsNotFound, {
@@ -1010,6 +1012,8 @@ export default function ViewCourse({
   addCourseToClassroom,
   openSnackbar,
   handleDeleteCourseVideo,
+  isChallengeModeStudent,
+  isReadWriteModeStudent,
   ...otherProps
 }) {
   const {
@@ -1034,6 +1038,8 @@ export default function ViewCourse({
         addCourseToClassroom: addCourseToClassroom,
         openSnackbar: openSnackbar,
         isStudent: isStudent,
+        isChallengeModeStudent: isChallengeModeStudent,
+        isReadWriteModeStudent: isReadWriteModeStudent,
         ...otherProps
       })
     }), !isLoading && Object.keys(safeCourse).length === 0 && /*#__PURE__*/_jsx(CourseNotFound, {

package/dist/Screens/Courses/ViewCourse/ViewTopic/ViewTopic.js

@@ -100,7 +100,6 @@ const useStyles = makeStyles()(theme => ({
     position: "relative"
   }
 }));
-console.log("ViewTopic render");
 function OverflowMenu({
   t,
   topicId,
@@ -510,14 +509,14 @@ function Topic({
   const handleCloseViewPdf = () => setIsViewPdfOpen(false);
   const topicCompletion = useMemo(() => {
     if (isMember && topic?.topicId && topic?.completions?.length) {
-      return calcTopicCompletions(topic, topic.completions, false, null, isChallengeModeStudent).completion;
+      return calcTopicCompletions(topic, topic.completions, false, null, isChallengeModeStudent, isReadWriteModeStudent).completion;
     }
     return {
       completed: 0,
       total: 0,
       percentage: 0
     };
-  }, [isMember, topic?.topicId, topic?.completions?.length, isChallengeModeStudent]);
+  }, [isMember, topic?.topicId, topic?.completions?.length, isChallengeModeStudent, isReadWriteModeStudent]);
   const {
     percentage,
     completed,

package/dist/hooks/useClassroomState.js

@@ -17,6 +17,7 @@ export default function useClassroomState({
   const classroomMemberData = queryClient.getQueryData(classrooms.classroomKeys.itemMember(classroomId, username, memberId));
   const [isMember, setIsMember] = useState(classroomMemberData?.Item ? true : false);
   const [isChallengeModeStudent, setisChallengeModeStudent] = useState(classroomMemberData?.Item?.assignedLabels && classroomMemberData?.Item?.assignedLabels.isChallengeModeStudent === true);
+  const [isReadWriteModeStudent, setIsReadWriteModeStudent] = useState(classroomMemberData?.Item?.assignedLabels && classroomMemberData?.Item?.assignedLabels.isReadWriteModeStudent === true);
   let filters = {
     limit: config.limits.classroomMembers
   };
@@ -38,14 +39,17 @@ export default function useClassroomState({
     if (memberQuery.isSuccess) {
       const isClassroomMember = memberQuery.data && memberQuery.data.Item ? true : false;
       const isChallengeModeStudent = memberQuery.data?.Item?.assignedLabels && memberQuery.data?.Item?.assignedLabels.isChallengeModeStudent === true;
+      const isReadWriteModeStudent = memberQuery.data?.Item?.assignedLabels && memberQuery.data?.Item?.assignedLabels.isReadWriteModeStudent === true;
       setIsMember(isClassroomMember);
       setisChallengeModeStudent(isChallengeModeStudent);
+      setIsReadWriteModeStudent(isReadWriteModeStudent);
     }
   }, [memberQuery.data, memberQuery.isSuccess, memberId]);
   return {
     isMember,
     membersQuery,
     memberQuery,
-    isChallengeModeStudent
+    isChallengeModeStudent,
+    isReadWriteModeStudent
   };
 }

package/dist/utils/index.js

@@ -126,7 +126,7 @@ export const getScoreValues = (type, id, completions) => {
     }, avgPronunciationScore];
   }
 };
-export const calcTopicCompletions = (topic, completions = [], isSectionHidden, assignmentExercises, includeChallengeBots = false) => {
+export const calcTopicCompletions = (topic, completions = [], isSectionHidden, assignmentExercises, includeChallengeBots = false, isReadWriteModeStudent = false) => {
   let isRoleplaysHidden;
   let isPronunciationHidden;
   let isBotsHidden;
@@ -212,7 +212,16 @@ export const calcTopicCompletions = (topic, completions = [], isSectionHidden, a
     let numberOfCompletedRoleplayExercises = 0;
 
     // Define all possible roleplay exercises and their config
-    const roleplayExercises = [{
+    const roleplayExercises = isReadWriteModeStudent ? [{
+      name: "roleplay-story",
+      hiddenKey: null
+    }, {
+      name: "roleplay-fill-in-the-blanks",
+      hiddenKey: "isFillInTheBlanksHidden"
+    }, {
+      name: "roleplay-act-it-out",
+      hiddenKey: "isActItOutHidden"
+    }] : [{
       name: "roleplay-story",
       hiddenKey: null
     }, {
@@ -330,9 +339,9 @@ export const calcTopicCompletions = (topic, completions = [], isSectionHidden, a
     }
   };
 };
-export const calcCompletions = (sections = [], completions = [], assignmentExercises, includeChallengeBots = false) => sections.map(section => {
+export const calcCompletions = (sections = [], completions = [], assignmentExercises, includeChallengeBots = false, isReadWriteModeStudent = false) => sections.map(section => {
   const topics = section.topics.map(topic => {
-    return calcTopicCompletions(topic, completions, section.isHidden, assignmentExercises?.filter(e => e.courseSectionTopicId === `${topic.courseSectionId}|${topic.topicId}`), includeChallengeBots);
+    return calcTopicCompletions(topic, completions, section.isHidden, assignmentExercises?.filter(e => e.courseSectionTopicId === `${topic.courseSectionId}|${topic.topicId}`), includeChallengeBots, isReadWriteModeStudent);
   });
   const sectionExerciseCount = topics.reduce((currentValue, topic) => topic.completion.total + currentValue, 0);
   const sectionCompletedExerciseCount = topics.reduce((currentValue, topic) => topic.completion.completed + currentValue, 0);

package/package.json

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