@nualang/nualang-ui-components 0.1.1231 → 0.1.1232

package/dist/Assignments/AssignmentCard/AssignmentCard.js

@@ -26,7 +26,8 @@ function AssignmentCard({
   isCreator,
   getCourses,
   deleteAssignment,
-  handleEditAssignment
+  handleEditAssignment,
+  lastClickedExerciseId
 }) {
   const [confirm] = (0, _useConfirm.default)(t);
   const handleDeleteAssignment = async (classroomId, assignmentId) => {
@@ -39,9 +40,6 @@ function AssignmentCard({
     const now = new Date();
     const due = new Date(dueDate);
     const scheduled = new Date(scheduledDate);
-    console.log('now', now);
-    console.log('due', due);
-    console.log('scheduled', scheduled);
     if (scheduled > now) {
       const daysUntilScheduled = Math.ceil((scheduled - now) / (1000 * 60 * 60 * 24));
       if (daysUntilScheduled === 1) {
@@ -196,7 +194,8 @@ function AssignmentCard({
                 getRoleplays: getRoleplays,
                 isCreator: isCreator,
                 viewOnly: true,
-                useCase: isCreator ? "assignment-view" : "assignment-start"
+                useCase: isCreator ? "assignment-view" : "assignment-start",
+                lastClickedExerciseId: lastClickedExerciseId
               })
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {

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 [lastClickedExerciseId, setLastClickedExerciseId] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    const stored = localStorage.getItem("lastClickedExercise");
+    if (stored) {
+      try {
+        const parsed = JSON.parse(stored);
+        if (parsed?.courseSectionTopicId) {
+          setLastClickedExerciseId(parsed.courseSectionTopicId);
+        }
+      } catch (e) {
+        console.error("Error parsing lastClickedExercise", e);
+      }
+    }
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     mb: 1,
     children: assignments.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -117,7 +133,8 @@ const AssignmentCardsList = ({
         getCourseSections: getCourseSections,
         getRoleplays: getRoleplays,
         deleteAssignment: deleteAssignment,
-        handleEditAssignment: handleEditAssignment
+        handleEditAssignment: handleEditAssignment,
+        lastClickedExerciseId: lastClickedExerciseId
       }, assignment.assignmentId))]
     })
   });

package/dist/Assignments/AssignmentCourseSelection/AssignmentCourseSelection.js

@@ -28,9 +28,11 @@ function Course({
   assignment,
   handleStartExercise,
   isCreator,
-  viewOnly
+  viewOnly,
+  lastClickedExerciseId
 }) {
-  const [open, setOpen] = (0, _react.useState)(false);
+  const numOfIds = lastClickedExerciseId ? lastClickedExerciseId.split('|') : [];
+  const [open, setOpen] = (0, _react.useState)(lastClickedExerciseId && (numOfIds.length === 4 && lastClickedExerciseId.endsWith(`|${assignment.assignmentId}`) || numOfIds.length === 5 && lastClickedExerciseId.split('|')[3] === assignment.assignmentId));
   const [selectedSectionIds, setSelectedSectionIds] = (0, _react.useState)([]);
   const [filteredSections, setFilteredSections] = (0, _react.useState)([]);
   const sectionsQuery = _Queries.courses.useCourseSections(async (courseId, filters) => {
@@ -127,7 +129,8 @@ function Course({
           assignment: assignment,
           handleStartExercise: handleStartExercise,
           isCreator: isCreator,
-          viewOnly: viewOnly
+          viewOnly: viewOnly,
+          lastClickedExerciseId: lastClickedExerciseId
         })
       })
     })]
@@ -148,6 +151,7 @@ function AssignmentCourseSelection({
   handleStartExercise,
   isCreator,
   viewOnly,
+  lastClickedExerciseId,
   ...otherProps
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -166,7 +170,8 @@ function AssignmentCourseSelection({
       assignment: assignment,
       handleStartExercise: handleStartExercise,
       isCreator: isCreator,
-      viewOnly: viewOnly
+      viewOnly: viewOnly,
+      lastClickedExerciseId: lastClickedExerciseId
     }))
   });
 }

package/dist/Assignments/AssignmentExerciseSelection/AssignmentExerciseSelection.js

