@nualang/nualang-ui-components 0.1.1228 → 0.1.1230

package/dist/Assignments/AssignmentCard/AssignmentCard.js

@@ -27,9 +27,10 @@ function AssignmentCard({
   isCreator,
   getCourses,
   deleteAssignment,
-  handleEditAssignment
+  handleEditAssignment,
+  isExpanded,
+  setExpandedAssignmentId
 }) {
-  const [expanded, setExpanded] = (0, _react.useState)(false);
   const [confirm] = (0, _useConfirm.default)(t);
   const handleDeleteAssignment = async (classroomId, assignmentId) => {
     const confirmed = await confirm(t('delete_assignment'), t('delete_assignment_confirmation'));
@@ -54,7 +55,7 @@ function AssignmentCard({
   };
   const handleIconClick = event => {
     event.stopPropagation();
-    setExpanded(prev => !prev);
+    setExpandedAssignmentId(prevId => prevId === assignment.assignmentId ? null : assignment.assignmentId);
   };
   const {
     uniqueCourses
@@ -159,10 +160,10 @@ function AssignmentCard({
           item: true,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
             onClick: handleIconClick,
-            children: expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {})
+            children: isExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {})
           })
         })]
-      }), expanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
         mt: 2,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
           sx: {

package/dist/Assignments/AssignmentCardsList/AssignmentCardsList.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _material = require("@mui/material");
 var _AssignmentCard = _interopRequireDefault(require("../AssignmentCard/AssignmentCard"));
@@ -13,6 +13,8 @@ var _teacherCreate = _interopRequireDefault(require("../../img/teacher-create-2.
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const AssignmentCardsList = ({
   t = text => text,
   assignments = [],
@@ -25,6 +27,20 @@ const AssignmentCardsList = ({
   handleEditAssignment,
   refreshAssignments
 }) => {
+  const [expandedAssignmentId, setExpandedAssignmentId] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    const storedId = localStorage.getItem("expandedAssignmentId");
+    if (storedId) {
+      setExpandedAssignmentId(JSON.parse(storedId));
+    }
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (expandedAssignmentId) {
+      localStorage.setItem("expandedAssignmentId", JSON.stringify(expandedAssignmentId));
+    } else {
+      localStorage.removeItem("expandedAssignmentId");
+    }
+  }, [expandedAssignmentId]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     mt: 3,
     mb: 1,
@@ -114,8 +130,10 @@ const AssignmentCardsList = ({
         getCourseSections: getCourseSections,
         getRoleplays: getRoleplays,
         deleteAssignment: deleteAssignment,
-        handleEditAssignment: handleEditAssignment
-      }, assignment.id))]
+        handleEditAssignment: handleEditAssignment,
+        isExpanded: expandedAssignmentId === assignment.assignmentId,
+        setExpandedAssignmentId: setExpandedAssignmentId
+      }, assignment.assignmentId))]
     })
   });
 };

package/dist/Assignments/AssignmentCourseSelection/AssignmentCourseSelection.js

@@ -134,7 +134,7 @@ function Course({
   }, index);
 }
 function AssignmentCourseSelection({
-  courses,
+  courses = [],
   getCourseSections,
   getRoleplays,
   username,

package/dist/Assignments/AssignmentExerciseSelection/AssignmentExerciseSelection.js

@@ -29,12 +29,12 @@ function Exercise({
   section,
   t,
   isExerciseSelected,
-  setIsExerciseSelected,
   roleplays,
   phrases,
   handleSelectExercise = null,
   selectedExercises,
-  useCase
+  useCase,
+  assignment
 }) {
   const [listeningHidden, setListeningHidden] = (0, _react.useState)(false);
   const [translationHidden, setTranslationHidden] = (0, _react.useState)(false);
@@ -49,7 +49,8 @@ function Exercise({
   } = params;
   const [courseId, sectionId, topicId] = courseSectionTopicId.split("|");
   const addSearchParams = () => {
-    navigate(`/classrooms/${classroomId}/${courseId}/${sectionId}/${topicId}?exercise=${name}`);
+    const assignmentParam = encodeURIComponent(JSON.stringify(assignment));
+    navigate(`/classrooms/${classroomId}/${courseId}/${sectionId}/${topicId}?exercise=${name}&assignment=${assignmentParam}`);
   };
   const handleToggleRoleplays = () => {
     setRoleplaysOpen(!roleplaysOpen);
@@ -135,7 +136,8 @@ function Exercise({
           isExerciseSelected: isExerciseSelected,
           handleSelectExercise: handleSelectExercise,
           selectedExercises: selectedExercises,
-          useCase: useCase
+          useCase: useCase,
+          assignment: assignment
         })
       })
     })]

