@nualang/nualang-ui-components 0.1.1216 → 0.1.1218

package/dist/Cards/Assignment/Assignment.js

@@ -12,6 +12,7 @@ var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess
 var _material = require("@mui/material");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _AssignmentExerciseSelector = _interopRequireDefault(require("../../Misc/AssignmentExerciseSelector/AssignmentExerciseSelector"));
+var _useConfirm = _interopRequireDefault(require("../../hooks/useConfirm"));
 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); }
@@ -23,10 +24,11 @@ function Assignment({
   username,
   getCourseSections,
   getRoleplays,
-  isCreator
+  isCreator,
+  deleteAssignment
 }) {
-  t = text => text;
   const [expanded, setExpanded] = (0, _react.useState)(false);
+  const [confirm] = (0, _useConfirm.default)(t);
   const calculateDaysUntilDue = dueDate => {
     const now = new Date();
     const due = new Date(dueDate);
@@ -46,6 +48,12 @@ function Assignment({
     event.stopPropagation();
     setExpanded(prev => !prev);
   };
+  const handleDeleteAssignment = async (classroomId, assignmentId) => {
+    const confirmed = await confirm(t('delete_assignment'), t('delete_assignment_confirmation'));
+    if (confirmed) {
+      await deleteAssignment(classroomId, assignmentId);
+    }
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Card, {
     sx: {
       display: "flex",
@@ -109,6 +117,9 @@ function Assignment({
             children: t("edit")
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
             color: "primary",
+            onClick: () => {
+              handleDeleteAssignment(assignment.classroomId, assignment.assignmentId);
+            },
             children: t("delete")
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {

package/dist/Chat/Messages/Message/Message.js

@@ -24,14 +24,14 @@ var _VoiceMessage = _interopRequireDefault(require("../../VoiceMessage"));
 var _material = require("@mui/material");
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
 var _DragIndicator = _interopRequireDefault(require("@mui/icons-material/DragIndicator"));
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _BorderColor = _interopRequireDefault(require("@mui/icons-material/BorderColor"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useStyles = (0, _mui.makeStyles)()((theme, {
   isMyMessage,
   isButton,
   hideAvatar,
-  messages,
-  index,
   isHighlighted
 }) => ({
   root: {
@@ -297,7 +297,8 @@ function Message({
   accessibilityIndex,
   isLivePlayer = false,
   siteLanguage,
-  provided
+  provided,
+  isEdited = false
 }) {
   const theme = (0, _styles.useTheme)();
   const messageContainerId = `message${messageIndex}`;
@@ -389,13 +390,37 @@ function Message({
           id: messageContainerId,
           "aria-label": `Option ${accessibilityIndex}`,
           onClick: () => onClickButton(text),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            variant: "subtitle2",
-            component: "h4",
-            gutterBottom: true,
-            fontWeight: "bold",
-            align: "left",
-            children: name
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
+            container: true,
+            alignItems: "center",
+            justifyContent: "space-between" // Ensures space between name & icon
+            ,
+            sx: {
+              display: "flex"
+            },
+            spacing: 4,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+              item: true,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+                variant: "subtitle2",
+                component: "h4",
+                gutterBottom: true,
+                fontWeight: "bold",
+                align: "left",
+                children: name
+              })
+            }), isEdited && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+              item: true,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+                title: t("student_edited_transcript"),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BorderColor.default, {
+                  style: {
+                    color: theme.palette.mode === "dark" ? "#000000" : "#ffffff"
+                  },
+                  fontSize: "small"
+                })
+              })
+            })]
           }), !isListenOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HoverText.default, {
             handleTranslate: handleTranslate,
             learnLang: learnLang,
@@ -424,12 +449,37 @@ function Message({
             justifyContent: "space-between"
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-              variant: "subtitle2",
-              component: "h4",
-              gutterBottom: true,
-              fontWeight: "bold",
-              children: name
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
+              container: true,
+              alignItems: "center",
+              justifyContent: "space-between" // Ensures space between name & icon
+              ,
+              sx: {
+                display: "flex"
+              },
+              spacing: 4,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+                item: true,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+                  variant: "subtitle2",
+                  component: "h4",
+                  gutterBottom: true,
+                  fontWeight: "bold",
+                  align: "left",
+                  children: name
+                })
+              }), isEdited && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+                item: true,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+                  title: t("student_edited_transcript"),
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_BorderColor.default, {
+                    style: {
+                      color: theme.palette.mode === "dark" ? "#000000" : "#ffffff"
+                    },
+                    fontSize: "small"
+                  })
+                })
+              })]
             }), !isListenOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HoverText.default, {
               handleTranslate: handleTranslate,
               learnLang: learnLang,

package/dist/Dialogs/CreateAssignmentScreen/CreateAssignmentScreen.js

@@ -156,8 +156,8 @@ function CreateAssignmentScreen({
       };
     });
   };
