@nualang/nualang-ui-components 0.1.1202 → 0.1.1204

package/dist/Containers/App/App.js

@@ -263,6 +263,10 @@ function App({
     navigate("/courses/create");
     handleCloseCreate();
   };
+  const handleCreateAssignment = () => {
+    navigate("/assignments/create");
+    handleCloseCreate();
+  };
   const hiddenStyle = {
     position: "absolute",
     left: "-10000px",
@@ -400,9 +404,8 @@ function App({
               "data-cy": "appbar-create-course",
               children: t("course")
             })]
-          }), process.env.REACT_APP_STAGE === "dev" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem
-          // onClick={handleCreateAssignment}
-          , {
+          }), process.env.REACT_APP_STAGE === "dev" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+            onClick: handleCreateAssignment,
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_School.default, {})
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {

package/dist/Dialogs/CreateAssignment/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "CreateAssignment",
+    "version": "0.0.0",
+    "private": true,
+    "main": "./CreateAssignment.js"
+  }
+  

package/dist/Dialogs/CreatePhrase/CreatePhrase.js

@@ -223,27 +223,13 @@ function CreatePhrase({
 
   const autoFillTranslation = async () => {
     try {
-      const activePrompt = `Translate the following phrase "${phrase}" from ${learnLang} to ${forLang}. Provide all the acceptable alternative translations if the phrase has multiple interpretations. Format the response as a JSON array, where each translation is a string.`;
-      const chatGptResponse = await makeChatGptApiRequest({
+      const activePrompt = `Translate the following phrase "${phrase}" from ${learnLang} to ${forLang}. Provide all the acceptable translations if the phrase has multiple interpretations. Format the response as a valid JSON array with each translation as a string inside the array.`;
+      let chatGptResponse = await makeChatGptApiRequest({
         model: "gpt-3.5-turbo",
         prompt: activePrompt
       });
-
-      // Ensure the response is an array
-      let translations = chatGptResponse;
-
-      // If response is not an array, parse it
-      if (!Array.isArray(translations)) {
-        if (typeof chatGptResponse === "string") {
-          try {
-            translations = JSON.parse(chatGptResponse);
-          } catch (error) {
-            throw new Error("Failed to parse OpenAI response into JSON.");
-          }
-        } else {
-          throw new Error("Invalid response format from OpenAI.");
-        }
-      }
+      chatGptResponse = chatGptResponse.replaceAll("```", '').replaceAll("json", '');
+      const translations = JSON.parse(chatGptResponse);
       setTranslationList(prevTranslationList => {
         const newTranslations = translations.filter(text => !prevTranslationList.includes(text));
         return [...prevTranslationList, ...newTranslations];
@@ -599,7 +585,8 @@ function CreatePhrase({
           autoCrop: true,
           autoSuggest: true,
           autoSuggestedImages: autoSuggestedImages,
-          selectedImage: selectedImage
+          selectedImage: selectedImage,
+          verificationStatus: verificationStatus
         })
       })]
     })]

package/dist/Dialogs/ImageLibrary/ImageLibrary.js

@@ -21,6 +21,7 @@ const useStyles = (0, _mui.makeStyles)()(() => ({
 function ImageLibraryDialog({
   open,
   handleClose,
+  verificationStatus,
   ...otherProps
 }) {
   const {
@@ -33,6 +34,7 @@ function ImageLibraryDialog({
     maxWidth: "xl",
     dialogContentClassName: classes.dialogContent,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageLibrary.default, {
+      verificationStatus: verificationStatus,
       ...otherProps
     })
   });

package/dist/Editors/Bot/Bot.js

@@ -117,7 +117,8 @@ function Bot({
   sectionId,
   topicId,
   initialTopicGoal,
-  isUserInternal
+  isUserInternal,
+  verificationStatus
 }) {
   const {
     recognitionState,
@@ -750,7 +751,8 @@ function Bot({
           onSubmit: onSubmit,
           subscription: subscription,
           handleBotInstructionsImageUpload: handleBotInstructionsImageUpload,
-          isUserInternal: isUserInternal
+          isUserInternal: isUserInternal,
+          verificationStatus: verificationStatus
         })
       }) : null]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResponsiveDialog.default, {

package/dist/Editors/Bot/Editor/BotDesigner/BotDesigner.js

@@ -68,7 +68,8 @@ function BotDesigner(props) {
     handleUploadBotExerciseImage,
     botId,
     simplified,
-    handleOnBlur
+    handleOnBlur,
+    verificationStatus
   } = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [rivescriptJSON && rivescriptJSON.begin.var && /*#__PURE__*/(0, _jsxRuntime.jsx)(_VarList.default, {
@@ -87,7 +88,8 @@ function BotDesigner(props) {
       handleUploadBotExerciseImage: handleUploadBotExerciseImage,
       botId: botId,
       simplified: simplified,
-      handleOnBlur: handleOnBlur
+      handleOnBlur: handleOnBlur,
+      verificationStatus: verificationStatus
     }), rivescriptJSON && rivescriptJSON.begin.sub && !simplified && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SubList.default, {
       t: t,
       subs: rivescriptJSON.begin.sub,

package/dist/Exercises/Listener/Listener.js

@@ -32,6 +32,7 @@ var _styles = require("@mui/material/styles");
 var _reactBeautifulDnd = require("react-beautiful-dnd");
 var _index = require("../../utils/index");
 var _useWordBankFocus = _interopRequireDefault(require("../../hooks/useWordBankFocus"));
+var _voiceImages = _interopRequireDefault(require("../../utils/voiceImages"));
 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); }
@@ -343,20 +344,23 @@ function Listener({
     voiceLanguageCode,
     voicePitch
   } = topicInfo;
+  const voiceMap = (0, _voiceImages.default)(voices || []);
   const getVoiceImage = () => {
-    let voiceOptionsArray = voiceLanguageCode && voices[voiceLanguageCode] ? voices[voiceLanguageCode].voiceOptions : [];
-    for (let i = 0; i < voiceOptionsArray.length; i++) {
-      if (voiceOptionsArray[i].name === voice) {
-        return voiceOptionsArray[i].speakingImage;
-      }
+    try {
+      const exerciseVoice = voiceMap.get(voice) || {};
+      return exerciseVoice.speakingImage || null;
+    } catch (error) {
+      console.error('Error retrieving voice image:', error);
+      return null;
     }
   };
   const getNualaCelebratingImage = () => {
-    let voiceOptionsArray = voiceLanguageCode && voices[voiceLanguageCode] ? voices[voiceLanguageCode].voiceOptions : [];
-    for (let i = 0; i < voiceOptionsArray.length; i++) {
-      if (voiceOptionsArray[i].name === voice) {
-        return voiceOptionsArray[i].celebratingImage;
-      }
+    try {
+      const exerciseVoice = voiceMap.get(voice) || {};
+      return exerciseVoice.celebratingImage || null;
+    } catch (error) {
+      console.error('Error retrieving celebrating image:', error);
+      return null;
     }
   };
   const joyrideSteps = [{

package/dist/Exercises/Pronouncer/Pronouncer.js

@@ -33,6 +33,7 @@ var _ReportProblem = _interopRequireDefault(require("../../Misc/ReportProblem"))
 var _ChatBubble = _interopRequireDefault(require("../../Misc/ChatBubble/ChatBubble"));
 var _WaveFormLite = _interopRequireDefault(require("../../Misc/WaveFormLite"));
 var _utils = require("../../utils");
+var _voiceImages = _interopRequireDefault(require("../../utils/voiceImages"));
 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); }
@@ -441,20 +442,23 @@ function Pronouncer({
     voiceLanguageCode,
     voicePitch
   } = topicInfo;
+  const voiceMap = (0, _voiceImages.default)(voices || []);
   const getVoiceImage = () => {
-    let voiceOptionsArray = voiceLanguageCode && voices[voiceLanguageCode] ? voices[voiceLanguageCode].voiceOptions : [];
-    for (let i = 0; i < voiceOptionsArray.length; i++) {
-      if (voiceOptionsArray[i].name === voice) {
-        return voiceOptionsArray[i].speakingImage;
-      }
+    try {
+      const exerciseVoice = voiceMap.get(voice) || {};
+      return exerciseVoice.speakingImage || null;
+    } catch (error) {
+      console.error('Error retrieving voice image:', error);
+      return null;
     }
   };
   const getNualaCelebratingImage = () => {
-    let voiceOptionsArray = voiceLanguageCode && voices[voiceLanguageCode] ? voices[voiceLanguageCode].voiceOptions : [];
-    for (let i = 0; i < voiceOptionsArray.length; i++) {
-      if (voiceOptionsArray[i].name === voice) {
-        return voiceOptionsArray[i].celebratingImage;
-      }
+    try {
+      const exerciseVoice = voiceMap.get(voice) || {};
+      return exerciseVoice.celebratingImage || null;
+    } catch (error) {
+      console.error('Error retrieving celebrating image:', error);
+      return null;
     }
   };
   const isListeningIndicatorTextVisible = recognizing && interimTranscript === "" && finalTranscript === "" ? true : false;

package/dist/Exercises/Translator/Translator.js

@@ -32,6 +32,7 @@ var _ChatBubble = _interopRequireDefault(require("../../Misc/ChatBubble/ChatBubb
 var _WaveFormLite = _interopRequireDefault(require("../../Misc/WaveFormLite"));
 var _styles = require("@mui/material/styles");
 var _reactBeautifulDnd = require("react-beautiful-dnd");
+var _voiceImages = _interopRequireDefault(require("../../utils/voiceImages"));
 var _index = require("../../utils/index");
 var _useWordBankFocus = _interopRequireDefault(require("../../hooks/useWordBankFocus"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -485,20 +486,23 @@ function Translator({
     voiceLanguageCode,
     voicePitch
   } = topicInfo;
+  const voiceMap = (0, _voiceImages.default)(voices || []);
   const getVoiceImage = () => {
-    let voiceOptionsArray = voiceLanguageCode && voices[voiceLanguageCode] ? voices[voiceLanguageCode].voiceOptions : [];
-    for (let i = 0; i < voiceOptionsArray.length; i++) {
-      if (voiceOptionsArray[i].name === voice) {
-        return voiceOptionsArray[i].speakingImage;
-      }
+    try {
+      const exerciseVoice = voiceMap.get(voice) || {};
+      return exerciseVoice.speakingImage || null;
+    } catch (error) {
+      console.error('Error retrieving voice image:', error);
+      return null;
     }
   };
   const getNualaCelebratingImage = () => {
-    let voiceOptionsArray = voiceLanguageCode && voices[voiceLanguageCode] ? voices[voiceLanguageCode].voiceOptions : [];
-    for (let i = 0; i < voiceOptionsArray.length; i++) {
-      if (voiceOptionsArray[i].name === voice) {
-        return voiceOptionsArray[i].celebratingImage;
-      }
+    try {
+      const exerciseVoice = voiceMap.get(voice) || {};
+      return exerciseVoice.celebratingImage || null;
+    } catch (error) {
+      console.error('Error retrieving celebrating image:', error);
+      return null;
     }
   };
   const handleKeyDown = event => {

package/dist/Forms/CreateBot/CreateBot.js

@@ -50,7 +50,8 @@ function CreateBot({
     isUpgradePossible: true
   },
   langChar,
-  isUserInternal
+  isUserInternal,
+  verificationStatus
 }) {
   const difficultyOptions = difficulties.map((d, idx) => {
     const keyId = `creabotvoicx_${(0, _index.randomId)()}${idx}`;
@@ -72,7 +73,8 @@ function CreateBot({
     subscription: subscription,
     voiceOptions: voices,
     langChar: langChar,
-    isUserInternal: isUserInternal
+    isUserInternal: isUserInternal,
+    verificationStatus: verificationStatus
   });
 }
 CreateBot.propTypes = {};

package/dist/Forms/CreateBot/Steps/BotSettings/BotSettings.js

@@ -107,7 +107,7 @@ function BotSettings({
             })]
           })]
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+      }), process.env.REACT_APP_STAGE === "dev" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
         item: true,
         xs: 12,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {

package/dist/Forms/CreateBot/Steps/Confirmation/Confirmation.js

@@ -150,7 +150,7 @@ function Confirmation({
               gutterBottom: true,
               display: "block",
               children: t("advanced_bot_desc")
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
+            }), process.env.REACT_APP_STAGE === "dev" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.FormControl, {
               component: "fieldset",
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.FormLabel, {
                 component: "legend",

package/dist/Forms/CreateClassroom/CreateClassroom.js

@@ -24,7 +24,8 @@ function CreateClassroom({
   subscription = {
     isUpgradePossible: true
   },
-  learnLang
+  learnLang,
+  verificationStatus
 }) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultiStepForm.default, {
     initialValues: {
@@ -49,7 +50,8 @@ function CreateClassroom({
     languages: languages,
     forLanguages: forLanguages,
     fileSizeLimit: fileSizeLimit,
-    subscription: subscription
+    subscription: subscription,
+    verificationStatus: verificationStatus
   });
 }
 CreateClassroom.propTypes = {};

package/dist/Forms/CreateClassroom/Steps/Customization/Customization.js

@@ -17,6 +17,7 @@ function Customization({
   handleChange,
   values,
   fileSizeLimit,
+  verificationStatus,
   isUpdateClassroom = false
 }) {
   const {
@@ -45,7 +46,8 @@ function Customization({
             handleChange: handleChange,
             fileSizeLimit: fileSizeLimit,
             previewComponent: _PreviewCard.default,
-            isBanner: false
+            isBanner: false,
+            verificationStatus: verificationStatus
           })
         })]
       }), isUpdateClassroom ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
@@ -65,7 +67,8 @@ function Customization({
             fileSizeLimit: fileSizeLimit,
             previewComponent: _PreviewCard.default,
             isBanner: true,
-            aspect: 16 / 2.5
+            aspect: 16 / 2.5,
+            verificationStatus: verificationStatus
           })
         })]
       }) : null]

package/dist/Forms/CreateCourse/CreateCourse.js

@@ -24,6 +24,7 @@ function CreateCourse({
   forLanguages = {},
   fileSizeLimit,
   userImage,
+  verificationStatus,
   subscription = {
     isUpgradePossible: true
   },
@@ -58,7 +59,8 @@ function CreateCourse({
     languageOptions: languages,
     forLanguageOptions: forLanguages,
     fileSizeLimit: fileSizeLimit,
-    subscription: subscription
+    subscription: subscription,
+    verificationStatus: verificationStatus
   });
 }
 CreateCourse.propTypes = {};

package/dist/Forms/CreateCourse/Steps/Customization/Customization.js

@@ -17,7 +17,8 @@ function Customization({
   handleChange,
   values,
   fileSizeLimit,
-  isUpdateCourse = false
+  isUpdateCourse = false,
+  verificationStatus
 }) {
   const {
     picture,
@@ -45,7 +46,8 @@ function Customization({
             handleChange: handleChange,
             fileSizeLimit: fileSizeLimit,
             previewComponent: _PreviewCard.default,
-            isBanner: false
+            isBanner: false,
+            verificationStatus: verificationStatus
           })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
@@ -65,7 +67,8 @@ function Customization({
             fileSizeLimit: fileSizeLimit,
             previewComponent: _PreviewCard.default,
             isBanner: true,
-            aspect: 16 / 2.5
+            aspect: 16 / 2.5,
+            verificationStatus: verificationStatus
           })
         })]
       })]

package/dist/Forms/CreateRoleplay/CreateRoleplay.js

@@ -62,7 +62,8 @@ function CreateRoleplay({
     isUpgradePossible: true
   },
   langChar,
-  isUserInternal
+  isUserInternal,
+  verificationStatus
 }) {
   const difficultyOptions = difficulties.map((d, idx) => {
     const keyId = `crearolax${(0, _index.randomId)()}${idx}`;
@@ -85,7 +86,8 @@ function CreateRoleplay({
     fileSizeLimit: fileSizeLimit,
     subscription: subscription,
     langChar: langChar,
-    isUserInternal: isUserInternal
+    isUserInternal: isUserInternal,
+    verificationStatus: verificationStatus
   });
 }
 CreateRoleplay.propTypes = {};

package/dist/Forms/CreateRoleplayHook/CreateRoleplayHook.js

@@ -60,7 +60,8 @@ function CreateRoleplayHook({
   fileSizeLimit,
   subscription = {
     isUpgradePossible: true
-  }
+  },
+  verificationStatus
 }) {
   const difficultyOptions = difficulties.map((d, idx) => {
     const keyId = `crearolax${(0, _index.randomId)()}${idx}`;
@@ -81,7 +82,8 @@ function CreateRoleplayHook({
     avatars: avatars,
     difficultyOptions: difficultyOptions,
     fileSizeLimit: fileSizeLimit,
-    subscription: subscription
+    subscription: subscription,
+    verificationStatus: verificationStatus
   });
 }
 CreateRoleplayHook.propTypes = {};

package/dist/Forms/CreateRoleplayHook/Steps/RoleplayInformation/RoleplayInformation.js

@@ -225,7 +225,8 @@ function RoleplayInformation({
   handleSpeak,
   avatars,
   fileSizeLimit,
-  isUserInternal
+  isUserInternal,
+  verificationStatus
 }) {
   const formContext = (0, _reactHookForm.useFormContext)();
   const {
@@ -335,7 +336,8 @@ function RoleplayInformation({
             value: value,
             handleChange: onChange,
             fileSizeLimit: fileSizeLimit,
-            previewComponent: _PreviewCard.default
+            previewComponent: _PreviewCard.default,
+            verificationStatus: verificationStatus
           })
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {

package/dist/Forms/CreateTopic/Steps/Customization/Customization.js

@@ -17,7 +17,8 @@ function Customization({
   handleChange,
   values,
   fileSizeLimit,
-  isUpdateTopic = false
+  isUpdateTopic = false,
+  verificationStatus
 }) {
   const {
     picture,
@@ -45,7 +46,8 @@ function Customization({
             handleChange: handleChange,
             fileSizeLimit: fileSizeLimit,
             previewComponent: _PreviewCard.default,
-            isBanner: false
+            isBanner: false,
+            verificationStatus: verificationStatus
           })
         })]
       }), isUpdateTopic ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
@@ -65,7 +67,8 @@ function Customization({
             fileSizeLimit: fileSizeLimit,
             previewComponent: _PreviewCard.default,
             isBanner: true,
-            aspect: 16 / 2.5
+            aspect: 16 / 2.5,
+            verificationStatus: verificationStatus
           })
         })]
       }) : null]

package/dist/Forms/CreateTopic/Steps/TopicInformation/TopicInformation.js

@@ -191,7 +191,7 @@ TopicInformation.label = "topic_information";
 TopicInformation.validationSchema = Yup.object().shape({
   topicName: Yup.string().required("required").test("noSpecialChars", "no_special_characters", value => !(0, _utils.containsInvalidSymbols)(value)),
   description: Yup.string().required("required").test("noSpecialChars", "no_special_characters", value => !(0, _utils.containsInvalidSymbols)(value)),
-  topicGoal: Yup.string().test("noSpecialChars", "no_special_characters", value => !(0, _utils.containsInvalidSymbols)(value)),
+  topicGoal: Yup.string().test("noSpecialChars", "no_special_characters", value => !(0, _utils.containsInvalidSymbols)(value)).nullable(),
   difficulty: Yup.string().required("required"),
   picture: Yup.string().nullable(),
   tags: Yup.array(Yup.string().test("noSpecialChars", "no_special_characters", value => !(0, _utils.containsInvalidSymbols)(value))).nullable()

package/dist/Forms/UpdateClassroom/UpdateClassroom.js

@@ -47,7 +47,8 @@ function UpdateClassroom({
   courses,
   scrollToDiscuss,
   setScrollToDiscuss,
-  isClassroomArchived = false
+  isClassroomArchived = false,
+  verificationStatus
 }) {
   const {
     classes
@@ -278,7 +279,8 @@ function UpdateClassroom({
                   values: values,
                   fileSizeLimit: fileSizeLimit,
                   isUpdateClassroom: true,
-                  ...otherProps
+                  ...otherProps,
+                  verificationStatus: verificationStatus
                 })
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CardActions, {
                 className: classes.padding,

package/dist/Forms/UpdateCourse/UpdateCourse.js

@@ -40,7 +40,8 @@ function UpdateCourse({
   languages,
   forLanguages,
   fileSizeLimit,
-  subscription
+  subscription,
+  verificationStatus
 }) {
   const difficultyOptions = difficulties.map((d, idx) => {
     const keyId = `crearolax${(0, _index.randomId)()}${idx}`;
@@ -229,6 +230,7 @@ function UpdateCourse({
                   values: values,
                   fileSizeLimit: fileSizeLimit,
                   isUpdateCourse: true,
+                  verificationStatus: verificationStatus,
                   ...otherProps
                 })
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CardActions, {

package/dist/Forms/UpdateTopic/UpdateTopic.js

@@ -55,7 +55,8 @@ function UpdateTopic({
   voices = {},
   handleSpeak,
   learnLang,
-  isUserInternal
+  isUserInternal,
+  verificationStatus
 }) {
   const {
     classes
@@ -251,6 +252,7 @@ function UpdateTopic({
                   values: values,
                   fileSizeLimit: fileSizeLimit,
                   isUpdateTopic: true,
+                  verificationStatus: verificationStatus,
                   ...otherProps
                 })
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CardActions.default, {

package/dist/Lists/Exercises/Exercises.js

@@ -662,7 +662,7 @@ function BotListItem({
               children: isBotHiddenState ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_VisibilityOff.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Visibility.default, {})
             })
           })
-        }), isCreator && isLargeScreen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+        }), isCreator && isLargeScreen && process.env.REACT_APP_STAGE === "dev" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
           title: isBotAdvanced ? t("unmark_as_advanced_bot") : t("mark_as_advanced_bot"),
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
             "data-cy": "mark_advanced_bot",

package/dist/Lists/RoleplaySelection/RoleplaySelection.js

@@ -204,7 +204,7 @@ function Roleplay({
             })
           })]
         })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItemButton, {
-          onClick: () => handleRoleplaySelected("roleplay-story"),
+          onClick: handleRoleplaySelected("roleplay-story"),
           disabled: isRoleplaySelected || isExerciseSelected || !isRoleplayValid,
           sx: {
             display: "flex",

package/dist/Live/LiveListener/LiveListener.js

@@ -20,6 +20,7 @@ var _reactCountdownCircleTimer = require("react-countdown-circle-timer");
 var _PlayArrow = _interopRequireDefault(require("@mui/icons-material/PlayArrow"));
 var _Pause = _interopRequireDefault(require("@mui/icons-material/Pause"));
 var _reactBeautifulDnd = require("react-beautiful-dnd");
+var _voiceImages = _interopRequireDefault(require("../../utils/voiceImages"));
 var _index = require("../../utils/index");
 var _useWordBankFocus = _interopRequireDefault(require("../../hooks/useWordBankFocus"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -182,20 +183,23 @@ function LiveListener({
       speak(currentQuestion.phrase, voice, false, "#currentPhrase", voiceLanguageCode, false, voicePitch, handleFinishedInitialSpeaking);
     }
   }, [currentQuestion?.phrase, isCreator]);
+  const voiceMap = (0, _voiceImages.default)(voices || []);
   const getVoiceImage = () => {
-    let voiceOptionsArray = voiceLanguageCode && voices[voiceLanguageCode] ? voices[voiceLanguageCode].voiceOptions : [];
-    for (let i = 0; i < voiceOptionsArray.length; i++) {
-      if (voiceOptionsArray[i].name === voice) {
-        return voiceOptionsArray[i].speakingImage;
-      }
+    try {
+      const exerciseVoice = voiceMap.get(voice) || {};
+      return exerciseVoice.speakingImage || null;
+    } catch (error) {
+      console.error('Error retrieving voice image:', error);
+      return null;
     }
   };
   const getNualaCelebratingImage = () => {
-    let voiceOptionsArray = voiceLanguageCode && voices[voiceLanguageCode] ? voices[voiceLanguageCode].voiceOptions : [];
-    for (let i = 0; i < voiceOptionsArray.length; i++) {
-      if (voiceOptionsArray[i].name === voice) {
-        return voiceOptionsArray[i].celebratingImage;
-      }
+    try {
+      const exerciseVoice = voiceMap.get(voice) || {};
+      return exerciseVoice.celebratingImage || null;
+    } catch (error) {
+      console.error('Error retrieving celebrating image:', error);
+      return null;
     }
   };
   const handleOnDragEnd = result => {

package/dist/Live/LiveTranslator/LiveTranslator.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 var _react = require("react");
 var _material = require("@mui/material");
 var _mui = require("tss-react/mui");
+var _Pause = _interopRequireDefault(require("@mui/icons-material/Pause"));
+var _PlayArrow = _interopRequireDefault(require("@mui/icons-material/PlayArrow"));
 var _AccountBalance = _interopRequireDefault(require("@mui/icons-material/AccountBalance"));
 var _InputHelper = _interopRequireDefault(require("../../Forms/InputHelper"));
 var _AnswerResult = _interopRequireDefault(require("../../Misc/AnswerResult"));
@@ -20,8 +22,7 @@ var _reactCountdownCircleTimer = require("react-countdown-circle-timer");
 var _styles = require("@mui/material/styles");
 var _reactBeautifulDnd = require("react-beautiful-dnd");
 var _index = require("../../utils/index");
-var _Pause = _interopRequireDefault(require("@mui/icons-material/Pause"));
-var _PlayArrow = _interopRequireDefault(require("@mui/icons-material/PlayArrow"));
+var _voiceImages = _interopRequireDefault(require("../../utils/voiceImages"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // utils
@@ -207,20 +208,23 @@ function LiveTranslator({
       speak(currentQuestion.phrase, voice, false, "#currentPhrase", voiceLanguageCode, false, voicePitch, handleFinishedInitialSpeaking);
     }
   }, [currentQuestion?.phrase, isCreator]);
+  const voiceMap = (0, _voiceImages.default)(voices || []);
   const getVoiceImage = () => {
-    let voiceOptionsArray = voiceLanguageCode && voices[voiceLanguageCode] ? voices[voiceLanguageCode].voiceOptions : [];
-    for (let i = 0; i < voiceOptionsArray.length; i++) {
-      if (voiceOptionsArray[i].name === voice) {
-        return voiceOptionsArray[i].speakingImage;
-      }
+    try {
+      const exerciseVoice = voiceMap.get(voice) || {};
+      return exerciseVoice.speakingImage || null;
+    } catch (error) {
+      console.error('Error retrieving voice image:', error);
+      return null;
     }
   };
   const getNualaCelebratingImage = () => {
-    let voiceOptionsArray = voiceLanguageCode && voices[voiceLanguageCode] ? voices[voiceLanguageCode].voiceOptions : [];
-    for (let i = 0; i < voiceOptionsArray.length; i++) {
-      if (voiceOptionsArray[i].name === voice) {
-        return voiceOptionsArray[i].celebratingImage;
-      }
+    try {
+      const exerciseVoice = voiceMap.get(voice) || {};
+      return exerciseVoice.celebratingImage || null;
+    } catch (error) {
+      console.error('Error retrieving celebrating image:', error);
+      return null;
     }
   };
   const handleOnDragEnd = result => {

package/dist/Misc/HoverText/HoverText.js

@@ -239,9 +239,9 @@ function HoverText({
         voicePitch: voicePitch,
         voiceSpeed: voiceSpeed,
         muteSound: muteSound
-      }, index)), formattedSource && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactMarkdown.default, {
+      }, index)), formattedSource && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdown.default, {
         components: components,
-        children: [" ", formattedSource, " "]
+        children: formattedSource
       })]
     })
   });

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

@@ -1098,7 +1098,8 @@ function Classroom({
         scrollToDiscuss: scrollToDiscuss,
         setScrollToDiscuss: setScrollToDiscuss,
         isClassroomArchived: isArchived,
-        classroomMembers: classroomMembers
+        classroomMembers: classroomMembers,
+        verificationStatus: verificationStatus
       })
     }, `tab-content-settings`)
   }] : [])];

