@nualang/nualang-ui-components 0.1.1201 → 0.1.1203

package/dist/Dialogs/CreatePhrase/CreatePhrase.js

@@ -599,7 +599,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/Dialogs/SelectExercise/SelectExercise.js

@@ -19,16 +19,36 @@ function SelectExercise({
   getCourseSections,
   getRoleplays,
   handleCreateGame,
-  username
+  username,
+  useCase = "live"
 }) {
   const [isExerciseSelected, setIsExerciseSelected] = (0, _react.useState)(false);
+  const [selectedExercises, setSelectedExercises] = (0, _react.useState)([]);
+  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;
+    });
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ResponsiveDialog.default, {
     open: open,
     handleClose: handleClose,
-    dialogTitle: t("play_live"),
+    dialogTitle: useCase === "live" ? t("play_live") : t("assignment"),
     maxWidth: "md",
+    handleSubmit: useCase === "live" ? null : () => {},
+    submitText: useCase === "live" ? null : t("add_exercises"),
+    isSubmitDisabled: selectedExercises.length === 0,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContentText, {
-      children: t("live_dialog_description")
+      children: useCase === "live" ? t("live_dialog_description") : t("assign_exercises_description")
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
       mt: 1,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CourseSelection.default, {
@@ -40,7 +60,10 @@ function SelectExercise({
         t: t,
         isExerciseSelected: isExerciseSelected,
         setIsExerciseSelected: setIsExerciseSelected,
-        isDialogOpen: open
+        isDialogOpen: open,
+        useCase: useCase,
+        selectedExercises: selectedExercises,
+        handleSelectExercise: useCase === "assignment" ? handleSelectExercise : null
       })
     })]
   });

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/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/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/CourseSelection/CourseSelection.js

