@nualang/nualang-ui-components 0.1.1216 → 0.1.1217

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/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/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/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.1217",
   "main": "dist/index.js",
   "files": [
     "dist",