package/dist/Screens/Courses/ViewCourse/ViewCourse.js

@@ -751,7 +751,8 @@ function Course({
         forLanguages: forLanguages,
         onSubmit: handleUpdateCourse,
         fileSizeLimit: fileSizeLimit,
-        subscription: subscription
+        subscription: subscription,
+        verificationStatus: verificationStatus
       })
     }, `tab-content-settings`)
   }] : [])];

package/dist/Screens/Courses/ViewCourse/ViewTopic/ViewTopic.js

@@ -785,7 +785,8 @@ function Topic({
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
           py: 1,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Phrases.default, {
-            t: t
+            t: t,
+            verificationStatus: verificationStatus
           })
         })]
       })]
@@ -1249,7 +1250,8 @@ function Topic({
           voices: voices,
           handleSpeak: handleSpeak,
           learnLang: learnLang,
-          isUserInternal: isUserInternal
+          isUserInternal: isUserInternal,
+          verificationStatus: verificationStatus
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {

package/dist/utils/voiceImages.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getVoiceImages;
+function getVoiceImages(voices) {
+  const voiceMap = Object.values(voices || []).flatMap(language => language.voiceOptions || []).reduce((acc, voice) => {
+    if (voice && voice.name) {
+      acc.set(voice.name, {
+        speakingImage: voice.speakingImage || null,
+        celebratingImage: voice.celebratingImage || null,
+        userImage: voice.userImage || null,
+        engine: voice.engine || '',
+        provider: voice.provider || '',
+        isNeuralOnly: voice.isNeuralOnly || false
+      });
+    }
+    return acc;
+  }, new Map());
+  return voiceMap;
+}

package/package.json

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