@@ -23,6 +23,9 @@ function Course({
   isExerciseSelected,
   setIsExerciseSelected,
   isDialogOpen,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
   assignment,
   handleStartExercise,
   isAssignment,
@@ -97,6 +100,9 @@ function Course({
           isExerciseSelected: isExerciseSelected,
           setIsExerciseSelected: setIsExerciseSelected,
           getRoleplays: getRoleplays,
+          handleSelectExercise: handleSelectExercise,
+          selectedExercises: selectedExercises,
+          useCase: useCase,
           assignment: assignment,
           handleStartExercise: handleStartExercise,
           isAssignment: isAssignment,
@@ -115,13 +121,15 @@ function CourseSelection({
   t,
   isExerciseSelected,
   setIsExerciseSelected,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
   assignment,
   handleStartExercise,
   isAssignment,
   isCreator,
   ...otherProps
 }) {
-  console.log("courses", courses);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     children: courses.map((course, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Course, {
       course: course,
@@ -133,6 +141,9 @@ function CourseSelection({
       t: t,
       isExerciseSelected: isExerciseSelected,
       setIsExerciseSelected: setIsExerciseSelected,
+      handleSelectExercise: handleSelectExercise,
+      selectedExercises: selectedExercises,
+      useCase: useCase,
       assignment: assignment,
       handleStartExercise: handleStartExercise,
       isAssignment: isAssignment,

package/dist/Lists/ExerciseSelection/ExerciseSelection.js

@@ -14,6 +14,7 @@ var _Hearing = _interopRequireDefault(require("@mui/icons-material/Hearing"));
 var _SwapHoriz = _interopRequireDefault(require("@mui/icons-material/SwapHoriz"));
 var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
+var _RecordVoiceOver = _interopRequireDefault(require("@mui/icons-material/RecordVoiceOver"));
 var _Forum = _interopRequireDefault(require("@mui/icons-material/Forum"));
 var _OndemandVideo = _interopRequireDefault(require("@mui/icons-material/OndemandVideo"));
 var _RoleplaySelection = _interopRequireDefault(require("../RoleplaySelection/RoleplaySelection"));
@@ -32,14 +33,18 @@ function Exercise({
   setIsExerciseSelected,
   roleplays,
   phrases,
+  handleSelectExercise = null,
+  selectedExercises,
+  useCase,
   assignment,
   handleStartExercise,
   isAssignment,
   isCreator
 }) {
-  console.log("section", section);
   const [listeningHidden, setListeningHidden] = (0, _react.useState)(false);
   const [translationHidden, setTranslationHidden] = (0, _react.useState)(false);
+  const [pronunciationHidden, setPronunciationHidden] = (0, _react.useState)(false);
+  const isAssignmentExerciseSelected = selectedExercises.some(e => e.name === name && e.courseSectionTopicId === courseSectionTopicId);
   const noRoleplays = name.toLowerCase() === "roleplays" && roleplays.length === 0;
   const [roleplaysOpen, setRoleplaysOpen] = (0, _react.useState)(noRoleplays ? false : true);
   const handleToggleRoleplays = () => {
@@ -62,18 +67,23 @@ function Exercise({
       if (topic.hiddenExercises && topic.hiddenExercises.includes("translation")) {
         setTranslationHidden(true);
       }
+      if (topic.hiddenExercises && topic.hiddenExercises.includes("pronunciation")) {
+        setPronunciationHidden(true);
+      }
     });
   }, [section]);
   const isValidExercise = phrases.length >= 2 || name.toLowerCase() === "roleplays";
-  if (name.toLowerCase() === "listening" && listeningHidden || name.toLowerCase() === "translation" && translationHidden) {
+  if (name.toLowerCase() === "listening" && listeningHidden || name.toLowerCase() === "translation" && translationHidden || name.toLowerCase() === "pronunciation" && pronunciationHidden) {
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Tooltip, {
     title: name === "roleplays" && noRoleplays ? t("topic_no_roleplays") : !isValidExercise ? t("minimum_two_phrases") : "",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItemButton, {
       onClick: () => {
-        name.toLowerCase() === "roleplays" ? handleToggleRoleplays() : handleExerciseSelected();
-        //add start exercise function here if it is an assignment
+        name.toLowerCase() === "roleplays" ? handleToggleRoleplays() : useCase === "assignment" ? handleSelectExercise([{
+          name,
+          courseSectionTopicId
+        }]) : handleExerciseSelected();
       },
       display: "flex",
       alignItems: "center",
@@ -88,6 +98,8 @@ function Exercise({
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Hearing.default, {})
       }), name.toLowerCase() === "translation" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SwapHoriz.default, {})
+      }), name.toLowerCase() === "pronunciation" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RecordVoiceOver.default, {})
       }), name.toLowerCase() === "roleplays" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Forum.default, {})
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
@@ -98,8 +110,20 @@ function Exercise({
         })
       }), name.toLowerCase() === "roleplays" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
         children: roleplaysOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {})
-      }), (name.toLowerCase() === "listening" || name.toLowerCase() === "translation") && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
-        children: isAssignment ? isCreator ? null :
+      }), (name.toLowerCase() === "listening" || name.toLowerCase() === "translation" || name.toLowerCase() === "pronunciation") && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+        children: isAssignment ? isCreator ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+          checked: isAssignmentExerciseSelected,
+          onClick: event => {
+            event.stopPropagation();
+          } //so clicking on the checkbox doesnt also trigger the onclick of the listItemButton
+          ,
+          onChange: () => {
+            handleSelectExercise([{
+              name,
+              courseSectionTopicId
+            }]);
+          }
+        }) :
         /*#__PURE__*/
         //add check to see if the exercise is completed
         (0, _jsxRuntime.jsx)(_CheckCircle.default, {
@@ -119,7 +143,10 @@ function Exercise({
           handleCreateGame: handleCreateGame,
           courseSectionTopicId: courseSectionTopicId,
           t: t,
-          isExerciseSelected: isExerciseSelected
+          isExerciseSelected: isExerciseSelected,
+          handleSelectExercise: handleSelectExercise,
+          selectedExercises: selectedExercises,
+          useCase: useCase
         })
       })
     })]
