@nualang/nualang-ui-components 0.1.1290 → 0.1.1291

package/dist/Assignments/AssignmentBotSelection/AssignmentBotSelection.js

@@ -1,9 +1,11 @@
-import { useState, useEffect } from "react";
-import { Box, ListItemText, ListItemButton, Avatar, Checkbox, ListItemIcon, Badge, IconButton } from "@mui/material";
+import { useState, useEffect, Fragment } from "react";
+import { Box, ListItemText, ListItemButton, Avatar, Checkbox, ListItemIcon, Badge, IconButton, Chip, Typography } from "@mui/material";
 import ClearIcon from "@mui/icons-material/Clear";
 import { Done, Timelapse } from "@mui/icons-material";
 import { useNavigate, useParams } from "react-router-dom";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Tooltip, { tooltipClasses } from "@mui/material/Tooltip";
+import { styled } from "@mui/material/styles";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const sxGreenColor = theme => ({
   color: theme.palette.success ? theme.palette.success.dark : ""
 });
@@ -44,7 +46,8 @@ function Bot({
   topicProgress,
   isCreator,
   handleRemoveExercise,
-  isPreview
+  isPreview,
+  isCreateMode
 }) {
   const navigate = useNavigate();
   const params = useParams();
@@ -90,6 +93,53 @@ function Bot({
     const progress = topicProgress?.filter(progress => progress.botId === bot.botId && progress.existingMessages && progress.existingMessages !== null);
     return progress?.length || 0;
   };
+  const ChallengeModeHtmlTooltip = styled(({
+    className,
+    ...props
+  }) => /*#__PURE__*/_jsx(Tooltip, {
+    ...props,
+    classes: {
+      popper: className
+    },
+    title: /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        style: {
+          fontWeight: "bold",
+          marginBottom: "8px"
+        },
+        children: t("challenge_bot")
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          marginBottom: "8px"
+        },
+        children: t("challenge_bot_desc")
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          fontSize: "12px"
+        },
+        children: t("freely_changed")
+      })]
+    })
+  }))(({
+    theme
+  }) => ({
+    [`& .${tooltipClasses.tooltip}`]: {
+      padding: theme.spacing(2),
+      backgroundColor: theme.palette.background.paper,
+      color: theme.palette.text.primary,
+      fontSize: theme.typography.pxToRem(12),
+      border: `1px solid ${theme.palette.divider}`
+    },
+    [`& ul`]: {
+      listStyleType: "disc",
+      paddingLeft: theme.spacing(2),
+      margin: 0
+    },
+    [`& li`]: {
+      display: "list-item",
+      marginBottom: theme.spacing(0.5)
+    }
+  }));
   return /*#__PURE__*/_jsx("div", {
     children: /*#__PURE__*/_jsx("div", {
       children: /*#__PURE__*/_jsxs(ListItemButton, {
@@ -120,11 +170,40 @@ function Bot({
           children: [/*#__PURE__*/_jsx(Avatar, {
             src: bot.picture
           }), /*#__PURE__*/_jsx(ListItemText, {
-            primary: bot.botName,
-            secondary: bot.description,
             sx: {
               marginLeft: 2
-            }
+            },
+            primary: /*#__PURE__*/_jsxs(Box, {
+              display: "flex",
+              alignItems: "center",
+              gap: 1,
+              children: [/*#__PURE__*/_jsx(Typography, {
+                variant: "body1",
+                children: bot.botName
+              }), bot?.isChallengeBot && /*#__PURE__*/_jsx(_Fragment, {
+                children: isCreator || isCreateMode ? /*#__PURE__*/_jsx(ChallengeModeHtmlTooltip, {
+                  placement: "right",
+                  children: /*#__PURE__*/_jsx(Chip, {
+                    label: t("challenge_bot"),
+                    size: "small",
+                    variant: "outlined",
+                    color: "primary",
+                    sx: {
+                      fontWeight: "normal"
+                    }
+                  })
+                }) : /*#__PURE__*/_jsx(Chip, {
+                  label: t("challenge_bot"),
+                  size: "small",
+                  variant: "outlined",
+                  color: "primary",
+                  sx: {
+                    fontWeight: "normal"
+                  }
+                })
+              })]
+            }),
+            secondary: bot.description
           })]
         }), useCase === "assignment-select" && /*#__PURE__*/_jsx(Checkbox, {
           sx: {
@@ -174,9 +253,18 @@ function AssignmentBotSelection({
   memberCourseCompletions,
   topicProgress,
   handleRemoveExercise,
-  isPreview
+  isPreview,
+  isChallengeModeStudent,
+  isCreator
 }) {
-  const filteredBots = useCase === "assignment-view" ? bots.filter(bot => selectedExercises.some(ex => ex.botId === bot.botId && ex.courseSectionTopicId === courseSectionTopicId)) : bots;
+  const isCreateMode = location.pathname.includes("/assignments/create");
+  const visibleBots = bots.filter(bot => {
+    if (bot.isChallengeBot) {
+      return isCreateMode || isCreator || isChallengeModeStudent;
+    }
+    return true;
+  });
+  const filteredBots = useCase === "assignment-view" || useCase === "assignment-start" ? visibleBots.filter(bot => selectedExercises.some(ex => ex.botId === bot.botId && ex.courseSectionTopicId === courseSectionTopicId)) : visibleBots;
   return filteredBots.map((bot, index) => /*#__PURE__*/_jsx(Bot, {
     bot: bot,
     courseSectionTopicId: courseSectionTopicId,
@@ -190,7 +278,10 @@ function AssignmentBotSelection({
     memberCourseCompletions: memberCourseCompletions,
     topicProgress: topicProgress,
     handleRemoveExercise: handleRemoveExercise,
-    isPreview: isPreview
+    isPreview: isPreview,
+    isChallengeModeStudent: isChallengeModeStudent,
+    isCreator: isCreator,
+    isCreateMode: isCreateMode
   }, index));
 }
 export default AssignmentBotSelection;

package/dist/Assignments/AssignmentCard/AssignmentCard.js

@@ -27,7 +27,8 @@ export default function AssignmentCard({
   lastClickedExerciseId,
   handleViewProgress,
   lastAssignmentFetch,
-  assignedStudents = []
+  assignedStudents = [],
+  isChallengeModeStudent
 }) {
   const [confirm] = useConfirm(t);
   const {
@@ -203,7 +204,8 @@ export default function AssignmentCard({
                 preferred_username: preferred_username,
                 progressHelpers: progressHelpers,
                 memberCourseCompletions: memberCourseCompletions,
-                lastClickedExerciseId: lastClickedExerciseId
+                lastClickedExerciseId: lastClickedExerciseId,
+                isChallengeModeStudent: isChallengeModeStudent
               })
             })]
           }), /*#__PURE__*/_jsx(Grid, {

package/dist/Assignments/AssignmentCardsList/AssignmentCardsList.js

@@ -25,7 +25,8 @@ const AssignmentCardsList = ({
   handleViewProgress,
   lastAssignmentFetch,
   assignmentMembersById = {},
-  isLoadingAssignments
+  isLoadingAssignments,
+  isChallengeModeStudent
 }) => {
   const [lastClickedExerciseId, setLastClickedExerciseId] = useState(null);
   useEffect(() => {
@@ -222,7 +223,7 @@ const AssignmentCardsList = ({
       }
       if (!assignment.scheduleDate) return true;
       return new Date(assignment.scheduleDate) <= new Date();
-    }).map((assignment, index) => /*#__PURE__*/_jsx(AssignmentCard, {
+    }).sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)).map((assignment, index) => /*#__PURE__*/_jsx(AssignmentCard, {
       index: index,
       lastAssignmentFetch: lastAssignmentFetch,
       assignment: assignment,
@@ -240,7 +241,8 @@ const AssignmentCardsList = ({
       preferred_username: preferred_username,
       memberId: memberId,
       handleViewProgress: handleViewProgress,
-      assignedStudents: assignmentMembersById[assignment.assignmentId] || []
+      assignedStudents: assignmentMembersById[assignment.assignmentId] || [],
+      isChallengeModeStudent: isChallengeModeStudent
     }, assignment.assignmentId))]
   });
 };

package/dist/Assignments/AssignmentCourseSelection/AssignmentCourseSelection.js

@@ -30,7 +30,8 @@ function Course({
   memberCourseCompletions,
   lastClickedExerciseId,
   handleRemoveExercise,
-  isPreview
+  isPreview,
+  isChallengeModeStudent
 }) {
   const numOfIds = lastClickedExerciseId ? lastClickedExerciseId.split("|") : [];
   const [open, setOpen] = useState(lastClickedExerciseId && (numOfIds.length === 4 && lastClickedExerciseId.endsWith(`|${assignment.assignmentId}`) || numOfIds.length === 5 && lastClickedExerciseId.split("|")[3] === assignment.assignmentId));
@@ -166,7 +167,8 @@ function Course({
             preferred_username: preferred_username,
             progressHelpers: progressHelpers,
             memberCourseCompletions: memberCourseCompletions,
-            lastClickedExerciseId: lastClickedExerciseId
+            lastClickedExerciseId: lastClickedExerciseId,
+            isChallengeModeStudent: isChallengeModeStudent
           })
         })
       })]
@@ -195,7 +197,8 @@ function Course({
         lastClickedExerciseId: lastClickedExerciseId,
         course: course,
         handleRemoveExercise: handleRemoveExercise,
-        isPreview: isPreview
+        isPreview: isPreview,
+        isChallengeModeStudent: isChallengeModeStudent
       })
     })
   });
