@nualang/nualang-ui-components 0.1.1185 → 0.1.1187

package/dist/Dialogs/BotPreview/BotPreview.js

@@ -63,7 +63,9 @@ function BotPreview({
     stopListening,
     resetTranscript,
     browserSupportsSpeechRecognition
-  } = (0, _useRecognition.default)();
+  } = (0, _useRecognition.default)({
+    openSnackbar
+  });
   const {
     interimTranscript,
     finalTranscript,

package/dist/Dialogs/RoleplayPreview/RoleplayPreview.js

@@ -24,7 +24,8 @@ function RoleplayPreview({
   learnLang,
   forLang,
   roleplay,
-  handleStopSpeaking
+  handleStopSpeaking,
+  isHeritageSpeaker = false
 }) {
   const exerciseState = (0, _useExerciseState.default)({
     t,
@@ -75,6 +76,7 @@ function RoleplayPreview({
     stopSpeaking: stopSpeaking,
     isSpeaking: isSpeaking,
     isSpeakingTextContainer: isSpeakingTextContainer,
+    muteSound: isHeritageSpeaker,
     topBarActions: /*#__PURE__*/_react.default.createElement(_TopBarActions.default, {
       t: t,
       voiceSpeed: voiceSpeed,

package/dist/Editors/Bot/Bot.js

@@ -121,7 +121,9 @@ function Bot({
     stopListening,
     resetTranscript,
     browserSupportsSpeechRecognition
-  } = (0, _useRecognition.default)();
+  } = (0, _useRecognition.default)({
+    openSnackbar
+  });
   const {
     interimTranscript,
     finalTranscript,

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

@@ -67,7 +67,8 @@ function BotDesigner(props) {
     handleUpdateAllVariables,
     handleUploadBotExerciseImage,
     botId,
-    simplified
+    simplified,
+    handleOnBlur
   } = props;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, rivescriptJSON && rivescriptJSON.begin.var && /*#__PURE__*/_react.default.createElement(_VarList.default, {
     t: t,
@@ -84,7 +85,8 @@ function BotDesigner(props) {
     handleVariableSubmit: handleVariableSubmit,
     handleUploadBotExerciseImage: handleUploadBotExerciseImage,
     botId: botId,
-    simplified: simplified
+    simplified: simplified,
+    handleOnBlur: handleOnBlur
   }), rivescriptJSON && rivescriptJSON.begin.sub && !simplified && /*#__PURE__*/_react.default.createElement(_SubList.default, {
     t: t,
     subs: rivescriptJSON.begin.sub,

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

@@ -33,6 +33,7 @@ function VarListItem({
   varName,
   varValue,
   handleSelectCurrentInput,
+  handleOnBlur,
   handleUploadBotExerciseImage,
   botId
 }) {
@@ -78,7 +79,7 @@ function VarListItem({
         handleUpdateVariable({
           target: {
             name: varName,
-            value: `![](${DEFAULT_BOT_IMAGE})`
+            value: DEFAULT_BOT_IMAGE
           }
         });
       }
@@ -187,7 +188,8 @@ function VarListItem({
     multiline: true,
     fullWidth: true,
     onChange: handleUpdateVariable,
-    onClick: handleSelectCurrentInput,
+    onBlur: handleOnBlur,
+    onFocus: handleSelectCurrentInput,
     inputProps: {
       "data-type": "var"
     }
@@ -206,6 +208,7 @@ function VarList({
   handleSelectCurrentInput,
   handleUploadBotExerciseImage,
   botId,
+  handleOnBlur,
   simplified
 }) {
   const [open, setOpen] = _react.default.useState(true);
@@ -227,6 +230,7 @@ function VarList({
       handleRemoveVariable: handleRemoveVariable,
       handleSelectCurrentInput: handleSelectCurrentInput,
       handleUploadBotExerciseImage: handleUploadBotExerciseImage,
+      handleOnBlur: handleOnBlur,
       botId: botId
     }));
   }

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

@@ -585,7 +585,16 @@ function Editor({
   const handleChangeView = event => {
     setIsEditView(event.target.checked);
   };
+  const [isDisabled, setIsDisabled] = (0, _react.useState)(true);
+  const [isButtonClicked, setIsButtonClicked] = (0, _react.useState)(false);
+  const handleOnBlur = () => {
+    if (!isButtonClicked) {
+      setIsDisabled(true);
+    }
+  };
   const handleSelectCurrentInput = event => {
+    setIsDisabled(false);
+    setIsButtonClicked(false);
     const target = event.target.tagName === "DIV" ? event.target.querySelector("textarea") : event.target;
     const {
       topicName,
@@ -749,17 +758,19 @@ function Editor({
       currentInput.focus();
     }
   };
-  const handleAddLink = ({
-    name,
-    value
-  }) => {
+  const handleOpenLinkModal = () => {
+    setLinkModalOpen(true);
+  };
+  const handleCloseLinkModal = () => {
     setLinkModalOpen(false);
-    try {
-      // toggleBefore(`[${name}](${value})`);
-      toggleAround(`[${name}`, `](${value})`);
-    } catch (error) {
-      console.error("error", error);
-    }
+    setIsDisabled(true);
+  };
+  const handleOpenImageModal = () => {
+    setImageModalOpen(true);
+  };
+  const handleCloseImageModal = () => {
+    setImageModalOpen(false);
+    setIsDisabled(true);
   };
   const handleAddImage = async ({
     name,
@@ -1138,28 +1149,33 @@ function Editor({
     startIcon: /*#__PURE__*/_react.default.createElement(_ArrowBack.default, null),
     variant: "outlined"
   }, t("simplified_editor"))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-    title: t("formatting_options")
-  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+    title: isDisabled ? t("Please select a textfield") : t("formatting_options")
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     color: "inherit",
     "aria-label": t("formatting_options"),
     onClick: handleToggleFormattingOptions,
     className: classes.formattingOptionsButton,
-    size: "large"
-  }, /*#__PURE__*/_react.default.createElement(_TextFormat.default, null))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-    title: t("insert_link")
-  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+    size: "large",
+    disabled: isDisabled && !isEditView
+  }, /*#__PURE__*/_react.default.createElement(_TextFormat.default, null)))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+    title: isDisabled ? t("Please select a textfield") : t("insert_link")
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     color: "inherit",
     "aria-label": t("insert_link"),
-    onClick: () => insertLink(),
-    size: "large"
-  }, /*#__PURE__*/_react.default.createElement(_Link.default, null))), /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
-    title: t("insert_photo")
-  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
+    onClick: handleOpenLinkModal,
+    size: "large",
+    disabled: isDisabled && !isEditView,
+    onMouseDown: () => setIsButtonClicked(true)
+  }, /*#__PURE__*/_react.default.createElement(_Link.default, null)))), isEditView && /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
+    title: isDisabled ? t("Please select a textfield") : t("insert_photo")
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     color: "inherit",
     "aria-label": t("insert_photo"),
-    onClick: insertPhoto,
-    size: "large"
-  }, /*#__PURE__*/_react.default.createElement(_InsertPhoto.default, null))), /*#__PURE__*/_react.default.createElement("div", {
+    onClick: handleOpenImageModal,
+    size: "large",
+    disabled: !isEditView,
+    onMouseDown: () => setIsButtonClicked(true)
+  }, /*#__PURE__*/_react.default.createElement(_InsertPhoto.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.characterDropdown
   }, /*#__PURE__*/_react.default.createElement(_InputHelper.Adornment, {
     t: t,
@@ -1167,7 +1183,11 @@ function Editor({
     emoji: true,
     onChange: specialCharacter,
     adornmentPosition: "",
-    iconButtonEdge: ""
+    iconButtonEdge: "",
+    isDisabled: isDisabled,
+    isEditView: isEditView,
+    setIsButtonClicked: setIsButtonClicked,
+    setIsDisabled: setIsDisabled
   })), /*#__PURE__*/_react.default.createElement(_material.Box, {
     flexGrow: 1
   }), simplified ? null : /*#__PURE__*/_react.default.createElement(_material.Box, {
@@ -1226,6 +1246,7 @@ function Editor({
     rivescriptJSON: botJSON,
     learnLangCharacters: learnLangCharacters,
     handleSelectCurrentInput: handleSelectCurrentInput,
+    handleOnBlur: handleOnBlur,
     handleOpenVariableModal: handleOpenVariableModal,
     handleRemoveVariable: handleRemoveVariable,
     handleUpdateVariable: handleUpdateVariable,
@@ -1312,7 +1333,7 @@ function Editor({
     classes: {},
     t: t,
     open: imageModalOpen,
-    onClose: () => setImageModalOpen(false),
+    onClose: handleCloseImageModal,
     botId: bot.botId,
     handleUploadBotExerciseImage: handleUploadBotExerciseImage,
     handleAddImage: handleAddImage
@@ -1320,8 +1341,8 @@ function Editor({
     classes: {},
     t: t,
     open: linkModalOpen,
-    onClose: () => setLinkModalOpen(false),
-    handleAddLink: handleAddLink
+    onClose: handleCloseLinkModal,
+    handleAddLink: handleOpenLinkModal
   }), /*#__PURE__*/_react.default.createElement(_SwitchEditorModal.default, {
     t: t,
     open: isEditorModalOpen,

package/dist/Exercises/Bot/Bot.js

@@ -97,7 +97,8 @@ function Bot({
   courseSettings,
   clearQueue,
   stopAudio,
-  parentClassroom
+  parentClassroom,
+  isHeritageSpeaker
 }) {
   const theme = (0, _styles.useTheme)();
   const {
@@ -116,7 +117,9 @@ function Bot({
     resetTranscript,
     browserSupportsSpeechRecognition,
     clearAttemptAudio
-  } = (0, _useRecognition.default)();
+  } = (0, _useRecognition.default)({
+    openSnackbar
+  });
   const {
     interimTranscript,
     finalTranscript,
@@ -171,7 +174,8 @@ function Bot({
     clearAttemptAudio,
     transcriptConfidence,
     clearQueue,
-    stopAudio
+    stopAudio,
+    isHeritageSpeaker
   });
   const {
     muteSound,
@@ -523,7 +527,7 @@ function Bot({
     inputRef: textInputRef,
     beforeElements: beforeElements,
     browserSupportsSpeechRecognition: browserSupportsSpeechRecognition && isSocketConnected,
-    handleRecord: browserSupportsSpeechRecognition && learnLang !== "irish" ? () => handleMic() : null,
+    handleRecord: browserSupportsSpeechRecognition && learnLang !== "irish" && !isHeritageSpeaker ? () => handleMic() : null,
     isListening: recognizing,
     handleTranslate: handleTranslate,
     handleSend: handleSubmitBotMessage,
@@ -544,7 +548,7 @@ function Bot({
         handleSubmitBotMessage();
       }
     },
-    muteSound: muteSound,
+    muteSound: isHeritageSpeaker ? true : muteSound,
     setCheckedDefault: setChecked,
     exercise: "bot",
     setBotMessages: setBotMessages,

package/dist/Exercises/Listener/Listener.js

@@ -229,7 +229,8 @@ function Listener({
   languageTag,
   siteLanguage,
   courseSettings,
-  parentClassroom
+  parentClassroom,
+  isHeritageSpeaker = false
 }) {
   (0, _useExerciseDocumentTitle.default)({
     exerciseTitle: "Listening",
@@ -267,7 +268,8 @@ function Listener({
     correctSound,
     incorrectSound,
     disableShuffle,
-    toggleMuteSound
+    toggleMuteSound,
+    isHeritageSpeaker
   });
   const {
     questions,
@@ -654,7 +656,7 @@ function Listener({
     component: "h3",
     color: "inherit",
     gutterBottom: true
-  }, t("what_do_you_hear"))), useWordBank && isWordBankEnabled ? /*#__PURE__*/_react.default.createElement("div", {
+  }, t("what_do_you_hear"))), useWordBank && isWordBankEnabled && !isHeritageSpeaker ? /*#__PURE__*/_react.default.createElement("div", {
     role: "application"
   }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true,
@@ -770,7 +772,7 @@ function Listener({
     multiline: true,
     autoComplete: "off",
     characters: learnLangCharacters ? learnLangCharacters : null
-  })), isWordBankEnabled && /*#__PURE__*/_react.default.createElement(_material.Grid, {
+  })), isWordBankEnabled && !isHeritageSpeaker && /*#__PURE__*/_react.default.createElement(_material.Grid, {
     item: true
   }, /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
     title: t("use_wordbank_if_stuck"),
@@ -840,7 +842,7 @@ function Listener({
     exercise: exerciseName,
     languageInformation: languageInformation,
     nualaCelebratingImage: getNualaCelebratingImage()
-  })), useWordBank && isWordBankEnabled ? /*#__PURE__*/_react.default.createElement(_ExerciseBottomBar.default, {
+  })), useWordBank && isWordBankEnabled && !isHeritageSpeaker ? /*#__PURE__*/_react.default.createElement(_ExerciseBottomBar.default, {
     t: t,
     listeningWords: listeningWords,
     handleSubmit: () => handleContinue(false),

package/dist/Exercises/Pronouncer/Pronouncer.js

@@ -162,7 +162,8 @@ function Pronouncer({
   uploadAudioAttempt,
   languageTag,
   trackRecommendedEvent,
-  parentClassroom
+  parentClassroom,
+  isHeritageSpeaker = false
 }) {
   (0, _useExerciseDocumentTitle.default)({
     exerciseTitle: "Pronunciation",
@@ -187,7 +188,8 @@ function Pronouncer({
     currentPhraseText,
     trackRecommendedEvent,
     exerciseName,
-    learnLang
+    learnLang,
+    openSnackbar
   });
   const {
     interimTranscript,
@@ -263,7 +265,8 @@ function Pronouncer({
     indicateEndStream,
     disableShuffle,
     toggleMuteSound,
-    audioBlob
+    audioBlob,
+    isHeritageSpeaker
   });
   const {
     questions,
@@ -626,9 +629,9 @@ function Pronouncer({
     wordList: currentPhrase ? (0, _utils.removeExtraWhiteSpaces)(currentPhrase.phrase).split(" ") : [],
     disableTranslation: false,
     isMessage: false,
-    muteSound: muteSound,
+    muteSound: isHeritageSpeaker ? true : muteSound,
     t: t
-  }), learnLang !== "irish" && /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_WaveFormLite.default, {
+  }), learnLang !== "irish" && !isHeritageSpeaker && /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_WaveFormLite.default, {
     src: pollyResult ? pollyResult : "",
     controls: false,
     isSpeaking: isSpeaking,

package/dist/Exercises/Roleplay/Games/ActItOutGame/ActItOutGame.js

@@ -187,7 +187,8 @@ function RoleplayGame({
   stopAudio,
   languageInformation,
   translationEnabled,
-  parentClassroom
+  parentClassroom,
+  isHeritageSpeaker = false
 }) {
   (0, _useExerciseDocumentTitle.default)({
     exerciseTitle: "Act it out",
@@ -196,7 +197,9 @@ function RoleplayGame({
   const scriptWithoutQuestions = roleplay.script.filter(scriptLine => !scriptLine?.question);
   const {
     recognitionState
-  } = (0, _useRecognition.default)();
+  } = (0, _useRecognition.default)({
+    openSnackbar
+  });
   const {
     finalTranscript,
     recognizing,
@@ -237,7 +240,8 @@ function RoleplayGame({
     toggleMuteSound,
     clearQueue,
     stopAudio,
-    languageInformation
+    languageInformation,
+    isHeritageSpeaker
   });
   const {
     muteSound,
@@ -342,7 +346,7 @@ function RoleplayGame({
     voiceSpeed: voiceSpeed,
     learnLang: learnLang,
     forLang: forLang,
-    muteSound: muteSound,
+    muteSound: isHeritageSpeaker ? true : muteSound,
     setInAnswerOptions: setInAnswerOptions,
     speak: speak,
     stopSpeaking: stopSpeaking,
@@ -414,7 +418,7 @@ function RoleplayGame({
     },
     gameId: gameId,
     hideBottomBar: true,
-    muteSound: muteSound,
+    muteSound: isHeritageSpeaker ? true : muteSound,
     speak: speak,
     stopSpeaking: stopSpeaking,
     isSpeaking: isSpeaking,

package/dist/Exercises/Roleplay/Games/ActItOutGameListening/ActItOutGameListening.js

@@ -199,7 +199,9 @@ function RoleplayGame({
   const scriptWithoutQuestions = roleplay.script.filter(scriptLine => !scriptLine?.question);
   const {
     recognitionState
-  } = (0, _useRecognition.default)();
+  } = (0, _useRecognition.default)({
+    openSnackbar
+  });
   const {
     finalTranscript,
     recognizing,

package/dist/Exercises/Roleplay/Games/ActItOutGameListeningAndSpeaking/ActItOutGame.js

@@ -297,7 +297,8 @@ function RoleplayGame({
     trackRecommendedEvent,
     exerciseName,
     learnLang,
-    gameId
+    gameId,
+    openSnackbar
   });
   const {
     interimTranscript,

package/dist/Exercises/Roleplay/Games/ActItOutGameSpeaking/ActItOutGame.js

@@ -99,7 +99,8 @@ function AnswerOptions({
   isSpeaking,
   isSpeakingTextContainer,
   isSocketConnected,
-  ariaLiveText
+  ariaLiveText,
+  isHeritageSpeaker
 }) {
   (0, _react.useEffect)(() => {
     const messagesElement = document.getElementById("messages");
@@ -273,7 +274,8 @@ function RoleplayGame({
   stopAudio,
   translationEnabled,
   trackRecommendedEvent,
-  parentClassroom
+  parentClassroom,
+  isHeritageSpeaker
 }) {
   (0, _useExerciseDocumentTitle.default)({
     exerciseTitle: "Act it out speaking",
@@ -293,7 +295,8 @@ function RoleplayGame({
     trackRecommendedEvent,
     exerciseName,
     learnLang,
-    gameId
+    gameId,
+    openSnackbar
   });
   const {
     interimTranscript,
@@ -349,7 +352,8 @@ function RoleplayGame({
     uploadAudioAttempt,
     clearQueue,
     stopAudio,
-    languageInformation
+    languageInformation,
+    isHeritageSpeaker
   });
   const {
     muteSound,
@@ -524,7 +528,7 @@ function RoleplayGame({
     finalTranscript: finalTranscript,
     checkIsRoleplayMessageCorrect: checkIsRoleplayMessageCorrect,
     phraseWordList: phraseWordList,
-    muteSound: muteSound,
+    muteSound: isHeritageSpeaker ? true : muteSound,
     speak: speak,
     stopSpeaking: stopSpeaking,
     isSpeaking: isSpeaking,
@@ -597,7 +601,7 @@ function RoleplayGame({
       }
     },
     gameId: gameId,
-    muteSound: muteSound,
+    muteSound: isHeritageSpeaker ? true : muteSound,
     speak: speak,
     stopSpeaking: stopSpeaking,
     isSpeaking: isSpeaking,

package/dist/Exercises/Roleplay/Games/FillInTheBlanksGame/FillInTheBlanksGame.js

@@ -81,7 +81,9 @@ function RoleplayGame({
   const [currentMessages, setCurrentMessages] = (0, _react.useState)([]);
   const {
     recognitionState
-  } = (0, _useRecognition.default)();
+  } = (0, _useRecognition.default)({
+    openSnackbar
+  });
   const {
     finalTranscript,
     recognizing,

package/dist/Exercises/Roleplay/Games/StoryGame/StoryGame.js

@@ -62,7 +62,8 @@ function RoleplayGame({
   stopAudio,
   languageInformation,
   translationEnabled,
-  parentClassroom
+  parentClassroom,
+  isHeritageSpeaker
 }) {
   (0, _useExerciseDocumentTitle.default)({
     exerciseTitle: "Story",
@@ -75,7 +76,9 @@ function RoleplayGame({
   const languageTag = languageInformation.Code;
   const {
     recognitionState
-  } = (0, _useRecognition.default)();
+  } = (0, _useRecognition.default)({
+    openSnackbar
+  });
   const {
     finalTranscript,
     recognizing,
@@ -112,7 +115,8 @@ function RoleplayGame({
     toggleMuteSound,
     clearQueue,
     stopAudio,
-    languageInformation
+    languageInformation,
+    isHeritageSpeaker
   });
   const {
     muteSound,
@@ -283,7 +287,7 @@ function RoleplayGame({
     },
     gameId: gameId,
     hideBottomBar: true,
-    muteSound: muteSound
+    muteSound: isHeritageSpeaker ? true : muteSound
   }), /*#__PURE__*/_react.default.createElement(_CompletedExcercise.default, {
     open: isCompletionModalOpen,
     restartExcercise: () => {

package/dist/Exercises/Roleplay/Roleplay.js

@@ -65,7 +65,8 @@ function Roleplay({
   handleSignIn,
   courseSettings,
   trackRecommendedEvent,
-  parentClassroom
+  parentClassroom,
+  isHeritageSpeaker
 }) {
   const theme = (0, _styles.useTheme)();
   const isLgScreen = (0, _useMediaQuery.default)(theme.breakpoints.up("md"));
@@ -272,7 +273,8 @@ function Roleplay({
     handleStopSpeaking: handleStopSpeaking,
     learnLang: roleplay.learnLang,
     forLang: roleplay.forLang,
-    roleplay: roleplay
+    roleplay: roleplay,
+    isHeritageSpeaker: isHeritageSpeaker
   }), /*#__PURE__*/_react.default.createElement(_material.Divider, {
     sx: {
       borderBottomWidth: 5
@@ -287,7 +289,8 @@ function Roleplay({
     authenticated: authenticated,
     handleSignIn: handleSignIn,
     isCreator: roleplay.isCreator,
-    isRoleplayEmpty: isRoleplayEmpty
+    isRoleplayEmpty: isRoleplayEmpty,
+    isHeritageSpeaker: isHeritageSpeaker
   }), games.map((RoleplayGame, index) => {
     if (RoleplayGame.gameId === gameId) {
       return /*#__PURE__*/_react.default.createElement(RoleplayGame, _extends({
@@ -338,7 +341,8 @@ function Roleplay({
         clearQueue: clearQueue,
         stopAudio: stopAudio,
         trackRecommendedEvent: trackRecommendedEvent,
-        parentClassroom: parentClassroom
+        parentClassroom: parentClassroom,
+        isHeritageSpeaker: isHeritageSpeaker
       }));
     }
     return null;

package/dist/Exercises/Roleplay/RoleplayGameOptions/RoleplayGames.js

@@ -20,7 +20,8 @@ function RoleplayGames({
   authenticated,
   handleSignIn,
   isCreator,
-  isRoleplayEmpty
+  isRoleplayEmpty,
+  isHeritageSpeaker
 }) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.default, {
     sx: {
@@ -33,7 +34,7 @@ function RoleplayGames({
     sx: {
       m: 2
     }
-  }, t("choose_game_mode"))), gameList.map((game, index) => !gamesHidden[game.gameId] || isCreator ? /*#__PURE__*/_react.default.createElement(_Grid.default, {
+  }, t("choose_game_mode"))), gameList.map((game, index) => !gamesHidden[game.gameId] && !((game.gameId === "act-it-out-listening" || game.gameId === "act-it-out-listening-speaking") && isHeritageSpeaker) || isCreator ? /*#__PURE__*/_react.default.createElement(_Grid.default, {
     item: true,
     xs: 12,
     key: index,

package/dist/Exercises/Translator/Translator.js

@@ -237,7 +237,8 @@ function Translator({
   siteLanguage,
   courseSettings = {},
   isKeyboardHiddenTranslation,
-  parentClassroom
+  parentClassroom,
+  isHeritageSpeaker
 }) {
   (0, _useExerciseDocumentTitle.default)({
     exerciseTitle: "Translation",
@@ -276,7 +277,8 @@ function Translator({
     incorrectSound,
     disableShuffle,
     toggleMuteSound,
-    isKeyboardHiddenTranslation
+    isKeyboardHiddenTranslation,
+    isHeritageSpeaker
   });
   const {
     questions,
@@ -651,10 +653,10 @@ function Translator({
     wordList: currentPhrase ? (0, _index.removeExtraWhiteSpaces)(currentPhrase.phrase).split(" ") : [],
     disableTranslation: false,
     isMessage: false,
-    muteSound: muteSound,
+    muteSound: isHeritageSpeaker ? true : muteSound,
     t: t,
     languageTag: languageTag
-  }), learnLang !== "irish" && /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_WaveFormLite.default, {
+  }), learnLang !== "irish" && !isHeritageSpeaker && /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_WaveFormLite.default, {
     src: pollyResult ? pollyResult : "",
     controls: false,
     isSpeaking: isSpeaking,

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

@@ -414,6 +414,12 @@ function BotInformation({
         const voiceSelected = e.target.value;
         const voiceOptionElem = document.getElementById(`voice-${voiceSelected}`);
         const languageCode = voiceOptionElem.getAttribute("data-language-code");
+        handleChange({
+          target: {
+            name: "voice",
+            value: voiceSelected
+          }
+        });
         handleSpeak({
           text: voiceSelected,
           learnLanguage: learnLang,