@@ -138,6 +165,9 @@ function ExerciseList({
   setIsExerciseSelected,
   roleplays,
   phrases,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
   assignment,
   handleStartExercise,
   isAssignment,
@@ -164,6 +194,9 @@ function ExerciseList({
         sectionId: sectionId,
         topicId: topicId,
         phrases: phrases,
+        handleSelectExercise: handleSelectExercise,
+        selectedExercises: selectedExercises,
+        useCase: useCase,
         assignment: assignment,
         handleStartExercise: handleStartExercise,
         isAssignment: isAssignment,
@@ -201,6 +234,9 @@ function Topic({
   isExerciseSelected,
   setIsExerciseSelected,
   getRoleplays,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
   assignment,
   handleStartExercise,
   isAssignment,
@@ -210,10 +246,20 @@ function Topic({
   const theme = (0, _styles.useTheme)();
   const isLargeScreen = (0, _useMediaQuery.default)(theme.breakpoints.up("sm"));
   const [isExerciseListOpen, setExerciseListOpen] = (0, _react.useState)(false);
-  const toggleExerciseList = () => {
-    setExerciseListOpen(!isExerciseListOpen);
-  };
-  const exercises = [{
+  const [isWholeTopicSelected, setIsWholeTopicSelected] = (0, _react.useState)(false);
+  const exercises = useCase === "assignment" ? [{
+    name: "translation",
+    description: `translation_exercise_desc`
+  }, {
+    name: "listening",
+    description: `listening_exercise_desc`
+  }, {
+    name: "pronunciation",
+    description: `pronunciation_exercise_desc`
+  }, {
+    name: "roleplays",
+    description: `roleplay_exercise_desc`
+  }] : [{
     name: "translation",
     description: `translation_exercise_desc`
   }, {
@@ -223,6 +269,47 @@ function Topic({
     name: "roleplays",
     description: `roleplay_exercise_desc`
   }];
+  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"];
+  (0, _react.useEffect)(() => {
+    const exerciseCount = selectedExercises.filter(exercise => 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) {
+      setIsWholeTopicSelected(true);
+    } else {
+      setIsWholeTopicSelected(false);
+    }
+  }, [selectedExercises]);
+  const handleSelectAll = () => {
+    if (isWholeTopicSelected) {
+      const removeExercises = selectedExercises.filter(exercise => exercise.courseSectionTopicId === `${courseId}|${sectionId}|${topicId}` || exercise.roleplayId && roleplays.some(roleplay => roleplay.roleplayId === exercise.roleplayId));
+      handleSelectExercise(removeExercises);
+    } else {
+      let exercisesToAdd = [];
+      exercises.filter(e => e.name !== "roleplays").forEach(exercise => {
+        if (!selectedExercises.some(e => e.courseSectionTopicId === `${courseId}|${sectionId}|${topicId}` && e.name === exercise.name)) {
+          exercisesToAdd = [...exercisesToAdd, {
+            courseSectionTopicId: `${courseId}|${sectionId}|${topicId}`,
+            name: exercise.name
+          }];
+        }
+      });
+      roleplays.forEach(roleplay => {
+        games.forEach(game => {
+          if (!selectedExercises.some(e => e.roleplayId === roleplay.roleplayId && e.game === game)) {
+            exercisesToAdd = [...exercisesToAdd, {
+              roleplayId: roleplay.roleplayId,
+              game
+            }];
+          }
+        });
+      });
+      handleSelectExercise(exercisesToAdd);
+    }
+  };
+  const toggleExerciseList = () => {
+    setExerciseListOpen(!isExerciseListOpen);
+  };
   const hasNonEmptyRoleplay = roleplays.some(roleplay => roleplay?.script?.length !== 0 && roleplay?.script?.some(line => line.text !== undefined));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Tooltip, {
@@ -286,6 +373,14 @@ function Topic({
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
           children: isExerciseListOpen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandMore.default, {})
+        }), useCase === "assignment" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+            checked: isWholeTopicSelected,
+            onClick: event => {
+              event.stopPropagation();
+            },
+            onChange: handleSelectAll
+          })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Collapse, {
         in: isExerciseListOpen,
@@ -308,6 +403,9 @@ function Topic({
           setIsExerciseSelected: setIsExerciseSelected,
           roleplays: roleplays,
           phrases: phrases,
+          handleSelectExercise: handleSelectExercise,
+          selectedExercises: selectedExercises,
+          useCase: useCase,
           assignment: assignment,
           handleStartExercise: handleStartExercise,
           isAssignment: isAssignment,
@@ -330,6 +428,9 @@ function Section({
   isExerciseSelected,
   setIsExerciseSelected,
   getRoleplays,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
   assignment,
   handleStartExercise,
   isAssignment,
@@ -368,6 +469,9 @@ function Section({
         isExerciseSelected: isExerciseSelected,
         setIsExerciseSelected: setIsExerciseSelected,
         getRoleplays: getRoleplays,
+        handleSelectExercise: handleSelectExercise,
+        selectedExercises: selectedExercises,
+        useCase: useCase,
         assignment: assignment,
         handleStartExercise: handleStartExercise,
         isAssignment: isAssignment,
@@ -386,6 +490,9 @@ function SectionList({
   isExerciseSelected,
   setIsExerciseSelected,
   getRoleplays,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
   assignment,
   handleStartExercise,
   isAssignment,
@@ -406,6 +513,9 @@ function SectionList({
         setIsExerciseSelected: setIsExerciseSelected,
         section: section,
         getRoleplays: getRoleplays,
+        handleSelectExercise: handleSelectExercise,
+        selectedExercises: selectedExercises,
+        useCase: useCase,
         assignment: assignment,
         handleStartExercise: handleStartExercise,
         isAssignment: isAssignment,
@@ -432,6 +542,9 @@ function ExerciseSelection({
   isExerciseSelected,
   setIsExerciseSelected,
   getRoleplays,
+  handleSelectExercise,
+  selectedExercises,
+  useCase,
   assignment,
   handleStartExercise,
   isAssignment,
@@ -474,6 +587,9 @@ function ExerciseSelection({
       handleCreateGame: handleCreateGame,
       isExerciseSelected: isExerciseSelected,
       setIsExerciseSelected: setIsExerciseSelected,
+      handleSelectExercise: handleSelectExercise,
+      selectedExercises: selectedExercises,
+      useCase: useCase,
       isAssignment: isAssignment,
       assignment: assignment,
       ...otherProps

package/dist/Lists/RoleplaySelection/RoleplaySelection.js

@@ -21,9 +21,38 @@ function Roleplay({
   isRoleplaySelected,
   setIsRoleplaySelected,
   t,
-  isExerciseSelected
+  isExerciseSelected,
+  handleSelectExercise = null,
+  selectedExercises,
+  useCase
 }) {
   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"];
+  const [isSelectAllChecked, setIsSelectAllChecked] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const count = selectedExercises.filter(exercise => exercise.roleplayId === roleplay.roleplayId).length;
+    setIsSelectAllChecked(count === games.length);
+  }, [selectedExercises, roleplay.roleplayId, games.length]);
+  const handleSelectAll = () => {
+    if (isSelectAllChecked) {
+      const removeExercises = games.map(game => ({
+        roleplayId: roleplay.roleplayId,
+        game
+      }));
+      handleSelectExercise(removeExercises);
+    } else {
+      let gamesToAdd = [];
+      games.forEach(game => {
+        if (!selectedExercises.some(e => e.roleplayId === roleplay.roleplayId && e.game === game)) {
+          gamesToAdd = [...gamesToAdd, {
+            roleplayId: roleplay.roleplayId,
+            game
+          }];
+        }
+      });
+      handleSelectExercise(gamesToAdd);
+    }
+  };
   const handleRoleplaySelected = exerciseName => () => {
     setIsRoleplaySelected(true);
     handleCreateGame({
@@ -118,6 +147,7 @@ function Roleplay({
               })
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+            onClick: () => setOpen(!open),
             children: open ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandLess.default, {
               sx: {
                 color: "#757575"
@@ -127,6 +157,18 @@ function Roleplay({
                 color: "#757575"
               }
             })
+          }), useCase === "assignment" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+            title: t("select_all"),
+            placement: "top",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Checkbox, {
+                checked: isSelectAllChecked,
+                onChange: handleSelectAll,
+                onClick: event => {
+                  event.stopPropagation();
+                }
+              })
+            })
           })]
         })
       })
@@ -136,8 +178,33 @@ function Roleplay({
       unmountOnExit: true,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
         ml: 3.5,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItemButton, {
-          onClick: handleRoleplaySelected("roleplay-story"),
+        children: useCase === "assignment" ? games.map(game => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItemButton, {
+          onClick: isRoleplayValid ? () => handleSelectExercise([{
+            roleplayId: roleplay.roleplayId,
+            game
+          }]) : null,
+          disabled: !isRoleplayValid,
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            flexDirection: {
+              xs: "column",
+              sm: "row"
+            }
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoStories.default, {})
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+            primary: t(game),
+            secondary: t("story_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)
+            })
+          })]
+        })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItemButton, {
+          onClick: () => handleRoleplaySelected("roleplay-story"),
           disabled: isRoleplaySelected || isExerciseSelected || !isRoleplayValid,
           sx: {
             display: "flex",
@@ -168,7 +235,10 @@ function RoleplaySelection({
   handleCreateGame,
   courseSectionTopicId,
   t,
-  isExerciseSelected
+  isExerciseSelected,
+  handleSelectExercise,
+  selectedExercises,
+  useCase
 }) {
   const [isRoleplaySelected, setIsRoleplaySelected] = (0, _react.useState)(false);
   return roleplays.map((roleplay, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Roleplay, {
@@ -178,7 +248,10 @@ function RoleplaySelection({
     setIsRoleplaySelected: setIsRoleplaySelected,
     courseSectionTopicId: courseSectionTopicId,
     t: t,
-    isExerciseSelected: isExerciseSelected
+    isExerciseSelected: isExerciseSelected,
+    handleSelectExercise: handleSelectExercise,
+    selectedExercises: selectedExercises,
+    useCase: useCase
   }, index));
 }
 var _default = exports.default = RoleplaySelection;

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/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.1201",
+  "version": "0.1.1203",
   "main": "dist/index.js",
   "files": [
     "dist",