@@ -222,6 +225,7 @@ function AssignmentCourseSelection({
   lastClickedExerciseId,
   handleRemoveExercise,
   isPreview,
+  isChallengeModeStudent,
   ...otherProps
 }) {
   return /*#__PURE__*/_jsx("div", {
@@ -247,7 +251,8 @@ function AssignmentCourseSelection({
       progressHelpers: progressHelpers,
       lastClickedExerciseId: lastClickedExerciseId,
       handleRemoveExercise: handleRemoveExercise,
-      isPreview: isPreview
+      isPreview: isPreview,
+      isChallengeModeStudent: isChallengeModeStudent
     }, course.courseId || index))
   });
 }

package/dist/Assignments/AssignmentExerciseSelection/AssignmentExerciseSelection.js

@@ -48,7 +48,8 @@ function Exercise({
   completion,
   lastClickedExerciseId,
   isPreview,
-  handleRemoveExercise = null
+  handleRemoveExercise = null,
+  isChallengeModeStudent
 }) {
   const [listeningHidden, setListeningHidden] = useState(false);
   const [translationHidden, setTranslationHidden] = useState(false);
@@ -288,7 +289,8 @@ function Exercise({
           isCreator: isCreator,
           lastClickedExerciseId: lastClickedExerciseId,
           handleRemoveExercise: handleRemoveExercise,
-          isPreview: isPreview
+          isPreview: isPreview,
+          isChallengeModeStudent: isChallengeModeStudent
         })
       })
     })]