package/dist/Assignments/AssignmentRoleplaySelection/AssignmentRoleplaySelection.js

@@ -12,6 +12,10 @@ var _RateReview = _interopRequireDefault(require("@mui/icons-material/RateReview
 var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
 var _AutoStories = _interopRequireDefault(require("@mui/icons-material/AutoStories"));
+var _Forum = _interopRequireDefault(require("@mui/icons-material/Forum"));
+var _Headphones = _interopRequireDefault(require("@mui/icons-material/Headphones"));
+var _RecordVoiceOver = _interopRequireDefault(require("@mui/icons-material/RecordVoiceOver"));
+var _SpaceBar = _interopRequireDefault(require("@mui/icons-material/SpaceBar"));
 var _reactRouterDom = require("react-router-dom");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -23,7 +27,8 @@ function Roleplay({
   isExerciseSelected,
   handleSelectExercise = null,
   selectedExercises,
-  useCase
+  useCase,
+  assignment
 }) {
   const navigate = (0, _reactRouterDom.useNavigate)();
   const params = (0, _reactRouterDom.useParams)();
@@ -36,7 +41,8 @@ function Roleplay({
       console.error('Missing required parameters for navigation');
       return;
     }
-    navigate(`/classrooms/${classroomId}/${courseId}/${sectionId}/${topicId}/roleplays/${roleplay?.roleplayId}?game=${encodeURIComponent(exercise)}`);
+    const assignmentParam = encodeURIComponent(JSON.stringify(assignment));
+    navigate(`/classrooms/${classroomId}/${courseId}/${sectionId}/${topicId}/roleplays/${roleplay?.roleplayId}?game=${encodeURIComponent(exercise)}&assignment=${assignmentParam}`);
   };
   const [open, setOpen] = (0, _react.useState)(false);
   const 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"];
@@ -71,6 +77,31 @@ function Roleplay({
   const roleplayHasInteractions = numberOfRoleplayInteractions > 0;
   const roleplayHasQuestions = numberOfRoleplayQuestions > 0;
   const isRoleplayValid = roleplayHasInteractions && roleplayHasQuestions;
+  const ActItOutListeningSpeakingIcon = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Headphones.default, {
+      fontSize: "small"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RecordVoiceOver.default, {
+      fontSize: "small"
+    })]
+  });
+  const getIconForGame = game => {
+    switch (game) {
+      case "roleplay-story":
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoStories.default, {});
+      case "roleplay-fill-in-the-blanks":
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpaceBar.default, {});
+      case "roleplay-act-it-out":
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Message.default, {});
+      case "roleplay-act-it-out-listening":
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Headphones.default, {});
+      case "roleplay-act-it-out-speaking":
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RecordVoiceOver.default, {});
+      case "roleplay-act-it-out-listening-speaking":
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(ActItOutListeningSpeakingIcon, {});
+      default:
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Forum.default, {});
+    }
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
       title: !isRoleplayValid ? t("roleplay_not_valid") : "",
@@ -195,10 +226,10 @@ function Roleplay({
             }
           },
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoStories.default, {})
+            children: getIconForGame(game)
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
-            primary: t(game),
-            secondary: t("story_description")
+            primary: t(game.replace(/roleplay-/, "").replace(/-/g, "_")),
+            secondary: t(game.replace(/roleplay-/, "").replace(/-/g, "_") + "_description")
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
               checked: selectedExercises?.some(e => e.roleplayId === roleplay.roleplayId && e.game === game)
