@nualang/nualang-ui-components 0.1.1370 → 0.1.1372

package/dist/Assignments/AssignmentExerciseSelection/AssignmentExerciseSelection.js

@@ -104,7 +104,8 @@ function Exercise({
   const [roleplaysOpen, setRoleplaysOpen] = useState(noRoleplays ? false : true);
   const noBots = name.toLowerCase() === "bots" && bots?.length === 0;
   const [botsOpen, setBotsOpen] = useState(noBots ? false : true);
-  const [phraseListsOpen, setPhraseListsOpen] = useState(phraseLists && phraseLists.length > 0 ? true : false);
+  // Phrase lists aren't currently available to check during the first render so using the phrases instead
+  const [phraseListsOpen, setPhraseListsOpen] = useState(phrases && phrases.length > 0 ? true : false);
   const navigate = useNavigate();
   const params = useParams();
   const {

package/dist/Forms/CreateTopic/CreateTopic.js

@@ -11,9 +11,7 @@ function getSteps() {
 function CreateTopic({
   t = text => text,
   onSubmit,
-  handleSpeak,
   difficulties = ["A1", "A2", "B1", "B2", "C1", "C2"],
-  voices = {},
   initialValues = {
     topicName: "",
     description: "",
@@ -34,8 +32,7 @@ function CreateTopic({
   fileSizeLimit,
   subscription = {
     isUpgradePossible: true
-  },
-  isUserInternal
+  }
 }) {
   const difficultyOptions = difficulties.map((d, idx) => {
     const keyId = `cretopicx_${randomId()}${idx}`;
@@ -50,12 +47,9 @@ function CreateTopic({
     onSubmit: onSubmit,
     t: t,
     difficultyOptions: difficultyOptions,
-    handleSpeak: handleSpeak,
     learnLang: learnLang,
     fileSizeLimit: fileSizeLimit,
-    subscription: subscription,
-    voiceOptions: voices,
-    isUserInternal: isUserInternal
+    subscription: subscription
   });
 }
 CreateTopic.propTypes = {};

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

@@ -1,8 +1,6 @@
-import { useEffect, useMemo } from "react";
 import { Grid, FormControl, FormControlLabel, FormLabel, Radio, RadioGroup, Typography, Tooltip } from "@mui/material";
 import { makeStyles } from "tss-react/mui";
 import * as Yup from "yup";
-import VoiceSelector from "../../../../Forms/VoiceSelector/VoiceSelector";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const useStyles = makeStyles()(theme => ({
   group: {
@@ -16,72 +14,22 @@ function TopicSettings({
   errors,
   handleChange,
   handleBlur,
-  subscription,
-  learnLang,
-  voiceOptions = {},
-  handleSpeak,
-  isUserInternal
+  subscription
 }) {
-  const voicesArray = useMemo(() => {
-    return Object.entries(voiceOptions).flatMap(([key, dialect]) => {
-      if (!dialect?.voiceOptions || !Array.isArray(dialect.voiceOptions)) {
-        return [];
-      }
-      return dialect.voiceOptions.filter(voice => voice?.name) // Validate required properties
-      .map(voice => ({
-        voice,
-        dialect,
-        key
-      }));
-    });
-  }, [voiceOptions]);
   const {
     classes
   } = useStyles();
   const {
-    visibility,
-    shuffleEnabled,
-    voice,
-    voicePitch,
-    voiceLanguageCode
+    visibility
   } = values;
-  useEffect(() => {
-    if (!voicesArray.length) {
-      return;
-    }
-    const randomIndex = Math.floor(Math.random() * voicesArray.length);
-    const randomVoiceObj = voicesArray[randomIndex];
-    const {
-      voice: randomVoice,
-      dialect
-    } = randomVoiceObj;
-    let mounted = true;
-    if (mounted && !values.voice) {
-      handleChange({
-        target: {
-          name: "voice",
-          value: randomVoice.name
-        }
-      });
-      handleChange({
-        target: {
-          name: "voiceLanguageCode",
-          value: dialect.languageCode
-        }
-      });
-    }
-    return () => {
-      mounted = false;
-    };
-  }, [voicesArray, handleChange]);
   return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(Grid, {
+    children: /*#__PURE__*/_jsx(Grid, {
       container: true,
       sx: {
         width: "100%"
       },
       spacing: 2,
-      children: [/*#__PURE__*/_jsx(Grid, {
+      children: /*#__PURE__*/_jsx(Grid, {
         size: 12,
         children: /*#__PURE__*/_jsxs(FormControl, {
           component: "fieldset",
@@ -121,117 +69,13 @@ function TopicSettings({
             })]
           })]
         })
-      }), /*#__PURE__*/_jsx(Grid, {
-        size: 12,
-        children: /*#__PURE__*/_jsxs(FormControl, {
-          component: "fieldset",
-          children: [/*#__PURE__*/_jsx(FormLabel, {
-            component: "legend",
-            children: t("shuffle_phrases")
-          }), /*#__PURE__*/_jsx(Typography, {
-            color: "textSecondary",
-            children: t("shuffle_phrases_desc")
-          }), /*#__PURE__*/_jsxs(RadioGroup, {
-            row: true,
-            "aria-label": "shuffleEnabled",
-            name: "shuffleEnabled",
-            value: shuffleEnabled,
-            onChange: handleChange,
-            onBlur: handleBlur,
-            helperText: touched.shuffleEnabled ? errors.shuffleEnabled : "",
-            error: touched.shuffleEnabled && Boolean(errors.shuffleEnabled),
-            children: [/*#__PURE__*/_jsx(FormControlLabel, {
-              value: "enabled",
-              control: /*#__PURE__*/_jsx(Radio, {}),
-              label: t("enabled")
-            }), /*#__PURE__*/_jsx(FormControlLabel, {
-              value: "disabled",
-              control: /*#__PURE__*/_jsx(Radio, {}),
-              label: t("disabled")
-            })]
-          })]
-        })
-      }), learnLang !== "irish" && /*#__PURE__*/_jsxs(Grid, {
-        size: 12,
-        children: [/*#__PURE__*/_jsx(Typography, {
-          gutterBottom: true,
-          children: t("topic_voice_desc")
-        }), /*#__PURE__*/_jsx(VoiceSelector, {
-          id: "voice",
-          name: "voice",
-          "data-cy": "voice",
-          margin: "normal",
-          variant: "outlined",
-          fullWidth: true,
-          required: learnLang !== "irish",
-          t: t,
-          voices: voiceOptions,
-          label: t("topic_voice"),
-          value: voice,
-          onChange: e => {
-            if (e && e.target && e.target.value) {
-              handleChange(e);
-              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,
-                voiceName: voiceSelected,
-                languageCode
-              });
-              handleChange({
-                target: {
-                  name: "voiceLanguageCode",
-                  value: languageCode
-                }
-              });
-              handleChange({
-                target: {
-                  name: "voicePitch",
-                  value: ""
-                }
-              });
-            }
-          },
-          onVoicePitchChange: e => {
-            if (e && e.target) {
-              handleChange(e);
-              handleSpeak({
-                text: voiceLanguageCode ? t("voice_pitch_example", {
-                  name: voice,
-                  lng: voiceLanguageCode?.substring(0, 2)
-                }) : voice,
-                learnLanguage: learnLang,
-                voiceName: voice,
-                languageCode: voiceLanguageCode,
-                pitch: e.target.value
-              });
-            }
-          },
-          onBlur: handleBlur,
-          helperText: touched.voice ? errors.voice : "",
-          error: touched.voice && Boolean(errors.voice),
-          voicePitch: voicePitch,
-          isUserInternal: isUserInternal
-        })]
-      })]
+      })
     })
   });
 }
 TopicSettings.propTypes = {};
 TopicSettings.label = "topic_settings";
 TopicSettings.validationSchema = Yup.object().shape({
-  visibility: Yup.string().required("required"),
-  shuffleEnabled: Yup.string().nullable(),
-  voice: Yup.string().nullable(),
-  voiceLanguageCode: Yup.string().nullable(),
-  voicePitch: Yup.string().nullable()
+  visibility: Yup.string().required("required")
 });
 export default TopicSettings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nualang/nualang-ui-components",
-  "version": "0.1.1370",
+  "version": "0.1.1372",
   "type": "module",
   "main": "dist/index.js",
   "files": [
@@ -101,7 +101,7 @@
     "@mui/system": "^7.0.2",
     "@mui/x-date-pickers": "^8.27.2",
     "@nualang/eslint-config-nualang": "0.2.0-alpha-5",
-    "@nualang/nualang-api-and-queries": "^1.1.36",
+    "@nualang/nualang-api-and-queries": "^1.1.38",
     "@react-theming/storybook-addon": "^1.1.10",
     "@storybook/addon-docs": "^10.0.2",
     "@storybook/addon-links": "^10.0.2",