@@ -398,6 +400,7 @@ function Topic({
   getBots,
   handleRemoveExercise,
   isPreview,
+  isChallengeModeStudent,
   ...otherProps
 }) {
   const theme = useTheme();
@@ -705,7 +708,8 @@ function Topic({
           ...otherProps,
           completion: completion,
           handleRemoveExercise: handleRemoveExercise,
-          isPreview: isPreview
+          isPreview: isPreview,
+          isChallengeModeStudent: isChallengeModeStudent
         })
       })]
     })
@@ -739,6 +743,7 @@ function Section({
   course,
   handleRemoveExercise,
   isPreview,
+  isChallengeModeStudent,
   ...otherProps
 }) {
   const root = {
@@ -816,7 +821,8 @@ function Section({
         progressHelpers: progressHelpers,
         handleRemoveExercise: handleRemoveExercise,
         isPreview: isPreview,
-        memberCourseCompletions: memberCourseCompletions
+        memberCourseCompletions: memberCourseCompletions,
+        isChallengeModeStudent: isChallengeModeStudent
       }, `${sectionId}-${topic.topicId}`)) : topics.map((topic, i) => /*#__PURE__*/_jsx(Topic, {
         viewOnly: viewOnly,
         index: i,
@@ -844,7 +850,8 @@ function Section({
         username: username,
         preferred_username: preferred_username,
         progressHelpers: progressHelpers,
-        memberCourseCompletions: memberCourseCompletions
+        memberCourseCompletions: memberCourseCompletions,
+        isChallengeModeStudent: isChallengeModeStudent
       }, `${sectionId}-${topic.topicId}`))
     })
   });