@@ -34,7 +34,8 @@ function Exercise({
   handleSelectExercise = null,
   selectedExercises,
   useCase,
-  assignment
+  assignment,
+  lastClickedExerciseId
 }) {
   const [listeningHidden, setListeningHidden] = (0, _react.useState)(false);
   const [translationHidden, setTranslationHidden] = (0, _react.useState)(false);
@@ -49,6 +50,10 @@ function Exercise({
   } = params;
   const [courseId, sectionId, topicId] = courseSectionTopicId.split("|");
   const addSearchParams = () => {
+    const lastClickedExercise = {
+      courseSectionTopicId: `${courseSectionTopicId}|${assignment.assignmentId}`
+    };
+    localStorage.setItem("lastClickedExercise", JSON.stringify(lastClickedExercise));
     const assignmentParam = encodeURIComponent(JSON.stringify(assignment));
     navigate(`/classrooms/${classroomId}/${courseId}/${sectionId}/${topicId}?exercise=${name}&assignment=${assignmentParam}`);
   };
@@ -137,7 +142,8 @@ function Exercise({
           handleSelectExercise: handleSelectExercise,
           selectedExercises: selectedExercises,
           useCase: useCase,
-          assignment: assignment
+          assignment: assignment,
+          lastClickedExerciseId: lastClickedExerciseId
         })
       })
     })]
@@ -161,6 +167,7 @@ function ExerciseList({
   assignment,
   handleStartExercise,
   isCreator,
+  lastClickedExerciseId,
   ...otherProps
 }) {
   const courseSectionTopicId = `${courseId}|${sectionId}|${topicId}`;
@@ -188,6 +195,7 @@ function ExerciseList({
         assignment: assignment,
         handleStartExercise: handleStartExercise,
         isCreator: isCreator,
+        lastClickedExerciseId: lastClickedExerciseId,
         ...otherProps
       }, keyId);
     })