-  const handleCreateAssignment = () => {
-    createAssignment(assignment);
+  const handleCreateAssignment = async () => {
+    await createAssignment(assignment);
     handleClose();
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {

package/dist/Exercises/Listener/Listener.js

@@ -725,7 +725,7 @@ function Listener({
             gutterBottom: true,
             children: t("what_do_you_hear")
           })
-        }), useWordBank && isWordBankEnabled && !isHeritageSpeaker ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        }), useWordBank && isWordBankEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           role: "application",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
             item: true,
@@ -855,7 +855,7 @@ function Listener({
               autoComplete: "off",
               characters: learnLangCharacters ? learnLangCharacters : null
             })
-          }), isWordBankEnabled && !isHeritageSpeaker && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
+          }), isWordBankEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
             item: true,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
               title: t("use_wordbank_if_stuck"),
@@ -931,7 +931,7 @@ function Listener({
         exercise: exerciseName,
         languageInformation: languageInformation,
         nualaCelebratingImage: getNualaCelebratingImage()
-      }), useWordBank && isWordBankEnabled && !isHeritageSpeaker ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExerciseBottomBar.default, {
+      }), useWordBank && isWordBankEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExerciseBottomBar.default, {
         t: t,
         listeningWords: listeningWords,
         handleSubmit: () => handleContinue(false),

package/dist/Lists/AssignmentCardsList/AssignmentCardsList.js

@@ -18,7 +18,8 @@ const AssignmentCardsList = ({
   assignments = [],
   isCreator,
   onRefresh,
-  handleCreateAssignment
+  handleCreateAssignment,
+  deleteAssignment
 }) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     mt: 3,
@@ -104,7 +105,8 @@ const AssignmentCardsList = ({
       }), assignments.map(assignment => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Assignment.default, {
         assignment: assignment,
         t: t,
-        isCreator: isCreator
+        isCreator: isCreator,
+        deleteAssignment: deleteAssignment
       }, assignment.id))]
     })
   });

package/dist/Lists/Members/Members.js

@@ -115,22 +115,6 @@ function Member(props) {
           marginBottom: "8px"
         },
         children: t("heritage_speaker_desc")
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
-        style: {
-          marginLeft: "16px",
-          marginBottom: "8px",
-          paddingLeft: "0"
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-          children: t("heritage_speaker_point_1")
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-          children: t("heritage_speaker_point_2")
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: {
-          fontSize: "12px"
-        },
-        children: t("freely_changed")
       })]
     })
   }))(({

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

@@ -390,6 +390,7 @@ function Classroom({
   featureFlags,
   assignments,
   handleCreateAssignment,
+  deleteAssignment,
   ...otherProps
 }) {
   const {
@@ -865,7 +866,8 @@ function Classroom({
         memberId: !isCreator && username,
         username: username,
         getCourseSections: getCourseSections,
-        handleCreateAssignment: handleCreateAssignment
+        handleCreateAssignment: handleCreateAssignment,
+        deleteAssignment: deleteAssignment
       })
     }, `tab-content-assignments`)
   }] : []), ...(isVideoChatEnabled && isNualangLiveEnabled && (isMember && isVideoChatEnabledInSettings || isCreator) ? [{

package/dist/hooks/useExerciseState.js

@@ -1490,7 +1490,7 @@ function useExerciseState({
     setRoleplayMessages(updatedRoleplayMessages);
     handleSaveRoleplayExerciseProgress(updatedRoleplayMessages, answerAttempts);
   };
-  const addBotMessage = (text, isMyMessage, playAudio, method = null, isErrorMsg = false) => {
+  const addBotMessage = (text, isMyMessage, playAudio, method = null, isErrorMsg = false, finalTranscript) => {
     if (!text) {
       return;
     }
@@ -1506,6 +1506,7 @@ function useExerciseState({
       text,
       datetime: new Date(),
       method,
+      isEdited: finalTranscript && text.trim() !== finalTranscript.trim() && method === 'text',
       audioBlob: audioBlob && isMyMessage ? audioBlob : null,
       audioURL: attemptAudioURL && isMyMessage ? attemptAudioURL : null,
       checked: attemptAudioURL && isMyMessage && checked ? checked : null,
@@ -1522,7 +1523,8 @@ function useExerciseState({
   const handleSubmitBotMessage = async () => {
     try {
       const method = `${finalTranscript || ""} ${interimTranscript || ""}`.trim() === botText.trim() ? "voice" : "text";
-      addBotMessage(botText, true, false, method);
+      addBotMessage(botText, true, false, method, false, finalTranscript);
+      resetTranscript();
       const body = {
         message: botText,
         vars: botVars

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1216",
+  "version": "0.1.1218",
   "main": "dist/index.js",
   "files": [
     "dist",