@@ -874,6 +881,7 @@ function SectionList({
   course,
   handleRemoveExercise,
   isPreview,
+  isChallengeModeStudent,
   ...otherProps
 }) {
   const [courseSectionWithProgress, setCourseSectionWithProgress] = useState([]);
@@ -913,6 +921,7 @@ function SectionList({
         course: course,
         handleRemoveExercise: handleRemoveExercise,
         isPreview: isPreview,
+        isChallengeModeStudent: isChallengeModeStudent,
         ...otherProps
       }, section.sectionId);
     }) : /*#__PURE__*/_jsx(Typography, {
@@ -949,6 +958,7 @@ function AssignmentExerciseSelection({
   course,
   handleRemoveExercise,
   isPreview,
+  isChallengeModeStudent,
   ...otherProps
 }) {
   if (isLoading) {
@@ -978,6 +988,7 @@ function AssignmentExerciseSelection({
         course: course,
         handleRemoveExercise: handleRemoveExercise,
         isPreview: isPreview,
+        isChallengeModeStudent: isChallengeModeStudent,
         ...otherProps
       })
     });
@@ -1008,6 +1019,7 @@ function AssignmentExerciseSelection({
       course: course,
       handleRemoveExercise: handleRemoveExercise,
       isPreview: isPreview,
+      isChallengeModeStudent: isChallengeModeStudent,
       ...otherProps
     })
   });

package/dist/Assignments/AssignmentExerciseSelector/AssignmentExerciseSelector.js

@@ -19,7 +19,8 @@ function AssignmentExerciseSelector({
   memberCourseCompletions,
   lastClickedExerciseId,
   handleRemoveExercise,
-  isPreview
+  isPreview,
+  isChallengeModeStudent
 }) {
   return /*#__PURE__*/_jsx(Box, {
     children: /*#__PURE__*/_jsx(AssignmentCourseSelection, {
@@ -40,7 +41,8 @@ function AssignmentExerciseSelector({
       memberCourseCompletions: memberCourseCompletions,
       lastClickedExerciseId: lastClickedExerciseId,
       handleRemoveExercise: handleRemoveExercise,
-      isPreview: isPreview
+      isPreview: isPreview,
+      isChallengeModeStudent: isChallengeModeStudent
     })
   });
 }

package/dist/Assignments/AssignmentSelectExercise/AssignmentSelectExercise.js

@@ -19,7 +19,8 @@ function AssignmentSelectExercise({
   completions,
   preferred_username,
   progressHelpers,
-  memberCourseCompletions
+  memberCourseCompletions,
+  isChallengeModeStudent
 }) {
   const [isExerciseSelected, setIsExerciseSelected] = useState(false);
   const handleSelectExercise = (exercises = []) => {
@@ -91,7 +92,8 @@ function AssignmentSelectExercise({
         completions: completions,
         preferred_username: preferred_username,
         progressHelpers: progressHelpers,
-        memberCourseCompletions: memberCourseCompletions
+        memberCourseCompletions: memberCourseCompletions,
+        isChallengeModeStudent: isChallengeModeStudent
       })
     })]
   });