@@ -226,12 +234,23 @@ function Topic({
   assignment,
   handleStartExercise,
   isCreator,
+  lastClickedExerciseId,
   ...otherProps
 }) {
   const theme = (0, _styles.useTheme)();
   const isLargeScreen = (0, _useMediaQuery.default)(theme.breakpoints.up("sm"));
-  const [isExerciseListOpen, setExerciseListOpen] = (0, _react.useState)(false);
+  const topicRef = (0, _react.useRef)(null);
+  const [lasClickedCourseId, lasClickedSectionId, lasClickedTopicId, lastClickedAssignmentId] = lastClickedExerciseId?.split("|") || [];
+  const [isExerciseListOpen, setExerciseListOpen] = (0, _react.useState)(lasClickedTopicId === topicId && lastClickedAssignmentId === assignment.assignmentId);
   const [isWholeTopicSelected, setIsWholeTopicSelected] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    if (lasClickedTopicId === topicId && topicRef.current) {
+      topicRef.current.scrollIntoView({
+        behavior: "smooth",
+        block: "start"
+      });
+    }
+  }, []);
   let exercises;
   switch (useCase) {
     case "assignment-select":
@@ -294,7 +313,7 @@ function Topic({
       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"];
   }
   (0, _react.useEffect)(() => {
-    const exerciseCount = selectedExercises?.filter(exercise => exercise.courseSectionTopicId === `${courseId}|${sectionId}|${topicId}`).length;
+    const exerciseCount = selectedExercises?.filter(exercise => !exercise.roleplayId && exercise.courseSectionTopicId === `${courseId}|${sectionId}|${topicId}`).length;
     const roleplayCount = selectedExercises?.filter(exercise => exercise.roleplayId && roleplays?.some(roleplay => roleplay.roleplayId === exercise.roleplayId)).length;
     const total = roleplays.length * 6 + 3;
     if (exerciseCount + roleplayCount === total) {
@@ -322,7 +341,9 @@ function Topic({
           if (!selectedExercises?.some(e => e.roleplayId === roleplay.roleplayId && e.game === game)) {
             exercisesToAdd = [...exercisesToAdd, {
               roleplayId: roleplay.roleplayId,
-              game
+              game,
+              courseSectionTopicId: `${courseId}|${sectionId}|${topicId}`,
+              roleplayName: roleplay.roleplayName
             }];
           }
         });
@@ -344,6 +365,7 @@ function Topic({
         justifyContent: "space-between",
         onClick: toggleExerciseList,
         "data-cy": "topic-list-item",
+        ref: topicRef,
         disabled: phrases.length === 0 && !hasNonEmptyRoleplay || isExerciseSelected,
         children: [isLargeScreen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemAvatar, {
           children: picture ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
@@ -431,6 +453,7 @@ function Topic({
           assignment: assignment,
           handleStartExercise: handleStartExercise,
           isCreator: isCreator,
+          lastClickedExerciseId: lastClickedExerciseId,
           ...otherProps
         })
       })]
@@ -455,6 +478,7 @@ function Section({
   handleStartExercise,
   isCreator,
   viewOnly,
+  lastClickedExerciseId,
   ...otherProps
 }) {
   const root = {
@@ -516,7 +540,8 @@ function Section({
         useCase: useCase,
         assignment: assignment,
         handleStartExercise: handleStartExercise,
-        isCreator: isCreator
+        isCreator: isCreator,
+        lastClickedExerciseId: lastClickedExerciseId
       }, `${sectionId}-${topic.topicId}`)) : topics.map((topic, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Topic, {
         index: i,
         topics: topics,
@@ -537,7 +562,8 @@ function Section({
         useCase: useCase,
         assignment: assignment,
         handleStartExercise: handleStartExercise,
-        isCreator: isCreator
+        isCreator: isCreator,
+        lastClickedExerciseId: lastClickedExerciseId
       }, `${sectionId}-${topic.topicId}`))
     })
   });
@@ -558,6 +584,7 @@ function SectionList({
   handleStartExercise,
   isCreator,
   viewOnly,
+  lastClickedExerciseId,
   ...otherProps
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -580,6 +607,7 @@ function SectionList({
         handleStartExercise: handleStartExercise,
         isCreator: isCreator,
         viewOnly: viewOnly,
+        lastClickedExerciseId: lastClickedExerciseId,
         ...otherProps
       }, section.sectionId);
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
@@ -607,6 +635,7 @@ function AssignmentExerciseSelection({
   assignment,
   handleStartExercise,
   viewOnly,
+  lastClickedExerciseId,
   ...otherProps
 }) {
   if (isLoading) {
@@ -627,6 +656,7 @@ function AssignmentExerciseSelection({
         assignment: assignment,
         handleStartExercise: handleStartExercise,
         viewOnly: viewOnly,
+        lastClickedExerciseId: lastClickedExerciseId,
         ...otherProps
       })
     });
@@ -649,6 +679,7 @@ function AssignmentExerciseSelection({
       useCase: useCase,
       assignment: assignment,
       viewOnly: viewOnly,
+      lastClickedExerciseId: lastClickedExerciseId,
       ...otherProps
     })
   });

package/dist/Assignments/AssignmentExerciseSelector/AssignmentExerciseSelector.js

@@ -19,7 +19,8 @@ function AssignmentExerciseSelector({
   isCreator,
   selectedExercises,
   viewOnly,
-  useCase
+  useCase,
+  lastClickedExerciseId
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AssignmentCourseSelection.default, {
@@ -33,7 +34,8 @@ function AssignmentExerciseSelector({
       isCreator: isCreator,
       selectedExercises: selectedExercises,
       viewOnly: viewOnly,
-      useCase: useCase
+      useCase: useCase,
+      lastClickedExerciseId: lastClickedExerciseId
     })
   });
 }

package/dist/Assignments/AssignmentRoleplaySelection/AssignmentRoleplaySelection.js

@@ -28,7 +28,8 @@ function Roleplay({
   handleSelectExercise = null,
   selectedExercises,
   useCase,
-  assignment
+  assignment,
+  lastClickedExerciseId
 }) {
   const navigate = (0, _reactRouterDom.useNavigate)();
   const params = (0, _reactRouterDom.useParams)();
@@ -36,15 +37,20 @@ function Roleplay({
     classroomId
   } = params;
   const [courseId, sectionId, topicId] = courseSectionTopicId ? courseSectionTopicId.split("|") : "";
+  const [lasClickedCourseId, lasClickedSectionId, lasClickedTopicId, lastClickedAssignmentId, lastClickedRoleplayId] = lastClickedExerciseId?.split("|") || [];
   const addSearchParams = exercise => {
     if (!classroomId || !courseId || !sectionId || !topicId || !roleplay?.roleplayId) {
-      console.error('Missing required parameters for navigation');
+      console.error("Missing required parameters for navigation");
       return;
     }
+    const lastClickedExercise = {
+      courseSectionTopicId: `${courseSectionTopicId}|${assignment.assignmentId}|${roleplay.roleplayId}`
+    };
+    localStorage.setItem("lastClickedExercise", JSON.stringify(lastClickedExercise));
     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 [open, setOpen] = (0, _react.useState)(lastClickedRoleplayId === roleplay.roleplayId && lastClickedAssignmentId === assignment.assignmentId);
   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"];
   const [isSelectAllChecked, setIsSelectAllChecked] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
@@ -64,7 +70,9 @@ function Roleplay({
         if (!selectedExercises?.some(e => e.roleplayId === roleplay.roleplayId && e.game === game)) {
           gamesToAdd = [...gamesToAdd, {
             roleplayId: roleplay.roleplayId,
-            game
+            game,
+            courseSectionTopicId: roleplay.courseSectionTopicId,
+            roleplayName: roleplay.roleplayName
           }];
         }
       });
@@ -105,7 +113,7 @@ function Roleplay({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
       title: !isRoleplayValid ? t("roleplay_not_valid") : "",
-      placement: "left",
+      placement: "right",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItemButton, {
           onClick: () => setOpen(!open),
@@ -214,7 +222,8 @@ function Roleplay({
         children: [useCase === "assignment-select" && games.map((game, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItemButton, {
           onClick: () => handleSelectExercise([{
             roleplayId: roleplay.roleplayId,
-            game
+            game,
+            courseSectionTopicId: roleplay.courseSectionTopicId
           }]),
           sx: {
             display: "flex",
@@ -271,7 +280,8 @@ function AssignmentRoleplaySelection({
   handleSelectExercise,
   selectedExercises,
   useCase,
-  assignment
+  assignment,
+  lastClickedExerciseId
 }) {
   const [isRoleplaySelected, setIsRoleplaySelected] = (0, _react.useState)(false);
   return roleplays.map((roleplay, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Roleplay, {
@@ -284,7 +294,8 @@ function AssignmentRoleplaySelection({
     handleSelectExercise: handleSelectExercise,
     selectedExercises: selectedExercises,
     useCase: useCase,
-    assignment: assignment
+    assignment: assignment,
+    lastClickedExerciseId: lastClickedExerciseId
   }, index));
 }
 var _default = exports.default = AssignmentRoleplaySelection;

package/dist/Assignments/AssignmentSelectExercise/AssignmentSelectExercise.js

@@ -29,10 +29,10 @@ function AssignmentSelectExercise({
     setSelectedExercises(prevSelectedExercises => {
       let updatedExercises = [...prevSelectedExercises];
       exercises.forEach(exercise => {
-        if (exercise.courseSectionTopicId && updatedExercises.some(e => e.courseSectionTopicId === exercise.courseSectionTopicId && e.name === exercise.name)) {
+        if (exercise.courseSectionTopicId && !exercise.roleplayId && 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);
+          updatedExercises = updatedExercises.filter(e => !!e.courseSectionTopicId && !e.roleplayId || e.roleplayId !== exercise.roleplayId || e.game !== exercise.game);
         } else {
           updatedExercises.push(exercise);
         }

package/dist/Cards/SubscriptionPlan/SubscriptionPlan.js

@@ -234,7 +234,7 @@ function SubscriptionPlan({
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(CardContent, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PlanTitle, {
           variant: "h6",
-          children: displayPlan.title
+          children: t(displayPlan.title)
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(PlanPricing, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PlanPricingTotal, {
             variant: "h3",
@@ -251,12 +251,12 @@ function SubscriptionPlan({
               title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown.default, {
                   className: classes.planFeaturesListItemTooltipContent,
-                  children: displayPlan.footnote
+                  children: t(displayPlan.footnote)
                 })
               }),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Badge, {
                 component: "div",
-                children: displayPlan.badge
+                children: t(displayPlan.badge)
               })
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}), priceInfo && priceInfo.interval && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Typography, {
               variant: "subtitle1",
@@ -265,7 +265,7 @@ function SubscriptionPlan({
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PlanSubtitle, {
           variant: "subtitle1",
-          children: displayPlan.subtitle
+          children: t(displayPlan.subtitle)
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PlanFeaturesList, {
           children: (displayPlan.benefits || []).map((feature, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(PlanFeaturesListItem, {
             children: [feature.supported ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckCircle.default, {
@@ -282,12 +282,12 @@ function SubscriptionPlan({
               title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown.default, {
                   className: classes.planFeaturesListItemTooltipContent,
-                  children: feature.description
+                  children: t(feature.description)
                 })
               }),
               children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(PlanFeaturesListItemLabel, {
                 variant: "subtitle2",
-                children: [feature.label, /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpOutline.default, {
+                children: [t(feature.label), /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpOutline.default, {
                   fontSize: "small",
                   sx: {
                     ml: 0.5,
@@ -297,7 +297,7 @@ function SubscriptionPlan({
               })
             }), !feature.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(PlanFeaturesListItemLabel, {
               variant: "subtitle2",
-              children: feature.label
+              children: t(feature.label)
             })]
           }, `${displayPlan.title}-benefits-${index}`))
         }), plan.button && /*#__PURE__*/(0, _jsxRuntime.jsx)(PlanButton, {
@@ -306,7 +306,7 @@ function SubscriptionPlan({
           color: plan.button.buttonColor || "primary",
           onClick: () => plan.button.onClick(),
           bgPrimary: plan.bgPrimary,
-          children: plan.button.buttonText
+          children: t(plan.button.buttonText)
         }), displayPlan && billingPeriod && currency && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
           mt: 2,
           children: [plan.planVersions && displayPlan.subButton && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -322,7 +322,7 @@ function SubscriptionPlan({
               "aria-controls": open ? "demo-positioned-menu" : undefined,
               "aria-haspopup": "true",
               "aria-expanded": open ? "true" : "false",
-              children: plan.subButton.buttonText
+              children: t(plan.subButton.buttonText)
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
               alignItems: "center",
               children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Menu, {
@@ -350,7 +350,7 @@ function SubscriptionPlan({
                     sx: {
                       margin: 2
                     },
-                    children: [getPriceList(i), " ", currentPlan.title, " - Up to", " ", currentPlan.students, " Students"]
+                    children: [getPriceList(i), " ", t(currentPlan.title), " - Up to", " ", t(currentPlan.students), " Students"]
                   })
                 })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
                   "aria-label": "close",
@@ -378,11 +378,11 @@ function SubscriptionPlan({
             disabled: buyNowDisabled,
             onClick: () => displayPlan.buyButton.onClick(displayPlan, currency, billingPeriod),
             bgPrimary: displayPlan.bgPrimary,
-            children: displayPlan.buyButton.buttonText
+            children: t(displayPlan.buyButton.buttonText)
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown.default, {
           className: classes.planFootnote,
-          children: displayPlan.footnote
+          children: t(displayPlan.footnote)
         })]
       })
     }), displayPlan && displayPlan.nuala && /*#__PURE__*/(0, _jsxRuntime.jsx)(Nuala, {

package/dist/Dialogs/Listener/Listener.js

@@ -28,7 +28,7 @@ function Listener({
   uploadAudio,
   userAttributes,
   voices,
-  disableRecorder = false,
+  disableRecorder = true,
   ...otherProps
 }) {
   const [blob, setBlob] = (0, _react.useState)(null);

package/dist/Lists/RoleplaySelection/RoleplaySelection.js

@@ -45,7 +45,7 @@ function Roleplay({
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
       title: roleplay?.script?.length === 0 ? t("roleplay_no_interactions") : !isRoleplayValid ? t("roleplay_not_valid") : "",
-      placement: "left",
+      placement: "right",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItemButton, {
           onClick: () => setOpen(!open),

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

@@ -375,6 +375,13 @@ function Classroom({
   reportFilters = [],
   filter,
   handleFilterChange,
+  reportTypes = [],
+  reportType,
+  handleReportTypeChange,
+  assignmentOptions,
+  assignmentValue,
+  handleAssignmentChange,
+  selectedAssignment,
   handleDeleteClassroomMember,
   handleUpdateClassroomMember,
   vchatProps = {},
@@ -867,6 +874,13 @@ function Classroom({
         reportFilters: reportFilters,
         filter: filter,
         handleFilterChange: handleFilterChange,
+        reportTypes: reportTypes,
+        reportType: reportType,
+        handleReportTypeChange: handleReportTypeChange,
+        assignmentOptions: assignmentOptions,
+        assignmentValue: assignmentValue,
+        handleAssignmentChange: handleAssignmentChange,
+        selectedAssignment: selectedAssignment,
         submissions: submissionsTableData,
         featureFlags: featureFlags
       })

package/dist/Tables/MeetingPrompstList/MeetingPromptsList.js

@@ -48,7 +48,11 @@ const MeetingPromptsList = (0, _mui.withStyles)(({
   const filteredDiscussions = scheduleListData.filter(item => filter === "active" ? !item.archived : item.archived);
   const uniqueGroupedIds = [...new Set(filteredDiscussions.map(item => item.groupedId))];
   const filteredScheduleListData = uniqueGroupedIds.map(id => filteredDiscussions.find(item => item.groupedId === id));
-  const sortedScheduleListData = filteredScheduleListData.sort((a, b) => new Date(a.meetingDate) - new Date(b.meetingDate));
+  const sortedScheduleListData = filteredScheduleListData.sort((a, b) => {
+    const dateTimeA = new Date(`${a.meetingDate} ${a.meetingTime}`);
+    const dateTimeB = new Date(`${b.meetingDate} ${b.meetingTime}`);
+    return dateTimeB - dateTimeA;
+  });
   const openDialog = () => {
     setDialogOpen(true);
   };