@@ -218,7 +249,7 @@ function Roleplay({
             }
           },
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoStories.default, {})
+            children: getIconForGame(game)
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
             primary: t(game.replace(/roleplay-/, "").replace(/-/g, "_")),
             secondary: t(game.replace(/roleplay-/, "").replace(/-/g, "_") + "_description")
@@ -239,7 +270,8 @@ function AssignmentRoleplaySelection({
   isExerciseSelected,
   handleSelectExercise,
   selectedExercises,
-  useCase
+  useCase,
+  assignment
 }) {
   const [isRoleplaySelected, setIsRoleplaySelected] = (0, _react.useState)(false);
   return roleplays.map((roleplay, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Roleplay, {
@@ -251,7 +283,8 @@ function AssignmentRoleplaySelection({
     isExerciseSelected: isExerciseSelected,
     handleSelectExercise: handleSelectExercise,
     selectedExercises: selectedExercises,
-    useCase: useCase
+    useCase: useCase,
+    assignment: assignment
   }, index));
 }
 var _default = exports.default = AssignmentRoleplaySelection;

package/dist/Assignments/AssignmentSelectExercise/AssignmentSelectExercise.js

@@ -15,7 +15,7 @@ function AssignmentSelectExercise({
   t = text => text,
   open,
   handleClose,
-  courses,
+  courses = [],
   getCourseSections,
   getRoleplays,
   username,

package/dist/Chat/BottomBar/BottomBar.js

@@ -182,6 +182,13 @@ function BottomBar({
       activeRef.current.focus();
     }
   }, [isListening, activeRef, disableInput]);
+  (0, _react.useEffect)(() => {
+    if (activeRef.current) {
+      activeRef.current.focus();
+      const length = inputValue.length;
+      activeRef.current.setSelectionRange(length, length);
+    }
+  }, [inputValue]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Paper.default, {
     square: true,
     className: classes.paper,
@@ -207,6 +214,7 @@ function BottomBar({
             id: "voiceInput",
             disabled: disableInput,
             size: "large",
+            ref: buttonRef,
             children: isListening ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MicOff.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Mic.default, {})
           })
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {

package/dist/Dialogs/CreatePhrase/CreatePhrase.js

@@ -208,7 +208,7 @@ function CreatePhrase({
   };
 
   // // translation
-  // const autoFillTranslation = async () => {
+  // const generateTranslation = async () => {
   //   const translatedText = await handleTranslate(phrase, learnLang, forLang);
   //   if (translatedText && translatedText !== "") {
   //     setAutoTranslatedText(translatedText);
@@ -221,11 +221,11 @@ function CreatePhrase({
   //   }
   // };
 
-  const autoFillTranslation = async () => {
+  const generateTranslation = async () => {
     try {
       let chatGptResponse = await makeChatGptApiRequest({
         model: "gpt-4o-mini",
-        promptKey: "autoFillTranslation",
+        promptKey: "generateTranslation",
         promptVariables: {
           learnLang,
           forLang,
@@ -409,7 +409,7 @@ function CreatePhrase({
           children: t("add_alternative_version")
         })
       }), learnLang !== forLang && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DefaultColourButton.default, {
-        onClick: autoFillTranslation,
+        onClick: generateTranslation,
         disabled: !phrase || Array.isArray(translationList) && translationList.includes(autoTranslatedText),
         size: "sm",
         className: classes.alternativeVersionButton,

package/dist/Dialogs/ExerciseMenu/Menus/CloseExercise/CloseExercise.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _ExerciseMenu = _interopRequireDefault(require("../../ExerciseMenu"));
+var _reactRouterDom = require("react-router-dom");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function CloseExerciseMenu({
@@ -15,10 +16,14 @@ function CloseExerciseMenu({
   saveProgress,
   finishExercise,
   goBack,
+  goBackToAssignment,
   inTopic = false,
   saveDisabled = false,
   isFinishExerciseDisabled
 }) {
+  const location = (0, _reactRouterDom.useLocation)();
+  const searchParams = new URLSearchParams(location.search);
+  const assignment = JSON.parse(decodeURIComponent(searchParams.get("assignment")));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExerciseMenu.default, {
     open: open,
     handleClose: close,
@@ -36,13 +41,19 @@ function CloseExerciseMenu({
       color: "primary",
       onClick: saveProgress,
       disabled: isSpeaking
-    }, {
+    }, ...(assignment ? [{
+      dataCypress: "go_back_to_assignments",
+      text: t("go_back_to_assignments"),
+      variant: "",
+      color: "",
+      onClick: goBackToAssignment
+    }] : [{
       dataCypress: "go_back_to_topic",
       text: inTopic ? t("go_back_to_topic") : t("quit"),
       variant: "",
       color: "",
       onClick: goBack
-    }]
+    }])]
   });
 }
 var _default = exports.default = CloseExerciseMenu;

package/dist/Dialogs/ExerciseMenu/Menus/CompletedExcercise/CompletedExcercise.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _ExerciseMenu = _interopRequireDefault(require("../../ExerciseMenu"));
+var _reactRouterDom = require("react-router-dom");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function CompletedExerciseMenu({
@@ -17,8 +18,12 @@ function CompletedExerciseMenu({
   viewReport,
   inTopic = false,
   hasNextGame,
-  handleNextGame
+  handleNextGame,
+  goBackToAssignment
 }) {
+  const location = (0, _reactRouterDom.useLocation)();
+  const searchParams = new URLSearchParams(location.search);
+  const assignment = JSON.parse(decodeURIComponent(searchParams.get("assignment")));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExerciseMenu.default, {
     open: open,
     handleClose: close,
@@ -43,14 +48,20 @@ function CompletedExerciseMenu({
       color: "primary",
       onClick: viewReport,
       disabled: disableViewReport
-    }, {
+    }, ...(assignment ? [{
+      dataCypress: "go_back_to_assignments",
+      text: t("go_back_to_assignments"),
+      variant: "",
+      color: "",
+      onClick: goBackToAssignment
+    }] : [{
       dataCypress: "go_back_to_topic",
       text: inTopic ? t("go_back_to_topic") : t("quit"),
       variant: "",
       color: "",
       onClick: goBack,
       disabled: false
-    }]
+    }])]
   });
 }
 var _default = exports.default = CompletedExerciseMenu;

package/dist/Dialogs/ExerciseMenu/Menus/InProgressExercise/InProgressExercise.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _ExerciseMenu = _interopRequireDefault(require("../../ExerciseMenu"));
+var _reactRouterDom = require("react-router-dom");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function InProgressExercise({
@@ -14,8 +15,12 @@ function InProgressExercise({
   continueExercise,
   restartExercise,
   goBack,
-  inTopic = false
+  inTopic = false,
+  goBackToAssignment
 }) {
+  const location = (0, _reactRouterDom.useLocation)();
+  const searchParams = new URLSearchParams(location.search);
+  const assignment = JSON.parse(decodeURIComponent(searchParams.get("assignment")));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExerciseMenu.default, {
     open: open,
     handleClose: close,
@@ -29,12 +34,17 @@ function InProgressExercise({
       variant: "outlined",
       color: "primary",
       onClick: restartExercise
-    }, {
+    }, ...(assignment ? [{
+      text: t("go_back_to_assignments"),
+      variant: "",
+      color: "",
+      onClick: goBackToAssignment
+    }] : [{
       text: inTopic ? t("go_back_to_topic") : t("quit"),
       variant: "",
       color: "",
       onClick: goBack
-    }]
+    }])]
   });
 }
 var _default = exports.default = InProgressExercise;

package/dist/Dialogs/SelectExercise/SelectExercise.js

@@ -19,44 +19,16 @@ function SelectExercise({
   getCourseSections,
   getRoleplays,
   handleCreateGame,
-  username,
-  useCase = "live",
-  selectedExercises = [],
-  setSelectedExercises,
-  isAssignment
+  username
 }) {
   const [isExerciseSelected, setIsExerciseSelected] = (0, _react.useState)(false);
-  const handleSelectExercise = (exercises = []) => {
-    setSelectedExercises(prevSelectedExercises => {
-      let updatedExercises = [...prevSelectedExercises];
-      exercises.forEach(exercise => {
-        if (exercise.courseSectionTopicId && updatedExercises.some(e => e.courseSectionTopicId === exercise.courseSectionTopicId && e.name === exercise.name)) {
-          updatedExercises = updatedExercises.filter(e => e.courseSectionTopicId !== exercise.courseSectionTopicId || e.name !== exercise.name);
-        } else if (exercise.roleplayId && updatedExercises.some(e => e.roleplayId === exercise.roleplayId && e.game === exercise.game)) {
-          updatedExercises = updatedExercises.filter(e => e.courseSectionTopicId || e.roleplayId !== exercise.roleplayId || e.game !== exercise.game);
-        } else {
-          updatedExercises.push(exercise);
-        }
-      });
-      return updatedExercises;
-    });
-  };
-  const handleSubmitExercises = () => {
-    setSelectedExercises(selectedExercises);
-    handleClose();
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ResponsiveDialog.default, {
     open: open,
     handleClose: handleClose,
-    dialogTitle: useCase === "live" ? t("play_live") : t("assignment"),
+    dialogTitle: t("play_live"),
     maxWidth: "md",
-    handleSubmit: useCase === "live" ? null : () => {
-      handleSubmitExercises();
-    },
-    submitText: useCase === "live" ? null : t("add_exercises"),
-    isSubmitDisabled: selectedExercises.length === 0,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContentText, {
-      children: useCase === "live" ? t("live_dialog_description") : t("assign_exercises_description")
+      children: t("live_dialog_description")
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
       mt: 1,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CourseSelection.default, {
@@ -68,11 +40,7 @@ function SelectExercise({
         t: t,
         isExerciseSelected: isExerciseSelected,
         setIsExerciseSelected: setIsExerciseSelected,
-        isDialogOpen: open,
-        useCase: useCase,
-        selectedExercises: selectedExercises,
-        handleSelectExercise: useCase === "assignment" ? handleSelectExercise : null,
-        isAssignment: isAssignment
+        isDialogOpen: open
       })
     })]
   });

package/dist/Exercises/Listener/Listener.js

@@ -30,6 +30,7 @@ var _DefaultColourButton = _interopRequireDefault(require("../../Misc/DefaultCol
 var _WaveFormLite = _interopRequireDefault(require("../../Misc/WaveFormLite"));
 var _styles = require("@mui/material/styles");
 var _reactBeautifulDnd = require("react-beautiful-dnd");
+var _reactRouterDom = require("react-router-dom");
 var _index = require("../../utils/index");
 var _useWordBankFocus = _interopRequireDefault(require("../../hooks/useWordBankFocus"));
 var _voiceImages = _interopRequireDefault(require("../../utils/voiceImages"));
@@ -235,7 +236,8 @@ function Listener({
   siteLanguage,
   courseSettings,
   parentClassroom,
-  isHeritageSpeaker = false
+  isHeritageSpeaker = false,
+  classroomId
 }) {
   (0, _useExerciseDocumentTitle.default)({
     exerciseTitle: "Listening",
@@ -527,6 +529,10 @@ function Listener({
       return;
     }
   };
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const goBackToAssignment = () => {
+    navigate(`/classrooms/${classroomId}#Assignments`);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBeautifulDnd.DragDropContext, {
     onDragEnd: handleOnDragEnd,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {
@@ -955,7 +961,8 @@ function Listener({
         viewReport: viewReport,
         fullScreen: true,
         t: t,
-        inTopic: courseId && sectionId && topicId
+        inTopic: courseId && sectionId && topicId,
+        goBackToAssignment: goBackToAssignment
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseExercise.default, {
         t: t,
         open: isCloseModalOpen,
@@ -964,7 +971,8 @@ function Listener({
         finishExercise: handleCompleteExercise,
         goBack: handleCloseExercise,
         inTopic: courseId && sectionId && topicId,
-        isFinishExerciseDisabled: unattemptedQuestionTotal > 0
+        isFinishExerciseDisabled: unattemptedQuestionTotal > 0,
+        goBackToAssignment: goBackToAssignment
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InProgressExercise.default, {
         t: t,
         open: isInProgressModalOpen,
@@ -973,7 +981,8 @@ function Listener({
         continueExercise: closeInProgressModal,
         restartExercise: handleRestartExercise,
         goBack: handleCloseExercise,
-        inTopic: courseId && sectionId && topicId
+        inTopic: courseId && sectionId && topicId,
+        goBackToAssignment: goBackToAssignment
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactJoyride.default, {
         callback: handleJoyrideCallback,
         continuous: true,

package/dist/Exercises/Pronouncer/Pronouncer.js

@@ -34,6 +34,7 @@ var _ChatBubble = _interopRequireDefault(require("../../Misc/ChatBubble/ChatBubb
 var _WaveFormLite = _interopRequireDefault(require("../../Misc/WaveFormLite"));
 var _utils = require("../../utils");
 var _voiceImages = _interopRequireDefault(require("../../utils/voiceImages"));
+var _reactRouterDom = require("react-router-dom");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -163,7 +164,8 @@ function Pronouncer({
   uploadAudioAttempt,
   languageTag,
   trackRecommendedEvent,
-  parentClassroom
+  parentClassroom,
+  classroomId
 }) {
   (0, _useExerciseDocumentTitle.default)({
     exerciseTitle: "Pronunciation",
@@ -462,6 +464,10 @@ function Pronouncer({
     }
   };
   const isListeningIndicatorTextVisible = recognizing && interimTranscript === "" && finalTranscript === "" ? true : false;
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const goBackToAssignment = () => {
+    navigate(`/classrooms/${classroomId}#Assignments`);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {
     fullScreen: true,
     open: open,
@@ -896,7 +902,8 @@ function Pronouncer({
       viewReport: viewReport,
       fullScreen: true,
       t: t,
-      inTopic: courseId && sectionId && topicId
+      inTopic: courseId && sectionId && topicId,
+      goBackToAssignment: goBackToAssignment
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseExercise.default, {
       t: t,
       open: isCloseModalOpen,
@@ -905,7 +912,8 @@ function Pronouncer({
       finishExercise: handleCompleteExercise,
       goBack: handleCloseExercise,
       inTopic: courseId && sectionId && topicId,
-      isFinishExerciseDisabled: unattemptedQuestionTotal > 0
+      isFinishExerciseDisabled: unattemptedQuestionTotal > 0,
+      goBackToAssignment: goBackToAssignment
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InProgressExercise.default, {
       t: t,
       open: isInProgressModalOpen,
@@ -914,7 +922,8 @@ function Pronouncer({
       continueExercise: closeInProgressModal,
       restartExercise: handleRestartExercise,
       goBack: handleCloseExercise,
-      inTopic: courseId && sectionId && topicId
+      inTopic: courseId && sectionId && topicId,
+      goBackToAssignment: goBackToAssignment
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactJoyride.default, {
       callback: handleJoyrideCallback,
       continuous: true,

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

@@ -194,7 +194,8 @@ function RoleplayGame({
   languageInformation,
   translationEnabled,
   parentClassroom,
-  isHeritageSpeaker = false
+  isHeritageSpeaker = false,
+  goBackToAssignment
 }) {
   (0, _useExerciseDocumentTitle.default)({
     exerciseTitle: "Act it out",
@@ -457,7 +458,8 @@ function RoleplayGame({
       t: t,
       inTopic: courseId && sectionId && topicId,
       handleNextGame: handleNextGame,
-      hasNextGame: hasNextGame
+      hasNextGame: hasNextGame,
+      goBackToAssignment: goBackToAssignment
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseExercise.default, {
       t: t,
       open: isCloseModalOpen,
@@ -467,7 +469,8 @@ function RoleplayGame({
       goBack: handleCloseExercise,
       inTopic: courseId && sectionId && topicId,
       isSpeaking: isSpeaking,
-      isFinishExerciseDisabled: true
+      isFinishExerciseDisabled: true,
+      goBackToAssignment: goBackToAssignment
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InProgressExercise.default, {
       t: t,
       open: isInProgressModalOpen,
@@ -476,7 +479,8 @@ function RoleplayGame({
       continueExercise: closeInProgressModal,
       restartExercise: handleRestartExercise,
       goBack: handleCloseExercise,
-      inTopic: courseId && sectionId && topicId
+      inTopic: courseId && sectionId && topicId,
+      goBackToAssignment: goBackToAssignment
     })]
   });
 }