package/dist/Chat/BottomBar/BottomBar.js

@@ -33,7 +33,7 @@ const useStyles = makeStyles()((theme, {
   },
   root: {
     flexShrink: 0,
-    alignItems: "flex-start",
+    alignItems: "center",
     minHeight: "auto",
     paddingTop: theme.spacing(1),
     paddingBottom: theme.spacing(1)
@@ -93,6 +93,8 @@ export default function BottomBar({
   handleOpenConfidence,
   finalTranscript,
   inputRef,
+  isAdvancedBot = false,
+  username,
   authenticated,
   isChallengeBot = false
 }) {
@@ -108,6 +110,22 @@ export default function BottomBar({
   // although unused changing the state onclick of input helps keep cursor position accurate
   // eslint-disable-next-line no-unused-vars
   const [currentInput, setCurrentInput] = useState(null);
+  const [showMicReminder, setShowMicReminder] = useState(false);
+  const reminderTime = 14 * 24 * 60 * 60 * 1000; // 14 days, can be adjusted
+  const reminderKey = `voice-reminder-timestamp-${username}`; // add username so students on shared devices can receive individual reminders
+
+  useEffect(() => {
+    if (!browserSupportsSpeechRecognition || disableInput || isListening) return;
+    const nextReminder = parseInt(localStorage.getItem(reminderKey) || "0");
+    if (!Number.isFinite(nextReminder) || nextReminder <= 0 || Date.now() > nextReminder) {
+      setShowMicReminder(true);
+    }
+  }, [browserSupportsSpeechRecognition, disableInput, isListening, reminderKey]);
+  const onClickRecord = e => {
+    localStorage.setItem(`voice-reminder-timestamp-${username}`, String(Date.now() + reminderTime)); // Dont show reminder animation for another 2 weeks
+    setShowMicReminder(false);
+    handleRecord(e);
+  };
   const handleSelectCurrentInput = event => {
     setCurrentInput(event.target);
   };
@@ -125,7 +143,7 @@ export default function BottomBar({
       disabled: disableInput || isListening,
       onChange: handleInputChange,
       onKeyPress: handleKeyPress,
-      placeholder: placeholder,
+      placeholder: browserSupportsSpeechRecognition && handleRecord ? isSmallScreen ? t("bot_input_mobile_placeholder") : t("bot_input_placeholder") : placeholder,
       inputProps: {
         maxLength: isChallengeBot ? 600 : 200,
         sx: theme => ({
@@ -213,46 +231,80 @@ export default function BottomBar({
           size: "large",
           children: /*#__PURE__*/_jsx(AttachFileIcon, {})
         })
-      }), browserSupportsSpeechRecognition && handleRecord && /*#__PURE__*/_jsx(Tooltip, {
-        title: t("record_message"),
-        children: isSmallScreen ? /*#__PURE__*/_jsx(_Fragment, {
-          children: /*#__PURE__*/_jsx(IconButton, {
-            sx: {
-              color: isListening ? "red" : "inherit"
-            },
-            onClick: handleRecord,
-            edge: "start",
-            id: "voiceInput",
-            disabled: disableInput,
-            size: "large",
-            ref: buttonRef,
-            children: isListening ? /*#__PURE__*/_jsx(MicOffIcon, {}) : /*#__PURE__*/_jsx(MicIcon, {})
-          })
-        }) : /*#__PURE__*/_jsx(_Fragment, {
-          children: /*#__PURE__*/_jsx(Button, {
-            sx: {
-              color: "white",
-              backgroundColor: isListening ? "#d32f2f" : "#2d7b30",
-              padding: 1,
-              paddingLeft: 2,
-              paddingRight: 2,
-              borderRadius: 3,
-              border: "1.5px solid black",
-              "&:hover": {
+      }), browserSupportsSpeechRecognition && handleRecord && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          title: t("record_message"),
+          children: isSmallScreen ? /*#__PURE__*/_jsx(_Fragment, {
+            children: /*#__PURE__*/_jsx(IconButton, {
+              sx: {
+                color: isListening ? "red" : "inherit",
+                animation: showMicReminder ? "reminder 1.6s ease-in-out infinite" : "none",
+                "@keyframes reminder": {
+                  "0%": {
+                    boxShadow: "0 0 0 0 rgba(255, 255, 255, 1)"
+                  },
+                  "70%": {
+                    boxShadow: "0 0 0 2px rgba(255, 255, 255, 0.5)"
+                  },
+                  "100%": {
+                    boxShadow: "0 0 0 0 rgba(255, 255, 255, 0)"
+                  }
+                }
+              },
+              onClick: onClickRecord,
+              edge: "start",
+              id: "voiceInput",
+              disabled: disableInput,
+              size: "large",
+              ref: buttonRef,
+              children: isListening ? /*#__PURE__*/_jsx(MicOffIcon, {}) : /*#__PURE__*/_jsx(MicIcon, {})
+            })
+          }) : /*#__PURE__*/_jsx(_Fragment, {
+            children: /*#__PURE__*/_jsx(Button, {
+              sx: {
+                color: "white",
                 backgroundColor: isListening ? "#d32f2f" : "#2d7b30",
-                border: "1.5px solid white"
-              }
-            },
-            onClick: handleRecord,
-            startIcon: isListening ? /*#__PURE__*/_jsx(MicOffIcon, {}) : /*#__PURE__*/_jsx(MicIcon, {}),
-            color: isListening ? "error" : "success",
-            disabled: disableInput,
-            variant: "contained",
-            id: "voiceInput",
-            ref: buttonRef,
-            children: isListening ? t("click_to_stop") : t("click_to_start")
+                padding: 1,
+                paddingLeft: 2,
+                paddingRight: 2,
+                borderRadius: 3,
+                border: "1.5px solid black",
+                "&:hover": {
+                  backgroundColor: isListening ? "#d32f2f" : "#2d7b30",
+                  border: "1.5px solid white"
+                },
+                animation: showMicReminder ? "reminder 1.6s ease-in-out infinite" : "none",
+                "@keyframes reminder": {
+                  "0%": {
+                    transform: "scale(1)"
+                  },
+                  "50%": {
+                    transform: "scale(1.05)"
+                  },
+                  "100%": {
+                    transform: "scale(1)"
+                  }
+                }
+              },
+              onClick: onClickRecord,
+              startIcon: isListening ? /*#__PURE__*/_jsx(MicOffIcon, {}) : /*#__PURE__*/_jsx(MicIcon, {}),
+              color: isListening ? "error" : "success",
+              disabled: disableInput,
+              variant: "contained",
+              id: "voiceInput",
+              ref: buttonRef,
+              children: isListening ? t("click_to_stop") : t("click_to_speak")
+            })
           })
-        })
+        }), /*#__PURE__*/_jsx(Typography, {
+          sx: {
+            marginLeft: 1.5,
+            marginRight: 1,
+            my: "auto",
+            fontWeight: "bold"
+          },
+          children: t("or")
+        })]
       }), !browserSupportsSpeechRecognition && /*#__PURE__*/_jsx(Tooltip, {
         title: t("only_available_on_chrome"),
         children: /*#__PURE__*/_jsx("span", {

package/dist/Chat/Chat.js

@@ -94,6 +94,8 @@ function Chat({
   noAnswerCounts,
   isDynamicResponsesEnabled,
   isUserInternal,
+  isAdvancedBot = false,
+  username,
   isChallengeBot = false
 }) {
   const {
@@ -196,6 +198,8 @@ function Chat({
       inputRef: inputRef,
       authenticated: authenticated,
       placeholder: placeholder,
+      isAdvancedBot: isAdvancedBot,
+      username: username,
       isChallengeBot: isChallengeBot
     })]
   });

package/dist/Dialogs/PDFViewer/PDFViewer.js

@@ -63,6 +63,7 @@ function PDFControls({
       bottom: theme.spacing(8),
       zIndex: "3",
       backgroundColor: alpha(theme.palette.background.paper, 0.95),
+      paddingTop: theme.spacing(1),
       paddingBottom: theme.spacing(1),
       transition: "box-shadow 0.4s",
       "&:hover": {

package/dist/Dialogs/SelectExercise/SelectExercise.js

@@ -12,7 +12,8 @@ function SelectExercise({
   getCourseSections,
   getRoleplays,
   handleCreateGame,
-  username
+  username,
+  courseSectionTopicId = ""
 }) {
   const [isExerciseSelected, setIsExerciseSelected] = useState(false);
   return /*#__PURE__*/_jsxs(ResponsiveDialog, {
@@ -33,7 +34,8 @@ function SelectExercise({
         t: t,
         isExerciseSelected: isExerciseSelected,
         setIsExerciseSelected: setIsExerciseSelected,
-        isDialogOpen: open
+        isDialogOpen: open,
+        courseSectionTopicId: courseSectionTopicId
       })
     })]
   });

package/dist/Exercises/Bot/Bot.js

@@ -99,7 +99,8 @@ function Bot({
   isDynamicResponsesEnabled,
   aiChatbotConversationHistory,
   isUserInternal,
-  handleStudentMisuse
+  handleStudentMisuse,
+  username
 }) {
   const theme = useTheme();
   const {
@@ -639,6 +640,8 @@ function Bot({
         isSpeakingTextContainer: isSpeakingTextContainer,
         isDynamicResponsesEnabled: isDynamicResponsesClassroomEnabled,
         isUserInternal: isUserInternal,
+        isAdvancedBot: bot.isAdvancedBot,
+        username: username,
         isChallengeBot: bot.isChallengeBot
       }), /*#__PURE__*/_jsx(ResponsiveDialog, {
         open: instructionDialogOpen,

package/dist/Exercises/Pronouncer/Pronouncer.js

@@ -761,7 +761,7 @@ function Pronouncer({
             id: "voiceInput",
             variant: "contained",
             ref: btnRef,
-            children: recognizing ? t("click_to_stop") : t("click_to_start")
+            children: recognizing ? t("click_to_stop") : t("click_to_speak")
           })
         }), /*#__PURE__*/_jsx(Grid, {
           children: /*#__PURE__*/_jsx(Typography, {

package/dist/Exercises/Roleplay/Games/ActItOutGameListeningAndSpeaking/ActItOutGame.js

@@ -213,7 +213,7 @@ function AnswerOptions({
         variant: "contained",
         size: "large",
         ref: buttonRef,
-        children: recognizing ? t("click_to_stop") : t("click_to_start")
+        children: recognizing ? t("click_to_stop") : t("click_to_speak")
       }), /*#__PURE__*/_jsx(Typography, {
         role: "status",
         textAlign: "center",

package/dist/Exercises/Roleplay/Games/ActItOutGameSpeaking/ActItOutGame.js

@@ -208,7 +208,7 @@ function AnswerOptions({
         size: "large",
         ref: buttonRef,
         "aria-label": ariaLiveText,
-        children: recognizing ? t("click_to_stop") : t("click_to_start")
+        children: recognizing ? t("click_to_stop") : t("click_to_speak")
       }), /*#__PURE__*/_jsx(Typography, {
         role: "status",
         textAlign: "center",