@nualang/nualang-ui-components 0.1.1297 → 0.1.1298

package/dist/Lists/Exercises/Exercises.js

@@ -1064,7 +1064,13 @@ function Exercises(props) {
       }
     });
   }
-  const [roleplaysArray, setRoleplaysArray] = useState(roleplays);
+  const [roleplaysArray, setRoleplaysArray] = useState([]);
+  useEffect(() => {
+    if (roleplays && Array.isArray(roleplays)) {
+      const sortedRoleplays = [...roleplays].sort((a, b) => a.idx - b.idx);
+      setRoleplaysArray(sortedRoleplays);
+    }
+  }, [JSON.stringify(roleplays)]);
   const onDropRoleplay = () => {
     updateRoleplays(roleplaysArray);
   };
@@ -1078,12 +1084,16 @@ function Exercises(props) {
     });
     setRoleplaysArray(newRoleplays);
   }, [roleplaysArray]);
-  const [botsArray, setBotsArray] = useState(() => {
-    if (!isChallengeModeStudent && !isCreator && !parentClassroom?.isCreator) {
-      return bots.filter(bot => !bot.isChallengeBot || bot.isChallengeBot === false);
+  const [botsArray, setBotsArray] = useState([]);
+  useEffect(() => {
+    if (bots && Array.isArray(bots)) {
+      let sortedBots = [...bots].sort((a, b) => a.idx - b.idx);
+      if (!isChallengeModeStudent && !isCreator && !parentClassroom?.isCreator) {
+        sortedBots = sortedBots.filter(bot => !bot.isChallengeBot || bot.isChallengeBot === false);
+      }
+      setBotsArray(sortedBots);
     }
-    return bots;
-  });
+  }, [JSON.stringify(bots), isChallengeModeStudent, isCreator, parentClassroom?.isCreator]);
   const onDropBot = () => {
     updateBots(botsArray);
   };
@@ -1338,7 +1348,7 @@ function Exercises(props) {
         })
       })]
     });
-    if (isMember && hiddenExercisesState.includes("pronunciation")) {
+    if (!parentClassroom?.isCreator && isMember && hiddenExercisesState.includes("pronunciation")) {
       return null;
     } else if (isLoading) {
       return PronunciationExercise;
@@ -1448,7 +1458,7 @@ function Exercises(props) {
         })
       })]
     });
-    if (isMember && hiddenExercisesState.includes("translation")) {
+    if (!parentClassroom?.isCreator && isMember && hiddenExercisesState.includes("translation")) {
       return null;
     } else if (isLoading) {
       return TranslationExercise;
@@ -1561,7 +1571,7 @@ function Exercises(props) {
         })
       })]
     });
-    if (isMember && hiddenExercisesState.includes("listening")) {
+    if (!parentClassroom?.isCreator && isMember && hiddenExercisesState.includes("listening")) {
       return null;
     } else if (isLoading) {
       return ListeningExercise;
@@ -1577,7 +1587,7 @@ function Exercises(props) {
     return ListeningExercise;
   };
   const renderRoleplaysExerciseItem = () => {
-    if (isMember && hiddenExercisesState.includes("roleplays")) return null;
+    if (!parentClassroom?.isCreator && isMember && hiddenExercisesState.includes("roleplays")) return null;
     return /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(ListItem, {
         disablePadding: true,
@@ -1663,6 +1673,7 @@ function Exercises(props) {
             handleUpdateRoleplay: handleUpdateRoleplay,
             classroomId: classroomId,
             assignment: assignmentId,
+            parentClassroom: parentClassroom,
             ...props
           }, roleplay.roleplayId)), isCreator ? /*#__PURE__*/_jsxs(ListItemButton, {
             "data-cy": "add-roleplay-exercise",
@@ -1684,7 +1695,7 @@ function Exercises(props) {
     });
   };
   const renderChatbotsExerciseItem = () => {
-    if (isMember && hiddenExercisesState.includes("chatbots")) return null;
+    if (!parentClassroom?.isCreator && isMember && hiddenExercisesState.includes("chatbots")) return null;
     return /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(ListItem, {
         disablePadding: true,

package/package.json

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